@lingxiteam/theme-utils 0.2.16 → 0.3.0

package/dist/config/Button.d.ts

@@ -5,6 +5,7 @@ export declare const Button: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         lineHeight: {
             type: string;
@@ -28,11 +29,13 @@ export declare const Button: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         paddingValue: {
             type: string;
@@ -60,6 +63,9 @@ export declare const Button: {
     followThemes: {
         '@primary-color': string[];
         '@font-size-base': string[];
+        '@border-radius-base': string[];
+        '@border-color-base': string[];
+        '@text-color': never[];
     };
     tpl: string;
     components: {

package/dist/config/Button.js

@@ -4,7 +4,8 @@ export var Button = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@text-color'
     },
     lineHeight: {
       type: 'px',
@@ -27,12 +28,14 @@ export var Button = {
     borderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     borderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-radius-base'
     },
     paddingValue: {
       type: 'marginInput',
@@ -59,7 +62,10 @@ export var Button = {
   }],
   followThemes: {
     '@primary-color': ['backgroundColor'],
-    '@font-size-base': ['fontSize']
+    '@font-size-base': ['fontSize'],
+    '@border-radius-base': ['borderRadius'],
+    '@border-color-base': ['borderColor'],
+    '@text-color': []
   },
   tpl: "\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
   components: [{

package/dist/config/Card.d.ts

@@ -62,11 +62,13 @@ export declare const Card: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         bodyColor: {
             type: string;
@@ -94,6 +96,8 @@ export declare const Card: {
     }[];
     followThemes: {
         '@primary-color': string[];
+        '@border-radius-base': never[];
+        '@border-color-base': never[];
     };
     tpl: string;
     components: {

package/dist/config/Card.js

@@ -79,12 +79,14 @@ export var Card = {
     borderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     borderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-radius-base'
     },
     bodyColor: {
       type: 'color',
@@ -111,7 +113,9 @@ export var Card = {
     lineColor: '#f0f0f0'
   }],
   followThemes: {
-    '@primary-color': ['titleColor']
+    '@primary-color': ['titleColor'],
+    '@border-radius-base': [],
+    '@border-color-base': []
   },
   tpl: "\n  .pcfactory-card{\n    border-radius: borderRadius;\n  }\n  .ued-card.pcfactory-card-bordered .pcfactory-card-head {\n    background-color: backgroundColor;\n    border-color: lineColor;\n    border-top-left-radius: borderRadius;\n    border-top-right-radius: borderRadius;\n  }\n  .ued-card.pcfactory-card-bordered {\n    border-color: borderColor;\n  }\n  .ued-card.pcfactory-card-bordered {\n    border-color: borderColor;\n  }\n  .ued-card .ued-card-title-icon-auto>i {\n    color: titleColor;\n    margin-right: tagMargin;\n  }\n  .ued-card .ued-card-title-icon-auto span{\n    color: titleColor;\n    margin-right: tagMargin;\n  }\n  .ued-card .ued-card-title::before {\n    color: titleColor;\n    background: titleColor;\n    margin-right: tagMargin;\n  }\n    .ued-card .ued-card-title-icon-auto>i svg{\n      width: tagSize;\n      height: tagSize;\n  }\n   .ued-card .ued-card-title-icon-auto span svg{\n      width: tagSize;\n      height: tagSize;\n  }\n  .ued-card .pcfactory-card-body{\n    background-color: bodyColor;\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n  }",
   components: [{

package/dist/config/Checkbox.d.ts

@@ -51,6 +51,7 @@ export declare const Checkbox: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioBgColor: {
             type: string;
@@ -82,6 +83,7 @@ export declare const Checkbox: {
     }[];
     followThemes: {
         '@primary-color': string[];
+        '@border-color-base': string[];
     };
     tpl: string;
     components: {

package/dist/config/Checkbox.js

@@ -50,7 +50,8 @@ export var Checkbox = {
     radioBorderColor: {
       type: 'color',
       label: '默认边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     radioBgColor: {
       type: 'color',
@@ -81,7 +82,8 @@ export var Checkbox = {
     radioSeBgColor: '#47e'
   }],
   followThemes: {
-    '@primary-color': ['radioSeBgColor', 'radioSeBorderColor']
+    '@primary-color': ['radioSeBgColor', 'radioSeBorderColor'],
+    '@border-color-base': ['radioBorderColor']
   },
   tpl: ".ued-checkbox-wrap{\n    .pcfactory-checkbox-inner{\n      width: radioSize;\n      height: radioSize;\n      border-color: radioBorderColor;\n      background: radioBgColor;\n    }\n    .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n      background: radioSeBgColor;\n    }\n    .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n  }\n   .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n    border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n    background: radioSeBgColor;\n    width: calc(0.47* radioSize);\n    height: calc(0.47* radioSize);\n  }\n  .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n    width: calc(0.35* radioSize);\n    height: calc(0.57* radioSize);\n  }\n  }",
   components: [{

package/dist/config/CheckboxGroup.d.ts

@@ -51,6 +51,7 @@ export declare const CheckboxGroup: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioBgColor: {
             type: string;
@@ -82,6 +83,7 @@ export declare const CheckboxGroup: {
     }[];
     followThemes: {
         '@primary-color': string[];
+        '@border-color-base': string[];
     };
     tpl: string;
     components: {

package/dist/config/CheckboxGroup.js

@@ -50,7 +50,8 @@ export var CheckboxGroup = {
     radioBorderColor: {
       type: 'color',
       label: '默认边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     radioBgColor: {
       type: 'color',
@@ -81,7 +82,8 @@ export var CheckboxGroup = {
     radioSeBgColor: '#47e'
   }],
   followThemes: {
-    '@primary-color': ['radioSeBorderColor', 'radioSeBgColor']
+    '@primary-color': ['radioSeBorderColor', 'radioSeBgColor'],
+    '@border-color-base': ['radioBorderColor']
   },
   tpl: ".ued-checkboxgroup-wrap {\n    .pcfactory-checkbox-inner{\n      width: radioSize;\n      height: radioSize;\n      border-color: radioBorderColor;\n      background: radioBgColor;\n    }\n    .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n      background: radioSeBgColor;\n    }\n    .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n    border-color: radioSeBorderColor;\n}\n .pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-form-item input[type=checkbox]{\n    width: radioSize;\n    height: radioSize;\n  }\n   .pcfactory-form-item input[type=radio]{\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n    background: radioSeBgColor;\n    width: calc(0.47* radioSize);\n    height: calc(0.47* radioSize);\n  }\n  .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n    width: calc(0.35* radioSize);\n    height: calc(0.57* radioSize);\n  }\n  }",
   components: [{

package/dist/config/Collapse.d.ts

@@ -41,6 +41,7 @@ export declare const Collapse: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         tagSize: {
             type: string;
@@ -67,11 +68,13 @@ export declare const Collapse: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         lineColor: {
             type: string;
@@ -100,6 +103,9 @@ export declare const Collapse: {
     }[];
     followThemes: {
         '@font-size-base': string[];
+        '@primary-color': string[];
+        '@border-radius-base': never[];
+        '@border-color-base': never[];
     };
     tpl: string;
     components: {

package/dist/config/Collapse.js

@@ -58,7 +58,8 @@ export var Collapse = {
     titleColor: {
       type: 'color',
       label: '装饰图标颜色',
-      groupsName: '颜色'
+      groupsName: '颜色',
+      followTheme: '@primary-color'
     },
     tagSize: {
       type: 'px',
@@ -84,12 +85,14 @@ export var Collapse = {
     borderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     borderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-radius-base'
     },
     lineColor: {
       type: 'color',
@@ -117,7 +120,10 @@ export var Collapse = {
     bodyColor: '#fff'
   }],
   followThemes: {
-    '@font-size-base': ['arrowSize']
+    '@font-size-base': ['arrowSize'],
+    '@primary-color': ['titleColor'],
+    '@border-radius-base': [],
+    '@border-color-base': []
   },
   tpl: ".ued-collapse-wrap .ued-collapse-panel-header-icon-auto span, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i{\n    color: titleColor;\n    margin-right: tagMargin;\n  }\n  .ued-collapse-wrap .ued-collapse-panel-header-icon-auto span svg, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i svg{\n    width: tagSize;\n    height: tagSize;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow {\n  color: arrowColor;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow  svg{\n  width: arrowSize;\n  height: arrowSize;\n}\n.ued-collapse-wrap .pcfactory-collapse{\n  border-color: borderColor;\n  border-radius: borderRadius;\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item{\n  border-color: borderColor;\n\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content{\n  border-color: lineColor;\n}\n.ued-collapse-wrap .pcfactory-collapse>div:last-child{\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n    .pcfactory-collapse-header{\n      border-bottom-right-radius: borderRadius;\n      border-bottom-left-radius: borderRadius;\n    }\n}\n.ued-collapse-wrap .pcfactory-collapse .pcfactory-collapse-item-active:last-child {\n  .pcfactory-collapse-header{\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse-item:last-child>.pcfactory-collapse-content{\n  border-bottom-right-radius: borderRadius;\n  border-bottom-left-radius: borderRadius;\n  .ued-collapse-pane-content{\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse>div:first-child {\n  border-top-left-radius: borderRadius;\n  border-top-right-radius: borderRadius;\n  .pcfactory-collapse-header{\n    border-top-left-radius: borderRadius;\n  border-top-right-radius: borderRadius;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content>.pcfactory-collapse-content-box .ued-collapse-pane-content{\n  background-color: bodyColor;\n}",
   components: [{

package/dist/config/Container.d.ts

@@ -7,6 +7,7 @@ export declare const Container: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         lineHeight: {
             type: string;
@@ -19,6 +20,7 @@ export declare const Container: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         fontWeight: {
             type: string;
@@ -41,6 +43,10 @@ export declare const Container: {
         fontSize: string;
         fontWeight: string;
     }[];
+    followThemes: {
+        '@heading-color': string[];
+        '@font-size-base': never[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/config/Container.js

@@ -6,7 +6,8 @@ export var Container = {
       type: 'color',
       label: '标题文本颜色',
       groupsName: '文字',
-      desc: '对卡片标题、折叠面板标题、表格头部标题生效'
+      desc: '对卡片标题、折叠面板标题、表格头部标题生效',
+      followTheme: '@heading-color'
     },
     lineHeight: {
       type: 'px',
@@ -18,7 +19,8 @@ export var Container = {
       type: 'px',
       label: '标题文本尺寸',
       groupsName: '文字',
-      desc: '对卡片标题、折叠面板标题、表格头部标题生效'
+      desc: '对卡片标题、折叠面板标题、表格头部标题生效',
+      followTheme: '@font-size-baser'
     },
     fontWeight: {
       type: 'select',
@@ -76,6 +78,10 @@ export var Container = {
     // borderRadius: '8px',
   }],
 
+  followThemes: {
+    '@heading-color': ['textColor'],
+    '@font-size-base': []
+  },
   // TODO：布局容器、普通容器
   tpl: "\n    .ued-card .ued-card-title {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-card .pcfactory-card-head > .pcfactory-card-head-wrapper > .pcfactory-card-head-title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right > .pcfactory-collapse-item > .pcfactory-collapse-header .ued-collapse-panel-header {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n   .ued-table-filters .table-head-default{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-filters .table-head-middle{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-wrap .table-head-default{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-wrap .table-head-middle .title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n      padding: 0 0 0 18px ;\n    }\n    .ued-table-wrap .table-head .title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }",
   components: [{

package/dist/config/DatePicker.d.ts

@@ -2,6 +2,18 @@ export declare const DatePicker: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        iconFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        iconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
         labelTextColor: {
             type: string;
             label: string;
@@ -58,17 +70,6 @@ export declare const DatePicker: {
             canEdit: boolean;
             extendsKey: string;
         };
-        iconFontSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
-        iconColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
     };
     groupsName: string;
     icon: string;
@@ -79,6 +80,7 @@ export declare const DatePicker: {
     }[];
     followThemes: {
         '@font-size-base': string[];
+        '@primary-color': string[];
     };
     tpl: string;
     components: {

package/dist/config/DatePicker.js

@@ -2,6 +2,18 @@ export var DatePicker = {
   type: 'DatePicker',
   hasPrefixClass: true,
   variable: {
+    iconFontSize: {
+      type: 'px',
+      label: '日期图标尺寸',
+      groupsName: '文字',
+      followTheme: '@font-size-base'
+    },
+    iconColor: {
+      type: 'color',
+      label: '日期图标颜色',
+      groupsName: '文字',
+      followTheme: '@primary-color'
+    },
     labelTextColor: {
       type: 'color',
       label: '标题文本颜色',
@@ -57,17 +69,6 @@ export var DatePicker = {
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
-    },
-    iconFontSize: {
-      type: 'px',
-      label: '日期图标尺寸',
-      groupsName: '文字',
-      followTheme: '@font-size-base'
-    },
-    iconColor: {
-      type: 'color',
-      label: '日期图标颜色',
-      groupsName: '文字'
     }
   },
   groupsName: '数据录入',
@@ -75,10 +76,11 @@ export var DatePicker = {
   title: '日期选择 ',
   defaultValue: [{
     iconFontSize: '14px',
-    iconColor: '#0085D0'
+    iconColor: '#47e'
   }],
   followThemes: {
-    '@font-size-base': ['iconFontSize']
+    '@font-size-base': ['iconFontSize'],
+    '@primary-color': ['iconColor']
   },
   tpl: ".ued-datePicker-wrap {\n    .pcfactory-picker-suffix{\n      color: iconColor;\n      width: iconFontSize;\n      height: iconFontSize;\n      .anticon>svg{\n        width: iconFontSize;\n        height: iconFontSize;\n      }\n    }\n   .pcfactory-picker-clear{\n      color: iconColor;\n      width: iconFontSize;\n      height: iconFontSize;\n      .anticon>svg{\n        width: iconFontSize;\n        height: iconFontSize;\n      }\n    }\n  }",
   components: [{

package/dist/config/Description.d.ts

@@ -6,6 +6,7 @@ export declare const Description: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderWidth: {
             type: string;
@@ -26,11 +27,13 @@ export declare const Description: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         bodyTextColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         paddingValue: {
             type: string;
@@ -56,6 +59,11 @@ export declare const Description: {
         textColor: string;
         bodyTextColor: string;
     }[];
+    followThemes: {
+        '@text-color': string[];
+        '@heading-color': string[];
+        '@border-color-base': never[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Description.js

@@ -5,7 +5,8 @@ export var Description = {
     borderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     borderWidth: {
       type: 'px',
@@ -25,12 +26,14 @@ export var Description = {
     textColor: {
       type: 'color',
       label: '标题文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@heading-color'
     },
     bodyTextColor: {
       type: 'color',
       label: '正文文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@text-color'
     },
     paddingValue: {
       type: 'marginInput',
@@ -56,6 +59,11 @@ export var Description = {
     textColor: '#3e454d',
     bodyTextColor: '#3e454d'
   }],
+  followThemes: {
+    '@text-color': ['bodyTextColor'],
+    '@heading-color': ['textColor'],
+    '@border-color-base': []
+  },
   tpl: ".ued-description-wrap{\n    .ued-description.border{\n      border-left: borderWidth solid borderColor;\n      border-top: borderWidth solid borderColor;\n    }\n    .ued-description .ued-description-cell.border{\n      border-bottom: borderWidth solid borderColor;\n      border-right: borderWidth solid borderColor;\n    }\n    .ued-description .ued-description-cell .ued-description-label.bg{\n      border-right: borderWidth solid borderColor;\n      background: backgroundColor;\n      color: textColor;\n    }\n    .ued-description .ued-description-cell .ued-description-label{\n      padding: paddingValue;\n    }\n    .ued-description .ued-description-cell .ued-description-cont{\n      padding: bodyPaddingValue;\n      background: bodyBgColor;\n      color: bodyTextColor;\n    }\n  }",
   components: [{
     id: 'Description_180191',

package/dist/config/Form.d.ts

@@ -12,6 +12,7 @@ export declare const Form: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         labelLineHeight: {
             type: string;
@@ -31,6 +32,7 @@ export declare const Form: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         fontSize: {
             type: string;
@@ -44,10 +46,12 @@ export declare const Form: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         itemBorderRadius: {
             type: string;
             label: string;
+            followTheme: string;
             groupsName: string;
             desc: string;
         };
@@ -66,7 +70,10 @@ export declare const Form: {
         itemBorderRadius: string;
     }[];
     followThemes: {
+        '@text-color': string[];
+        '@border-radius-base': never[];
         '@font-size-base': string[];
+        '@border-color-base': string[];
     };
     itemCustomTpl: string;
     tpl: string;

package/dist/config/Form.js

@@ -27,7 +27,8 @@ export var Form = {
       type: 'color',
       label: '标题文本颜色',
       groupsName: '文字',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@text-color'
     },
     labelLineHeight: {
       type: 'px',
@@ -46,7 +47,8 @@ export var Form = {
       type: 'color',
       label: '文本颜色',
       groupsName: '文字',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@text-color'
     },
     fontSize: {
       type: 'px',
@@ -59,11 +61,13 @@ export var Form = {
       type: 'color',
       label: '组件边框颜色',
       groupsName: '边框',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@border-color-base'
     },
     itemBorderRadius: {
       type: 'px',
       label: '组件边框圆角',
+      followTheme: '@border-radius-base',
       groupsName: '边框',
       desc: '对所有[数据录入]类型组件生效'
     }
@@ -82,7 +86,10 @@ export var Form = {
     itemBorderRadius: '2px'
   }],
   followThemes: {
-    '@font-size-base': ['labelFontSize', 'fontSize']
+    '@text-color': ['textColor', 'labelTextColor'],
+    '@border-radius-base': [],
+    '@font-size-base': ['labelFontSize', 'fontSize'],
+    '@border-color-base': ['itemBorderColor']
   },
   // 标签是 form 表单里面才有的，单独拉数据录入组件是没有标签的。
   // 为了 tpl 干净，不在下列添加注释，顺序是输入框、多行输入框、数字输入、验证码、单选组、复选组、下拉单选、下拉复选、日期选择、时间选择、开关、文件上传、滑动输入条、评星

package/dist/config/Radio.d.ts

@@ -51,6 +51,7 @@ export declare const Radio: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioBgColor: {
             type: string;
@@ -81,6 +82,7 @@ export declare const Radio: {
     }[];
     followThemes: {
         '@primary-color': string[];
+        '@border-color-base': string[];
     };
     tpl: string;
     components: {

package/dist/config/Radio.js

@@ -50,7 +50,8 @@ export var Radio = {
     radioBorderColor: {
       type: 'color',
       label: '默认边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     radioBgColor: {
       type: 'color',
@@ -80,7 +81,8 @@ export var Radio = {
     radioSeBgColor: '#fff'
   }],
   followThemes: {
-    '@primary-color': ['radioSeBorderColor']
+    '@primary-color': ['radioSeBorderColor'],
+    '@border-color-base': ['radioBorderColor']
   },
   tpl: ".ued-radio-wrap {\n  .pcfactory-radio-inner{\n      width: radioSize;\n      height: radioSize;\n      border-color: radioBorderColor;\n      background: radioBgColor;\n    }\n    .pcfactory-radio-checked .pcfactory-radio-inner{\n      border-color: radioSeBorderColor;\n      background: radioSeBgColor;\n    }\n    .pcfactory-radio-input:focus+.pcfactory-radio-inner{\n      border-color: radioSeBorderColor;\n  }\n   .pcfactory-radio-wrapper:hover .pcfactory-radio{\n    border-color: radioSeBorderColor;\n}\n .pcfactory-radio:hover .pcfactory-radio-inner {\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-form-item input[type=checkbox]{\n    width: radioSize;\n    height: radioSize;\n  }\n   .pcfactory-form-item input[type=radio]{\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-radio-checked .pcfactory-radio-inner:after{\n    background: radioSeBorderColor;\n    margin-left:0px;\n    margin-top:0px;\n    top:-1px;\n    left:-1px;\n    border-radius: radioSize;\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-radio-button-wrapper {\n    border-top: 1px solid radioBorderColor;\n    border-right: 1px solid radioBorderColor;\n    border-bottom: 1px solid radioBorderColor;\n    background: radioBgColor;\n  }\n  .pcfactory-radio-button-wrapper:first-child{\n    border-left: 1px solid radioBorderColor;\n  }\n  .pcfactory-radio-button-wrapper-checked:not([class*=' pcfactory-radio-button-wrapper-disabled']).pcfactory-radio-button-wrapper:first-child{\n    border-right-color: radioBorderColor;\n    border-color: radioBorderColor;\n  }\n  .pcfactory-radio-button-wrapper-checked:not(.pcfactory-radio-button-wrapper-disabled){\n    background: radioSeBorderColor;\n    color: radioSeBgColor;\n  }\n}",
   components: [{

package/dist/config/Table.d.ts

@@ -54,6 +54,7 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         tbFontSize: {
             type: string;
@@ -65,11 +66,13 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         tbBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         headBgColor: {
             type: string;
@@ -94,6 +97,7 @@ export declare const Table: {
         headTextColor: {
             type: string;
             label: string;
+            followTheme: string;
             groupsName: string;
         };
         headFontWeight: {
@@ -128,6 +132,7 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         bodyFontWeight: {
             type: string;
@@ -180,6 +185,9 @@ export declare const Table: {
     followThemes: {
         '@primary-color': string[];
         '@font-size-base': string[];
+        '@text-color': never[];
+        '@border-radius-base': never[];
+        '@border-color-base': never[];
     };
     tpl: string;
     components: ({

package/dist/config/Table.js

@@ -71,7 +71,8 @@ export var Table = {
     selectPaginationRadius: {
       type: 'px',
       label: '选中项边框圆角',
-      groupsName: '表格分页'
+      groupsName: '表格分页',
+      followTheme: '@border-radius-base'
     },
     // 基础表格
     tbFontSize: {
@@ -83,12 +84,14 @@ export var Table = {
     tbBorderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '基础'
+      groupsName: '基础',
+      followTheme: '@border-color-base'
     },
     tbBorderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '基础'
+      groupsName: '基础',
+      followTheme: '@border-radius-base'
     },
     headBgColor: {
       type: 'color',
@@ -113,6 +116,7 @@ export var Table = {
     headTextColor: {
       type: 'color',
       label: '文本颜色',
+      followTheme: '@text-color',
       groupsName: '表头'
     },
     headFontWeight: {
@@ -170,7 +174,8 @@ export var Table = {
     bodyTextColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '内容行'
+      groupsName: '内容行',
+      followTheme: '@text-color'
     },
     bodyFontWeight: {
       type: 'select',
@@ -246,7 +251,10 @@ export var Table = {
   }],
   followThemes: {
     '@primary-color': ['selectPaginationColor', 'selectPaginationBorder'],
-    '@font-size-base': ['tbFontSize']
+    '@font-size-base': ['tbFontSize'],
+    '@text-color': [],
+    '@border-radius-base': [],
+    '@border-color-base': []
   },
   tpl: ".ued-table-wrap {\n   .pcfactory-table{\n      font-size: tbFontSize;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n   .ued-table .pcfactory-table table {\n      border-radius: tbBorderRadius;\n      border: 1px solid #E8E8E8;\n      overflow: hidden;\n    }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:first-child{\n      border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:last-child{\n      border-top-right-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th {\n    background: headBgColor;\n    padding: headPadding;\n    color: headTextColor;\n    font-weight: headFontWeight;\n    text-align: headTextAlign;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tbody>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>th{\n    border-color: tbBorderColor;\n  }\n    .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table .pcfactory-table-thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n    text-align: bodyTextAlign;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n    text-align: bodyTextAlign;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n   .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n    border-radius: tbBorderRadius;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n  .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n    border-style: solid;\n    border-width: 1px;\n  }\n  .ued-table-page .pcfactory-pagination-item{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-item-link{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-select .pcfactory-select-selector{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-pagination-options-quick-jumper input{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-filters .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n  .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n}",
   components: [{

package/dist/config/Tabs.d.ts

@@ -23,6 +23,7 @@ export declare const Tabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         paddingValue: {
             type: string;
@@ -76,6 +77,7 @@ export declare const Tabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         bodyColor: {
             type: string;
@@ -104,6 +106,7 @@ export declare const Tabs: {
     }[];
     followThemes: {
         '@primary-color': string[];
+        '@border-radius-base': never[];
     };
     tpl: string;
     components: ({

package/dist/config/Tabs.js

@@ -22,7 +22,8 @@ export var Tabs = {
     activeRadius: {
       type: 'px',
       label: '选中项边框圆角',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-radius-base'
     },
     paddingValue: {
       type: 'marginInput',
@@ -116,7 +117,8 @@ export var Tabs = {
     borderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@border-radius-base'
     },
     bodyColor: {
       type: 'color',
@@ -144,9 +146,10 @@ export var Tabs = {
     activeFontWeight: '300'
   }],
   followThemes: {
-    '@primary-color': ['activeFColor', 'activeBgColor']
+    '@primary-color': ['activeFColor', 'activeBgColor'],
+    '@border-radius-base': []
   },
-  tpl: ".ued-tabs-wrap {\n    .pcfactory-tabs-card.pcfactory-tabs-bottom .pcfactory-tabs-tab.pcfactory-tabs-tab-active {\n      border-top: 1px solid activeBgColor !important;\n      background-color: activeBgColor !important;\n  }\n    .pcfactory-tabs {\n      border-radius: borderRadius !important;\n    }\n    .ued-tabs-tabpane-content{\n      background-color: bodyColor;\n    }\n  .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n      background: headBgColor;\n  }\n  .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n  }\n  .pcfactory-tabs-top .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-top-left-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n  }\n  .pcfactory-tabs-left .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-top-left-radius: activeRadius;\n      border-bottom-left-radius: activeRadius;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n  }\n  .pcfactory-tabs-bottom .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-left-radius: activeRadius;\n      border-bottom-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-right .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n      border-bottom-right-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n  }\n .pcfactory-tabs-nav .pcfactory-tabs-tab-active:hover{\n      background: activeBgColor !important;\n  }\n  .pcfactory-tabs-top .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      border-top-left-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-left .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      border-top-left-radius: activeRadius;\n      border-bottom-left-radius: activeRadius;\n  }\n  .pcfactory-tabs-bottom .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-left-radius: activeRadius;\n      border-bottom-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-right .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: activeRadius;\n      border-bottom-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-card.pcfactory-tabs-bottom .pcfactory-tabs-tab{\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: activeRadius;\n    border-bottom-right-radius: activeRadius;\n}\n.pcfactory-tabs-card.pcfactory-tabs-left .pcfactory-tabs-tab{\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: activeRadius;\n  border-bottom-left-radius: activeRadius;\n}\n.pcfactory-tabs-card.pcfactory-tabs-right .pcfactory-tabs-tab{\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-right-radius: activeRadius;\n  border-bottom-right-radius: activeRadius;\n}\n.pcfactory-tabs-card.pcfactory-tabs-top .pcfactory-tabs-tab{\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: activeRadius;\n  border-top-right-radius: activeRadius;\n}\n.pcfactory-tabs-card .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn:hover{\n  color: activeBgColor;\n}\n  .pcfactory-tabs-tab.pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n      color: activeTextColor;\n      font-weight: activeFontWeight;\n  }\n .pcfactory-tabs-nav .pcfactory-tabs-tab{\n      margin-right: marginValue;\n      padding: paddingValue;\n  }\n  .pcfactory-tabs.pcfactory-tabs-card .pcfactory-tabs-tab {\n    margin-right: marginValue;\n    background: #fff;\n    border: 1px solid #f0f0f0;\n    transform: translateY(1px);\n}\n  .pcfactory-tabs-top > .pcfactory-tabs-nav::before, .pcfactory-tabs-bottom > .pcfactory-tabs-nav::before, .pcfactory-tabs-top > div > .pcfactory-tabs-nav::before, .pcfactory-tabs-bottom > div > .pcfactory-tabs-nav::before{\n    border-bottom: 2px solid activeFColor;\n    z-index: 1;\n}\n .pcfactory-tabs.pcfactory-tabs-card .pcfactory-tabs-tab-active{\n      background: activeBgColor !important;\n  }\n  }\n  ",
+  tpl: ".ued-tabs-wrap {\n    .pcfactory-tabs-card.pcfactory-tabs-bottom .pcfactory-tabs-tab.pcfactory-tabs-tab-active {\n      border-top: 1px solid activeBgColor !important;\n      background-color: activeBgColor !important;\n  }\n    .pcfactory-tabs {\n      border-radius: borderRadius !important;\n    }\n    .ued-tabs-tabpane-content{\n      background-color: bodyColor;\n    }\n  .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n      background: headBgColor;\n  }\n  .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n  }\n  .pcfactory-tabs-top .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-top-left-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n  }\n  .pcfactory-tabs-left .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-top-left-radius: activeRadius;\n      border-bottom-left-radius: activeRadius;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n  }\n  .pcfactory-tabs-bottom .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-left-radius: activeRadius;\n      border-bottom-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-right .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background: activeBgColor;\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n      border-bottom-right-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n  }\n .pcfactory-tabs-nav .pcfactory-tabs-tab-active:hover{\n      background: activeBgColor !important;\n  }\n  .pcfactory-tabs-top .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n      border-top-left-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-left .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      border-top-left-radius: activeRadius;\n      border-bottom-left-radius: activeRadius;\n  }\n  .pcfactory-tabs-bottom .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-left-radius: activeRadius;\n      border-bottom-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-right .pcfactory-tabs-tab:hover{\n      color: activeBgColor;\n      background: rgba(92,140,252,0.1);\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: activeRadius;\n      border-bottom-right-radius: activeRadius;\n  }\n  .pcfactory-tabs-card.pcfactory-tabs-bottom .pcfactory-tabs-tab{\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: activeRadius;\n    border-bottom-right-radius: activeRadius;\n}\n.pcfactory-tabs-card.pcfactory-tabs-left .pcfactory-tabs-tab{\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: activeRadius;\n  border-bottom-left-radius: activeRadius;\n}\n.pcfactory-tabs-card.pcfactory-tabs-right .pcfactory-tabs-tab{\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-right-radius: activeRadius;\n  border-bottom-right-radius: activeRadius;\n}\n.pcfactory-tabs-card.pcfactory-tabs-top .pcfactory-tabs-tab{\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: activeRadius;\n  border-top-right-radius: activeRadius;\n}\n.pcfactory-tabs-card .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn:hover{\n  color: activeBgColor;\n}\n  .pcfactory-tabs-tab.pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n      color: activeTextColor;\n      font-weight: activeFontWeight;\n  }\n .pcfactory-tabs-nav .pcfactory-tabs-tab{\n      margin-right: marginValue;\n      padding: paddingValue;\n  }\n  .pcfactory-tabs.pcfactory-tabs-card .pcfactory-tabs-tab {\n    margin-right: marginValue;\n    background: #fff;\n    border: 1px solid #f0f0f0;\n    transform: translateY(1px);\n}\n\n  .pcfactory-tabs-top > .pcfactory-tabs-nav::before, .pcfactory-tabs-bottom > .pcfactory-tabs-nav::before, .pcfactory-tabs-card.pcfactory-tabs-top > div > .pcfactory-tabs-nav::before, .pcfactory-tabs-card.pcfactory-tabs-bottom > div > .pcfactory-tabs-nav::before{\n    border-bottom: 2px solid activeFColor !important;\n    z-index: 1;\n}\n .pcfactory-tabs.pcfactory-tabs-card .pcfactory-tabs-tab-active{\n      background: activeBgColor !important;\n  }\n  }\n  ",
   components: [{
     id: 'Text_1726476',
     label: '文本',

package/dist/config/Tree.d.ts

@@ -5,16 +5,19 @@ export declare const Tree: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         textColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         fontSize: {
             type: string;
@@ -31,6 +34,7 @@ export declare const Tree: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         treeFontSize: {
             type: string;
@@ -73,6 +77,9 @@ export declare const Tree: {
     followThemes: {
         '@primary-color': string[];
         '@font-size-base': string[];
+        '@text-color': string[];
+        '@border-color-base': string[];
+        '@border-radius-base': string[];
     };
     tpl: string;
     components: {

package/dist/config/Tree.js

@@ -4,17 +4,20 @@ export var Tree = {
     borderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@border-color-base'
     },
     borderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@border-radius-base'
     },
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@text-color'
     },
     fontSize: {
       type: 'px',
@@ -31,7 +34,8 @@ export var Tree = {
     treeTextColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '树样式'
+      groupsName: '树样式',
+      followTheme: '@text-color'
     },
     treeFontSize: {
       type: 'px',
@@ -74,7 +78,10 @@ export var Tree = {
   }],
   followThemes: {
     '@primary-color': ['treeIconColor'],
-    '@font-size-base': ['fontSize', 'treeFontSize']
+    '@font-size-base': ['fontSize', 'treeFontSize'],
+    '@text-color': ['textColor', 'treeTextColor'],
+    '@border-color-base': ['borderColor'],
+    '@border-radius-base': ['borderRadius']
   },
   tpl: ".ued-tree-wrap .ued-tree-search .pcfactory-input{\n    color: textColor;\n    border-color: borderColor;\n    font-size: fontSize;\n    border-bottom-left-radius: borderRadius;\n    border-top-left-radius: borderRadius;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    height: calc(1.5715* fontSize + 10px);\n    border-color: borderColor;\n    border-bottom-right-radius: borderRadius;\n    border-top-right-radius: borderRadius;\n  }\n  .ued-tree .ued-tree-tit{\n    color: treeTextColor;\n    font-size: treeFontSize;\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n    background-color: treeBgColor\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n    border-color: treeLineColor;\n\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n    fill: treeIconColor;\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    width: btnWidth;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button .anticon svg{\n    width: fontSize;\n    height: fontSize;\n  }",
   components: [{

package/dist/lx-mobile.js

@@ -105,19 +105,22 @@ export function px2rem(obj) {
   for (var key in obj) {
     if (obj.hasOwnProperty(key)) {
       var value = obj[key];
-      var values = value.split(' ');
-      if (values.length > 0) {
-        var remValues = values.map(function (val) {
-          if (val.includes('px')) {
-            var parsedValue = parseFloat(val);
-            return "".concat(parsedValue / 50, "rem");
-          }
-          return val;
-        });
-        value = remValues.join(' ');
-      } else if (value.includes('px')) {
-        var parsedValue = parseFloat(value);
-        value = "".concat(parsedValue / 50, "rem");
+      if (value) {
+        var _value;
+        var values = (_value = value) === null || _value === void 0 ? void 0 : _value.split(' ');
+        if (values.length > 0) {
+          var remValues = values.map(function (val) {
+            if (val.includes('px')) {
+              var parsedValue = parseFloat(val);
+              return "".concat(parsedValue / 50, "rem");
+            }
+            return val;
+          });
+          value = remValues.join(' ');
+        } else if (value.includes('px')) {
+          var parsedValue = parseFloat(value);
+          value = "".concat(parsedValue / 50, "rem");
+        }
       }
       remObj[key] = value;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/theme-utils",
-  "version": "0.2.16",
+  "version": "0.3.0",
   "description": "",
   "keywords": [],
   "license": "MIT",