@lingxiteam/theme-utils 0.2.15 → 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: [{