@lingxiteam/theme-utils 0.2.8 → 0.2.9

package/dist/config/Button.d.ts

@@ -16,11 +16,13 @@ export declare const Button: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         backgroundColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderColor: {
             type: string;
@@ -55,6 +57,10 @@ export declare const Button: {
         paddingValue: string;
         marginValue: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Button.js

@@ -15,12 +15,14 @@ export var Button = {
       type: 'px',
       label: '文本尺寸',
       groupsName: '文字',
-      desc: '按钮高度不会随着文字大小变化，因为按钮有4种大小规格'
+      desc: '按钮高度不会随着文字大小变化，因为按钮有4种大小规格',
+      followTheme: '@font-size-base'
     },
     backgroundColor: {
       type: 'color',
       label: '背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     borderColor: {
       type: 'color',
@@ -55,6 +57,10 @@ export var Button = {
     paddingValue: '4px 24px 4px 24px',
     marginValue: '0px'
   }],
+  followThemes: {
+    '@primary-color': ['backgroundColor'],
+    '@font-size-base': ['fontSize']
+  },
   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: [{
     id: 'Button_1229334',

package/dist/config/Card.d.ts

@@ -82,7 +82,6 @@ export declare const Card: {
     icon: string;
     title: string;
     defaultValue: {
-        fontSize: string;
         backgroundColor: string;
         titleColor: string;
         tagSize: string;

package/dist/config/Card.js

@@ -100,7 +100,6 @@ export var Card = {
   icon: 'icon-ico-comp-card',
   title: '卡片',
   defaultValue: [{
-    fontSize: '14px',
     backgroundColor: '#fff',
     titleColor: '#0085D0',
     tagSize: '16px',

package/dist/config/Checkbox.d.ts

@@ -61,11 +61,13 @@ export declare const Checkbox: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioSeBgColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -78,6 +80,9 @@ export declare const Checkbox: {
         radioSeBorderColor: string;
         radioSeBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Checkbox.js

@@ -60,12 +60,14 @@ export var Checkbox = {
     radioSeBorderColor: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     radioSeBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     }
   },
   groupsName: '数据录入',
@@ -78,6 +80,9 @@ export var Checkbox = {
     radioSeBorderColor: '#47e',
     radioSeBgColor: '#47e'
   }],
+  followThemes: {
+    '@primary-color': ['radioSeBgColor', 'radioSeBorderColor']
+  },
   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: [{
     id: 'Form_180373',

package/dist/config/CheckboxGroup.d.ts

@@ -61,11 +61,13 @@ export declare const CheckboxGroup: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioSeBgColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -78,6 +80,9 @@ export declare const CheckboxGroup: {
         radioSeBorderColor: string;
         radioSeBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/CheckboxGroup.js

@@ -60,12 +60,14 @@ export var CheckboxGroup = {
     radioSeBorderColor: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     radioSeBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     }
   },
   groupsName: '数据录入',
@@ -78,6 +80,9 @@ export var CheckboxGroup = {
     radioSeBorderColor: '#47e',
     radioSeBgColor: '#47e'
   }],
+  followThemes: {
+    '@primary-color': ['radioSeBorderColor', 'radioSeBgColor']
+  },
   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: [{
     id: 'Form_180373',

package/dist/config/Collapse.d.ts

@@ -61,6 +61,7 @@ export declare const Collapse: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderColor: {
             type: string;
@@ -97,6 +98,9 @@ export declare const Collapse: {
         borderRadius: string;
         bodyColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Collapse.js

@@ -78,7 +78,8 @@ export var Collapse = {
     arrowSize: {
       type: 'px',
       label: '后缀图标尺寸',
-      groupsName: '布局'
+      groupsName: '布局',
+      followTheme: '@font-size-base'
     },
     borderColor: {
       type: 'color',
@@ -115,7 +116,10 @@ export var Collapse = {
     borderRadius: '2px',
     bodyColor: '#fff'
   }],
-  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 span{\n  color: arrowColor;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow span 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}",
+  followThemes: {
+    '@font-size-base': ['arrowSize']
+  },
+  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: [{
     id: 'Collapse_746665',
     label: '折叠面板',

package/dist/config/DatePicker.d.ts

@@ -62,6 +62,7 @@ export declare const DatePicker: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         iconColor: {
             type: string;
@@ -76,6 +77,9 @@ export declare const DatePicker: {
         iconFontSize: string;
         iconColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/DatePicker.js

@@ -61,7 +61,8 @@ export var DatePicker = {
     iconFontSize: {
       type: 'px',
       label: '日期图标尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     iconColor: {
       type: 'color',
@@ -76,6 +77,9 @@ export var DatePicker = {
     iconFontSize: '14px',
     iconColor: '#0085D0'
   }],
+  followThemes: {
+    '@font-size-base': ['iconFontSize']
+  },
   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: [{
     id: 'Form_180373',

package/dist/config/Form.d.ts

@@ -24,6 +24,7 @@ export declare const Form: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         textColor: {
             type: string;
@@ -36,6 +37,7 @@ export declare const Form: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         itemBorderColor: {
             type: string;
@@ -63,6 +65,9 @@ export declare const Form: {
         itemBorderColor: string;
         itemBorderRadius: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     itemCustomTpl: string;
     tpl: string;
     components: ({

package/dist/config/Form.js

@@ -39,7 +39,8 @@ export var Form = {
       type: 'px',
       label: '标题文本尺寸',
       groupsName: '文字',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@font-size-base'
     },
     textColor: {
       type: 'color',
@@ -51,7 +52,8 @@ export var Form = {
       type: 'px',
       label: '文本尺寸',
       groupsName: '文字',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@font-size-base'
     },
     itemBorderColor: {
       type: 'color',
@@ -79,6 +81,9 @@ export var Form = {
     itemBorderColor: '#E5E5EA',
     itemBorderRadius: '2px'
   }],
+  followThemes: {
+    '@font-size-base': ['labelFontSize', 'fontSize']
+  },
   // 标签是 form 表单里面才有的，单独拉数据录入组件是没有标签的。
   // 为了 tpl 干净，不在下列添加注释，顺序是输入框、多行输入框、数字输入、验证码、单选组、复选组、下拉单选、下拉复选、日期选择、时间选择、开关、文件上传、滑动输入条、评星
   // 密码输入框、输入框的颜色和字号也在.pcfactory-input 边框在 .pcfactory-input-affix-wrapper

package/dist/config/Icon.d.ts

@@ -5,6 +5,7 @@ export declare const Icon: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -13,6 +14,9 @@ export declare const Icon: {
     defaultValue: {
         iconSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Icon.js

@@ -4,7 +4,8 @@ export var Icon = {
     iconSize: {
       type: 'px',
       label: '尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '通用',
@@ -13,6 +14,9 @@ export var Icon = {
   defaultValue: [{
     iconSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['iconSize']
+  },
   tpl: ".ued-icon svg {\n      width: iconSize;\n      height: iconSize;\n    }",
   components: [{
     id: 'Icon_913145',

package/dist/config/Link.d.ts

@@ -5,11 +5,13 @@ export declare const Link: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         fontSize: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -20,6 +22,10 @@ export declare const Link: {
         lineHeight: string;
         fontSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+        '@link-color': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/config/Link.js

@@ -4,14 +4,16 @@ export var Link = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@link-color'
     },
     // TODO: 行高默认写死
     // lineHeight: { type: 'px', label: '文本行高', groupsName: '文字' },
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '通用',
@@ -22,6 +24,10 @@ export var Link = {
     lineHeight: '22px',
     fontSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['fontSize'],
+    '@link-color': ['textColor']
+  },
   tpl: ".ued-link {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n    }\n    .ued-link:hover {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      opacity: 0.6;\n    }",
   components: [{
     id: 'Link_610976',

package/dist/config/Radio.d.ts

@@ -61,6 +61,7 @@ export declare const Radio: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioSeBgColor: {
             type: string;
@@ -78,6 +79,9 @@ export declare const Radio: {
         radioSeBorderColor: string;
         radioSeBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Radio.js

@@ -60,7 +60,8 @@ export var Radio = {
     radioSeBorderColor: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     radioSeBgColor: {
       type: 'color',
@@ -78,6 +79,9 @@ export var Radio = {
     radioSeBorderColor: '#47e',
     radioSeBgColor: '#fff'
   }],
+  followThemes: {
+    '@primary-color': ['radioSeBorderColor']
+  },
   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}",
   components: [{
     id: 'Form_180373',

package/dist/config/RangePicker.d.ts

@@ -62,6 +62,7 @@ export declare const RangePicker: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         iconColor: {
             type: string;
@@ -82,6 +83,9 @@ export declare const RangePicker: {
         iconColor: string;
         lineColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/RangePicker.js

@@ -61,7 +61,8 @@ export var RangePicker = {
     iconFontSize: {
       type: 'px',
       label: '时间图标尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     iconColor: {
       type: 'color',
@@ -82,6 +83,9 @@ export var RangePicker = {
     iconColor: '#0085D0',
     lineColor: '#1c242e'
   }],
+  followThemes: {
+    '@font-size-base': ['iconFontSize']
+  },
   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    .pcfactory-picker-range-separator{\n      color: lineColor;\n    }\n  }",
   components: [{
     id: 'Form_180373',

package/dist/config/StdUpload.d.ts

@@ -51,6 +51,7 @@ export declare const StdUpload: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         listIconColor: {
             type: string;
@@ -61,6 +62,7 @@ export declare const StdUpload: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -72,6 +74,9 @@ export declare const StdUpload: {
         listIconColor: string;
         lisIconSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/StdUpload.js

@@ -50,7 +50,8 @@ export var StdUpload = {
     listFontSize: {
       type: 'px',
       label: '列表文本字号',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     listIconColor: {
       type: 'color',
@@ -60,7 +61,8 @@ export var StdUpload = {
     lisIconSize: {
       type: 'px',
       label: '列表图标字号',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '数据录入',
@@ -72,6 +74,9 @@ export var StdUpload = {
     listIconColor: 'rgba(0,0,0,.45)',
     lisIconSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['listFontSize', 'lisIconSize']
+  },
   tpl: ".ued-stdupload-wrap {\n    \n   .ued-stdUpload-item-info a {\n      color: listTextColor;\n      font-size: listFontSize;\n    }\n    .ued-stdUpload-item-info:hover a{\n      color: listTextColor;\n      font-size: listFontSize;\n    }\n    .ued-stdUpload-item-icon .anticon-loading .anticon{\n      color: listIconColor;\n      > svg{\n        width: lisIconSize;\n        height: lisIconSize;\n      }\n    }\n    .ued-stdUpload-item-icon .anticon{\n      color: listIconColor;\n      > svg{\n        width: lisIconSize;\n        height: lisIconSize;\n      }\n    }\n   .ued-stdUpload-item-error .ued-stdUpload-item-icon  .anticon-loading .anticon{\n    color: #ff7474;\n   }\n   .ued-stdUpload-item-error .ued-stdUpload-item-icon .anticon{\n    color: #ff7474;\n   }\n  }\n    ",
   components: [{
     id: 'Form_180373',

package/dist/config/Switch.d.ts

@@ -29,6 +29,7 @@ export declare const Switch: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         closeColor: {
             type: string;
@@ -43,6 +44,9 @@ export declare const Switch: {
         openColor: string;
         closeColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Switch.js

@@ -28,7 +28,8 @@ export var Switch = {
     openColor: {
       type: 'color',
       label: '开启颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@primary-color'
     },
     closeColor: {
       type: 'color',
@@ -43,6 +44,9 @@ export var Switch = {
     openColor: '#47e',
     closeColor: 'rgba(28,36,46,.25)'
   }],
+  followThemes: {
+    '@primary-color': ['openColor']
+  },
   tpl: ".pcfactory-switch {\n      background-color: closeColor;\n    }\n    .pcfactory-switch-checked {\n      background-color: openColor;\n    }",
   components: [{
     id: 'Form_180373',

package/dist/config/Table.d.ts

@@ -41,6 +41,7 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectPaginationBorder: {
             type: string;
@@ -56,6 +57,7 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         tbBorderColor: {
             type: string;
@@ -173,6 +175,10 @@ export declare const Table: {
         bodyTextAlign: string;
         zebraBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/config/Table.js

@@ -58,7 +58,8 @@ export var Table = {
     selectPaginationColor: {
       type: 'color',
       label: '选中项背景颜色',
-      groupsName: '表格分页'
+      groupsName: '表格分页',
+      followTheme: '@primary-color'
     },
     selectPaginationBorder: {
       type: 'color',
@@ -74,7 +75,8 @@ export var Table = {
     tbFontSize: {
       type: 'px',
       label: '表格文本尺寸',
-      groupsName: '基础'
+      groupsName: '基础',
+      followTheme: '@font-size-base'
     },
     tbBorderColor: {
       type: 'color',
@@ -240,6 +242,10 @@ export var Table = {
     bodyTextAlign: 'left',
     zebraBgColor: '#fbfbfb'
   }],
+  followThemes: {
+    '@primary-color': ['selectPaginationColor'],
+    '@font-size-base': ['tbFontSize']
+  },
   tpl: "\n  .ued-table-wrap {\n    .pcfactory-table{\n      font-size: tbFontSize;\n      border-radius: tbBorderRadius;\n    }\n    .pcfactory-table-container{\n      border-top-left-radius: tbBorderRadius;\n    border-top-right-radius: tbBorderRadius;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n  }\n  .ued-table-wrap .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  .ued-table-wrap .ued-table .pcfactory-table-thead>tr:first-child>th:first-child{\n    border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table-wrap .ued-table .pcfactory-table-thead>tr:first-child>th:last-child{\n    border-top-right-radius: tbBorderRadius;\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-wrap .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-wrap .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-wrap .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n   .ued-table-wrap .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\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-wrap .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }",
   components: [{
     id: 'Table_2740384',

package/dist/config/Tabs.d.ts

@@ -15,6 +15,7 @@ export declare const Tabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         activeRadius: {
             type: string;
@@ -99,6 +100,9 @@ export declare const Tabs: {
         fontWeight: string;
         activeFontWeight: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Tabs.js

@@ -14,7 +14,8 @@ export var Tabs = {
     activeFColor: {
       type: 'color',
       label: '分割线颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     activeRadius: {
       type: 'px',
@@ -140,6 +141,9 @@ export var Tabs = {
     fontWeight: '300',
     activeFontWeight: '300'
   }],
+  followThemes: {
+    '@primary-color': ['activeFColor']
+  },
   tpl: ".pcfactory-tabs .pcfactory-tabs > .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n    background-color: headBgColor;\n  }\n  .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n    background-color: activeBgColor;\n    border-top-left-radius: activeRadius;\n    border-top-right-radius: activeRadius;\n  }\n  .pcfactory-tabs .pcfactory-tabs-ink-bar{\n    background-color: activeFColor;\n  }\n  .pcfactory-tabs{\n    background-color: bodyColor;\n    border-radius: borderRadius;\n  }\n  .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab{\n    padding: paddingValue;\n    margin: marginValue;\n  }\n  .pcfactory-tabs .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 .pcfactory-tabs-nav .pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n    color: activeTextColor;\n    font-weight: activeFontWeight;\n  }",
   components: [{
     id: 'Tabs_9165146',

package/dist/config/Text.d.ts

@@ -15,6 +15,7 @@ export declare const Text: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -25,6 +26,9 @@ export declare const Text: {
         lineHeight: string;
         fontSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: never[];
 };

package/dist/config/Text.js

@@ -14,7 +14,8 @@ export var Text = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '通用',
@@ -25,6 +26,9 @@ export var Text = {
     lineHeight: '22px',
     fontSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['fontSize']
+  },
   tpl: '',
   components: []
 };

package/dist/config/TimePicker.d.ts

@@ -62,6 +62,7 @@ export declare const TimePicker: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         iconColor: {
             type: string;
@@ -76,6 +77,9 @@ export declare const TimePicker: {
         iconFontSize: string;
         iconColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/TimePicker.js

@@ -61,7 +61,8 @@ export var TimePicker = {
     iconFontSize: {
       type: 'px',
       label: '日期图标尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     iconColor: {
       type: 'color',
@@ -76,6 +77,9 @@ export var TimePicker = {
     iconFontSize: '14px',
     iconColor: '#0085D0'
   }],
+  followThemes: {
+    '@font-size-base': ['iconFontSize']
+  },
   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: [{
     id: 'Form_180373',

package/dist/config/Tree.d.ts

@@ -20,6 +20,7 @@ export declare const Tree: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         btnWidth: {
             type: string;
@@ -35,11 +36,13 @@ export declare const Tree: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         treeIconColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         treeLineColor: {
             type: string;
@@ -67,6 +70,10 @@ export declare const Tree: {
         treeLineColor: string;
         treeIconColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Tree.js

@@ -19,7 +19,8 @@ export var Tree = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@font-size-base'
     },
     btnWidth: {
       type: 'px',
@@ -35,12 +36,14 @@ export var Tree = {
     treeFontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '树样式'
+      groupsName: '树样式',
+      followTheme: '@font-size-base'
     },
     treeIconColor: {
       type: 'color',
       label: '折叠图标颜色',
-      groupsName: '树样式'
+      groupsName: '树样式',
+      followTheme: '@primary-color'
     },
     treeLineColor: {
       type: 'color',
@@ -69,6 +72,10 @@ export var Tree = {
     treeLineColor: '#e5e5e5',
     treeIconColor: '#47e'
   }],
+  followThemes: {
+    '@primary-color': ['treeIconColor'],
+    '@font-size-base': ['fontSize', 'treeFontSize']
+  },
   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: [{
     id: 'Tree_371619',

package/dist/h5config/Accordion.d.ts

@@ -34,6 +34,7 @@ export declare const Accordion: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         lineColor: {
             type: string;
@@ -96,6 +97,9 @@ export declare const Accordion: {
         borderColor: string;
         borderRadius: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/h5config/Accordion.js

@@ -51,7 +51,8 @@ export var Accordion = {
     titleColor: {
       type: 'color',
       label: '装饰条颜色',
-      groupsName: '标题'
+      groupsName: '标题',
+      followTheme: '@primary-color'
     },
     lineColor: {
       type: 'color',
@@ -114,6 +115,9 @@ export var Accordion = {
     borderColor: '#DDD',
     borderRadius: '4px'
   }],
+  followThemes: {
+    '@primary-color': ['titleColor']
+  },
   tpl: ".lcdp-accordion {\n     .lcdp-accordion-header{\n      color: textColor;\n      font-weight: fontWeight;\n      font-size: fontSize;\n      line-height: lineHeight;\n      background: backgroundColor;\n    }\n     .lcdp-accordion-header-default-icon{\n      height: tagSize;\n      background: titleColor;\n      margin-right: tagMargin;\n    }\n    .adm-list-item-content{\n      border-color: lineColor;\n    }\n  \n    .adm-collapse-arrow  svg{\n      color: arrowColor;\n      width:  arrowSize;\n      height: arrowSize;\n    }\n    .adm-list-item-content-main{\n      background: bodyBgColor;\n    }\n    .adm-collapse{\n      border-radius: borderRadius;\n      border-color: borderColor !important;\n    }\n  }\n ",
   components: [{
     id: 'Accordion_960849',

package/dist/h5config/Card.d.ts

@@ -35,6 +35,7 @@ export declare const Card: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         lineColor: {
             type: string;
@@ -108,6 +109,9 @@ export declare const Card: {
         borderColor: string;
         borderRadius: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/h5config/Card.js

@@ -52,7 +52,8 @@ export var Card = {
     titleColor: {
       type: 'color',
       label: '装饰条颜色',
-      groupsName: '标题'
+      groupsName: '标题',
+      followTheme: '@primary-color'
     },
     lineColor: {
       type: 'color',
@@ -126,6 +127,9 @@ export var Card = {
     borderColor: 'rgba(0,0,0,0)',
     borderRadius: '4px'
   }],
+  followThemes: {
+    '@primary-color': ['titleColor']
+  },
   tpl: ".lcdp-h5-card {\n    border-radius: borderRadius;\n    border: 1PX solid borderColor;\n\n    .adm-card-header:not(:last-child){\n      border-color: lineColor !important;\n    }\n    .adm-card-header{\n      border-color: lineColor !important;\n      background: backgroundColor !important;\n    }\n    .adm-card-body{\n      background: bodyBgColor;\n    }\n\n    .adm-card-header-title .lcdp-h5-card-title{\n      color: textColor;\n      font-weight: fontWeight;\n      font-size: fontSize;\n      line-height: lineHeight;\n    }\n\n    .lcdp-h5-card-hStyle{\n      background: titleColor;\n      margin-right: tagMargin;\n      position: static;\n      width: tagSize;\n    }\n    .lcdp-h5-card-vStyle{\n      height: tagSize;\n      background: titleColor;\n      margin-right: tagMargin;\n    }\n    .lcdp-h5-card-icon{\n      width:  tagSize;\n      height: tagSize;\n    }\n    .lcdp-h5-card-icon svg{\n      color:  titleColor;\n      width:  tagSize;\n      height: tagSize;\n    }\n    .lcdp-h5-card-icon{\n      margin-right: tagMargin;\n    }\n    .lcdp-h5-card-extra-icon{\n      width:  arrowSize;\n      height: arrowSize;\n    }\n    .lcdp-h5-card-extra-icon svg{\n      color:  arrowColor;\n      width:  arrowSize;\n      height: arrowSize;\n    }\n    .lcdp-card-footer-draw-box-border{\n      border-color: bodyLineColor;\n      background: footBgColor;\n    }\n  }\n  \n   ",
   components: [{
     id: 'Card_4143673',

package/dist/h5config/FilterItems.d.ts

@@ -26,6 +26,7 @@ export declare const FilterItems: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         lineHeight: {
             type: string;
@@ -72,6 +73,9 @@ export declare const FilterItems: {
         iconSize: string;
         iconCloseColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/FilterItems.js

@@ -25,7 +25,8 @@ export var FilterItems = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     lineHeight: {
       type: 'px',
@@ -90,6 +91,9 @@ export var FilterItems = {
     iconSize: '16px',
     iconCloseColor: 'rgba(0,0,0,0.3)'
   }],
+  followThemes: {
+    '@font-size-base': ['fontSize']
+  },
   tpl: ".use-app-filteritems{\n    .alita-filter-item-content{\n      background: backgroundColor;\n      font-size: fontSize;\n      border-radius: borderRadius;\n      border: 1px solid borderColor;\n    }\n    .alita-filter-item-active-text{\n      color: textColor;\n      line-height: lineHeight;\n      font-weight: fontWeight;\n    }\n    .alita-filter-item-noraml-icon{\n      width: iconSize;\n      height: iconSize;\n      overflow: hidden;\n    }\n    .alita-filter-item-icon-up{\n      background-image: none;\n      width: iconSize;\n      height: iconSize;\n      position: relative;\n    }\n    .alita-filter-item-icon-up::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: iconSize;\n      height: iconSize;\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-171.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%2851.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%23BFBFBF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n    background-repeat: round;\n    transform: translateX(-100%);\n    background-size: 100%;\n      filter: drop-shadow(iconSize 0 iconCloseColor);\n  }\n  .alita-filter-item-icon-down{\n    background-image: none;\n    width: iconSize;\n    height: iconSize;\n    position: relative;\n  }\n  .alita-filter-item-icon-down::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: iconSize;\n    height: iconSize;\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-295.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%28175.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2892.000000%2C%2018.000000%29%20scale%281%2C%20-1%29%20translate%28-92.000000%2C%20-18.000000%29%20translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231677ff%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%231677ff%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n    background-repeat: round;\n    background-size: 100%;\n    transform: translateX(-100%);\n    filter: drop-shadow(iconSize 0 iconColor);\n}\n  }\n    \n",
   components: [{
     id: 'FilterItems_7957386',

package/dist/h5config/SearchView.d.ts

@@ -40,6 +40,7 @@ export declare const SearchView: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         fontWeight: {
             type: string;
@@ -83,6 +84,9 @@ export declare const SearchView: {
         sBorderColor: string;
         sBorderRadius: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/SearchView.js

@@ -40,7 +40,8 @@ export var SearchView = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '搜索框'
+      groupsName: '搜索框',
+      followTheme: '@font-size-base'
     },
     fontWeight: {
       type: 'select',
@@ -103,6 +104,9 @@ export var SearchView = {
     sBorderColor: 'rgba(0,0,0,0)',
     sBorderRadius: '18px'
   }],
+  followThemes: {
+    '@font-size-base': ['fontSize']
+  },
   tpl: "\n    .alita-search-view-wrap{\n      --adm-color-background: backgroundColor;\n      padding: paddingValue;\n      border: 1PX solid borderColor;\n      border-radius: borderRadius;\n    }\n    .alita-search-bar-input{\n      background-color: sBackgroundColor;\ncolor: textColor;\nfont-size: fontSize;\nfont-weight: fontWeight;\npadding: sPaddingValue;\nborder-radius: sBorderRadius;\nborder: 1PX solid sBorderColor;\n    }\n    .alita-search-bar-search{\n      width: iconSize;\n    height: iconSize;\n    }",
   components: [{
     id: 'SearchView_197467',

package/package.json

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