@lingxiteam/theme-utils 0.2.6 → 0.2.9

package/dist/config/Tabs.js

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

package/dist/config/Text.d.ts

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

package/dist/config/Text.js

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

package/dist/config/TimePicker.d.ts

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

package/dist/config/TimePicker.js

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

package/dist/config/Tree.d.ts

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

package/dist/config/Tree.js

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

package/dist/h5config/Accordion.d.ts

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

package/dist/h5config/Accordion.js

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

package/dist/h5config/Card.d.ts

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

package/dist/h5config/Card.js

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

package/dist/h5config/DMultiplePicker.js

@@ -19,7 +19,7 @@ export var DMultiplePicker = {
     },
     labelTextColor: {
       type: 'color',
-      label: '标签文本颜色',
+      label: '标题文本颜色',
       groupsName: '标签',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
@@ -27,7 +27,7 @@ export var DMultiplePicker = {
     },
     labelLineHeight: {
       type: 'px',
-      label: '标签文本行高',
+      label: '标题文本行高',
       groupsName: '标签',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
@@ -35,7 +35,7 @@ export var DMultiplePicker = {
     },
     labelFontSize: {
       type: 'px',
-      label: '标签文本尺寸',
+      label: '标题文本尺寸',
       groupsName: '标签',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
@@ -43,7 +43,7 @@ export var DMultiplePicker = {
     },
     labelFontWeight: {
       type: 'select',
-      label: '标签文本字重',
+      label: '标题文本字重',
       groupsName: '标签',
       options: [{
         title: '100',

package/dist/h5config/FilterItems.d.ts

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

package/dist/h5config/FilterItems.js

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

package/dist/h5config/SearchView.d.ts

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

package/dist/h5config/SearchView.js

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

package/package.json

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