From 24d913df1688b29a379249ac7a525858d6bc8ee9 Mon Sep 17 00:00:00 2001
From: yuyang <uyarnchen@gmail.com>
Date: Sun, 19 Feb 2023 00:54:39 +0800
Subject: [PATCH] fix: setting default style (#425)

---
 package.json            |  2 +-
 src/layouts/setting.vue | 20 +++++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 36ecf75..bc276d4 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "qrcode.vue": "^3.3.3",
     "qs": "^6.11.0",
     "tdesign-icons-vue-next": "^0.1.7",
-    "tdesign-vue-next": "^1.0.0",
+    "tdesign-vue-next": "^1.0.8",
     "tvision-color": "^1.5.0",
     "vue": "^3.2.45",
     "vue-clipboard3": "^2.0.0",
diff --git a/src/layouts/setting.vue b/src/layouts/setting.vue
index d79a93c..5ff6172 100644
--- a/src/layouts/setting.vue
+++ b/src/layouts/setting.vue
@@ -214,7 +214,9 @@ watchEffect(() => {
   if (formData.value.brandTheme) settingStore.updateConfig(formData.value);
 });
 </script>
-<style lang="less" scoped>
+<!-- teleport导致drawer 内 scoped样式问题无法生效 先规避下 -->
+<!-- eslint-disable-next-line vue-scoped-css/enforce-style-type -->
+<style lang="less">
 .tdesign-setting {
   z-index: 100;
   position: fixed;
@@ -297,14 +299,14 @@ watchEffect(() => {
   .setting-container {
     padding-bottom: 100px;
   }
-  :deep(.t-radio-group.t-size-m) {
+  .t-radio-group.t-size-m {
     min-height: 32px;
     width: 100%;
     justify-content: space-between;
     align-items: center;
   }
 
-  :deep(.t-radio-group.t-size-m .t-radio-button) {
+  .t-radio-group.t-size-m .t-radio-button {
     height: auto;
   }
 
@@ -314,7 +316,7 @@ watchEffect(() => {
     align-items: center;
     margin-bottom: 16px;
 
-    :deep(.t-radio-button) {
+    .t-radio-button {
       display: inline-flex;
       max-height: 78px;
       padding: 8px;
@@ -325,22 +327,22 @@ watchEffect(() => {
       }
     }
 
-    :deep(.t-is-checked) {
+    .t-is-checked {
       border: 2px solid var(--td-brand-color) !important;
     }
 
-    :deep(.t-form__controls-content) {
+    .t-form__controls-content {
       justify-content: end;
     }
   }
 
-  :deep(.t-form__controls-content) {
+  .t-form__controls-content {
     justify-content: end;
   }
 }
 
 .setting-route-theme {
-  :deep(.t-form__label) {
+  .t-form__label {
     min-width: 310px !important;
     color: var(--td-text-color-secondary);
   }
@@ -348,7 +350,7 @@ watchEffect(() => {
 
 .setting-color-theme {
   .setting-layout-drawer {
-    :deep(.t-radio-button) {
+    .t-radio-button {
       height: 32px;
     }