@lingxiteam/theme-utils 0.5.0 → 0.5.1

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;
@@ -185,3 +195,4 @@ export declare const DynamicTable: {
         path: string[];
     })[];
 };
+//# sourceMappingURL=Table.d.ts.map

package/dist/h5config/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["Table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6pBxB,CAAC"}

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/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from './css';
 export * from './utils';
 export * from './lx';
 export * from './lx-mobile';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,MAAM,CAAC;AACrB,cAAc,aAAa,CAAC"}

package/dist/lx-mobile.d.ts

@@ -21,3 +21,4 @@ export declare function stringifyMobileCssByTypePreview(type: string, values: an
 export declare function stringifyMobileCssByType(type: string, values: any): string;
 export declare function parseMobileCssByType(type: string, css: string): any;
 export declare function prefixMobileCSS(type: string, values: any, prefix: string): string;
+//# sourceMappingURL=lx-mobile.d.ts.map

package/dist/lx-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lx-mobile.d.ts","sourceRoot":"","sources":["lx-mobile.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,uBAAuB;;;;;;;;;;;CAWnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,GA+BnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,GAe1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAExC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,OAI/C;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,GAAG,OA2B9B;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,UAKjC;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,GAAG,OAQxC;AAGD,wBAAgB,+BAA+B,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,UAWxE;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,UAGjE;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,OAG7D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,UA0BxE"}

package/dist/lx.d.ts

@@ -22,3 +22,4 @@ export declare function stringifyCssByType(type: string, values: any): string;
 export declare function stringifyCssByTypePreview(type: string, values: any): string;
 export declare function parseCssByType(type: string, css: string): any;
 export declare function prefixCSS(type: string, values: any, prefix: string): string;
+//# sourceMappingURL=lx.d.ts.map

package/dist/lx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lx.d.ts","sourceRoot":"","sources":["lx.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAe5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,GA4B5B,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,GAmBtB,CAAC;AACF,eAAO,MAAM,qBAAqB,WAEjC,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,OAIzC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,UAG3D;AAGD,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,UAWlE;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,OAGvD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,UAsBlE"}

package/dist/utils.d.ts

@@ -10,3 +10,4 @@ export declare function objToListByGroupsName(obj: any): unknown[];
  * @returns
  */
 export declare function __objToListByGroupsName(obj: any): unknown[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,GAAG,aAwB7C;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,GAAG,aAwB/C"}

package/package.json

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