@lingxiteam/theme-utils 0.2.16 → 0.3.1

package/dist/config/Form.js

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

package/dist/config/Radio.d.ts

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

package/dist/config/Radio.js

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

package/dist/config/RangePicker.d.ts

@@ -2,6 +2,24 @@ export declare const RangePicker: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        iconFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        iconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        lineColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
         labelTextColor: {
             type: string;
             label: string;
@@ -58,22 +76,6 @@ export declare const RangePicker: {
             canEdit: boolean;
             extendsKey: string;
         };
-        iconFontSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
-        iconColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
-        lineColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
     };
     groupsName: string;
     icon: string;
@@ -84,6 +86,7 @@ export declare const RangePicker: {
         lineColor: string;
     }[];
     followThemes: {
+        '@text-color-secondary': string[];
         '@font-size-base': string[];
     };
     tpl: string;

package/dist/config/RangePicker.js

@@ -2,6 +2,24 @@ export var RangePicker = {
   type: 'RangePicker',
   hasPrefixClass: true,
   variable: {
+    iconFontSize: {
+      type: 'px',
+      label: '时间图标尺寸',
+      groupsName: '文字',
+      followTheme: '@font-size-base'
+    },
+    iconColor: {
+      type: 'color',
+      label: '时间图标颜色',
+      groupsName: '文字',
+      followTheme: '@text-color-secondary'
+    },
+    lineColor: {
+      type: 'color',
+      label: '时间连接线颜色',
+      groupsName: '文字',
+      followTheme: '@text-color-secondary'
+    },
     labelTextColor: {
       type: 'color',
       label: '标题文本颜色',
@@ -57,22 +75,6 @@ export var RangePicker = {
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
-    },
-    iconFontSize: {
-      type: 'px',
-      label: '时间图标尺寸',
-      groupsName: '文字',
-      followTheme: '@font-size-base'
-    },
-    iconColor: {
-      type: 'color',
-      label: '时间图标颜色',
-      groupsName: '文字'
-    },
-    lineColor: {
-      type: 'color',
-      label: '时间连接线颜色',
-      groupsName: '文字'
     }
   },
   groupsName: '数据录入',
@@ -80,10 +82,11 @@ export var RangePicker = {
   title: '时间段选择',
   defaultValue: [{
     iconFontSize: '14px',
-    iconColor: '#0085D0',
-    lineColor: '#1c242e'
+    iconColor: '#9092A3',
+    lineColor: '#9092A3'
   }],
   followThemes: {
+    '@text-color-secondary': ['iconColor', 'lineColor'],
     '@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  }",

package/dist/config/StdUpload.d.ts

@@ -2,6 +2,30 @@ export declare const StdUpload: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        listTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        listFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        listIconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        lisIconSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
         labelTextColor: {
             type: string;
             label: string;
@@ -42,28 +66,6 @@ export declare const StdUpload: {
             canEdit: boolean;
             extendsKey: string;
         };
-        listTextColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
-        listFontSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
-        listIconColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
-        lisIconSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
     };
     groupsName: string;
     icon: string;
@@ -76,6 +78,7 @@ export declare const StdUpload: {
     }[];
     followThemes: {
         '@font-size-base': string[];
+        '@text-color-secondary': string[];
     };
     tpl: string;
     components: {

package/dist/config/StdUpload.js

@@ -2,6 +2,30 @@ export var StdUpload = {
   type: 'StdUpload',
   hasPrefixClass: true,
   variable: {
+    listTextColor: {
+      type: 'color',
+      label: '列表文本颜色',
+      groupsName: '文字',
+      followTheme: '@text-color-secondary'
+    },
+    listFontSize: {
+      type: 'px',
+      label: '列表文本字号',
+      groupsName: '文字',
+      followTheme: '@text-color-secondary'
+    },
+    listIconColor: {
+      type: 'color',
+      label: '列表图标颜色',
+      groupsName: '文字',
+      followTheme: '@font-size-base'
+    },
+    lisIconSize: {
+      type: 'px',
+      label: '列表图标字号',
+      groupsName: '文字',
+      followTheme: '@font-size-base'
+    },
     labelTextColor: {
       type: 'color',
       label: '标题文本颜色',
@@ -41,28 +65,6 @@ export var StdUpload = {
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
-    },
-    listTextColor: {
-      type: 'color',
-      label: '列表文本颜色',
-      groupsName: '文字'
-    },
-    listFontSize: {
-      type: 'px',
-      label: '列表文本字号',
-      groupsName: '文字',
-      followTheme: '@font-size-base'
-    },
-    listIconColor: {
-      type: 'color',
-      label: '列表图标颜色',
-      groupsName: '文字'
-    },
-    lisIconSize: {
-      type: 'px',
-      label: '列表图标字号',
-      groupsName: '文字',
-      followTheme: '@font-size-base'
     }
   },
   groupsName: '数据录入',
@@ -75,7 +77,8 @@ export var StdUpload = {
     lisIconSize: '14px'
   }],
   followThemes: {
-    '@font-size-base': ['listFontSize', 'lisIconSize']
+    '@font-size-base': ['listFontSize', 'lisIconSize'],
+    '@text-color-secondary': ['listTextColor', 'listIconColor']
   },
   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: [{

package/dist/config/Table.d.ts

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

package/dist/config/Table.js

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

package/dist/config/Tabs.d.ts

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

package/dist/config/Tabs.js

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

package/dist/config/TimePicker.d.ts

@@ -2,6 +2,18 @@ export declare const TimePicker: {
     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 TimePicker: {
             canEdit: boolean;
             extendsKey: string;
         };
-        iconFontSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
-        iconColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
     };
     groupsName: string;
     icon: string;
@@ -78,6 +79,7 @@ export declare const TimePicker: {
         iconColor: string;
     }[];
     followThemes: {
+        '@primary-color': string[];
         '@font-size-base': string[];
     };
     tpl: string;

package/dist/config/TimePicker.js

@@ -2,6 +2,18 @@ export var TimePicker = {
   type: 'TimePicker',
   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 TimePicker = {
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
-    },
-    iconFontSize: {
-      type: 'px',
-      label: '日期图标尺寸',
-      groupsName: '文字',
-      followTheme: '@font-size-base'
-    },
-    iconColor: {
-      type: 'color',
-      label: '日期图标颜色',
-      groupsName: '文字'
     }
   },
   groupsName: '数据录入',
@@ -75,9 +76,10 @@ export var TimePicker = {
   title: '时间选择',
   defaultValue: [{
     iconFontSize: '14px',
-    iconColor: '#0085D0'
+    iconColor: '#47e'
   }],
   followThemes: {
+    '@primary-color': ['iconColor'],
     '@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  }",

package/dist/config/Tree.d.ts

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