@lingxiteam/theme-utils 0.5.5 → 0.5.7

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;
@@ -113,6 +149,7 @@ export declare const Card: {
             cardIconType: string;
             extendNum: number;
             title: string;
+            subTitle: string;
             bordered: boolean;
             size: string;
             hasHeader: boolean;

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: '圆角',
@@ -131,6 +185,7 @@ export var Card = {
       cardIconType: 'auto',
       extendNum: 3,
       title: '标题',
+      subTitle: '副标题',
       bordered: true,
       size: 'default',
       hasHeader: true,

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;
@@ -162,6 +198,7 @@ export declare const Collapse: {
                 name: string;
                 basicStatus: number;
                 header: string;
+                subTitle: string;
                 key: string;
             };
             style: {

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: '圆角',
@@ -180,6 +234,7 @@ export var Collapse = {
         name: '折叠子面板',
         basicStatus: 1,
         header: '标题1',
+        subTitle: '副标题1',
         key: '1'
       },
       style: {
@@ -209,6 +264,7 @@ export var Collapse = {
         name: '折叠子面板',
         basicStatus: 1,
         header: '标题',
+        subTitle: '副标题',
         key: '3'
       },
       style: {
@@ -238,6 +294,7 @@ export var Collapse = {
         name: '折叠子面板',
         basicStatus: 1,
         header: '标题2',
+        subTitle: '副标题2',
         key: '2'
       },
       style: {
@@ -306,6 +363,7 @@ export var Collapse = {
         name: '折叠子面板',
         basicStatus: 1,
         header: '标题1',
+        subTitle: '副标题1',
         key: '1'
       },
       style: {

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/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[];
@@ -147,6 +179,7 @@ export declare const Accordion: {
                 name: string;
                 visible: boolean;
                 header: string;
+                subTitle: string;
                 key: string;
             };
             style: {};
@@ -285,6 +318,7 @@ export declare const Accordion: {
                 name: string;
                 visible: boolean;
                 header: string;
+                subTitle: string;
                 key: string;
             };
             style: {};
@@ -388,6 +422,7 @@ export declare const Accordion: {
                 name: string;
                 visible: boolean;
                 header: string;
+                subTitle: string;
                 key: string;
             };
             style: {};

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'],
@@ -162,6 +215,7 @@ export var Accordion = {
         name: '折叠子面板',
         visible: true,
         header: '显示边框',
+        subTitle: '副标题',
         key: '1'
       },
       style: {},
@@ -222,6 +276,7 @@ export var Accordion = {
         name: '折叠子面板',
         visible: true,
         header: '标题2',
+        subTitle: '副标题2',
         key: '2'
       },
       style: {},
@@ -344,6 +399,7 @@ export var Accordion = {
         name: '折叠子面板',
         visible: true,
         header: '标题1',
+        subTitle: '副标题1',
         key: '1'
       },
       style: {},
@@ -408,6 +464,7 @@ export var Accordion = {
         name: '折叠子面板',
         visible: true,
         header: '标题2',
+        subTitle: '副标题2',
         key: '2'
       },
       style: {},
@@ -501,6 +558,7 @@ export var Accordion = {
         name: '折叠子面板',
         visible: true,
         header: '标题1',
+        subTitle: '副标题1',
         key: '1'
       },
       style: {},
@@ -527,6 +585,7 @@ export var Accordion = {
         name: '折叠子面板',
         visible: true,
         header: '标题2',
+        subTitle: '副标题2',
         key: '2'
       },
       style: {},

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[];
@@ -146,6 +178,7 @@ export declare const Card: {
             status: string;
             cardType: string;
             title: string;
+            subTitle: string;
             headerType: string;
             postFixFontSize: number;
             iconPosition: string;
@@ -217,6 +250,7 @@ export declare const Card: {
             status: string;
             cardType: string;
             title: string;
+            subTitle: string;
             headerType: string;
             postFixFontSize: number;
             iconPosition: 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'],
@@ -171,6 +224,7 @@ export var Card = {
       status: '1',
       cardType: '1',
       title: '卡片标题',
+      subTitle: '副标题',
       headerType: 'none',
       postFixFontSize: 16,
       iconPosition: 'after',
@@ -265,6 +319,7 @@ export var Card = {
       status: '1',
       cardType: '1',
       title: '卡片标题',
+      subTitle: '副标题',
       headerType: 'vStyle',
       postFixFontSize: 16,
       iconPosition: 'after',
@@ -359,6 +414,7 @@ export var Card = {
       status: '1',
       cardType: '1',
       title: '卡片标题',
+      subTitle: '副标题',
       headerType: 'hStyle',
       postFixFontSize: 16,
       iconPosition: 'after',
@@ -453,6 +509,7 @@ export var Card = {
       status: '1',
       cardType: '1',
       title: '卡片标题',
+      subTitle: '副标题',
       headerType: 'icon',
       postFixFontSize: 16,
       iconPosition: 'after',

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.5",
-  "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.7",
+  "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"
+  }
+}