@lingxiteam/theme-utils 0.2.6 → 0.2.9

package/dist/config/Button.d.ts

@@ -16,11 +16,13 @@ export declare const Button: {
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
         backgroundColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderColor: {
             type: string;
@@ -55,6 +57,10 @@ export declare const Button: {
         paddingValue: string;
         marginValue: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Button.js

@@ -15,12 +15,14 @@ export var Button = {
       type: 'px',
       label: '文本尺寸',
       groupsName: '文字',
-      desc: '按钮高度不会随着文字大小变化，因为按钮有4种大小规格'
+      desc: '按钮高度不会随着文字大小变化，因为按钮有4种大小规格',
+      followTheme: '@font-size-base'
     },
     backgroundColor: {
       type: 'color',
       label: '背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     borderColor: {
       type: 'color',
@@ -55,6 +57,10 @@ export var Button = {
     paddingValue: '4px 24px 4px 24px',
     marginValue: '0px'
   }],
+  followThemes: {
+    '@primary-color': ['backgroundColor'],
+    '@font-size-base': ['fontSize']
+  },
   tpl: "\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
   components: [{
     id: 'Button_1229334',

package/dist/config/Card.d.ts

@@ -82,7 +82,6 @@ export declare const Card: {
     icon: string;
     title: string;
     defaultValue: {
-        fontSize: string;
         backgroundColor: string;
         titleColor: string;
         tagSize: string;

package/dist/config/Card.js

@@ -100,7 +100,6 @@ export var Card = {
   icon: 'icon-ico-comp-card',
   title: '卡片',
   defaultValue: [{
-    fontSize: '14px',
     backgroundColor: '#fff',
     titleColor: '#0085D0',
     tagSize: '16px',

package/dist/config/Checkbox.d.ts

@@ -61,11 +61,13 @@ export declare const Checkbox: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioSeBgColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -78,6 +80,9 @@ export declare const Checkbox: {
         radioSeBorderColor: string;
         radioSeBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Checkbox.js

@@ -60,12 +60,14 @@ export var Checkbox = {
     radioSeBorderColor: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     radioSeBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     }
   },
   groupsName: '数据录入',
@@ -78,6 +80,9 @@ export var Checkbox = {
     radioSeBorderColor: '#47e',
     radioSeBgColor: '#47e'
   }],
+  followThemes: {
+    '@primary-color': ['radioSeBgColor', 'radioSeBorderColor']
+  },
   tpl: ".ued-checkbox-wrap{\n    .pcfactory-checkbox-inner{\n      width: radioSize;\n      height: radioSize;\n      border-color: radioBorderColor;\n      background: radioBgColor;\n    }\n    .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n      background: radioSeBgColor;\n    }\n    .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n  }\n   .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n    border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n    background: radioSeBgColor;\n    width: calc(0.47* radioSize);\n    height: calc(0.47* radioSize);\n  }\n  .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n    width: calc(0.35* radioSize);\n    height: calc(0.57* radioSize);\n  }\n  }",
   components: [{
     id: 'Form_180373',

package/dist/config/CheckboxGroup.d.ts

@@ -61,11 +61,13 @@ export declare const CheckboxGroup: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioSeBgColor: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -78,6 +80,9 @@ export declare const CheckboxGroup: {
         radioSeBorderColor: string;
         radioSeBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/CheckboxGroup.js

@@ -60,12 +60,14 @@ export var CheckboxGroup = {
     radioSeBorderColor: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     radioSeBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     }
   },
   groupsName: '数据录入',
@@ -78,6 +80,9 @@ export var CheckboxGroup = {
     radioSeBorderColor: '#47e',
     radioSeBgColor: '#47e'
   }],
+  followThemes: {
+    '@primary-color': ['radioSeBorderColor', 'radioSeBgColor']
+  },
   tpl: ".ued-checkboxgroup-wrap {\n    .pcfactory-checkbox-inner{\n      width: radioSize;\n      height: radioSize;\n      border-color: radioBorderColor;\n      background: radioBgColor;\n    }\n    .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n      background: radioSeBgColor;\n    }\n    .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n    border-color: radioSeBorderColor;\n}\n .pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-form-item input[type=checkbox]{\n    width: radioSize;\n    height: radioSize;\n  }\n   .pcfactory-form-item input[type=radio]{\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n    background: radioSeBgColor;\n    width: calc(0.47* radioSize);\n    height: calc(0.47* radioSize);\n  }\n  .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n    width: calc(0.35* radioSize);\n    height: calc(0.57* radioSize);\n  }\n  }",
   components: [{
     id: 'Form_180373',

package/dist/config/Collapse.d.ts

@@ -61,6 +61,7 @@ export declare const Collapse: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderColor: {
             type: string;
@@ -97,6 +98,9 @@ export declare const Collapse: {
         borderRadius: string;
         bodyColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Collapse.js

@@ -78,7 +78,8 @@ export var Collapse = {
     arrowSize: {
       type: 'px',
       label: '后缀图标尺寸',
-      groupsName: '布局'
+      groupsName: '布局',
+      followTheme: '@font-size-base'
     },
     borderColor: {
       type: 'color',
@@ -115,7 +116,10 @@ export var Collapse = {
     borderRadius: '2px',
     bodyColor: '#fff'
   }],
-  tpl: ".ued-collapse-wrap .ued-collapse-panel-header-icon-auto span, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i{\n    color: titleColor;\n    margin-right: tagMargin;\n  }\n  .ued-collapse-wrap .ued-collapse-panel-header-icon-auto span svg, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i svg{\n    width: tagSize;\n    height: tagSize;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow span{\n  color: arrowColor;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow span svg{\n  width: arrowSize;\n  height: arrowSize;\n}\n.ued-collapse-wrap .pcfactory-collapse{\n  border-color: borderColor;\n  border-radius: borderRadius;\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item{\n  border-color: borderColor;\n\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content{\n  border-color: lineColor;\n}\n.ued-collapse-wrap .pcfactory-collapse>div:last-child{\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n    .pcfactory-collapse-header{\n      border-bottom-right-radius: borderRadius;\n      border-bottom-left-radius: borderRadius;\n    }\n}\n.ued-collapse-wrap .pcfactory-collapse .pcfactory-collapse-item-active:last-child {\n  .pcfactory-collapse-header{\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse-item:last-child>.pcfactory-collapse-content{\n  border-bottom-right-radius: borderRadius;\n  border-bottom-left-radius: borderRadius;\n  .ued-collapse-pane-content{\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse>div:first-child {\n  border-top-left-radius: borderRadius;\n  border-top-right-radius: borderRadius;\n  .pcfactory-collapse-header{\n    border-top-left-radius: borderRadius;\n  border-top-right-radius: borderRadius;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content>.pcfactory-collapse-content-box .ued-collapse-pane-content{\n  background-color: bodyColor;\n}",
+  followThemes: {
+    '@font-size-base': ['arrowSize']
+  },
+  tpl: ".ued-collapse-wrap .ued-collapse-panel-header-icon-auto span, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i{\n    color: titleColor;\n    margin-right: tagMargin;\n  }\n  .ued-collapse-wrap .ued-collapse-panel-header-icon-auto span svg, .ued-collapse-wrap .ued-collapse-panel-header-icon-auto>i svg{\n    width: tagSize;\n    height: tagSize;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow {\n  color: arrowColor;\n}\n.ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right>.pcfactory-collapse-item>.pcfactory-collapse-header .pcfactory-collapse-arrow  svg{\n  width: arrowSize;\n  height: arrowSize;\n}\n.ued-collapse-wrap .pcfactory-collapse{\n  border-color: borderColor;\n  border-radius: borderRadius;\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item{\n  border-color: borderColor;\n\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content{\n  border-color: lineColor;\n}\n.ued-collapse-wrap .pcfactory-collapse>div:last-child{\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n    .pcfactory-collapse-header{\n      border-bottom-right-radius: borderRadius;\n      border-bottom-left-radius: borderRadius;\n    }\n}\n.ued-collapse-wrap .pcfactory-collapse .pcfactory-collapse-item-active:last-child {\n  .pcfactory-collapse-header{\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse-item:last-child>.pcfactory-collapse-content{\n  border-bottom-right-radius: borderRadius;\n  border-bottom-left-radius: borderRadius;\n  .ued-collapse-pane-content{\n    border-bottom-right-radius: borderRadius;\n    border-bottom-left-radius: borderRadius;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse>div:first-child {\n  border-top-left-radius: borderRadius;\n  border-top-right-radius: borderRadius;\n  .pcfactory-collapse-header{\n    border-top-left-radius: borderRadius;\n  border-top-right-radius: borderRadius;\n  }\n}\n.ued-collapse-wrap .pcfactory-collapse>.pcfactory-collapse-item>.pcfactory-collapse-content>.pcfactory-collapse-content-box .ued-collapse-pane-content{\n  background-color: bodyColor;\n}",
   components: [{
     id: 'Collapse_746665',
     label: '折叠面板',

package/dist/config/DatePicker.d.ts

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

package/dist/config/DatePicker.js

@@ -61,7 +61,8 @@ export var DatePicker = {
     iconFontSize: {
       type: 'px',
       label: '日期图标尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     iconColor: {
       type: 'color',
@@ -76,6 +77,9 @@ export var DatePicker = {
     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',