@lingxiteam/theme-utils 0.2.16 → 0.3.1

package/dist/config/Tree.js

@@ -4,17 +4,20 @@ export var Tree = {
     borderColor: {
       type: 'color',
       label: '边框颜色',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@border-color-base'
     },
     borderRadius: {
       type: 'px',
       label: '边框圆角',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@border-radius-base'
     },
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '搜索框样式'
+      groupsName: '搜索框样式',
+      followTheme: '@text-color'
     },
     fontSize: {
       type: 'px',
@@ -31,7 +34,8 @@ export var Tree = {
     treeTextColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '树样式'
+      groupsName: '树样式',
+      followTheme: '@text-color'
     },
     treeFontSize: {
       type: 'px',
@@ -74,7 +78,10 @@ export var Tree = {
   }],
   followThemes: {
     '@primary-color': ['treeIconColor'],
-    '@font-size-base': ['fontSize', 'treeFontSize']
+    '@font-size-base': ['fontSize', 'treeFontSize'],
+    '@text-color': ['textColor', 'treeTextColor'],
+    '@border-color-base': ['borderColor'],
+    '@border-radius-base': ['borderRadius']
   },
   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: [{

package/dist/config/TreeSelect.d.ts

@@ -2,6 +2,22 @@ export declare const TreeSelect: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        iconFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            desc: string;
+        };
+        iconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        iconTop: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
         labelTextColor: {
             type: string;
             label: string;
@@ -58,22 +74,6 @@ export declare const TreeSelect: {
             canEdit: boolean;
             extendsKey: string;
         };
-        iconFontSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            desc: string;
-        };
-        iconColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
-        iconTop: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
     };
     groupsName: string;
     icon: string;

package/dist/config/TreeSelect.js

@@ -2,6 +2,22 @@ export var TreeSelect = {
   type: 'TreeSelect',
   hasPrefixClass: true,
   variable: {
+    iconFontSize: {
+      type: 'px',
+      label: '下拉图标尺寸',
+      groupsName: '文字',
+      desc: '请根据实际【文本尺寸】调整，不宜与【文本尺寸】大小差异过大'
+    },
+    iconColor: {
+      type: 'color',
+      label: '下拉图标颜色',
+      groupsName: '文字'
+    },
+    iconTop: {
+      type: 'px',
+      label: '下拉图标距离顶部',
+      groupsName: '文字'
+    },
     labelTextColor: {
       type: 'color',
       label: '标题文本颜色',
@@ -57,22 +73,6 @@ export var TreeSelect = {
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
-    },
-    iconFontSize: {
-      type: 'px',
-      label: '下拉图标尺寸',
-      groupsName: '文字',
-      desc: '请根据实际【文本尺寸】调整，不宜与【文本尺寸】大小差异过大'
-    },
-    iconColor: {
-      type: 'color',
-      label: '下拉图标颜色',
-      groupsName: '文字'
-    },
-    iconTop: {
-      type: 'px',
-      label: '下拉图标距离顶部',
-      groupsName: '文字'
     }
   },
   groupsName: '数据录入',

package/dist/h5config/Accordion.d.ts

@@ -92,7 +92,7 @@ export declare const Accordion: {
         borderRadius: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: ({

package/dist/h5config/Accordion.js

@@ -52,7 +52,7 @@ export var Accordion = {
       type: 'color',
       label: '装饰条颜色',
       groupsName: '标题',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     // lineColor: {
     //   type: 'color',
@@ -116,7 +116,7 @@ export var Accordion = {
     borderRadius: '4px'
   }],
   followThemes: {
-    '@primary-color': ['titleColor']
+    '@brand-primary': ['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      > div {\n        margin-left: tagMargin !important;\n      }\n    }\n    .lcdp-accordion-header-icon-left{\n      background: titleColor;\n    }\n     .lcdp-accordion-header-default-icon{\n      height: tagSize;\n      background: titleColor;\n      margin-right: -4px;\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: [{

package/dist/h5config/Button.d.ts

@@ -57,7 +57,7 @@ export declare const Button: {
         marginValue: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: ({

package/dist/h5config/Button.js

@@ -20,7 +20,7 @@ export var Button = {
       type: 'color',
       label: '主题颜色',
       groupsName: '颜色',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     borderColor: {
       type: 'color',
@@ -57,7 +57,7 @@ export var Button = {
     marginValue: '0px'
   }],
   followThemes: {
-    '@primary-color': ['backgroundColor']
+    '@brand-primary': ['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: [{

package/dist/h5config/Card.d.ts

@@ -114,7 +114,7 @@ export declare const Card: {
         borderRadius: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: ({

package/dist/h5config/Card.js

@@ -60,7 +60,7 @@ export var Card = {
       type: 'color',
       label: '装饰条颜色',
       groupsName: '标题',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     lineColor: {
       type: 'color',
@@ -135,7 +135,7 @@ export var Card = {
     borderRadius: '4px'
   }],
   followThemes: {
-    '@primary-color': ['titleColor']
+    '@brand-primary': ['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;\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      margin-right: tagMargin;\n      margin-top: -1px;\n      display: grid;\n    }\n    .lcdp-h5-card-icon svg{\n      color:  titleColor;\n      width:  tagSize;\n      height: tagSize;\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: [{

package/dist/h5config/DCheckbox.d.ts

@@ -126,7 +126,7 @@ export declare const DCheckbox: {
         itemBgColor: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: {

package/dist/h5config/DCheckbox.js

@@ -5,13 +5,13 @@ export var DCheckbox = {
       type: 'color',
       label: '选中背景颜色',
       groupsName: '背景颜色',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     selectBorderRadius: {
       type: 'color',
       label: '选中边框颜色',
       groupsName: '边框',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     itemBgColor: {
       type: 'color',
@@ -168,7 +168,7 @@ export var DCheckbox = {
     itemBgColor: 'rgba(0,0,0,0)'
   }],
   followThemes: {
-    '@primary-color': ['selectBorderRadius', 'selectBgColor']
+    '@brand-primary': ['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: [{

package/dist/h5config/DformFile.d.ts

@@ -64,7 +64,7 @@ export declare const DformFile: {
         btnBorderRadius: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: {

package/dist/h5config/DformFile.js

@@ -11,7 +11,7 @@ export var DformFile = {
       type: 'color',
       label: '上传按钮标题颜色',
       groupsName: '背景颜色',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     btnBorderRadius: {
       type: 'px',
@@ -82,7 +82,7 @@ export var DformFile = {
     btnBorderRadius: '100px'
   }],
   followThemes: {
-    '@primary-color': ['btnIconColor']
+    '@brand-primary': ['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: [{

package/dist/h5config/DformRadio.d.ts

@@ -126,7 +126,7 @@ export declare const DformRadio: {
         itemBgColor: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: {

package/dist/h5config/DformRadio.js

@@ -5,13 +5,13 @@ export var DformRadio = {
       type: 'color',
       label: '选中背景颜色',
       groupsName: '背景颜色',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     selectBorderRadius: {
       type: 'color',
       label: '选中边框颜色',
       groupsName: '边框',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     itemBgColor: {
       type: 'color',
@@ -168,7 +168,7 @@ export var DformRadio = {
     itemBgColor: 'rgba(0,0,0,0)'
   }],
   followThemes: {
-    '@primary-color': ['selectBorderRadius', 'selectBgColor']
+    '@brand-primary': ['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: [{

package/dist/h5config/DformSwitch.d.ts

@@ -66,7 +66,7 @@ export declare const DformSwitch: {
         closeColor: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: {

package/dist/h5config/DformSwitch.js

@@ -6,7 +6,7 @@ export var DformSwitch = {
       type: 'color',
       label: '开启颜色',
       groupsName: '文字',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     closeColor: {
       type: 'color',
@@ -84,7 +84,7 @@ export var DformSwitch = {
     closeColor: '#ddd'
   }],
   followThemes: {
-    '@primary-color': ['openColor']
+    '@brand-primary': ['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: [{

package/dist/h5config/StaticTabs.d.ts

@@ -73,7 +73,7 @@ export declare const StaticTabs: {
         bodyBgColor: string;
     }[];
     followThemes: {
-        '@primary-color': string[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: {

package/dist/h5config/StaticTabs.js

@@ -17,7 +17,7 @@ export var StaticTabs = {
       type: 'color',
       label: '选项背景颜色',
       groupsName: '选项',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     selectBorderRadius: {
       type: 'px',
@@ -28,7 +28,7 @@ export var StaticTabs = {
       type: 'color',
       label: '选中项文本颜色',
       groupsName: '选中项',
-      followTheme: '@primary-color'
+      followTheme: '@brand-primary'
     },
     selectFontWeight: {
       type: 'select',
@@ -127,7 +127,7 @@ export var StaticTabs = {
   }],
 
   followThemes: {
-    '@primary-color': ['backgroundColor', 'selectTextColor']
+    '@brand-primary': ['backgroundColor', 'selectTextColor']
   },
   tpl: ".use-app-statictabs {\n    .am-tabs-default-bar-content .am-tabs-default-bar-tab-active{\n      background: selectBgColor;\n    color: selectTextColor;\n    position: relative;\n    border-top-left-radius: selectBorderRadius;\n    border-top-right-radius: selectBorderRadius;\n    transform: perspective(200px) rotateX(25deg);\n    transform-origin: top center;\n    font-weight: selectFontWeight;\n    }\n    .am-tabs-default-bar-bottom .am-tabs-default-bar-content, .am-tabs-default-bar-top .am-tabs-default-bar-content{\n      background: backgroundColor;\n    }\n    .am-tabs-bottom, .am-tabs-top{\n      border-radius: selectBorderRadius;\n    }\n    .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::before, .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::after{\n      background: radial-gradient(0.24rem at 0.3rem 0, transparent 0.3rem, selectBgColor 0.23rem);\n    }\n    .am-tabs-default-bar-tab{\n      color: textColor;\n      font-weight: fontWeight;\n      font-size: fontSize;\n    }\n    .am-tabs-pane-wrap {\n      background-color: bodyBgColor;\n    }\n  }\n",
   components: [{

package/dist/lx-mobile.d.ts

@@ -1,5 +1,5 @@
 export declare const THEME_KEYS_MOBILE_TITLE: {
-    '@primary-color': string;
+    '@brand-primary': string;
     '@border-color-base': string;
     '@font-size-base': string;
     '@color-text-base': string;

package/dist/lx-mobile.js

@@ -33,7 +33,7 @@ import { ALink } from "./h5config/Link";
 import { Card } from "./h5config/Card";
 import { Accordion } from "./h5config/Accordion";
 export var THEME_KEYS_MOBILE_TITLE = {
-  '@primary-color': '主题色',
+  '@brand-primary': '主题色',
   '@border-color-base': '边框色',
   '@font-size-base': '主字号',
   '@color-text-base': '主文本色',
@@ -105,19 +105,22 @@ export function px2rem(obj) {
   for (var key in obj) {
     if (obj.hasOwnProperty(key)) {
       var value = obj[key];
-      var values = value.split(' ');
-      if (values.length > 0) {
-        var remValues = values.map(function (val) {
-          if (val.includes('px')) {
-            var parsedValue = parseFloat(val);
-            return "".concat(parsedValue / 50, "rem");
-          }
-          return val;
-        });
-        value = remValues.join(' ');
-      } else if (value.includes('px')) {
-        var parsedValue = parseFloat(value);
-        value = "".concat(parsedValue / 50, "rem");
+      if (value) {
+        var _value;
+        var values = (_value = value) === null || _value === void 0 ? void 0 : _value.split(' ');
+        if (values.length > 0) {
+          var remValues = values.map(function (val) {
+            if (val.includes('px')) {
+              var parsedValue = parseFloat(val);
+              return "".concat(parsedValue / 50, "rem");
+            }
+            return val;
+          });
+          value = remValues.join(' ');
+        } else if (value.includes('px')) {
+          var parsedValue = parseFloat(value);
+          value = "".concat(parsedValue / 50, "rem");
+        }
       }
       remObj[key] = value;
     }

package/package.json

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