From 7c5962d11d786d61eb6f48c859cec16372b52ead Mon Sep 17 00:00:00 2001
From: "liu.shiyi" <liu.shiyi@ustcinfo.com>
Date: Mon, 28 Aug 2023 11:24:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E4=B8=BB=E9=A2=98=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicComponents/ThemeSwitcher/setting.vue | 28 ---------------
 .../packages/js/utils/themeFormatting.js      | 36 +++++++++++++++++--
 2 files changed, 34 insertions(+), 30 deletions(-)

diff --git a/data-room-ui/packages/BasicComponents/ThemeSwitcher/setting.vue b/data-room-ui/packages/BasicComponents/ThemeSwitcher/setting.vue
index 4281a439..504b0c86 100644
--- a/data-room-ui/packages/BasicComponents/ThemeSwitcher/setting.vue
+++ b/data-room-ui/packages/BasicComponents/ThemeSwitcher/setting.vue
@@ -31,34 +31,6 @@
       <div class="lc-field-body">
         <PosWhSetting :config="config" />
       </div>
-      <SettingTitle>基础</SettingTitle>
-      <div class="lc-field-body">
-        <el-form-item
-          label="标题字体大小"
-          label-width="100px"
-        >
-          <el-input
-            v-model="config.customize.fontSize"
-            placeholder="请输入标题字体大小"
-            clearable
-          >
-            <template slot="append">
-              px
-            </template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          label="标题字体权重"
-          label-width="100px"
-        >
-          <el-input-number
-            v-model="config.customize.fontWeight"
-            class="bs-el-input-number"
-            placeholder="请输入标题字体权重"
-          />
-        </el-form-item>
-        <TextGradient v-model="config.customize.color" />
-      </div>
     </el-form>
   </div>
 </template>
diff --git a/data-room-ui/packages/js/utils/themeFormatting.js b/data-room-ui/packages/js/utils/themeFormatting.js
index a296c0e4..df512cb4 100644
--- a/data-room-ui/packages/js/utils/themeFormatting.js
+++ b/data-room-ui/packages/js/utils/themeFormatting.js
@@ -23,9 +23,22 @@ export function settingToTheme (config, type) {
     } else {
       // 如果是普通组件
       if (config.customize && Object.keys(config.customize).length) {
+        // customize属性存在层级
         for (const item in config.customize) {
-          if (item.includes('color') || item.includes('Color') || item.includes('BGC')) {
-            theme[type][item] = config.customize[item]
+          const value = config.customize[item];
+          //如果包含二级属性
+          if (typeof value === 'object' &&  Object.keys(value).length){
+            // 对于二级属性
+            for (const subKey in value) {
+              if (subKey.includes('color') || subKey.includes('Color') || subKey.includes('BGC')){
+                theme[type][`${item}_${subKey}`] = value[subKey];
+              }
+            }
+          }else{
+            // 如果只有一级属性
+            if (item.includes('color') || item.includes('Color') || item.includes('BGC')) {
+              theme[type][item] = config.customize[item]
+            }
           }
         }
       }
@@ -54,6 +67,25 @@ export function themeToSetting (chartList, type) {
         } else {
           // 如果是普通组件
           if (chart.customize && Object.keys(chart.customize).length) {
+            for(let key in chart.theme[type]){
+              const value = chart.theme[type][key];
+              // 如果对应的是二级属性
+                if (key.includes('_')){
+                  const [propertyName, subPropertyName] = key.split('_');
+                  if (!chart.customize[propertyName]) {
+                    chart.customize[propertyName] = {}
+                  }else{
+                      chart.customize[propertyName][subPropertyName] = value;
+                  }
+                }else{
+                  // 对应的一级属性
+                  if (Object.prototype.hasOwnProperty.call(chart.customize, key)) {
+                    // 更新 customize 中对应项的值为 theme 中的属性值
+                    chart.customize[key] = chart.theme[type][key]
+                  }
+                }
+
+            }
             for (const item in chart.customize) {
               // 检查 obj 中是否存在与 customize 相对应的属性
               if (Object.prototype.hasOwnProperty.call(chart.theme[type], item)) {