@lingxiteam/theme-utils 0.5.0 → 0.5.2

package/dist/h5config/Card.js

@@ -2,15 +2,38 @@ export var Card = {
   type: 'Card',
   hasPrefixClass: true,
   variable: {
+    backgroundColor: {
+      type: 'color',
+      label: '头部填充颜色',
+      groupsName: '背景'
+    },
+    bodyBgColor: {
+      type: 'color',
+      label: '内容填充颜色',
+      groupsName: '背景'
+    },
+    footBgColor: {
+      type: 'color',
+      label: '底部填充颜色',
+      groupsName: '背景'
+    },
     textColor: {
       type: 'color',
-      label: '标题文本颜色',
+      label: '标题颜色',
       followTheme: '@color-text-base',
       groupsName: '标题'
     },
+    fontSize: {
+      type: 'px',
+      label: '标题尺寸',
+      groupsName: '标题'
+      // TODO: 单位是 * @hd 有异常
+      // followTheme: '@font-size-heading',
+    },
+
     lineHeight: {
       type: 'px',
-      label: '标题文本行高',
+      label: '标题行高',
       groupsName: '标题',
       options: [{
         label: 'px',
@@ -20,17 +43,9 @@ export var Card = {
         value: '%'
       }]
     },
-    fontSize: {
-      type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '标题'
-      // TODO: 单位是 * @hd 有异常
-      // followTheme: '@font-size-heading',
-    },
-
     fontWeight: {
       type: 'select',
-      label: '标题文本字重',
+      label: '标题字重',
       groupsName: '标题',
       options: [{
         title: '100',
@@ -55,69 +70,54 @@ export var Card = {
         value: '700'
       }]
     },
-    backgroundColor: {
+    borderRadius: {
+      type: 'px',
+      label: '圆角',
+      groupsName: '边框'
+    },
+    borderColor: {
       type: 'color',
-      label: '头部背景颜色',
-      groupsName: '背景颜色'
+      label: '颜色',
+      groupsName: '边框',
+      followTheme: '@border-color-base'
     },
     titleColor: {
       type: 'color',
-      label: '装饰条颜色',
-      groupsName: '标题',
+      label: '装饰符颜色',
+      groupsName: '其他',
       followTheme: '@brand-primary'
     },
-    lineColor: {
-      type: 'color',
-      label: '分割线颜色',
-      groupsName: '边框',
-      followTheme: '@border-color-base'
-    },
     tagSize: {
       type: 'px',
-      label: '标题装饰图标尺寸',
-      groupsName: '标题'
+      label: '装饰符尺寸',
+      groupsName: '其他'
     },
     tagMargin: {
-      type: 'px',
-      label: '符号右外边距',
-      groupsName: '标题'
+      type: 'marginInput',
+      label: '符号符外边距',
+      groupsName: '其他'
     },
     arrowColor: {
       type: 'color',
       label: '后缀图标颜色',
-      groupsName: '标题'
+      groupsName: '其他'
     },
     arrowSize: {
       type: 'px',
       label: '后缀图标尺寸',
-      groupsName: '标题'
+      groupsName: '其他'
     },
-    bodyBgColor: {
+    lineColor: {
       type: 'color',
-      label: '内容背景颜色',
-      groupsName: '背景颜色'
+      label: '头部分割线颜色',
+      groupsName: '其他',
+      followTheme: '@border-color-base'
     },
     bodyLineColor: {
       type: 'color',
       label: '内容分割线颜色',
-      groupsName: '边框',
-      followTheme: '@border-color-base'
-    },
-    footBgColor: {
-      type: 'color',
-      label: '底部背景颜色',
-      groupsName: '背景颜色'
-    },
-    borderColor: {
-      type: 'color',
-      label: '边框颜色',
-      groupsName: '边框',
+      groupsName: '其他',
       followTheme: '@border-color-base'
-    },
-    borderRadius: {
-      type: 'px',
-      label: '边框圆角',
-      groupsName: '边框'
     }
   },
   groupsName: '容器',
@@ -132,7 +132,7 @@ export var Card = {
     titleColor: '#47e',
     lineColor: '#f0f0f0',
     tagSize: '16px',
-    tagMargin: '4px',
+    tagMargin: '0 4px 0 0',
     arrowColor: 'rgba(28, 36, 46, 0.55)',
     arrowSize: '12px',
     bodyBgColor: '#fff',
@@ -147,7 +147,7 @@ export var Card = {
     '@color-text-base': [],
     '@border-color-base': ['lineColor', 'bodyLineColor']
   },
-  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   ",
+  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: tagMargin;\n      position: static;\n      width: tagSize;\n    }\n    .lcdp-h5-card-vStyle{\n      height: tagSize;\n      background: titleColor;\n      margin: tagMargin;\n    }\n    .lcdp-h5-card-icon{\n      width:  tagSize;\n      height: tagSize;\n      margin: 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: [{
     id: 'Card_194419',
     label: '卡片',

package/dist/h5config/DAddressPicker.d.ts

@@ -1,22 +1,6 @@
 export declare const DAddressPicker: {
     type: string;
     variable: {
-        iconColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-            desc: string;
-            canEdit: boolean;
-            extendsKey: string;
-        };
-        iconSize: {
-            type: string;
-            label: string;
-            groupsName: string;
-            desc: string;
-            canEdit: boolean;
-            extendsKey: string;
-        };
         labelTextColor: {
             type: string;
             label: string;
@@ -25,7 +9,7 @@ export declare const DAddressPicker: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelLineHeight: {
+        labelFontSize: {
             type: string;
             label: string;
             groupsName: string;
@@ -33,7 +17,7 @@ export declare const DAddressPicker: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelFontSize: {
+        labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
@@ -89,25 +73,33 @@ export declare const DAddressPicker: {
             canEdit: boolean;
             extendsKey: string;
         };
-        paddingValue: {
+        headTextAlign: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
             canEdit: boolean;
             extendsKey: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
         };
-        headTextAlign: {
+        iconColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            desc: string;
+            canEdit: boolean;
+            extendsKey: string;
+        };
+        iconSize: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
             canEdit: boolean;
             extendsKey: string;
-            options: {
-                title: string;
-                value: string;
-            }[];
         };
     };
     groupsName: string;

package/dist/h5config/DAddressPicker.js

@@ -1,50 +1,34 @@
 export var DAddressPicker = {
   type: 'DAddressPicker',
   variable: {
-    iconColor: {
-      type: 'color',
-      label: '后缀图标颜色',
-      groupsName: '图标',
-      desc: '继承自表单，此处不可编辑',
-      canEdit: false,
-      extendsKey: 'DForm'
-    },
-    iconSize: {
-      type: 'px',
-      label: '后缀图标尺寸',
-      groupsName: '图标',
-      desc: '继承自表单，此处不可编辑',
-      canEdit: false,
-      extendsKey: 'DForm'
-    },
     labelTextColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '标签',
+      label: '标题颜色',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
     },
-    labelLineHeight: {
+    labelFontSize: {
       type: 'px',
-      label: '标题文本行高',
-      groupsName: '标签',
+      label: '标题尺寸',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
     },
-    labelFontSize: {
+    labelLineHeight: {
       type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '标签',
+      label: '标题行高',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
     },
     labelFontWeight: {
       type: 'select',
-      label: '标题文本字重',
-      groupsName: '标签',
+      label: '标题字重',
+      groupsName: '标题',
       options: [{
         title: '100',
         value: '100'
@@ -74,7 +58,7 @@ export var DAddressPicker = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '组件',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
@@ -82,7 +66,7 @@ export var DAddressPicker = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '组件',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
@@ -90,7 +74,7 @@ export var DAddressPicker = {
     lineHeight: {
       type: 'px',
       label: '文本行高',
-      groupsName: '组件',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
@@ -98,7 +82,7 @@ export var DAddressPicker = {
     fontWeight: {
       type: 'select',
       label: '文本字重',
-      groupsName: '组件',
+      groupsName: '文字',
       options: [{
         title: '100',
         value: '100'
@@ -125,18 +109,10 @@ export var DAddressPicker = {
       canEdit: false,
       extendsKey: 'DForm'
     },
-    paddingValue: {
-      type: 'marginInput',
-      label: '内边距',
-      groupsName: '组件',
-      desc: '继承自表单，此处不可编辑',
-      canEdit: false,
-      extendsKey: 'DForm'
-    },
     headTextAlign: {
       type: 'select',
-      label: '文字对齐方式',
-      groupsName: '组件',
+      label: '对齐方式',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm',
@@ -150,6 +126,22 @@ export var DAddressPicker = {
         title: '右',
         value: 'right'
       }]
+    },
+    iconColor: {
+      type: 'color',
+      label: '后缀图标颜色',
+      groupsName: '其他',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'DForm'
+    },
+    iconSize: {
+      type: 'px',
+      label: '后缀图标尺寸',
+      groupsName: '其他',
+      desc: '继承自表单，此处不可编辑',
+      canEdit: false,
+      extendsKey: 'DForm'
     }
   },
   groupsName: '表单',

package/dist/h5config/DCheckbox.d.ts

@@ -7,23 +7,11 @@ export declare const DCheckbox: {
             groupsName: string;
             followTheme: string;
         };
-        selectBorderRadius: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
         itemBgColor: {
             type: string;
             label: string;
             groupsName: string;
         };
-        itemBorderRadius: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
         labelTextColor: {
             type: string;
             label: string;
@@ -32,7 +20,7 @@ export declare const DCheckbox: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelLineHeight: {
+        labelFontSize: {
             type: string;
             label: string;
             groupsName: string;
@@ -40,7 +28,7 @@ export declare const DCheckbox: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelFontSize: {
+        labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
@@ -96,14 +84,6 @@ export declare const DCheckbox: {
             canEdit: boolean;
             extendsKey: string;
         };
-        paddingValue: {
-            type: string;
-            label: string;
-            groupsName: string;
-            desc: string;
-            canEdit: boolean;
-            extendsKey: string;
-        };
         headTextAlign: {
             type: string;
             label: string;
@@ -116,6 +96,18 @@ export declare const DCheckbox: {
                 value: string;
             }[];
         };
+        itemBorderRadius: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        selectBorderRadius: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
     };
     groupsName: string;
     icon: string;

package/dist/h5config/DCheckbox.js

@@ -3,55 +3,43 @@ export var DCheckbox = {
   variable: {
     selectBgColor: {
       type: 'color',
-      label: '选中背景颜色',
-      groupsName: '背景颜色',
-      followTheme: '@brand-primary'
-    },
-    selectBorderRadius: {
-      type: 'color',
-      label: '选中边框颜色',
-      groupsName: '边框',
+      label: '选中填充颜色',
+      groupsName: '背景',
       followTheme: '@brand-primary'
     },
     itemBgColor: {
       type: 'color',
-      label: '默认背景颜色',
-      groupsName: '背景颜色'
-    },
-    itemBorderRadius: {
-      type: 'color',
-      label: '默认边框颜色',
-      groupsName: '边框',
-      followTheme: '@border-color-base'
+      label: '默认填充颜色',
+      groupsName: '背景'
     },
     labelTextColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '标签',
+      label: '标题颜色',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
     },
-    labelLineHeight: {
+    labelFontSize: {
       type: 'px',
-      label: '标题文本行高',
-      groupsName: '标签',
+      label: '标题尺寸',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
     },
-    labelFontSize: {
+    labelLineHeight: {
       type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '标签',
+      label: '标题行高',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
     },
     labelFontWeight: {
       type: 'select',
-      label: '标题文本字重',
-      groupsName: '标签',
+      label: '标题字重',
+      groupsName: '标题',
       options: [{
         title: '100',
         value: '100'
@@ -81,7 +69,7 @@ export var DCheckbox = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '组件',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
@@ -89,7 +77,7 @@ export var DCheckbox = {
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '组件',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
@@ -97,7 +85,7 @@ export var DCheckbox = {
     lineHeight: {
       type: 'px',
       label: '文本行高',
-      groupsName: '组件',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm'
@@ -105,7 +93,7 @@ export var DCheckbox = {
     fontWeight: {
       type: 'select',
       label: '文本字重',
-      groupsName: '组件',
+      groupsName: '文字',
       options: [{
         title: '100',
         value: '100'
@@ -132,18 +120,10 @@ export var DCheckbox = {
       canEdit: false,
       extendsKey: 'DForm'
     },
-    paddingValue: {
-      type: 'marginInput',
-      label: '内边距',
-      groupsName: '组件',
-      desc: '继承自表单，此处不可编辑',
-      canEdit: false,
-      extendsKey: 'DForm'
-    },
     headTextAlign: {
       type: 'select',
-      label: '文字对齐方式',
-      groupsName: '组件',
+      label: '对齐方式',
+      groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'DForm',
@@ -157,6 +137,18 @@ export var DCheckbox = {
         title: '右',
         value: 'right'
       }]
+    },
+    itemBorderRadius: {
+      type: 'color',
+      label: '默认边框颜色',
+      groupsName: '边框',
+      followTheme: '@border-color-base'
+    },
+    selectBorderRadius: {
+      type: 'color',
+      label: '选中边框颜色',
+      groupsName: '边框',
+      followTheme: '@brand-primary'
     }
   },
   groupsName: '表单',

package/dist/h5config/DForm.d.ts

@@ -14,21 +14,21 @@ export declare const DForm: {
             desc: string;
             followTheme: string;
         };
-        labelLineHeight: {
+        labelFontSize: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
-            options: {
-                label: string;
-                value: string;
-            }[];
         };
-        labelFontSize: {
+        labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
         };
         labelFontWeight: {
             type: string;
@@ -73,34 +73,34 @@ export declare const DForm: {
             }[];
             desc: string;
         };
-        iconColor: {
+        headTextAlign: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
-            followTheme: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
         };
-        iconSize: {
+        paddingValue: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
         };
-        paddingValue: {
+        iconColor: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
+            followTheme: string;
         };
-        headTextAlign: {
+        iconSize: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
-            options: {
-                title: string;
-                value: string;
-            }[];
         };
     };
     groupsName: string;