@lingxiteam/theme-utils 0.5.4 → 0.5.6

package/README.md

@@ -1,142 +1,142 @@
-# @lingxiteam/theme-utils
-
-antd@4 theme class utils, css utils
-
-```js
-pnpm i @lingxiteam/theme-utils
-
-import {} from '@lingxiteam/theme-utils';
-```
-
-新建场景描述：
-
-1、通过编辑页面 form 得到，theme 的对象 如 { backgroundColor:'red',fontSize:'12px'} 2、根据模版 '.cc{ background-color: backgroundColor; font-size: fontSize;}' 解析 css 3、得到最终 css '.cc{ background-color:red; font-size:12px;bor:123}' 4、将最终 css 提交到服务端
-
-编辑场景描述：
-
-1、从服务端取得 css 2、根据模版将 css 中的对象取出 { backgroundColor:'red',fontSize:'12px'} 3、将对象赋值到编辑页面 form 4、重复新建场景
-
-预览场景描述：
-
-1、每次编辑都会实时的生成 css 2、通过 normalizeCSS(css,'#previewId') 将 css 作用到指定 id dom 下 ' #previewId { .cc{ background-color:red; font-size:12px; }}' 3、通过 insertRules('12312', css, document.getElementById('previewId')); 将 style 挂载到预览 dom 上 4、挂载的样式仅会对预览生效
-
-使用场景描述：
-
-1、通过 insertLink('12312', 'http://xxx.css',true); 在页面上加载所有的生成的 css，将会对所有的场景生效。
-
-## stringifyCss
-
-根据指定模版，将对象的值解析道模版中，生成最终的 css 字符串
-
-```js
-const tpl = '.cc{ background-color: backgroundColor; font-size: fontSize;}';
-const a = { backgroundColor: 'red', fontSize: '12px' };
-const c = stringifyCss(tpl, a);
-console.log(c); // .cc{ background-color:red; font-size:12px;}
-```
-
-## parseCss
-
-根据指定模版，将值从 css 字符串中解析成对象
-
-```js
-const tpl = '.cc{ background-color: backgroundColor; font-size: fontSize;}';
-const a = '.cc{ background-color:red; font-size:12px;}';
-const c = parseCss(tpl, a);
-console.log(c); // { backgroundColor:'red',fontSize:'12px'}
-```
-
-## normalizeCSS
-
-编译 css 且支持给 css 提供指定的选择器，如
-
-```js
-const a = '.a{ .b{ font-size:12px; } }';
-
-const css = normalizeCSS(a);
-
-console.log(css);
-
-// output: '.a .b{font-size:12px;}'
-
-const css1 = normalizeCSS(a, '.cc');
-console.log(css1);
-// output: '.cc .a .b{font-size:12px;}'
-```
-
-## insertRules
-
-将 css 挂载到页面上 `insertRules(id: string, rules: string,selector = document.head,);` 指定 id，会覆盖生产的 style 标签
-
-```js
-insertRules('12312', css);
-```
-
-## insertLink
-
-挂载指定的 css link `insertLink(id: string, href: string, insertBefore = false)`
-
-可选择指定挂在在 body.firstElementChild 还是 head 中
-
-```js
-insertLink('12312', 'http://xxx.css', true);
-```
-
-## 关于配置
-
-```ts
-  {
-    type: '类型',
-    // 所有的 css 有一个父级类名，理论上每一个都需要这个配置，是为了兼容第一版本的数据，因为组件太多，要全部重写一遍需要工作量，所以只修改了异常的组件
-    hasPrefixClass: true,
-    // 隐藏自定义类名按钮，当前只有pc端容器
-    hiddenCustomCss: true,
-    variable: {
-      // 允许配置项
-      fontSize: {
-        // 对应编辑器的类型，px color select marginInput 四种
-        type: 'px',
-        label: '尺寸',
-        groupsName: '文字' ,
-        desc: '说明文字'，
-        // 继承其他组件属性时要标记不可编辑
-        canEdit: false,
-        // 编辑从什么地方支撑这个属性
-        extendsKey: 'Form',
-        // 表示这个字段跟随全局主题变量
-        followTheme: '@font-size-base',
-        // 是否隐藏,用于取全局变量，但是不允许用户修改的情况，如表单边框激活颜色
-        hidden: false,
-      },
-    },
-    groupsName: '分组名称',
-    icon: '图标名称要和组件库对应上',
-    title: '标题',
-    defaultValue: [
-      {
-        // 上面定义的配置项的默认值
-        fontSize: '14px',
-      },
-    ],
-    // 是否跟随主题的开关，存在表示当前为跟随
-    followThemes: {
-      '@font-size-base': ['fontSize'],
-    },
-    // 根据上面的配置项和下面的模版解析得到最终挂在的 css
-    tpl: '.hh { font-size: fontSize}',
-    // 如果它被别人继承，并且自己需要自定义样式，如父级自定义样式为 .aa.list{ .item { } } 子级的自定义样式为 .aa.item { }
-    itemCustomTpl: '',
-    // 预览用数据，编辑器中推拽出来的 dsl ，可直接复制，View 下的 components，维护时如预览页面有变更，可直接替换这个数据，无需详细比对
-    components: [],
-  };
-```
-
-### 关于继承
-
-因为继承在预览和自定义样式时需要先加载父级的样式，所以需要在工具中写明哪些组件需要先获取。
-
-如： theme-utils/src/lx-mobile.ts#L63 和 theme-utils/src/lx.ts#L62
-
-```ts
-const extend: any = {};
-```
+# @lingxiteam/theme-utils
+
+antd@4 theme class utils, css utils
+
+```js
+pnpm i @lingxiteam/theme-utils
+
+import {} from '@lingxiteam/theme-utils';
+```
+
+新建场景描述：
+
+1、通过编辑页面 form 得到，theme 的对象 如 { backgroundColor:'red',fontSize:'12px'} 2、根据模版 '.cc{ background-color: backgroundColor; font-size: fontSize;}' 解析 css 3、得到最终 css '.cc{ background-color:red; font-size:12px;bor:123}' 4、将最终 css 提交到服务端
+
+编辑场景描述：
+
+1、从服务端取得 css 2、根据模版将 css 中的对象取出 { backgroundColor:'red',fontSize:'12px'} 3、将对象赋值到编辑页面 form 4、重复新建场景
+
+预览场景描述：
+
+1、每次编辑都会实时的生成 css 2、通过 normalizeCSS(css,'#previewId') 将 css 作用到指定 id dom 下 ' #previewId { .cc{ background-color:red; font-size:12px; }}' 3、通过 insertRules('12312', css, document.getElementById('previewId')); 将 style 挂载到预览 dom 上 4、挂载的样式仅会对预览生效
+
+使用场景描述：
+
+1、通过 insertLink('12312', 'http://xxx.css',true); 在页面上加载所有的生成的 css，将会对所有的场景生效。
+
+## stringifyCss
+
+根据指定模版，将对象的值解析道模版中，生成最终的 css 字符串
+
+```js
+const tpl = '.cc{ background-color: backgroundColor; font-size: fontSize;}';
+const a = { backgroundColor: 'red', fontSize: '12px' };
+const c = stringifyCss(tpl, a);
+console.log(c); // .cc{ background-color:red; font-size:12px;}
+```
+
+## parseCss
+
+根据指定模版，将值从 css 字符串中解析成对象
+
+```js
+const tpl = '.cc{ background-color: backgroundColor; font-size: fontSize;}';
+const a = '.cc{ background-color:red; font-size:12px;}';
+const c = parseCss(tpl, a);
+console.log(c); // { backgroundColor:'red',fontSize:'12px'}
+```
+
+## normalizeCSS
+
+编译 css 且支持给 css 提供指定的选择器，如
+
+```js
+const a = '.a{ .b{ font-size:12px; } }';
+
+const css = normalizeCSS(a);
+
+console.log(css);
+
+// output: '.a .b{font-size:12px;}'
+
+const css1 = normalizeCSS(a, '.cc');
+console.log(css1);
+// output: '.cc .a .b{font-size:12px;}'
+```
+
+## insertRules
+
+将 css 挂载到页面上 `insertRules(id: string, rules: string,selector = document.head,);` 指定 id，会覆盖生产的 style 标签
+
+```js
+insertRules('12312', css);
+```
+
+## insertLink
+
+挂载指定的 css link `insertLink(id: string, href: string, insertBefore = false)`
+
+可选择指定挂在在 body.firstElementChild 还是 head 中
+
+```js
+insertLink('12312', 'http://xxx.css', true);
+```
+
+## 关于配置
+
+```ts
+  {
+    type: '类型',
+    // 所有的 css 有一个父级类名，理论上每一个都需要这个配置，是为了兼容第一版本的数据，因为组件太多，要全部重写一遍需要工作量，所以只修改了异常的组件
+    hasPrefixClass: true,
+    // 隐藏自定义类名按钮，当前只有pc端容器
+    hiddenCustomCss: true,
+    variable: {
+      // 允许配置项
+      fontSize: {
+        // 对应编辑器的类型，px color select marginInput 四种
+        type: 'px',
+        label: '尺寸',
+        groupsName: '文字' ,
+        desc: '说明文字'，
+        // 继承其他组件属性时要标记不可编辑
+        canEdit: false,
+        // 编辑从什么地方支撑这个属性
+        extendsKey: 'Form',
+        // 表示这个字段跟随全局主题变量
+        followTheme: '@font-size-base',
+        // 是否隐藏,用于取全局变量，但是不允许用户修改的情况，如表单边框激活颜色
+        hidden: false,
+      },
+    },
+    groupsName: '分组名称',
+    icon: '图标名称要和组件库对应上',
+    title: '标题',
+    defaultValue: [
+      {
+        // 上面定义的配置项的默认值
+        fontSize: '14px',
+      },
+    ],
+    // 是否跟随主题的开关，存在表示当前为跟随
+    followThemes: {
+      '@font-size-base': ['fontSize'],
+    },
+    // 根据上面的配置项和下面的模版解析得到最终挂在的 css
+    tpl: '.hh { font-size: fontSize}',
+    // 如果它被别人继承，并且自己需要自定义样式，如父级自定义样式为 .aa.list{ .item { } } 子级的自定义样式为 .aa.item { }
+    itemCustomTpl: '',
+    // 预览用数据，编辑器中推拽出来的 dsl ，可直接复制，View 下的 components，维护时如预览页面有变更，可直接替换这个数据，无需详细比对
+    components: [],
+  };
+```
+
+### 关于继承
+
+因为继承在预览和自定义样式时需要先加载父级的样式，所以需要在工具中写明哪些组件需要先获取。
+
+如： theme-utils/src/lx-mobile.ts#L63 和 theme-utils/src/lx.ts#L62
+
+```ts
+const extend: any = {};
+```

