@lingxiteam/theme-utils 0.5.0 → 0.5.2

package/dist/h5config/StaticTabs.d.ts

@@ -13,7 +13,7 @@ export declare const StaticTabs: {
             groupsName: string;
             followTheme: string;
         };
-        selectBorderRadius: {
+        bodyBgColor: {
             type: string;
             label: string;
             groupsName: string;
@@ -52,7 +52,7 @@ export declare const StaticTabs: {
                 value: string;
             }[];
         };
-        bodyBgColor: {
+        selectBorderRadius: {
             type: string;
             label: string;
             groupsName: string;

package/dist/h5config/StaticTabs.js

@@ -10,29 +10,29 @@ export var StaticTabs = {
     // },
     selectBgColor: {
       type: 'color',
-      label: '选中项背景颜色',
-      groupsName: '选中项'
+      label: '选中项填充颜色',
+      groupsName: '背景'
     },
     backgroundColor: {
       type: 'color',
-      label: '选项背景颜色',
-      groupsName: '选项',
+      label: '默认项填充颜色',
+      groupsName: '背景',
       followTheme: '@brand-primary'
     },
-    selectBorderRadius: {
-      type: 'px',
-      label: '选项边框圆角',
-      groupsName: '选项'
+    bodyBgColor: {
+      type: 'color',
+      label: '内容区域填充颜色',
+      groupsName: '背景'
     },
     selectTextColor: {
       type: 'color',
-      label: '选中项文本颜色',
+      label: '文本颜色',
       groupsName: '选中项',
       followTheme: '@brand-primary'
     },
     selectFontWeight: {
       type: 'select',
-      label: '选中项文本字重',
+      label: '文本字重',
       groupsName: '选中项',
       options: [{
         title: '100',
@@ -64,18 +64,18 @@ export var StaticTabs = {
     // },
     textColor: {
       type: 'color',
-      label: '选项文本颜色',
-      groupsName: '选项'
+      label: '文本颜色',
+      groupsName: '默认项'
     },
     fontSize: {
       type: 'px',
-      label: '选项文本尺寸',
-      groupsName: '选项'
+      label: '文本尺寸',
+      groupsName: '默认项'
     },
     fontWeight: {
       type: 'select',
-      label: '选项文本字重',
-      groupsName: '选项',
+      label: '文本字重',
+      groupsName: '默认项',
       options: [{
         title: '100',
         value: '100'
@@ -99,17 +99,18 @@ export var StaticTabs = {
         value: '700'
       }]
     },
+    selectBorderRadius: {
+      type: 'px',
+      label: '边框圆角',
+      groupsName: '默认项'
+    }
     // lineColor: {
     //   type: 'color',
     //   label: '头部下分割线颜色',
     //   groupsName: '边框',
     // },
-    bodyBgColor: {
-      type: 'color',
-      label: '内容区域背景颜色',
-      groupsName: '背景颜色'
-    }
   },
+
   groupsName: '高级',
   icon: 'icon-ico-comp-app-Tabs',
   title: '静态标签页',

package/dist/h5config/Table.d.ts

@@ -2,6 +2,21 @@ export declare const DynamicTable: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        headBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        bodyBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        zebraBgColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
         textColor: {
             type: string;
             label: string;
@@ -31,17 +46,17 @@ export declare const DynamicTable: {
             label: string;
             groupsName: string;
         };
-        headBgColor: {
+        contentTextColor: {
             type: string;
             label: string;
             groupsName: string;
         };
-        bodyBgColor: {
+        contentFontSize: {
             type: string;
             label: string;
             groupsName: string;
         };
-        zebraBgColor: {
+        borderRadius: {
             type: string;
             label: string;
             groupsName: string;
@@ -52,11 +67,6 @@ export declare const DynamicTable: {
             groupsName: string;
             followTheme: string;
         };
-        borderRadius: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
     };
     groupsName: string;
     icon: string;
@@ -67,6 +77,8 @@ export declare const DynamicTable: {
         fontWeight: string;
         headTextColor: string;
         headFontSize: string;
+        contentTextColor: string;
+        contentFontSize: string;
         headBgColor: string;
         bodyBgColor: string;
         zebraBgColor: string;
@@ -113,7 +125,6 @@ export declare const DynamicTable: {
             twoDimension?: undefined;
         };
         style: {
-            leftTitleColor: string;
             width: string;
             height: string;
             borderRadius: string;
@@ -166,7 +177,6 @@ export declare const DynamicTable: {
             tableTitle: string;
         };
         style: {
-            leftTitleColor: string;
             width: string;
             height: string;
             borderRadius: string;

package/dist/h5config/Table.js

@@ -2,20 +2,35 @@ export var DynamicTable = {
   type: 'DynamicTable',
   hasPrefixClass: true,
   variable: {
+    headBgColor: {
+      type: 'color',
+      label: '表头填充颜色',
+      groupsName: '背景'
+    },
+    bodyBgColor: {
+      type: 'color',
+      label: '内容填充颜色',
+      groupsName: '背景'
+    },
+    zebraBgColor: {
+      type: 'color',
+      label: '斑马纹填充颜色',
+      groupsName: '背景'
+    },
     textColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '基础样式'
+      label: '标题颜色',
+      groupsName: '标题'
     },
     fontSize: {
       type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '基础样式'
+      label: '标题尺寸',
+      groupsName: '标题'
     },
     fontWeight: {
       type: 'select',
-      label: '标题文本字重',
-      groupsName: '基础样式',
+      label: '标题字重',
+      groupsName: '标题',
       options: [{
         title: '100',
         value: '100'
@@ -41,39 +56,34 @@ export var DynamicTable = {
     },
     headTextColor: {
       type: 'color',
-      label: '表头文本颜色',
-      groupsName: '基础样式'
+      label: '文本颜色',
+      groupsName: '表头行'
     },
     headFontSize: {
       type: 'px',
-      label: '表头文本尺寸',
-      groupsName: '基础样式'
+      label: '文本尺寸',
+      groupsName: '表头行'
     },
-    headBgColor: {
+    contentTextColor: {
       type: 'color',
-      label: '表头背景颜色',
-      groupsName: '基础样式'
+      label: '文本颜色',
+      groupsName: '内容行'
     },
-    bodyBgColor: {
-      type: 'color',
-      label: '内容背景颜色',
-      groupsName: '基础样式'
+    contentFontSize: {
+      type: 'px',
+      label: '文本尺寸',
+      groupsName: '内容行'
     },
-    zebraBgColor: {
-      type: 'color',
-      label: '斑马纹颜色',
-      groupsName: '基础样式'
+    borderRadius: {
+      type: 'px',
+      label: '圆角',
+      groupsName: '边框'
     },
     borderColor: {
       type: 'color',
-      label: '边框颜色',
-      groupsName: '基础样式',
+      label: '颜色',
+      groupsName: '边框',
       followTheme: '@border-color-base'
-    },
-    borderRadius: {
-      type: 'px',
-      label: '边框圆角',
-      groupsName: '基础样式'
     }
     // TODO:
     // fTextColor: {
@@ -114,6 +124,8 @@ export var DynamicTable = {
     fontWeight: '500',
     headTextColor: 'rgba(28, 36, 46, 0.55)',
     headFontSize: '12px',
+    contentTextColor: '#000',
+    contentFontSize: '14px',
     headBgColor: '#FAFAFA',
     bodyBgColor: '#FFF',
     zebraBgColor: '#FAFAFA',
@@ -128,7 +140,7 @@ export var DynamicTable = {
   followThemes: {
     '@border-color-base': []
   },
-  tpl: ".appDynamicTable {\n    border-radius: borderRadius;\n    .table-header{\n      font-weight: fontWeight;\n      font-size: fontSize;\n      color: textColor;\n    }\n    .ag-header-row{\n      font-size: headFontSize;\n    }\n    .table-body{\n      --dynamic-table-header-bg-color: headBgColor;\n      --ag-odd-row-background-color: bodyBgColor;\n      --dynamic-table-header-color: headTextColor;\n    }\n    .ag-theme-segmentation {\n      --ag-background-color: bodyBgColor;\n      --ag-borders-critical: borderColor;\n      --ag-row-border-color: borderColor;\n      --ag-header-border-color: borderColor;\n  }\n  .ag-theme-zebra {\n    --ag-background-color: bodyBgColor;\n    --ag-odd-row-background-color: zebraBgColor;\n    --ag-borders: none;\n    --ag-row-border-color: none;\n}\n  .ag-theme-border {\n    --ag-background-color: bodyBgColor;\n    --ag-border-color: borderColor;\n    --ag-cell-horizontal-border: solid borderColor;\n}\n  }\n",
+  tpl: ".appDynamicTable {\n    border-radius: borderRadius;\n    .table-header{\n      font-weight: fontWeight;\n      font-size: fontSize;\n      color: textColor;\n    }\n    .ag-header-row{\n      font-size: headFontSize;\n    }\n    [class*=ag-theme-] {\n      --ag-foreground-color: contentTextColor;\n    }\n    .table-body{\n      --dynamic-table-header-bg-color: headBgColor;\n      --ag-odd-row-background-color: bodyBgColor;\n      --dynamic-table-header-color: headTextColor;\n    }\n    .ag-theme-segmentation {\n      --ag-background-color: bodyBgColor;\n      --ag-borders-critical: borderColor;\n      --ag-row-border-color: borderColor;\n      --ag-header-border-color: borderColor;\n      --ag-font-size: contentFontSize;\n  }\n  .ag-theme-zebra {\n    --ag-background-color: bodyBgColor;\n    --ag-odd-row-background-color: zebraBgColor;\n    --ag-borders: none;\n    --ag-row-border-color: none;\n}\n  .ag-theme-border {\n    --ag-background-color: bodyBgColor;\n    --ag-border-color: borderColor;\n    --ag-cell-horizontal-border: solid borderColor;\n}\n  }\n",
   //   tpl: `
   //   .appDynamicTable {
   //     .table-body{
@@ -255,7 +267,7 @@ export var DynamicTable = {
       tableTitle: '分割线表格'
     },
     style: {
-      leftTitleColor: '#1C242E',
+      // leftTitleColor: '#1C242E',
       width: '100%',
       height: '300px',
       borderRadius: '8px 8px 8px 8px'
@@ -356,7 +368,7 @@ export var DynamicTable = {
       tableTitle: '二维表格'
     },
     style: {
-      leftTitleColor: '#1C242E',
+      // leftTitleColor: '#1C242E',
       width: '100%',
       height: '300px',
       borderRadius: '8px 8px 8px 8px'
@@ -456,7 +468,7 @@ export var DynamicTable = {
       tableTitle: '斑马纹表格'
     },
     style: {
-      leftTitleColor: '#1C242E',
+      // leftTitleColor: '#1C242E',
       width: '100%',
       height: '300px',
       borderRadius: '8px 8px 8px 8px'
@@ -556,7 +568,7 @@ export var DynamicTable = {
       tableTitle: '边框线表格'
     },
     style: {
-      leftTitleColor: '#1C242E',
+      // leftTitleColor: '#1C242E',
       width: '100%',
       height: '300px',
       borderRadius: '8px 8px 8px 8px'

package/package.json

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