@lingxiteam/theme-utils 0.2.8 → 0.2.10

package/dist/config/Table.js

@@ -58,7 +58,8 @@ export var Table = {
     selectPaginationColor: {
       type: 'color',
       label: '选中项背景颜色',
-      groupsName: '表格分页'
+      groupsName: '表格分页',
+      followTheme: '@primary-color'
     },
     selectPaginationBorder: {
       type: 'color',
@@ -74,7 +75,8 @@ export var Table = {
     tbFontSize: {
       type: 'px',
       label: '表格文本尺寸',
-      groupsName: '基础'
+      groupsName: '基础',
+      followTheme: '@font-size-base'
     },
     tbBorderColor: {
       type: 'color',
@@ -240,6 +242,10 @@ export var Table = {
     bodyTextAlign: 'left',
     zebraBgColor: '#fbfbfb'
   }],
+  followThemes: {
+    '@primary-color': ['selectPaginationColor'],
+    '@font-size-base': ['tbFontSize']
+  },
   tpl: "\n  .ued-table-wrap {\n    .pcfactory-table{\n      font-size: tbFontSize;\n      border-radius: tbBorderRadius;\n    }\n    .pcfactory-table-container{\n      border-top-left-radius: tbBorderRadius;\n    border-top-right-radius: tbBorderRadius;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n  }\n  .ued-table-wrap .ued-table .pcfactory-table table .pcfactory-table-thead th {\n    background: headBgColor;\n    padding: headPadding;\n    color: headTextColor;\n    font-weight: headFontWeight;\n    text-align: headTextAlign;\n  }\n  .ued-table-wrap .ued-table .pcfactory-table-thead>tr:first-child>th:first-child{\n    border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table-wrap .ued-table .pcfactory-table-thead>tr:first-child>th:last-child{\n    border-top-right-radius: tbBorderRadius;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tbody>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>th{\n    border-color: tbBorderColor;\n  }\n    .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n   .ued-table-wrap .ued-table .pcfactory-table-thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n    text-align: bodyTextAlign;\n  }\n   .ued-table-wrap .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n    text-align: bodyTextAlign;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n   .ued-table-wrap .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n   .ued-table-wrap .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n  .ued-table-page .pcfactory-pagination-item{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-item-link{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-select .pcfactory-select-selector{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-pagination-options-quick-jumper input{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-filters .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n   .ued-table-wrap .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }",
   components: [{
     id: 'Table_2740384',

package/dist/config/Tabs.d.ts

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

package/dist/config/Tabs.js

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

package/dist/config/Text.d.ts

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

package/dist/config/Text.js

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

package/dist/config/TimePicker.d.ts

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

package/dist/config/TimePicker.js

@@ -61,7 +61,8 @@ export var TimePicker = {
     iconFontSize: {
       type: 'px',
       label: '日期图标尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     iconColor: {
       type: 'color',
@@ -76,6 +77,9 @@ export var TimePicker = {
     iconFontSize: '14px',
     iconColor: '#0085D0'
   }],
+  followThemes: {
+    '@font-size-base': ['iconFontSize']
+  },
   tpl: ".ued-datePicker-wrap {\n    .pcfactory-picker-suffix{\n      color: iconColor;\n      width: iconFontSize;\n      height: iconFontSize;\n      .anticon>svg{\n        width: iconFontSize;\n        height: iconFontSize;\n      }\n    }\n   .pcfactory-picker-clear{\n      color: iconColor;\n      width: iconFontSize;\n      height: iconFontSize;\n      .anticon>svg{\n        width: iconFontSize;\n        height: iconFontSize;\n      }\n    }\n  }",
   components: [{
     id: 'Form_180373',

package/dist/config/Tree.d.ts

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

package/dist/config/Tree.js

@@ -19,7 +19,8 @@ export var Tree = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@font-size-base'
     },
     btnWidth: {
       type: 'px',
@@ -35,12 +36,14 @@ export var Tree = {
     treeFontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '树样式'
+      groupsName: '树样式',
+      followTheme: '@font-size-base'
     },
     treeIconColor: {
       type: 'color',
       label: '折叠图标颜色',
-      groupsName: '树样式'
+      groupsName: '树样式',
+      followTheme: '@primary-color'
     },
     treeLineColor: {
       type: 'color',
@@ -69,6 +72,10 @@ export var Tree = {
     treeLineColor: '#e5e5e5',
     treeIconColor: '#47e'
   }],
+  followThemes: {
+    '@primary-color': ['treeIconColor'],
+    '@font-size-base': ['fontSize', 'treeFontSize']
+  },
   tpl: ".ued-tree-wrap .ued-tree-search .pcfactory-input{\n    color: textColor;\n    border-color: borderColor;\n    font-size: fontSize;\n    border-bottom-left-radius: borderRadius;\n    border-top-left-radius: borderRadius;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    height: calc(1.5715* fontSize + 10px);\n    border-color: borderColor;\n    border-bottom-right-radius: borderRadius;\n    border-top-right-radius: borderRadius;\n  }\n  .ued-tree .ued-tree-tit{\n    color: treeTextColor;\n    font-size: treeFontSize;\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n    background-color: treeBgColor\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n    border-color: treeLineColor;\n\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n    fill: treeIconColor;\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    width: btnWidth;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button .anticon svg{\n    width: fontSize;\n    height: fontSize;\n  }",
   components: [{
     id: 'Tree_371619',

package/dist/h5config/Accordion.d.ts

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

package/dist/h5config/Accordion.js

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

package/dist/h5config/Button.d.ts

@@ -20,6 +20,7 @@ export declare const Button: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderColor: {
             type: string;
@@ -55,6 +56,9 @@ export declare const Button: {
         paddingValue: string;
         marginValue: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/h5config/Button.js

@@ -19,7 +19,8 @@ export var Button = {
     backgroundColor: {
       type: 'color',
       label: '主题颜色',
-      groupsName: '颜色'
+      groupsName: '颜色',
+      followTheme: '@primary-color'
     },
     borderColor: {
       type: 'color',
@@ -55,6 +56,9 @@ export var Button = {
     paddingValue: '7px 12px 7px 12px',
     marginValue: '0px'
   }],
+  followThemes: {
+    '@primary-color': ['backgroundColor']
+  },
   tpl: "\n  .adm-button{\n    --border-color: borderColor;\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    border-radius: borderRadius;\n    padding: paddingValue;\n    margin: marginValue;\n  }\n  .adm-button.adm-button-large{\n    font-size: fontSize;\n    padding: paddingValue;\n    margin: marginValue;\n  }\n  .adm-button:not(.adm-button-default){\n    color: #fff;\n  }\n  .adm-button-primary{\n    --color: backgroundColor;\n  }\n  .lcdp-button-type-link{\n    color: backgroundColor;\n  }\n    ",
   components: [{
     id: 'Button_5647878',

package/dist/h5config/Card.d.ts

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

package/dist/h5config/Card.js

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

package/dist/h5config/DCheckbox.d.ts

@@ -5,11 +5,13 @@ export declare const DCheckbox: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         itemBgColor: {
             type: string;
@@ -123,6 +125,9 @@ export declare const DCheckbox: {
         itemBorderRadius: string;
         itemBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DCheckbox.js

@@ -4,12 +4,14 @@ export var DCheckbox = {
     selectBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     selectBorderRadius: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     itemBgColor: {
       type: 'color',
@@ -165,6 +167,9 @@ export var DCheckbox = {
     itemBorderRadius: '#e5e5e5',
     itemBgColor: 'rgba(0,0,0,0)'
   }],
+  followThemes: {
+    '@primary-color': ['selectBorderRadius', 'selectBgColor']
+  },
   tpl: "\n    .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-circular{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-square{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n    .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-checked{\n      background-color: selectBgColor;\n      border-color: selectBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-checked{\n      background-color: selectBgColor;\n      border-color: selectBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-half-checked{\n      background-color: selectBgColor;\n      border-color: selectBorderRadius;\n    }",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/DformFile.d.ts

@@ -11,6 +11,7 @@ export declare const DformFile: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         btnBorderRadius: {
             type: string;
@@ -62,6 +63,9 @@ export declare const DformFile: {
         btnIconColor: string;
         btnBorderRadius: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DformFile.js

@@ -10,7 +10,8 @@ export var DformFile = {
     btnIconColor: {
       type: 'color',
       label: '上传按钮标题颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     btnBorderRadius: {
       type: 'px',
@@ -80,6 +81,9 @@ export var DformFile = {
     btnIconColor: '#108ee9',
     btnBorderRadius: '100px'
   }],
+  followThemes: {
+    '@primary-color': ['btnIconColor']
+  },
   tpl: ".lcdp-form-item {\n    .lingxiteam-dform-file-extra-btn{\n      border-radius: btnBorderRadius;\n      background: btnBgColor;\n      > span {\n        color: btnIconColor;\n      }\n    }\n  }",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/DformRadio.d.ts

@@ -5,11 +5,13 @@ export declare const DformRadio: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         itemBgColor: {
             type: string;
@@ -123,6 +125,9 @@ export declare const DformRadio: {
         itemBorderRadius: string;
         itemBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DformRadio.js

@@ -4,12 +4,14 @@ export var DformRadio = {
     selectBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     selectBorderRadius: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     itemBgColor: {
       type: 'color',
@@ -165,6 +167,9 @@ export var DformRadio = {
     itemBorderRadius: '#e5e5e5',
     itemBgColor: 'rgba(0,0,0,0)'
   }],
+  followThemes: {
+    '@primary-color': ['selectBorderRadius', 'selectBgColor']
+  },
   tpl: "\n    .lingxiteam-dform-radio-button{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n    .lingxiteam-dform-radio-checked{\n      border-color: selectBorderRadius;\n    }\n    .lingxiteam-dform-radio-inner-button{\n      background-color: selectBgColor;\n    }\n   ",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/DformSwitch.d.ts

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

package/dist/h5config/DformSwitch.js

@@ -5,7 +5,8 @@ export var DformSwitch = {
     openColor: {
       type: 'color',
       label: '开启颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@primary-color'
     },
     closeColor: {
       type: 'color',
@@ -82,6 +83,9 @@ export var DformSwitch = {
     openColor: '#108ee9',
     closeColor: '#ddd'
   }],
+  followThemes: {
+    '@primary-color': ['openColor']
+  },
   tpl: ".lcdp-form-item {\n      .adm-switch.adm-switch-checked .adm-switch-checkbox{\n        background: openColor;\n      }\n      .lingxiteam-dform-switch .adm-switch-checkbox{\n        background: closeColor;\n      }\n      .lingxiteam-dform-switch .adm-switch-checkbox::before{\n        background: closeColor;\n      }\n    }\n    ",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/FilterItems.d.ts

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

package/dist/h5config/FilterItems.js

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

package/dist/h5config/Link.d.ts

@@ -5,6 +5,7 @@ export declare const ALink: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -13,6 +14,9 @@ export declare const ALink: {
     defaultValue: {
         textColor: string;
     }[];
+    followThemes: {
+        '@color-link': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/Link.js

@@ -4,7 +4,8 @@ export var ALink = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@color-link'
     }
   },
   groupsName: '基础',
@@ -13,7 +14,10 @@ export var ALink = {
   defaultValue: [{
     textColor: '#108ee9'
   }],
-  tpl: "\n  a{\n    color: textColor;\n  }",
+  followThemes: {
+    '@color-link': ['textColor']
+  },
+  tpl: "\n  a {\n    color: textColor;\n  }\n  a:hover {\n    color: textColor;\n    opacity: 0.6;\n  }",
   components: [{
     id: 'ALink_414643',
     label: '超链接',

package/dist/h5config/SearchView.d.ts

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