package/dist/config/Card.d.ts

@@ -47,6 +47,42 @@ export declare const Card: {
                 value: string;
             }[];
         };
+        subTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        subFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        subLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        subFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
         borderRadius: {
             type: string;
             label: string;

package/dist/config/Card.js

@@ -65,6 +65,60 @@ export var Card = {
         value: '700'
       }]
     },
+    subTextColor: {
+      type: 'color',
+      label: '副标题颜色',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑'
+    },
+    subFontSize: {
+      type: 'px',
+      label: '副标题尺寸',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑'
+    },
+    subLineHeight: {
+      type: 'px',
+      label: '副标题行高',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑'
+    },
+    subFontWeight: {
+      type: 'select',
+      label: '副标题字重',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
     borderRadius: {
       type: 'px',
       label: '圆角',

package/dist/config/Collapse.d.ts

@@ -47,6 +47,42 @@ export declare const Collapse: {
                 value: string;
             }[];
         };
+        subTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        subFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        subLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+        };
+        subFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            canEdit: boolean;
+            extendsKey: string;
+            desc: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
         borderRadius: {
             type: string;
             label: string;

package/dist/config/Collapse.js

@@ -65,6 +65,60 @@ export var Collapse = {
         value: '700'
       }]
     },
+    subTextColor: {
+      type: 'color',
+      label: '副标题颜色',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑'
+    },
+    subFontSize: {
+      type: 'px',
+      label: '副标题尺寸',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑'
+    },
+    subLineHeight: {
+      type: 'px',
+      label: '副标题行高',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑'
+    },
+    subFontWeight: {
+      type: 'select',
+      label: '副标题字重',
+      groupsName: '副标题',
+      canEdit: false,
+      extendsKey: 'Container',
+      desc: '继承自容器，此处不可编辑',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
     borderRadius: {
       type: 'px',
       label: '圆角',

package/dist/config/Container.d.ts

@@ -32,6 +32,34 @@ export declare const Container: {
                 value: string;
             }[];
         };
+        subTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            desc: string;
+        };
+        subFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            desc: string;
+        };
+        subLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            desc: string;
+        };
+        subFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+            desc: string;
+        };
     };
     groupsName: string;
     icon: string;
