@lingxiteam/theme-utils 0.6.0 → 0.6.2

package/dist/config/Button.js

@@ -67,7 +67,7 @@ export var Button = {
     '@border-color-base': ['borderColor'],
     '@text-color': []
   },
-  tpl: "\n.ued-table-wrap .extend .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-modal-wrap .pcfactory-modal-footer .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-drawer-wrap .pcfactory-drawer-footer .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-card-extend .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-form-group-head-wrap .pcfactory-btn {\n  border-radius: borderRadius;\n}\n.engine-import-busi-obj-modal-customModal .pcfactory-modal-footer .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.pcfactory-modal-confirm-btns .pcfactory-btn {\n    border-radius: borderRadius;\n}\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: backgroundColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
+  tpl: "\n.ued-table-wrap .extend .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.ued-table-wrap .extend .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.ued-modal-wrap .pcfactory-modal-footer .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.ued-modal-wrap .pcfactory-modal-footer .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.ued-drawer-wrap .pcfactory-drawer-footer .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.ued-drawer-wrap .pcfactory-drawer-footer .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.ued-card-extend .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.ued-card-extend .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.ued-form-group-head-wrap .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.ued-form-group-head-wrap .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.engine-import-busi-obj-modal-customModal .pcfactory-modal-footer .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.engine-import-busi-obj-modal-customModal .pcfactory-modal-footer .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.pcfactory-modal-confirm-btns .pcfactory-btn {\n    margin: marginValue;\n    padding: paddingValue;\n    color: textColor;\n    font-size: fontSize;\n    line-height: lineHeight;\n    border-radius: borderRadius;\n    border-color: borderColor;\n}\n.pcfactory-modal-confirm-btns .pcfactory-btn-primary {\n  background-color: backgroundColor;\n}\n.ued-button-wrap.pcfactory-btn {\n      line-height: lineHeight;\n      font-size: fontSize;\n      padding: paddingValue;\n      margin: marginValue;\n    }\n.ued-button-wrap.pcfactory-btn-primary {\n      background-color: backgroundColor;\n      border-color: backgroundColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-default {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn-dashed {\n      color: textColor;\n      border-color: borderColor;\n      border-radius: borderRadius;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-dashed:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n    }\n.ued-button-wrap.pcfactory-btn.pcfactory-btn-default:hover {\n      border-color: backgroundColor;\n      color: backgroundColor;\n  }\n.ued-button-wrap.pcfactory-btn-text {\n      color: textColor;\n    }\n.ued-button-wrap.pcfactory-btn-link {\n      color: backgroundColor;\n    }\n  ",
   components: [{
     id: 'Button_1229334',
     label: '按钮',

package/dist/config/Container.d.ts

@@ -122,6 +122,7 @@ export declare const Container: {
             showCustom?: undefined;
             customNum?: undefined;
             rowKey?: undefined;
+            headIconType?: undefined;
         };
         style: {
             padding: string;
@@ -184,6 +185,7 @@ export declare const Container: {
             showCustom?: undefined;
             customNum?: undefined;
             rowKey?: undefined;
+            headIconType?: undefined;
         };
         style: {
             width: string;
@@ -278,6 +280,7 @@ export declare const Container: {
             };
             customNum: number;
             rowKey: string;
+            headIconType: string;
             cardIconType?: undefined;
             title?: undefined;
             subTitle?: undefined;

package/dist/config/Container.js

@@ -333,7 +333,8 @@ export var Container = {
         customStyle: 'default'
       },
       customNum: 3,
-      rowKey: '11'
+      rowKey: '11',
+      headIconType: 'styleOne'
     },
     style: {},
     isContainer: false,

package/dist/config/Description.d.ts

@@ -2,6 +2,11 @@ export declare const Description: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        background: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
         backgroundColor: {
             type: string;
             label: string;
@@ -50,6 +55,7 @@ export declare const Description: {
     icon: string;
     title: string;
     defaultValue: {
+        background: string;
         borderColor: string;
         borderWidth: string;
         paddingValue: string;

package/dist/config/Description.js

@@ -2,6 +2,11 @@ export var Description = {
   type: 'Description',
   hasPrefixClass: true,
   variable: {
+    background: {
+      type: 'color',
+      label: '背景',
+      groupsName: '背景'
+    },
     backgroundColor: {
       type: 'color',
       label: '标题背景颜色',
@@ -50,6 +55,7 @@ export var Description = {
   icon: 'icon-ico-comp-descriptions',
   title: '描述列表',
   defaultValue: [{
+    background: '#ffffff',
     borderColor: '#e5e5e5',
     borderWidth: '1px',
     paddingValue: '8px 16px 8px 16px',
@@ -64,7 +70,7 @@ export var Description = {
     '@heading-color': ['textColor'],
     '@border-color-base': []
   },
-  tpl: ".ued-description-wrap{\n    .ued-description.border{\n      border-left: borderWidth solid borderColor;\n      border-top: borderWidth solid borderColor;\n    }\n    .ued-description .ued-description-cell.border{\n      border-bottom: borderWidth solid borderColor;\n      border-right: borderWidth solid borderColor;\n    }\n    .ued-description .ued-description-cell .ued-description-label.bg{\n      border-right: borderWidth solid borderColor;\n      background: backgroundColor;\n      color: textColor;\n    }\n    .ued-description .ued-description-cell .ued-description-label{\n      padding: paddingValue;\n    }\n    .ued-description .ued-description-cell .ued-description-cont{\n      padding: bodyPaddingValue;\n      background: bodyBgColor;\n      color: bodyTextColor;\n    }\n  }",
+  tpl: "\n  .ued-description-wrap{\n    background: background;\n    \n    .ued-description.border{\n      border-left: borderWidth solid borderColor;\n      border-top: borderWidth solid borderColor;\n    }\n    .ued-description .ued-description-cell.border{\n      border-bottom: borderWidth solid borderColor;\n      border-right: borderWidth solid borderColor;\n    }\n    .ued-description .ued-description-cell .ued-description-label.bg{\n      border-right: borderWidth solid borderColor;\n      background: backgroundColor;\n      color: textColor;\n    }\n    .ued-description .ued-description-cell .ued-description-label{\n      padding: paddingValue;\n    }\n    .ued-description .ued-description-cell .ued-description-cont{\n      padding: bodyPaddingValue;\n      background: bodyBgColor;\n      color: bodyTextColor;\n    }\n  }",
   components: [{
     id: 'Description_180191',
     label: '描述列表',

package/dist/config/Table.d.ts

@@ -2,6 +2,11 @@ export declare const Table: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
+        background: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
         headBgColor: {
             type: string;
             label: string;
@@ -148,11 +153,28 @@ export declare const Table: {
             groupsName: string;
             followTheme: string;
         };
+        tagColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        tagSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        tagMargin: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
     };
     groupsName: string;
     icon: string;
     title: string;
     defaultValue: {
+        background: string;
         selectPaginationColor: string;
         selectPaginationRadius: string;
         selectPaginationBorder: string;
@@ -170,6 +192,9 @@ export declare const Table: {
         bodyTextColor: string;
         bodyTextAlign: string;
         zebraBgColor: string;
+        tagColor: string;
+        tagSize: string;
+        tagMargin: string;
     }[];
     followThemes: {
         '@primary-color': string[];
@@ -227,6 +252,11 @@ export declare const Table: {
             dataSource: string;
             basicStatus: number;
             headExtends: never[];
+            headIconType: string;
+            headPrefixIcon: {
+                prefixIconTheme: string;
+                prefixIconType: string;
+            };
         };
         style: {
             margin: string;
@@ -306,6 +336,8 @@ export declare const Table: {
             dataSource: string;
             basicStatus: number;
             headExtends: never[];
+            headIconType: string;
+            headPrefixIcon?: undefined;
         };
         style: {
             margin: string;
@@ -385,6 +417,8 @@ export declare const Table: {
             dataSource: string;
             basicStatus: number;
             headExtends: never[];
+            headIconType: string;
+            headPrefixIcon?: undefined;
         };
         style: {
             margin?: undefined;
@@ -453,6 +487,8 @@ export declare const Table: {
             extend?: undefined;
             dataSource?: undefined;
             headExtends?: undefined;
+            headIconType?: undefined;
+            headPrefixIcon?: undefined;
         };
         style: {
             textAlign: string;

package/dist/config/Table.js

@@ -2,6 +2,11 @@ export var Table = {
   type: 'Table',
   hasPrefixClass: true,
   variable: {
+    background: {
+      type: 'color',
+      label: '背景',
+      groupsName: '背景'
+    },
     headBgColor: {
       type: 'color',
       label: '表头填充颜色',
@@ -224,12 +229,29 @@ export var Table = {
       label: '分页边框颜色',
       groupsName: '其他',
       followTheme: '@primary-color'
+    },
+    tagColor: {
+      type: 'color',
+      label: '装饰符颜色',
+      groupsName: '其他',
+      followTheme: '@primary-color'
+    },
+    tagSize: {
+      type: 'px',
+      label: '装饰符尺寸',
+      groupsName: '其他'
+    },
+    tagMargin: {
+      type: 'marginInput',
+      label: '装饰符外边距',
+      groupsName: '其他'
     }
   },
   groupsName: '数据展示',
   icon: 'icon-ico-comp-table',
   title: '表格',
   defaultValue: [{
+    background: '#ffffff',
     selectPaginationColor: '#47e',
     selectPaginationRadius: '2px',
     selectPaginationBorder: '#47e',
@@ -248,16 +270,19 @@ export var Table = {
     bodyFontWeight: '400',
     bodyTextColor: '#1c242e',
     bodyTextAlign: 'left',
-    zebraBgColor: '#fbfbfb'
+    zebraBgColor: '#fbfbfb',
+    tagColor: '#47e',
+    tagSize: '16px',
+    tagMargin: '0px 8px 0px 8px'
   }],
   followThemes: {
-    '@primary-color': ['selectPaginationColor', 'selectPaginationBorder'],
+    '@primary-color': ['tagColor', 'selectPaginationColor', 'selectPaginationBorder'],
     '@font-size-base': ['tbFontSize'],
     '@text-color': [],
     '@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    }\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: "\n  .ued-table-wrap {\n    background: background;\n\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\n  .table-head .title .head-style-custom {\n    margin: tagMargin;\n    color: tagColor;\n    font-size: tagSize;\n    width: tagSize;\n    height: tagSize;\n  }\n\n  .table-head .title .head-style-one::before {\n    background: tagColor;\n  }\n  \n  .table-head .title .head-style-two::before {\n    background: tagColor;\n  }\n\n}\n",
   components: [{
     id: 'Table_2740384',
     label: '表格',
@@ -323,7 +348,12 @@ export var Table = {
       extend: [],
       dataSource: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
       basicStatus: 1,
-      headExtends: []
+      headExtends: [],
+      headIconType: 'custom',
+      headPrefixIcon: {
+        prefixIconTheme: 'filled',
+        prefixIconType: 'idcard'
+      }
     },
     style: {
       margin: '0px 0px 0px 0px'
@@ -412,7 +442,8 @@ export var Table = {
       extend: [],
       dataSource: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
       basicStatus: 1,
-      headExtends: []
+      headExtends: [],
+      headIconType: 'styleOne'
     },
     style: {
       margin: '0px 0px 0px 0px'
@@ -501,7 +532,8 @@ export var Table = {
       extend: [],
       dataSource: "$[{\t'id': 1,\t'name': '王女士-月嫂服务订单',\t'code': '24475411512',\t'statusText': '服务成功',\t'status': 'success',\t'sales': '18779.70'}, {\t'id': 2,\t'name': '李女士-开荒保洁套餐',\t'code': '4443503045',\t'statusText': '服务延期',\t'status': 'warning',\t'sales': '1452.79'}, {\t'id': 3,\t'name': '陈先生-油烟机清洗服务',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '142.86'}, {\t'id': 4,\t'name': '陈先生-窗户保洁服务',\t'code': '4443503045',\t'statusText': '待服务',\t'status': 'normal',\t'sales': '560.00'}, {\t'id': 5,\t'name': '秦女士-月嫂服务订单',\t'code': '4443503045',\t'statusText': '服务终止',\t'status': 'fail',\t'sales': '16779.70'}, {\t'id': 6,\t'name': '王先生-油烟机安装服务',\t'code': '4443503045',\t'statusText': '订单取消',\t'status': 'waiting',\t'sales': ''}, ]$",
       basicStatus: 1,
-      headExtends: []
+      headExtends: [],
+      headIconType: 'styleTwo'
     },
     style: {},
     isContainer: false,

package/dist/config/Tree.d.ts

@@ -1,6 +1,11 @@
 export declare const Tree: {
     type: string;
     variable: {
+        background: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
         textColor: {
             type: string;
             label: string;
@@ -63,6 +68,7 @@ export declare const Tree: {
     icon: string;
     title: string;
     defaultValue: {
+        background: string;
         borderColor: string;
         borderRadius: string;
         textColor: string;

package/dist/config/Tree.js

@@ -1,6 +1,11 @@
 export var Tree = {
   type: 'Tree',
   variable: {
+    background: {
+      type: 'color',
+      label: '背景',
+      groupsName: '背景'
+    },
     textColor: {
       type: 'color',
       label: '文本颜色',
@@ -64,6 +69,7 @@ export var Tree = {
   icon: 'icon-ico-comp-tree',
   title: '树形控件',
   defaultValue: [{
+    background: '#ffffff',
     borderColor: '#e5e5e5',
     borderRadius: '2px',
     textColor: '#1c242e',
@@ -83,7 +89,7 @@ export var Tree = {
     '@border-color-base': ['borderColor'],
     '@border-radius-base': ['borderRadius']
   },
-  tpl: ".ued-tree-wrap .ued-tree-search .pcfactory-input{\n    color: textColor;\n    border-color: borderColor;\n    font-size: fontSize;\n    border-bottom-left-radius: borderRadius;\n    border-top-left-radius: borderRadius;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    height: calc(1.5715* fontSize + 10px);\n    border-color: borderColor;\n    border-bottom-right-radius: borderRadius;\n    border-top-right-radius: borderRadius;\n  }\n  .ued-tree .ued-tree-tit{\n    color: treeTextColor;\n    font-size: treeFontSize;\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n    background-color: treeBgColor\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n    border-color: treeLineColor;\n\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n    fill: treeIconColor;\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    width: btnWidth;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button .anticon svg{\n    width: fontSize;\n    height: fontSize;\n  }",
+  tpl: "\n  .ued-tree-wrap {\n    background: background;\n  }\n  .ued-tree-wrap .ued-tree-search .pcfactory-input{\n    color: textColor;\n    border-color: borderColor;\n    font-size: fontSize;\n    border-bottom-left-radius: borderRadius;\n    border-top-left-radius: borderRadius;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    height: calc(1.5715* fontSize + 10px);\n    border-color: borderColor;\n    border-bottom-right-radius: borderRadius;\n    border-top-right-radius: borderRadius;\n  }\n  .ued-tree .ued-tree-tit{\n    color: treeTextColor;\n    font-size: treeFontSize;\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n    background-color: treeBgColor\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n    border-color: treeLineColor;\n  }\n  .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n    border-color: treeLineColor;\n\n  }\n  .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n    fill: treeIconColor;\n    color: treeIconColor;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n    width: btnWidth;\n  }\n  .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button .anticon svg{\n    width: fontSize;\n    height: fontSize;\n  }",
   components: [{
     id: 'Tree_371619',
     label: '树形控件',

package/dist/h5config/Table.d.ts

@@ -67,6 +67,22 @@ export declare const DynamicTable: {
             groupsName: string;
             followTheme: string;
         };
+        tagColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        tagSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
+        tagMargin: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
     };
     groupsName: string;
     icon: string;
@@ -84,9 +100,13 @@ export declare const DynamicTable: {
         zebraBgColor: string;
         borderColor: string;
         borderRadius: string;
+        tagColor: string;
+        tagSize: string;
+        tagMargin: string;
     }[];
     followThemes: {
         '@border-color-base': never[];
+        '@brand-primary': string[];
     };
     tpl: string;
     components: ({
@@ -122,6 +142,11 @@ export declare const DynamicTable: {
             dataSourceLoading: boolean;
             showHead: boolean;
             tableTitle: string;
+            headIconType: string;
+            headPrefixIcon: {
+                prefixIconTheme: string;
+                prefixIconType: string;
+            };
             twoDimension?: undefined;
         };
         style: {
@@ -175,6 +200,116 @@ export declare const DynamicTable: {
             twoDimension: boolean;
             showHead: boolean;
             tableTitle: string;
+            headIconType: string;
+            headPrefixIcon?: undefined;
+        };
+        style: {
+            width: string;
+            height: string;
+            borderRadius: string;
+        };
+        isContainer: boolean;
+        isBusiObjContainer: boolean;
+        cmdgroup: string[];
+        platform: string;
+        setEvents: never[];
+        icon: string;
+        description: string;
+        groupsName: string;
+        engineApi: never[];
+        isLabelDropBoxChild: boolean;
+        components: never[];
+        path: string[];
+    } | {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            pagination: boolean;
+            status: string;
+            rowKeyType: string;
+            bordered: string;
+            pageSize: number;
+            pageNum: number;
+            pagingStyle: string;
+            rowLines: number;
+            columns: {
+                title: string;
+                dataIndex: string;
+                width: number;
+            }[];
+            dataSource: {
+                name: string;
+                sex: string;
+                age: string;
+                jg: string;
+                sf: string;
+                dz: string;
+            }[];
+            dataSourceLoading: boolean;
+            showHead: boolean;
+            tableTitle: string;
+            headIconType: string;
+            headPrefixIcon?: undefined;
+            twoDimension?: undefined;
+        };
+        style: {
+            width: string;
+            height: string;
+            borderRadius: string;
+        };
+        isContainer: boolean;
+        isBusiObjContainer: boolean;
+        cmdgroup: string[];
+        platform: string;
+        setEvents: never[];
+        icon: string;
+        description: string;
+        groupsName: string;
+        engineApi: never[];
+        isLabelDropBoxChild: boolean;
+        components: never[];
+        path: string[];
+    } | {
+        id: string;
+        label: string;
+        compName: string;
+        type: string;
+        compType: number;
+        compLib: string;
+        props: {
+            name: string;
+            pagination: boolean;
+            status: string;
+            rowKeyType: string;
+            bordered: string;
+            pageSize: number;
+            pageNum: number;
+            pagingStyle: string;
+            rowLines: number;
+            columns: {
+                title: string;
+                dataIndex: string;
+                width: number;
+            }[];
+            dataSource: {
+                name: string;
+                sex: string;
+                age: string;
+                jg: string;
+                sf: string;
+                dz: string;
+            }[];
+            dataSourceLoading: boolean;
+            showHead: boolean;
+            tableTitle: string;
+            headIconType?: undefined;
+            headPrefixIcon?: undefined;
+            twoDimension?: undefined;
         };
         style: {
             width: string;

package/dist/h5config/Table.js

@@ -84,6 +84,22 @@ export var DynamicTable = {
       label: '颜色',
       groupsName: '边框',
       followTheme: '@border-color-base'
+    },
+    tagColor: {
+      type: 'color',
+      label: '装饰符颜色',
+      groupsName: '其他',
+      followTheme: '@brand-primary'
+    },
+    tagSize: {
+      type: 'px',
+      label: '装饰符尺寸',
+      groupsName: '其他'
+    },
+    tagMargin: {
+      type: 'marginInput',
+      label: '装饰符外边距',
+      groupsName: '其他'
     }
     // TODO:
     // fTextColor: {
@@ -130,17 +146,20 @@ export var DynamicTable = {
     bodyBgColor: '#FFF',
     zebraBgColor: '#FAFAFA',
     borderColor: '#EFEFEF',
-    borderRadius: '2px'
+    borderRadius: '2px',
     // fTextColor: 'rgba(28, 36, 46, 0.55)',
     // fFontSize: '12px',
     // fFontWeight: '400',
     // fHeadBgColor: '#FAFAFA',
+    tagColor: '#47e',
+    tagSize: '16px',
+    tagMargin: '0 8px 0 8px'
   }],
-
   followThemes: {
-    '@border-color-base': []
+    '@border-color-base': [],
+    '@brand-primary': ['tagColor']
   },
-  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 {\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   .appDynamicTable .table-header .head-style-custom {\n      color: tagColor;\n      margin: tagMargin;\n      font-size: tagSize;\n      width: tagSize;\n      height: tagSize;\n    }\n    .appDynamicTable .table-header .head-style-one {\n      background: tagColor;\n    }\n    .appDynamicTable .table-header .head-style-two {\n      background: tagColor;\n    }\n",
   //   tpl: `
   //   .appDynamicTable {
   //     .table-body{
@@ -264,7 +283,12 @@ export var DynamicTable = {
       }],
       dataSourceLoading: false,
       showHead: true,
-      tableTitle: '分割线表格'
+      tableTitle: '分割线表格',
+      headIconType: 'custom',
+      headPrefixIcon: {
+        prefixIconTheme: 'filled',
+        prefixIconType: 'reconciliation'
+      }
     },
     style: {
       // leftTitleColor: '#1C242E',
@@ -365,7 +389,8 @@ export var DynamicTable = {
       dataSourceLoading: false,
       twoDimension: true,
       showHead: true,
-      tableTitle: '二维表格'
+      tableTitle: '二维表格',
+      headIconType: 'styleTwo'
     },
     style: {
       // leftTitleColor: '#1C242E',
@@ -465,7 +490,8 @@ export var DynamicTable = {
       }],
       dataSourceLoading: false,
       showHead: true,
-      tableTitle: '斑马纹表格'
+      tableTitle: '斑马纹表格',
+      headIconType: 'styleOne'
     },
     style: {
       // leftTitleColor: '#1C242E',

package/package.json

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