@lingxiteam/theme-utils 0.2.8 → 0.2.10

package/README.md

@@ -103,6 +103,8 @@ insertLink('12312', 'http://xxx.css', true);
         canEdit: false,
         // 编辑从什么地方支撑这个属性
         extendsKey: 'Form',
+        // 表示这个字段跟随全局主题变量
+        followTheme: '@font-size-base',
       },
     },
     groupsName: '分组名称',
@@ -114,6 +116,10 @@ insertLink('12312', 'http://xxx.css', true);
         fontSize: '14px',
       },
     ],
+    // 是否跟随主题的开关，存在表示当前为跟随
+    followThemes: {
+      '@font-size-base': ['fontSize'],
+    },
     // 根据上面的配置项和下面的模版解析得到最终挂在的 css
     tpl: '.hh { font-size: fontSize}',
     // 如果它被别人继承，并且自己需要自定义样式，如父级自定义样式为 .aa.list{ .item { } } 子级的自定义样式为 .aa.item { }

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
@@ -726,8 +731,8 @@ export var Form = {
       props: {
         name: '滑动输入条',
         range: false,
-        defaultValue: 0,
-        basicStatus: 1,
+        defaultValue: 50,
+        basicStatus: 4,
         labelCol: 8,
         wrapperCol: 16,
         included: true,

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;