@@ -42,6 +70,10 @@ export declare const Container: {
         lineHeight: string;
         fontSize: string;
         fontWeight: string;
+        subTextColor: string;
+        subLineHeight: string;
+        subFontSize: string;
+        subFontWeight: string;
     }[];
     followThemes: {
         '@heading-color': string[];

package/dist/config/Container.js

@@ -49,6 +49,52 @@ export var Container = {
         title: '700',
         value: '700'
       }]
+    },
+    subTextColor: {
+      type: 'color',
+      label: '副标题颜色',
+      groupsName: '副标题',
+      desc: '对卡片、折叠面板副标题生效'
+    },
+    subFontSize: {
+      type: 'px',
+      label: '副标题尺寸',
+      groupsName: '副标题',
+      desc: '对卡片、折叠面板副标题生效'
+    },
+    subLineHeight: {
+      type: 'px',
+      label: '副标题行高',
+      groupsName: '副标题',
+      desc: '对卡片、折叠面板副标题生效'
+    },
+    subFontWeight: {
+      type: 'select',
+      label: '副标题字重',
+      groupsName: '副标题',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }],
+      desc: '对卡片、折叠面板副标题生效'
     }
     // borderColor: {
     //   type: 'color',
@@ -73,17 +119,20 @@ export var Container = {
     textColor: '#0085D0',
     lineHeight: '24px',
     fontSize: '16px',
-    fontWeight: '500'
+    fontWeight: '500',
     // borderColor: '#E8E8E8',
     // borderRadius: '8px',
+    subTextColor: '#9092A3',
+    subLineHeight: '22px',
+    subFontSize: '14px',
+    subFontWeight: '400'
   }],
