@lingxiteam/theme-utils 0.2.9 → 0.2.11

package/README.md

@@ -103,6 +103,8 @@ insertLink('12312', 'http://xxx.css', true);
         canEdit: false,
         // 编辑从什么地方支撑这个属性
         extendsKey: 'Form',
+        // 表示这个字段跟随全局主题变量
+        followTheme: '@font-size-base',
       },
     },
     groupsName: '分组名称',
@@ -114,6 +116,10 @@ insertLink('12312', 'http://xxx.css', true);
         fontSize: '14px',
       },
     ],
+    // 是否跟随主题的开关，存在表示当前为跟随
+    followThemes: {
+      '@font-size-base': ['fontSize'],
+    },
     // 根据上面的配置项和下面的模版解析得到最终挂在的 css
     tpl: '.hh { font-size: fontSize}',
     // 如果它被别人继承，并且自己需要自定义样式，如父级自定义样式为 .aa.list{ .item { } } 子级的自定义样式为 .aa.item { }

package/dist/config/Container.js

@@ -77,7 +77,7 @@ export var Container = {
   }],
 
   // 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-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: 12px 0 0 0;\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 .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    }",
   components: [{
     id: 'Card_872926',
     label: '卡片',

package/dist/config/Form.d.ts

@@ -204,6 +204,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -319,6 +324,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -434,6 +444,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -557,6 +572,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -686,6 +706,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -804,6 +829,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -930,6 +960,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1056,6 +1091,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1190,6 +1230,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1323,6 +1368,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1438,6 +1488,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1553,6 +1608,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1687,6 +1747,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1827,6 +1892,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -1939,6 +2009,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -2054,6 +2129,11 @@ export declare const Form: {
                 modalWidth?: undefined;
                 modalHeight?: undefined;
                 separator?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -2169,6 +2249,11 @@ export declare const Form: {
                 modalWidth?: undefined;
                 modalHeight?: undefined;
                 separator?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -2284,6 +2369,11 @@ export declare const Form: {
                 startTime?: undefined;
                 endTime?: undefined;
                 customTip?: undefined;
+                placeholderText?: undefined;
+                displayStyle?: undefined;
+                countdownTime?: undefined;
+                random?: undefined;
+                digit?: undefined;
             };
             style: {};
             isContainer: boolean;
@@ -2305,6 +2395,137 @@ export declare const Form: {
             engineApi?: undefined;
             alias?: undefined;
             isInlineBlock?: undefined;
+        } | {
+            id: string;
+            label: string;
+            compName: string;
+            type: string;
+            compType: number;
+            compLib: string;
+            props: {
+                name: string;
+                placeholderText: string;
+                displayStyle: string;
+                countdownTime: number;
+                random: boolean;
+                digit: number;
+                formItemIndex: number;
+                labelCol: number;
+                wrapperCol: number;
+                fieldName: string;
+                basicStatus?: undefined;
+                size?: undefined;
+                titleTip?: undefined;
+                tipContent?: undefined;
+                tipSize?: undefined;
+                tipWidth?: undefined;
+                tipHeight?: undefined;
+                prefixIconPosition?: undefined;
+                postfix?: undefined;
+                postfixIconPosition?: undefined;
+                required?: undefined;
+                placeholder?: undefined;
+                allowClear?: undefined;
+                dataMask?: undefined;
+                step?: undefined;
+                min?: undefined;
+                formatting?: undefined;
+                radioType?: undefined;
+                optionMarginRight?: undefined;
+                staticData?: undefined;
+                options?: undefined;
+                checkAllText?: undefined;
+                selfSpan?: undefined;
+                tipPlacement?: undefined;
+                tipIcon?: undefined;
+                tipLocation?: undefined;
+                checkedAll?: undefined;
+                text?: undefined;
+                extendProps?: undefined;
+                filter?: undefined;
+                mode?: undefined;
+                classification?: undefined;
+                defaultValue?: undefined;
+                treeDefaultExpandAll?: undefined;
+                showSearch?: undefined;
+                treeNodeFilterProp?: undefined;
+                treeData?: undefined;
+                multiple?: undefined;
+                expandTrigger?: undefined;
+                popupPlacement?: undefined;
+                popoverStyle?: undefined;
+                range?: undefined;
+                included?: undefined;
+                direction?: undefined;
+                showInput?: undefined;
+                showLabel?: undefined;
+                labelPlacement?: undefined;
+                max?: undefined;
+                count?: undefined;
+                value?: undefined;
+                tooltips?: undefined;
+                switchStyle?: undefined;
+                checkedChildren?: undefined;
+                unCheckedChildren?: undefined;
+                checkedChildrenIcon?: undefined;
+                unCheckedChildrenIcon?: undefined;
+                defaultChecked?: undefined;
+                uploadStyle?: undefined;
+                listType?: undefined;
+                viewMode?: undefined;
+                fileNameEncode?: undefined;
+                isWatermark?: undefined;
+                optionalFile?: undefined;
+                fileName?: undefined;
+                numberLimit?: undefined;
+                singleFileMaxSize?: undefined;
+                uploadText?: undefined;
+                uploadTimeout?: undefined;
+                deleteIcon?: undefined;
+                downloadIcon?: undefined;
+                previewIcon?: undefined;
+                modalWidth?: undefined;
+                modalHeight?: undefined;
+                timeMode?: undefined;
+                separator?: undefined;
+                format?: undefined;
+                pickerType?: undefined;
+                limitRange?: undefined;
+                startTime?: undefined;
+                endTime?: undefined;
+                customTip?: undefined;
+            };
+            style: {};
+            isContainer: boolean;
+            isBusiObjContainer: boolean;
+            cmdgroup: string[];
+            platform: string;
+            fieldProps: {
+                trigger: string;
+                valuePropName: string;
+            };
+            icon: string;
+            description: string;
+            image: string;
+            groupsName: string;
+            engineApi: string[];
+            setEvents: {
+                dataName: string;
+                value: string;
+                params: {
+                    title: string;
+                    name: string;
+                    value: string;
+                }[];
+                path: never[];
+                dataId: string;
+                children: never[];
+            }[];
+            isLabelDropBoxChild: boolean;
+            components: never[];
+            path: string[];
+            alias?: undefined;
+            isInlineBlock?: undefined;
         })[];
         path: string[];
     } | {

package/dist/config/Form.js

@@ -92,8 +92,8 @@ export var Form = {
   // 下拉单选与下拉复选样式一致
   // 滑动输入条没有边框样式
   // TODO: 树选择器，联级选择器效果待确认
-  itemCustomTpl: ".pcFactory-from-component{\n    .pcfactory-form-item-label>label{\n      color: labelTextColor;\n      line-height: labelLineHeight;\n      font-size: labelFontSize;\n    }\n    .pcfactory-input-affix-wrapper {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n      border-color: itemBorderColor;\n    }\n    .pcfactory-input{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .verificationCodePC-inputContent{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      height: auto;\n      min-height: 32px;\n    }\n    .pcfactory-radio-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-checkbox-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-select.ued-select-wrap{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      height: auto;\n      min-height: 32px;\n    }\n    .ued-datePicker-wrap.pcfactory-picker{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n    }\n    .pcfactory-picker-input>input{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-select-multiple .ued-select-checked-tag{\n      color: textColor;\n      font-size: fontSize;\n      min-height: 24px;\n      height: auto;\n      padding: 4px 8px 4px 8px;\n      line-height: 1.5715;\n    }\n    .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n      line-height: fontSize;\n    }\n    span.pcfactory-radio+*{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-selector{\n      height: auto;\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-select-wrap .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n     .ued-select-wrap .pcfactory-select-selector {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-select-wrap:hover .pcfactory-select-selector{\n      border-color: itemBorderColor;\n    }\n    .pcfactory-checkbox+span{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n      height: auto;\n    }\n    .ued-cascader-wrap .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-picker-input > input{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-picker{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-treeSelect-wrap .pcfactory-select-selector{\n      height: 1000px\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n   \n    .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: 2;\n      font-size: fontSize;\n    }\n    .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n      font-size: fontSize;\n    }\n    .ued-rateContainer .pcfactory-rate{\n      font-size: fontSize;\n    }\n    .ued-rateContainer-rateText{\n      color: textColor;\n      font-size: fontSize;\n    }\n\n  }",
-  tpl: ".ued-legacy-form-wrap{\n      background-color: backgroundColor;\n      .pcFactory-from-component{\n        .pcfactory-form-item-label>label{\n          color: labelTextColor;\n          line-height: labelLineHeight;\n          font-size: labelFontSize;\n        }\n        .pcfactory-input-affix-wrapper {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n          border-color: itemBorderColor;\n        }\n        .pcfactory-input{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .verificationCodePC-inputContent{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          height: auto;\n          min-height: 32px;\n        }\n        .pcfactory-radio-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-checkbox-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-select.ued-select-wrap{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          height: auto;\n          min-height: 32px;\n        }\n        .ued-datePicker-wrap.pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n        }\n        .pcfactory-picker-input>input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-select-multiple .ued-select-checked-tag{\n          color: textColor;\n          font-size: fontSize;\n          min-height: 24px;\n          height: auto;\n          padding: 4px 8px 4px 8px;\n          line-height: 1.5715;\n        }\n        .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n          line-height: fontSize;\n        }\n        span.pcfactory-radio+*{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-selector{\n          height: auto;\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-select-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n         .ued-select-wrap .pcfactory-select-selector {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-select-wrap:hover .pcfactory-select-selector{\n          border-color: itemBorderColor;\n        }\n        .pcfactory-checkbox+span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          height: auto;\n        }\n        .ued-cascader-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker-input > input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-treeSelect-wrap .pcfactory-select-selector{\n          height: 1000px\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n       \n        .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: 2;\n          font-size: fontSize;\n        }\n        .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n          font-size: fontSize;\n        }\n        .ued-rateContainer .pcfactory-rate{\n          font-size: fontSize;\n        }\n        .ued-rateContainer-rateText{\n          color: textColor;\n          font-size: fontSize;\n        }\n\n      }\n      \n    }\n    \n    ",
+  itemCustomTpl: ".pcFactory-from-component{\n    .verificationCodePC, .verificationCodePC-titleTop{\n      border: 1px solid itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .verificationCodePC-inputContent{\n      height: auto;\n    }\n    .verificationCodePC-inputContent .normalArea{\n      height: auto;\n    }\n    .pcfactory-form-item-label>label{\n      color: labelTextColor;\n      line-height: labelLineHeight;\n      font-size: labelFontSize;\n    }\n    .pcfactory-input-affix-wrapper {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n      border-color: itemBorderColor;\n    }\n    .pcfactory-input{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-input:focus{\n      box-shadow: none !important ;\n      border-style: none !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-radio-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-checkbox-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-select.ued-select-wrap{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      height: auto;\n      min-height: 32px;\n      line-height: 2;\n    }\n    .ued-datePicker-wrap.pcfactory-picker{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n    }\n    .pcfactory-picker-input>input{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-select-multiple .ued-select-checked-tag{\n      color: textColor;\n      font-size: fontSize;\n      min-height: 24px;\n      height: auto;\n      padding: 4px 8px 4px 8px;\n      line-height: 1.5715;\n    }\n    .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n      line-height: fontSize;\n    }\n    span.pcfactory-radio+*{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select-selector{\n      height: auto;\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-select-wrap .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n     .ued-select-wrap .pcfactory-select-selector {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n    .ued-select-wrap:hover .pcfactory-select-selector{\n      border-color: itemBorderColor;\n    }\n    .pcfactory-checkbox+span{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n      height: auto;\n    }\n    .ued-cascader-wrap .pcfactory-select-selection-item{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-picker-input > input{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-picker{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n    }\n   \n    .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: 2;\n      font-size: fontSize;\n    }\n    .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n      font-size: fontSize;\n    }\n    .ued-rateContainer .pcfactory-rate{\n      font-size: fontSize;\n    }\n    .ued-rateContainer-rateText{\n      color: textColor;\n      font-size: fontSize;\n    }\n   \n  }\n  ",
+  tpl: ".ued-legacy-form-wrap{\n      background-color: backgroundColor;\n      .pcFactory-from-component{\n        .verificationCodePC, .verificationCodePC-titleTop{\n          border: 1px solid itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .verificationCodePC-inputContent{\n          height: auto;\n        }\n        .verificationCodePC-inputContent .normalArea{\n          height: auto;\n        }\n        .pcfactory-form-item-label>label{\n          color: labelTextColor;\n          line-height: labelLineHeight;\n          font-size: labelFontSize;\n        }\n        .pcfactory-input-affix-wrapper {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n          border-color: itemBorderColor;\n        }\n        .pcfactory-input{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-input:focus{\n          box-shadow: none !important ;\n          border-style: none !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-radio-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-checkbox-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-select.ued-select-wrap{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          height: auto;\n          min-height: 32px;\n          line-height: 2;\n        }\n        .ued-datePicker-wrap.pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n        }\n        .pcfactory-picker-input>input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-open .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-item, .pcfactory-select-single.pcfactory-select-show-arrow .pcfactory-select-selection-placeholder{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-select-multiple .ued-select-checked-tag{\n          color: textColor;\n          font-size: fontSize;\n          min-height: 24px;\n          height: auto;\n          padding: 4px 8px 4px 8px;\n          line-height: 1.5715;\n        }\n        .pcfactory-select-single:not(.pcfactory-select-customize-input) .pcfactory-select-selector::after{\n          line-height: fontSize;\n        }\n        span.pcfactory-radio+*{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select-selector{\n          height: auto;\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-select-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n         .ued-select-wrap .pcfactory-select-selector {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n        .ued-select-wrap:hover .pcfactory-select-selector{\n          border-color: itemBorderColor;\n        }\n        .pcfactory-checkbox+span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          height: auto;\n        }\n        .ued-cascader-wrap .pcfactory-select-selection-item{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker-input > input{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-picker{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n        }\n       \n        .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: 2;\n          font-size: fontSize;\n        }\n        .pcfactory-select-multiple .pcfactory-select-selection-placeholder{\n          font-size: fontSize;\n        }\n        .ued-rateContainer .pcfactory-rate{\n          font-size: fontSize;\n        }\n        .ued-rateContainer-rateText{\n          color: textColor;\n          font-size: fontSize;\n        }\n       \n      }\n    }\n    \n    ",
   components: [{
     id: 'Form_180373',
     label: '表单',
@@ -731,7 +731,7 @@ export var Form = {
       props: {
         name: '滑动输入条',
         range: false,
-        defaultValue: 0,
+        defaultValue: 50,
         basicStatus: 1,
         labelCol: 8,
         wrapperCol: 16,
@@ -1127,69 +1127,55 @@ export var Form = {
       isLabelDropBoxChild: false,
       components: [],
       path: ['998509', 'Form_180373']
-    }
-    // {
-    //   id: 'VerificationCode_6637723',
-    //   label: '验证码',
-    //   compName: 'VerificationCode',
-    //   type: 'VerificationCode',
-    //   compType: 2,
-    //   compLib: 'comm',
-    //   props: {
-    //     name: '验证码',
-    //     placeholderText: '请输入验证码',
-    //     displayStyle: 'countdownStyle',
-    //     countdownTime: 60,
-    //     random: false,
-    //     digit: 4,
-    //     formItemIndex: 16,
-    //     labelCol: 8,
-    //     wrapperCol: 16,
-    //     fieldName: 'asdcx',
-    //   },
-    //   style: {
-    //     borderSetting: 'border 1px solid #E5E5E5',
-    //     border: '1px solid #E5E5E5',
-    //     borderRadius: '4px 4px 4px 4px',
-    //     fontSize: '14',
-    //     color: '#4477EE',
-    //     backgroundColor: '#ffffff',
-    //   },
-    //   isContainer: false,
-    //   isBusiObjContainer: false,
-    //   cmdgroup: ['basic'],
-    //   platform: 'pc',
-    //   fieldProps: {
-    //     trigger: 'onChange',
-    //     valuePropName: 'value',
-    //   },
-    //   icon: 'VerificationCode',
-    //   description: '',
-    //   image: '',
-    //   groupsName: '数据录入',
-    //   engineApi: ['getValidateCodePicture'],
-    //   setEvents: [
-    //     {
-    //       dataName: 'event',
-    //       value: 'onChange',
-    //       params: [
-    //         {
-    //           title: '事件对象',
-    //           name: 'e',
-    //           value: '$e$',
-    //         },
-    //       ],
-    //       path: [],
-    //       dataId: '4056877',
-    //       children: [],
-    //     },
-    //   ],
-    //   isLabelDropBoxChild: false,
-    //   components: [],
-    //   path: ['998509', 'Form_180373'],
-    // },
-    ],
-
+    }, {
+      id: 'VerificationCode_6637723',
+      label: '验证码',
+      compName: 'VerificationCode',
+      type: 'VerificationCode',
+      compType: 2,
+      compLib: 'comm',
+      props: {
+        name: '验证码',
+        placeholderText: '请输入验证码',
+        displayStyle: 'countdownStyle',
+        countdownTime: 60,
+        random: false,
+        digit: 4,
+        formItemIndex: 16,
+        labelCol: 8,
+        wrapperCol: 16,
+        fieldName: 'asdcx'
+      },
+      style: {},
+      isContainer: false,
+      isBusiObjContainer: false,
+      cmdgroup: ['basic'],
+      platform: 'pc',
+      fieldProps: {
+        trigger: 'onChange',
+        valuePropName: 'value'
+      },
+      icon: 'VerificationCode',
+      description: '',
+      image: '',
+      groupsName: '数据录入',
+      engineApi: ['getValidateCodePicture'],
+      setEvents: [{
+        dataName: 'event',
+        value: 'onChange',
+        params: [{
+          title: '事件对象',
+          name: 'e',
+          value: '$e$'
+        }],
+        path: [],
+        dataId: '4056877',
+        children: []
+      }],
+      isLabelDropBoxChild: false,
+      components: [],
+      path: ['998509', 'Form_180373']
+    }],
     path: ['998509']
   }, {
     id: 'View_519882',

package/dist/config/Icon.js

@@ -17,7 +17,7 @@ export var Icon = {
   followThemes: {
     '@font-size-base': ['iconSize']
   },
-  tpl: ".ued-icon svg {\n      width: iconSize;\n      height: iconSize;\n    }",
+  tpl: ".pcFactory-icon.ued-icon svg {\n      width: iconSize;\n      height: iconSize;\n    }",
   components: [{
     id: 'Icon_913145',
     label: '图标',

package/dist/config/Tabs.d.ts

@@ -1,5 +1,6 @@
 export declare const Tabs: {
     type: string;
+    hasPrefixClass: boolean;
     variable: {
         headBgColor: {
             type: string;
@@ -10,6 +11,7 @@ export declare const Tabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         activeFColor: {
             type: string;
@@ -120,6 +122,7 @@ export declare const Tabs: {
             tabBarGutter: string;
             tabPosition: string;
             size: string;
+            className: string;
         };
         style: {
             width: string;
@@ -130,7 +133,6 @@ export declare const Tabs: {
         isBusiObjContainer: boolean;
         cmdgroup: string[];
         platform: string;
-        engineApi: never[];
         icon: string;
         description: string;
         image: string;
@@ -158,7 +160,6 @@ export declare const Tabs: {
             isBusiObjContainer: boolean;
             cmdgroup: string[];
             platform: string;
-            engineApi: string[];
             icon: string;
             description: string;
             image: string;

package/dist/config/Tabs.js

@@ -1,5 +1,6 @@
 export var Tabs = {
   type: 'Tabs',
+  hasPrefixClass: true,
   variable: {
     headBgColor: {
       type: 'color',
@@ -9,7 +10,8 @@ export var Tabs = {
     activeBgColor: {
       type: 'color',
       label: '选中项背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     activeFColor: {
       type: 'color',
@@ -126,15 +128,15 @@ export var Tabs = {
   icon: 'icon-ico-comp-tabs',
   title: '标签页',
   defaultValue: [{
-    headBgColor: '#0085D0',
-    activeBgColor: '#005D92',
+    headBgColor: '#FAFAFA',
+    activeBgColor: '#47e',
     activeFColor: '#47e',
     bodyColor: '#fff',
     activeRadius: '2px',
     borderRadius: '0px',
     paddingValue: '12px 20px 12px 20px',
     marginValue: '0px',
-    textColor: '#FFFFFF',
+    textColor: 'rgba(94, 94, 94, 0.75)',
     activeTextColor: '#FFFFFF',
     lineHeight: '24px',
     fontSize: '16px',
@@ -142,11 +144,11 @@ export var Tabs = {
     activeFontWeight: '300'
   }],
   followThemes: {
-    '@primary-color': ['activeFColor']
+    '@primary-color': ['activeFColor', 'activeBgColor']
   },
-  tpl: ".pcfactory-tabs .pcfactory-tabs > .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n    background-color: headBgColor;\n  }\n  .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n    background-color: activeBgColor;\n    border-top-left-radius: activeRadius;\n    border-top-right-radius: activeRadius;\n  }\n  .pcfactory-tabs .pcfactory-tabs-ink-bar{\n    background-color: activeFColor;\n  }\n  .pcfactory-tabs{\n    background-color: bodyColor;\n    border-radius: borderRadius;\n  }\n  .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab{\n    padding: paddingValue;\n    margin: marginValue;\n  }\n  .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    font-weight: fontWeight;\n  }\n  .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n    color: activeTextColor;\n    font-weight: activeFontWeight;\n  }",
+  tpl: ".pcfactory-tabs {\n    background-color: bodyColor !important;\n    border-radius: borderRadius !important;\n    .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n      background-color: headBgColor;\n    }\n     .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n      background-color: activeBgColor;\n      border-top-left-radius: activeRadius;\n      border-top-right-radius: activeRadius;\n    }\n  .pcfactory-tabs-nav::before{\n      border-color: activeFColor;\n    }\n   .pcfactory-tabs-nav .pcfactory-tabs-tab{\n      padding: paddingValue;\n      margin: marginValue;\n    }\n   .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      font-weight: fontWeight;\n    }\n    .pcfactory-tabs-nav .pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n      color: activeTextColor;\n      font-weight: activeFontWeight;\n    }\n\n  }\n  ",
   components: [{
-    id: 'Tabs_9165146',
+    id: 'Tabs_479998',
     label: '标签页',
     compName: 'Tabs',
     type: 'Tabs',
@@ -160,7 +162,8 @@ export var Tabs = {
       defaultActiveKey: '1',
       tabBarGutter: '4px',
       tabPosition: 'top',
-      size: 'default'
+      size: 'default',
+      className: 'fdddd'
     },
     style: {
       width: '100%',
@@ -171,7 +174,6 @@ export var Tabs = {
     isBusiObjContainer: false,
     cmdgroup: ['basic'],
     platform: 'pc',
-    engineApi: [],
     icon: 'Tabs',
     description: '',
     image: '',
@@ -180,7 +182,7 @@ export var Tabs = {
     setEvents: [],
     isLabelDropBoxChild: false,
     components: [{
-      id: 'TabPane_0929347',
+      id: 'TabPane_323243',
       label: '标签子面板',
       compName: 'TabPane',
       type: 'TabPane',
@@ -199,7 +201,6 @@ export var Tabs = {
       isBusiObjContainer: false,
       cmdgroup: ['basic'],
       platform: 'pc',
-      engineApi: ['sandBoxSafeRun'],
       icon: 'TabPane',
       description: '',
       image: '',
@@ -208,9 +209,9 @@ export var Tabs = {
       setEvents: [],
       isLabelDropBoxChild: false,
       components: [],
-      path: ['998509', 'Tabs_9165146']
+      path: ['508679', 'View_508679_1', 'Tabs_479998']
     }, {
-      id: 'TabPane_909',
+      id: 'TabPane_317096',
       label: '标签子面板',
       compName: 'TabPane',
       type: 'TabPane',
@@ -229,7 +230,6 @@ export var Tabs = {
       isBusiObjContainer: false,
       cmdgroup: ['basic'],
       platform: 'pc',
-      engineApi: ['sandBoxSafeRun'],
       icon: 'TabPane',
       description: '',
       image: '',
@@ -238,8 +238,8 @@ export var Tabs = {
       setEvents: [],
       isLabelDropBoxChild: false,
       components: [],
-      path: ['998509', 'Tabs_9165146']
+      path: ['508679', 'View_508679_1', 'Tabs_479998']
     }],
-    path: ['998509']
+    path: ['508679', 'View_508679_1']
   }]
 };

package/dist/h5config/Button.d.ts

@@ -20,6 +20,7 @@ export declare const Button: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         borderColor: {
             type: string;
@@ -55,6 +56,9 @@ export declare const Button: {
         paddingValue: string;
         marginValue: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/h5config/Button.js

@@ -19,7 +19,8 @@ export var Button = {
     backgroundColor: {
       type: 'color',
       label: '主题颜色',
-      groupsName: '颜色'
+      groupsName: '颜色',
+      followTheme: '@primary-color'
     },
     borderColor: {
       type: 'color',
@@ -55,6 +56,9 @@ export var Button = {
     paddingValue: '7px 12px 7px 12px',
     marginValue: '0px'
   }],
+  followThemes: {
+    '@primary-color': ['backgroundColor']
+  },
   tpl: "\n  .adm-button{\n    --border-color: borderColor;\n    color: textColor;\n    line-height: lineHeight;\n    font-size: fontSize;\n    border-radius: borderRadius;\n    padding: paddingValue;\n    margin: marginValue;\n  }\n  .adm-button.adm-button-large{\n    font-size: fontSize;\n    padding: paddingValue;\n    margin: marginValue;\n  }\n  .adm-button:not(.adm-button-default){\n    color: #fff;\n  }\n  .adm-button-primary{\n    --color: backgroundColor;\n  }\n  .lcdp-button-type-link{\n    color: backgroundColor;\n  }\n    ",
   components: [{
     id: 'Button_5647878',

package/dist/h5config/DCheckbox.d.ts

@@ -5,11 +5,13 @@ export declare const DCheckbox: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         itemBgColor: {
             type: string;
@@ -123,6 +125,9 @@ export declare const DCheckbox: {
         itemBorderRadius: string;
         itemBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DCheckbox.js

@@ -4,12 +4,14 @@ export var DCheckbox = {
     selectBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     selectBorderRadius: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     itemBgColor: {
       type: 'color',
@@ -165,6 +167,9 @@ export var DCheckbox = {
     itemBorderRadius: '#e5e5e5',
     itemBgColor: 'rgba(0,0,0,0)'
   }],
+  followThemes: {
+    '@primary-color': ['selectBorderRadius', 'selectBgColor']
+  },
   tpl: "\n    .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-circular{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-square{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n    .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-checked{\n      background-color: selectBgColor;\n      border-color: selectBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-checked{\n      background-color: selectBgColor;\n      border-color: selectBorderRadius;\n    }\n     .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-half-checked{\n      background-color: selectBgColor;\n      border-color: selectBorderRadius;\n    }",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/DformFile.d.ts

@@ -11,6 +11,7 @@ export declare const DformFile: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         btnBorderRadius: {
             type: string;
@@ -62,6 +63,9 @@ export declare const DformFile: {
         btnIconColor: string;
         btnBorderRadius: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DformFile.js

@@ -10,7 +10,8 @@ export var DformFile = {
     btnIconColor: {
       type: 'color',
       label: '上传按钮标题颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     btnBorderRadius: {
       type: 'px',
@@ -80,6 +81,9 @@ export var DformFile = {
     btnIconColor: '#108ee9',
     btnBorderRadius: '100px'
   }],
+  followThemes: {
+    '@primary-color': ['btnIconColor']
+  },
   tpl: ".lcdp-form-item {\n    .lingxiteam-dform-file-extra-btn{\n      border-radius: btnBorderRadius;\n      background: btnBgColor;\n      > span {\n        color: btnIconColor;\n      }\n    }\n  }",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/DformRadio.d.ts

@@ -5,11 +5,13 @@ export declare const DformRadio: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         itemBgColor: {
             type: string;
@@ -123,6 +125,9 @@ export declare const DformRadio: {
         itemBorderRadius: string;
         itemBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DformRadio.js

@@ -4,12 +4,14 @@ export var DformRadio = {
     selectBgColor: {
       type: 'color',
       label: '选中背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景颜色',
+      followTheme: '@primary-color'
     },
     selectBorderRadius: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     itemBgColor: {
       type: 'color',
@@ -165,6 +167,9 @@ export var DformRadio = {
     itemBorderRadius: '#e5e5e5',
     itemBgColor: 'rgba(0,0,0,0)'
   }],
+  followThemes: {
+    '@primary-color': ['selectBorderRadius', 'selectBgColor']
+  },
   tpl: "\n    .lingxiteam-dform-radio-button{\n      background-color: itemBgColor;\n      border-color: itemBorderRadius;\n    }\n    .lingxiteam-dform-radio-checked{\n      border-color: selectBorderRadius;\n    }\n    .lingxiteam-dform-radio-inner-button{\n      background-color: selectBgColor;\n    }\n   ",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/DformSwitch.d.ts

@@ -6,6 +6,7 @@ export declare const DformSwitch: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         closeColor: {
             type: string;
@@ -64,6 +65,9 @@ export declare const DformSwitch: {
         openColor: string;
         closeColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/DformSwitch.js

@@ -5,7 +5,8 @@ export var DformSwitch = {
     openColor: {
       type: 'color',
       label: '开启颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@primary-color'
     },
     closeColor: {
       type: 'color',
@@ -82,6 +83,9 @@ export var DformSwitch = {
     openColor: '#108ee9',
     closeColor: '#ddd'
   }],
+  followThemes: {
+    '@primary-color': ['openColor']
+  },
   tpl: ".lcdp-form-item {\n      .adm-switch.adm-switch-checked .adm-switch-checkbox{\n        background: openColor;\n      }\n      .lingxiteam-dform-switch .adm-switch-checkbox{\n        background: closeColor;\n      }\n      .lingxiteam-dform-switch .adm-switch-checkbox::before{\n        background: closeColor;\n      }\n    }\n    ",
   components: [{
     id: 'DForm_333712',

package/dist/h5config/Icon.js

@@ -13,7 +13,7 @@ export var Icon = {
   defaultValue: [{
     iconSize: '20px'
   }],
-  tpl: ".cust-icon-sm{\n      width: iconSize;\n    height: iconSize;\n    font-size: iconSize;\n    }",
+  tpl: ".factory-icon.cust-icon-sm {\n      width: iconSize;\n    height: iconSize;\n    font-size: iconSize;\n    }",
   components: [{
     id: 'Icon_7464028',
     label: '图标',

package/dist/h5config/Link.d.ts

@@ -5,6 +5,7 @@ export declare const ALink: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -13,6 +14,9 @@ export declare const ALink: {
     defaultValue: {
         textColor: string;
     }[];
+    followThemes: {
+        '@color-link': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/Link.js

@@ -4,7 +4,8 @@ export var ALink = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@color-link'
     }
   },
   groupsName: '基础',
@@ -13,7 +14,10 @@ export var ALink = {
   defaultValue: [{
     textColor: '#108ee9'
   }],
-  tpl: "\n  a{\n    color: textColor;\n  }",
+  followThemes: {
+    '@color-link': ['textColor']
+  },
+  tpl: "\n  a {\n    color: textColor;\n  }\n  a:hover {\n    color: textColor;\n    opacity: 0.6;\n  }",
   components: [{
     id: 'ALink_414643',
     label: '超链接',

package/dist/h5config/StaticTabs.d.ts

@@ -11,6 +11,7 @@ export declare const StaticTabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectBorderRadius: {
             type: string;
@@ -21,6 +22,7 @@ export declare const StaticTabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectFontWeight: {
             type: string;
@@ -70,6 +72,9 @@ export declare const StaticTabs: {
         selectBorderRadius: string;
         bodyBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/h5config/StaticTabs.js

@@ -16,7 +16,8 @@ export var StaticTabs = {
     backgroundColor: {
       type: 'color',
       label: '选项背景颜色',
-      groupsName: '选项'
+      groupsName: '选项',
+      followTheme: '@primary-color'
     },
     selectBorderRadius: {
       type: 'px',
@@ -26,7 +27,8 @@ export var StaticTabs = {
     selectTextColor: {
       type: 'color',
       label: '选中项文本颜色',
-      groupsName: '选中项'
+      groupsName: '选中项',
+      followTheme: '@primary-color'
     },
     selectFontWeight: {
       type: 'select',
@@ -124,6 +126,9 @@ export var StaticTabs = {
     // lineColor: '#108ee9',
   }],
 
+  followThemes: {
+    '@primary-color': ['backgroundColor', 'selectTextColor']
+  },
   tpl: ".use-app-statictabs {\n    .am-tabs-default-bar-content .am-tabs-default-bar-tab-active{\n      background: selectBgColor;\n    color: selectTextColor;\n    position: relative;\n    border-top-left-radius: selectBorderRadius;\n    border-top-right-radius: selectBorderRadius;\n    transform: perspective(200px) rotateX(25deg);\n    transform-origin: top center;\n    font-weight: selectFontWeight;\n    }\n    .am-tabs-default-bar-bottom .am-tabs-default-bar-content, .am-tabs-default-bar-top .am-tabs-default-bar-content{\n      background: backgroundColor;\n    }\n    .am-tabs-bottom, .am-tabs-top{\n      border-radius: selectBorderRadius;\n    }\n    .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::before, .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::after{\n      background: radial-gradient(0.24rem at 0.3rem 0, transparent 0.3rem, selectBgColor 0.23rem);\n    }\n    .am-tabs-default-bar-tab{\n      color: textColor;\n      font-weight: fontWeight;\n      font-size: fontSize;\n    }\n    .am-tabs-pane-wrap {\n      background-color: bodyBgColor;\n    }\n  }\n",
   components: [{
     id: 'StaticTabs_828878',

package/dist/lx-mobile.d.ts

@@ -1,3 +1,15 @@
+export declare const THEME_KEYS_MOBILE_TITLE: {
+    '@primary-color': string;
+    '@border-color-base': string;
+    '@font-size-base': string;
+    '@color-text-base': string;
+    '@color-text-placeholder': string;
+    '@font-size-heading': string;
+    '@button-font-size': string;
+    '@fill-base': string;
+    '@brand-primary-tap': string;
+    '@color-link': string;
+};
 export declare const MOBILE_ASSETS_CSS_TPL: any;
 export declare const mobileExtend: any;
 export declare const MOBILE_ASSETS_COMPONENT_LIST: unknown[];

package/dist/lx-mobile.js

@@ -32,6 +32,18 @@ import { Icon } from "./h5config/Icon";
 import { ALink } from "./h5config/Link";
 import { Card } from "./h5config/Card";
 import { Accordion } from "./h5config/Accordion";
+export var THEME_KEYS_MOBILE_TITLE = {
+  '@primary-color': '主题颜色',
+  '@border-color-base': '边框颜色',
+  '@font-size-base': '主字号',
+  '@color-text-base': '文字基本色',
+  '@color-text-placeholder': '文本框提示色',
+  '@font-size-heading': '标题字号',
+  '@button-font-size': '按钮字体',
+  '@fill-base': '组件背景色',
+  '@brand-primary-tap': '点击背景色',
+  '@color-link': '链接色'
+};
 export var MOBILE_ASSETS_CSS_TPL = {
   Icon: Icon,
   ALink: ALink,

package/dist/lx.d.ts

@@ -1,3 +1,19 @@
+export declare const THEME_KEYS_TITLE: {
+    '@primary-color': string;
+    '@font-size-base': string;
+    '@heading-color': string;
+    '@text-color': string;
+    '@text-color-secondary': string;
+    '@disabled-color': string;
+    '@border-radius-base': string;
+    '@padding': string;
+    '@border-color-base': string;
+    '@box-shadow-base': string;
+    '@link-color': string;
+    '@success-color': string;
+    '@warning-color': string;
+    '@error-color': string;
+};
 export declare const ASSETS_CSS_TPL: any;
 export declare const pcExtend: any;
 export declare const ASSETS_COMPONENT_LIST: unknown[];

package/dist/lx.js

@@ -35,6 +35,22 @@ import { Table } from "./config/Table";
 import { Tag } from "./config/Tag";
 import { Tree } from "./config/Tree";
 import { Description } from "./config/Description";
+export var THEME_KEYS_TITLE = {
+  '@primary-color': '主题颜色',
+  '@font-size-base': '主字号',
+  '@heading-color': '标题色',
+  '@text-color': '主文本色',
+  '@text-color-secondary': '次文本色',
+  '@disabled-color': '失效色',
+  '@border-radius-base': '圆角',
+  '@padding': '边距',
+  '@border-color-base': '边框颜色',
+  '@box-shadow-base': '浮层阴影',
+  '@link-color': '链接色',
+  '@success-color': '成功色',
+  '@warning-color': '警告色',
+  '@error-color': '错误色'
+};
 export var ASSETS_CSS_TPL = {
   Button: Button,
   Container: Container,

package/package.json

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