-
   followThemes: {
     '@heading-color': ['textColor'],
     '@font-size-base': []
   },
   // TODO：布局容器、普通容器
-  tpl: "\n    .ued-card .ued-card-title {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-card .pcfactory-card-head > .pcfactory-card-head-wrapper > .pcfactory-card-head-title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right > .pcfactory-collapse-item > .pcfactory-collapse-header .ued-collapse-panel-header {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n   .ued-table-filters .table-head-default{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-filters .table-head-middle{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-wrap .table-head-default{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-wrap .table-head-middle .title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n      padding: 0 0 0 18px ;\n    }\n    .ued-table-wrap .table-head .title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }",
+  tpl: "\n    .ued-card .ued-card-title {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-card-sub-title {\n      color: subTextColor;\n      line-height: subLineHeight;\n      font-size: subFontSize;\n      font-weight: subFontWeight;\n    }\n    .ued-card .pcfactory-card-head > .pcfactory-card-head-wrapper > .pcfactory-card-head-title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-collapse-wrap .pcfactory-collapse.pcfactory-collapse-icon-position-right > .pcfactory-collapse-item > .pcfactory-collapse-header .ued-collapse-panel-header {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .ued-collapse-panel-header-sub {\n      color: subTextColor;\n      line-height: subLineHeight;\n      font-size: subFontSize;\n      font-weight: subFontWeight;\n    }\n   .ued-table-filters .table-head-default{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-filters .table-head-middle{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-wrap .table-head-default{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n    padding: 12px 0 0 0;\n  }\n   .ued-table-wrap .table-head-middle .title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n      padding: 0 0 0 18px ;\n    }\n    .ued-table-wrap .table-head .title{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }",
   components: [{
     id: 'Card_872926',
     label: '卡片',

package/dist/config/Form.js

@@ -138,7 +138,7 @@ export var Form = {
   // 下拉单选与下拉复选样式一致
   // 滑动输入条没有边框样式
   itemCustomTpl: ".pcFactory-from-component{\n    .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      height: auto;\n      min-height: 32px;\n      line-height: 2;\n      overflow: hidden;\n    }\n    .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      padding-left: 8px;\n      border-color: itemBorderColor;\n      height: calc(fontSize * 2 + 4px);\n      min-height: 32px;\n      line-height: 2;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: calc(fontSize * 2 + 4px);\n    }\n    .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n      font-size: fontSize;\n      line-height: calc(fontSize * 2 + 2px);\n    }\n   .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n      border-top-right-radius: itemBorderRadius;\n      border-bottom-right-radius: itemBorderRadius;\n      border-color: itemBorderColor;\n    }\n    .verificationCodePC, .verificationCodePC-titleTop{\n      border: 1px solid itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n      line-height: 1.7;\n      height: auto;\n    }\n    .verificationCodePC-inputContent{\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .verificationCodePC-inputContent .normalArea{\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .pcfactory-form-item-label>label{\n      font-weight: labelFontWeight;\n      color: labelTextColor;\n      line-height: labelLineHeight;\n      font-size: labelFontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number:hover {\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-select-focused .pcfactory-select-selector{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-picker:hover, .pcfactory-picker-focused{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-select-wrap:hover .pcfactory-select-selector{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .pcfactory-input:hover{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .ued-textarea-wrap:focus{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC .pcfactory-input{\n      box-shadow: none  !important;\n      border-style: none  !important;\n    }\n    .pcfactory-input-affix-wrapper {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      min-height: calc(fontSize * 2 + 2px);\n    }\n    .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n      min-height: calc(fontSize * 4 + 2px);\n    }\n    .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      font-size: fontSize;\n      background: #FFF;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n      color: textColor;\n      border: none !important;\n      box-shadow: none;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n      overflow: hidden;\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .pcfactory-input{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-radio-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-radio-button-wrapper {\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n      height:auto;\n      min-height: 32px;\n    }\n    .pcfactory-checkbox-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-select.ued-select-wrap{\n      color: textColor;\n      font-size: fontSize;\n      overflow: hidden;\n    }\n    .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-datePicker-wrap.pcfactory-picker{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n    }\n    .pcfactory-picker-input>input{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n      font-size: fontSize;\n      line-height: calc(fontSize * 2 + 4px);\n    }\n    .pcfactory-select-multiple .ued-select-checked-tag{\n      color: textColor;\n      font-size: fontSize;\n      min-height: 24px;\n      height: auto;\n      padding: 4px 8px 4px 8px;\n      line-height: 1.5715;\n    }\n    .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n      line-height: fontSize;\n    }\n    span.pcfactory-radio+*{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-selector{\n      height: auto;\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-select-wrap .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n     .ued-select-wrap .pcfactory-select-selector {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n   \n    .pcfactory-checkbox+span{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n      height: auto;\n    }\n    .ued-cascader-wrap .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-picker-input > input{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-picker{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: calc(fontSize * 2 + 4px);\n      font-size: fontSize;\n    }\n    .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n      font-size: fontSize;\n    }\n    .ued-rateContainer .pcfactory-rate{\n      font-size: fontSize;\n    }\n    .ued-rateContainer-rateText{\n      color: textColor;\n      font-size: fontSize;\n    }\n  }",
-  tpl: ".ued-legacy-form-wrap{\n      background-color: backgroundColor;\n      .pcFactory-from-component{\n        .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          height: auto;\n          min-height: 32px;\n          line-height: 2;\n          overflow: hidden;\n        }\n        .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n          padding-left: 8px;\n          border-color: itemBorderColor;\n          height: calc(fontSize * 2 + 4px);\n          min-height: 32px;\n          line-height: 2;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\n        }\n        .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 2px);\n        }\n       .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n          border-top-right-radius: itemBorderRadius;\n          border-bottom-right-radius: itemBorderRadius;\n          border-color: itemBorderColor;\n        }\n        .verificationCodePC, .verificationCodePC-titleTop{\n          border: 1px solid itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n          line-height: 1.7;\n          height: auto;\n        }\n        .verificationCodePC-inputContent{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .verificationCodePC-inputContent .normalArea{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-form-item-label>label{\n          font-weight: labelFontWeight;\n          color: labelTextColor;\n          line-height: labelLineHeight;\n          font-size: labelFontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:hover {\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select-focused .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-picker:hover, .pcfactory-picker-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-select-wrap:hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .pcfactory-input:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .ued-textarea-wrap:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC .pcfactory-input{\n          box-shadow: none  !important;\n          border-style: none  !important;\n        }\n        .pcfactory-input-affix-wrapper {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          min-height: calc(fontSize * 2 + 2px);\n        }\n        .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n          min-height: calc(fontSize * 4 + 2px);\n        }\n        .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          font-size: fontSize;\n          background: #FFF;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n          color: textColor;\n          border: none !important;\n          box-shadow: none;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n          overflow: hidden;\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-input{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-radio-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-radio-button-wrapper {\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n          height:auto;\n          min-height: 32px;\n        }\n        .pcfactory-checkbox-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-select.ued-select-wrap{\n          color: textColor;\n          font-size: fontSize;\n          overflow: hidden;\n        }\n        .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-datePicker-wrap.pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n        }\n        .pcfactory-picker-input>input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 4px);\n        }\n        .pcfactory-select-multiple .ued-select-checked-tag{\n          color: textColor;\n          font-size: fontSize;\n          min-height: 24px;\n          height: auto;\n          padding: 4px 8px 4px 8px;\n          line-height: 1.5715;\n        }\n        .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n          line-height: fontSize;\n        }\n        span.pcfactory-radio+*{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-selector{\n          height: auto;\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-select-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n         .ued-select-wrap .pcfactory-select-selector {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n       \n        .pcfactory-checkbox+span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          height: auto;\n        }\n        .ued-cascader-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker-input > input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\n          font-size: fontSize;\n        }\n        .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n          font-size: fontSize;\n        }\n        .ued-rateContainer .pcfactory-rate{\n          font-size: fontSize;\n        }\n        .ued-rateContainer-rateText{\n          color: textColor;\n          font-size: fontSize;\n        }\n      }\n    }\n    \n    ",
+  tpl: ".ued-legacy-form-wrap{\n      background-color: backgroundColor;\n      .pcFactory-from-component{\n        .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          height: auto;\n          min-height: 32px;\n          line-height: 2;\n          overflow: hidden;\n        }\n        .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n          padding-left: 8px;\n          border-color: itemBorderColor;\n          height: calc(fontSize * 2 + 4px);\n          min-height: 32px;\n          line-height: 2;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\n        }\n        .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 2px);\n        }\n       .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n          border-top-right-radius: itemBorderRadius;\n          border-bottom-right-radius: itemBorderRadius;\n          border-color: itemBorderColor;\n        }\n        .verificationCodePC, .verificationCodePC-titleTop{\n          border: 1px solid itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n          line-height: 1.7;\n          height: auto;\n        }\n        .verificationCodePC-inputContent{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .verificationCodePC-inputContent .normalArea{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-form-item-label>label{\n          font-weight: labelFontWeight;\n          color: labelTextColor;\n          line-height: labelLineHeight;\n          font-size: labelFontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:hover {\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select-focused .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-picker:hover, .pcfactory-picker-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-select-wrap:hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .pcfactory-input:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .ued-textarea-wrap:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC .pcfactory-input{\n          box-shadow: none  !important;\n          border-style: none  !important;\n        }\n        .pcfactory-input-affix-wrapper {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          min-height: calc(fontSize * 2 + 2px);\n        }\n        .pcfactory-input-affix-wrapper > .pcfactory-input:not(input) {\n          border: 1px solid itemBorderColor;\n        }\n        .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n          min-height: calc(fontSize * 4 + 2px);\n        }\n        .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          font-size: fontSize;\n          background: #FFF;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n          color: textColor;\n          border: none !important;\n          box-shadow: none;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n          overflow: hidden;\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-input{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-radio-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-radio-button-wrapper {\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n          height:auto;\n          min-height: 32px;\n        }\n        .pcfactory-checkbox-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-select.ued-select-wrap{\n          color: textColor;\n          font-size: fontSize;\n          overflow: hidden;\n        }\n        .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-datePicker-wrap.pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n        }\n        .pcfactory-picker-input>input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 4px);\n        }\n        .pcfactory-select-multiple .ued-select-checked-tag{\n          color: textColor;\n          font-size: fontSize;\n          min-height: 24px;\n          height: auto;\n          padding: 4px 8px 4px 8px;\n          line-height: 1.5715;\n        }\n        .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n          line-height: fontSize;\n        }\n        span.pcfactory-radio+*{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-selector{\n          height: auto;\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-select-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n         .ued-select-wrap .pcfactory-select-selector {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n       \n        .pcfactory-checkbox+span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          height: auto;\n        }\n        .ued-cascader-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker-input > input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\n          font-size: fontSize;\n        }\n        .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n          font-size: fontSize;\n        }\n        .ued-rateContainer .pcfactory-rate{\n          font-size: fontSize;\n        }\n        .ued-rateContainer-rateText{\n          color: textColor;\n          font-size: fontSize;\n        }\n      }\n    }\n    \n    ",
   components: [{
     id: 'Form_180373',
     label: '表单',

package/dist/config/Table.js

@@ -257,7 +257,7 @@ export var Table = {
     '@border-radius-base': [],
     '@border-color-base': []
   },
-  tpl: ".ued-table-wrap {\n    .ued-control-line-number{\n      line-height: tbFontSize !important;\n      max-height: tbFontSize !important;\n    }\n   .pcfactory-table{\n      font-size: tbFontSize;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n   .ued-table .pcfactory-table table {\n      border-radius: tbBorderRadius;\n      border-color: tbBorderColor;\n      overflow: hidden;\n    }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:first-child{\n      border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:last-child{\n      border-top-right-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th {\n    background: headBgColor;\n    padding: headPadding;\n    color: headTextColor;\n    font-weight: headFontWeight;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th:not(.pcfactory-table-selection-column) {\n    text-align: headTextAlign;\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-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .ued-table .pcfactory-table-thead>tr>th{\n    border-color: tbBorderColor;\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  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td:not(.pcfactory-table-selection-column){\n    text-align: bodyTextAlign;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td:not(.pcfactory-table-selection-column){\n    text-align: bodyTextAlign;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n   .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n    border-radius: tbBorderRadius;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n  .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n    border-style: solid;\n    border-width: 1px;\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-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n}",
+  tpl: ".ued-table-wrap {\n    .ued-control-line-number{\n      line-height: tbFontSize !important;\n      max-height: tbFontSize !important;\n    }\n   .pcfactory-table{\n      font-size: tbFontSize;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n   .ued-table .pcfactory-table table {\n      border-radius: tbBorderRadius;\n      border-color: tbBorderColor;\n    }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:first-child{\n      border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table-thead > tr:first-child > th:last-child{\n      border-top-right-radius: tbBorderRadius;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th {\n    background: headBgColor;\n    padding: headPadding;\n    color: headTextColor;\n    font-weight: headFontWeight;\n  }\n  .ued-table .pcfactory-table table .pcfactory-table-thead th:not(.pcfactory-table-selection-column) {\n    text-align: headTextAlign;\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-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .ued-table .pcfactory-table-thead>tr>th{\n    border-color: tbBorderColor;\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  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td:not(.pcfactory-table-selection-column){\n    text-align: bodyTextAlign;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n  }\n  .ued-table .pcfactory-table-tbody>tr>td:not(.pcfactory-table-selection-column){\n    text-align: bodyTextAlign;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n   .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n    border-radius: tbBorderRadius;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n  .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n    border-style: solid;\n    border-width: 1px;\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-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n}",
   components: [{
     id: 'Table_2740384',
     label: '表格',

package/dist/h5config/Accordion.d.ts

@@ -36,6 +36,34 @@ export declare const Accordion: {
                 value: string;
             }[];
         };
+        subTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        subFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        subLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        subFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
         borderRadius: {
             type: string;
             label: string;
@@ -93,6 +121,10 @@ export declare const Accordion: {
         bodyBgColor: string;
         borderColor: string;
         borderRadius: string;
+        subTextColor: string;
+        subLineHeight: string;
+        subFontSize: string;
+        subFontWeight: string;
     }[];
     followThemes: {
         '@brand-primary': string[];

package/dist/h5config/Accordion.js

@@ -54,6 +54,55 @@ export var Accordion = {
         value: '700'
       }]
     },
+    subTextColor: {
+      type: 'color',
+      label: '副标题颜色',
+      groupsName: '副标题'
+    },
+    subFontSize: {
+      type: 'px',
+      label: '副标题尺寸',
+      groupsName: '副标题'
+    },
+    subLineHeight: {
+      type: 'px',
+      label: '副标题行高',
+      groupsName: '副标题',
+      options: [{
+        label: 'px',
+        value: 'px'
+      }, {
+        label: '%',
+        value: '%'
+      }]
+    },
+    subFontWeight: {
+      type: 'select',
+      label: '副标题字重',
+      groupsName: '副标题',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
     borderRadius: {
       type: 'px',
       label: '圆角',
@@ -116,7 +165,11 @@ export var Accordion = {
     arrowSize: '19px',
     bodyBgColor: '#fff',
     borderColor: '#fff',
-    borderRadius: '4px'
+    borderRadius: '4px',
+    subTextColor: '#9092A3',
+    subLineHeight: '22px',
+    subFontSize: '14px',
+    subFontWeight: '400'
   }],
   followThemes: {
     '@brand-primary': ['titleColor'],

package/dist/h5config/Button.js

@@ -63,7 +63,7 @@ export var Button = {
     '@border-color-base': ['borderColor'],
     '@color-text-base': []
   },
-  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: textColor;\n  }\n  .adm-button-primary{\n    --color: backgroundColor;\n  }\n  .lcdp-button-type-link{\n    color: backgroundColor;\n  }\n    ",
+  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',
     label: '按钮',

package/dist/h5config/Card.d.ts

@@ -46,6 +46,34 @@ export declare const Card: {
                 value: string;
             }[];
         };
+        subTextColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        subFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        subLineHeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+        };
+        subFontWeight: {
+            type: string;
+            label: string;
+            groupsName: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
+        };
         borderRadius: {
             type: string;
             label: string;
@@ -116,6 +144,10 @@ export declare const Card: {
         footBgColor: string;
         borderColor: string;
         borderRadius: string;
+        subTextColor: string;
+        subLineHeight: string;
+        subFontSize: string;
+        subFontWeight: string;
     }[];
     followThemes: {
         '@brand-primary': string[];

package/dist/h5config/Card.js

@@ -70,6 +70,55 @@ export var Card = {
         value: '700'
       }]
     },
+    subTextColor: {
+      type: 'color',
+      label: '副标题颜色',
+      groupsName: '副标题'
+    },
+    subFontSize: {
+      type: 'px',
+      label: '副标题尺寸',
+      groupsName: '副标题'
+    },
+    subLineHeight: {
+      type: 'px',
+      label: '副标题行高',
+      groupsName: '副标题',
+      options: [{
+        label: 'px',
+        value: 'px'
+      }, {
+        label: '%',
+        value: '%'
+      }]
+    },
+    subFontWeight: {
+      type: 'select',
+      label: '副标题字重',
+      groupsName: '副标题',
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
+    },
     borderRadius: {
       type: 'px',
       label: '圆角',
@@ -139,7 +188,11 @@ export var Card = {
     bodyLineColor: '#f0f0f0',
     footBgColor: '#fff',
     borderColor: 'rgba(0,0,0,0)',
-    borderRadius: '4px'
+    borderRadius: '4px',
+    subTextColor: '#9092A3',
+    subLineHeight: '22px',
+    subFontSize: '14px',
+    subFontWeight: '400'
   }],
   followThemes: {
     '@brand-primary': ['titleColor'],

package/dist/utils.js

@@ -4,10 +4,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-/**
- *  根据 groupsName 将对象分成数组
- * @param obj
- * @returns
+/**
+ *  根据 groupsName 将对象分成数组
+ * @param obj
+ * @returns
  */
 export function objToListByGroupsName(obj) {
   var groups = {};
@@ -34,10 +34,10 @@ export function objToListByGroupsName(obj) {
   return result;
 }
 
-/**
- *  (内部方法) 根据 groupsName 将对象分成数组
- * @param obj
- * @returns
+/**
+ *  (内部方法) 根据 groupsName 将对象分成数组
+ * @param obj
+ * @returns
  */
 export function __objToListByGroupsName(obj) {
   var groups = {};

package/package.json

@@ -1,38 +1,38 @@
-{
-  "name": "@lingxiteam/theme-utils",
-  "version": "0.5.4",
-  "description": "",
-  "keywords": [],
-  "license": "MIT",
-  "author": "",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "father build",
-    "dev": "father dev",
-    "format": "prettier --write .",
-    "g": "esno scripts/generateConfig",
-    "gp": "esno scripts/generatePage",
-    "test": "esno a.ts"
-  },
-  "dependencies": {
-    "stylis": "^4.3.0"
-  },
-  "devDependencies": {
-    "@types/stylis": "^4.2.0",
-    "esno": "^0.17.0",
-    "father": "^4.3.0",
-    "prettier": "^2.6.2",
-    "prettier-plugin-organize-imports": "^2.3.4",
-    "prettier-plugin-packagejson": "^2.2.18"
-  },
-  "peerDependencies": {
-    "antd": "4.18.8"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@lingxiteam/theme-utils",
+  "version": "0.5.6",
+  "description": "",
+  "keywords": [],
+  "license": "MIT",
+  "author": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev",
+    "format": "prettier --write .",
+    "g": "esno scripts/generateConfig",
+    "gp": "esno scripts/generatePage",
+    "test": "esno a.ts"
+  },
+  "dependencies": {
+    "stylis": "^4.3.0"
+  },
+  "devDependencies": {
+    "@types/stylis": "^4.2.0",
+    "esno": "^0.17.0",
+    "father": "^4.3.0",
+    "prettier": "^2.6.2",
+    "prettier-plugin-organize-imports": "^2.3.4",
+    "prettier-plugin-packagejson": "^2.2.18"
+  },
+  "peerDependencies": {
+    "antd": "4.18.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}