@lingxiteam/theme-utils 0.5.0 → 0.5.2

package/dist/config/Description.d.ts

@@ -2,17 +2,6 @@ export declare const Description: {
     type: string;
     hasPrefixClass: boolean;
     variable: {
-        borderColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-            followTheme: string;
-        };
-        borderWidth: {
-            type: string;
-            label: string;
-            groupsName: string;
-        };
         backgroundColor: {
             type: string;
             label: string;
@@ -45,6 +34,17 @@ export declare const Description: {
             label: string;
             groupsName: string;
         };
+        borderColor: {
+            type: string;
+            label: string;
+            groupsName: string;
+            followTheme: string;
+        };
+        borderWidth: {
+            type: string;
+            label: string;
+            groupsName: string;
+        };
     };
     groupsName: string;
     icon: string;

package/dist/config/Description.js

@@ -2,26 +2,15 @@ export var Description = {
   type: 'Description',
   hasPrefixClass: true,
   variable: {
-    borderColor: {
-      type: 'color',
-      label: '边框颜色',
-      groupsName: '边框',
-      followTheme: '@border-color-base'
-    },
-    borderWidth: {
-      type: 'px',
-      label: '边框粗细',
-      groupsName: '边框'
-    },
     backgroundColor: {
       type: 'color',
       label: '标题背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景'
     },
     bodyBgColor: {
       type: 'color',
       label: '正文背景颜色',
-      groupsName: '背景颜色'
+      groupsName: '背景'
     },
     textColor: {
       type: 'color',
@@ -44,6 +33,17 @@ export var Description = {
       type: 'marginInput',
       label: '正文内边距',
       groupsName: '布局'
+    },
+    borderColor: {
+      type: 'color',
+      label: '颜色',
+      groupsName: '边框',
+      followTheme: '@border-color-base'
+    },
+    borderWidth: {
+      type: 'px',
+      label: '宽度',
+      groupsName: '边框'
     }
   },
   groupsName: '数据展示',

package/dist/config/Form.d.ts

@@ -14,18 +14,28 @@ export declare const Form: {
             desc: string;
             followTheme: string;
         };
+        labelFontSize: {
+            type: string;
+            label: string;
+            groupsName: string;
+            desc: string;
+            followTheme: string;
+        };
         labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
         };
-        labelFontSize: {
+        labelFontWeight: {
             type: string;
             label: string;
             groupsName: string;
             desc: string;
-            followTheme: string;
+            options: {
+                title: string;
+                value: string;
+            }[];
         };
         textColor: {
             type: string;
@@ -41,27 +51,27 @@ export declare const Form: {
             desc: string;
             followTheme: string;
         };
-        itemBorderColor: {
+        itemBorderRadius: {
             type: string;
             label: string;
+            followTheme: string;
             groupsName: string;
             desc: string;
-            followTheme: string;
         };
-        itemHoverBorderColor: {
+        itemBorderColor: {
             type: string;
             label: string;
             groupsName: string;
-            hidden: boolean;
             desc: string;
             followTheme: string;
         };
-        itemBorderRadius: {
+        itemHoverBorderColor: {
             type: string;
             label: string;
-            followTheme: string;
             groupsName: string;
+            hidden: boolean;
             desc: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -77,6 +87,7 @@ export declare const Form: {
         itemBorderColor: string;
         itemHoverBorderColor: string;
         itemBorderRadius: string;
+        labelFontWeight: string;
     }[];
     followThemes: {
         '@text-color': string[];

package/dist/config/Form.js

@@ -4,8 +4,8 @@ export var Form = {
   variable: {
     backgroundColor: {
       type: 'color',
-      label: '背景颜色',
-      groupsName: '背景颜色'
+      label: '填充颜色',
+      groupsName: '背景'
     },
     // borderColor: {
     //   type: 'color',
@@ -25,23 +25,51 @@ export var Form = {
     // },
     labelTextColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '文字',
+      label: '标题颜色',
+      groupsName: '标题',
       desc: '对所有[数据录入]类型组件生效',
       followTheme: '@text-color'
     },
+    labelFontSize: {
+      type: 'px',
+      label: '标题尺寸',
+      groupsName: '标题',
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@font-size-base'
+    },
     labelLineHeight: {
       type: 'px',
-      label: '标题文本行高',
-      groupsName: '文字',
+      label: '标题行高',
+      groupsName: '标题',
       desc: '对所有[数据录入]类型组件生效'
     },
-    labelFontSize: {
-      type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '文字',
+    labelFontWeight: {
+      type: 'select',
+      label: '标题字重',
+      groupsName: '标题',
       desc: '对所有[数据录入]类型组件生效',
-      followTheme: '@font-size-base'
+      options: [{
+        title: '100',
+        value: '100'
+      }, {
+        title: '200',
+        value: '200'
+      }, {
+        title: '300',
+        value: '300'
+      }, {
+        title: '400',
+        value: '400'
+      }, {
+        title: '500',
+        value: '500'
+      }, {
+        title: '600',
+        value: '600'
+      }, {
+        title: '700',
+        value: '700'
+      }]
     },
     textColor: {
       type: 'color',
@@ -57,9 +85,16 @@ export var Form = {
       desc: '对所有[数据录入]类型组件生效',
       followTheme: '@font-size-base'
     },
+    itemBorderRadius: {
+      type: 'px',
+      label: '圆角',
+      followTheme: '@border-radius-base',
+      groupsName: '边框',
+      desc: '对所有[数据录入]类型组件生效'
+    },
     itemBorderColor: {
       type: 'color',
-      label: '组件边框颜色',
+      label: '颜色',
       groupsName: '边框',
       desc: '对所有[数据录入]类型组件生效',
       followTheme: '@border-color-base'
@@ -71,13 +106,6 @@ export var Form = {
       hidden: true,
       desc: '对所有[数据录入]类型组件生效',
       followTheme: '@primary-color'
-    },
-    itemBorderRadius: {
-      type: 'px',
-      label: '组件边框圆角',
-      followTheme: '@border-radius-base',
-      groupsName: '边框',
-      desc: '对所有[数据录入]类型组件生效'
     }
   },
   groupsName: '容器',
@@ -92,7 +120,8 @@ export var Form = {
     fontSize: '14px',
     itemBorderColor: '#E5E5EA',
     itemHoverBorderColor: '#47e',
-    itemBorderRadius: '2px'
+    itemBorderRadius: '2px',
+    labelFontWeight: '400'
   }],
   followThemes: {
     '@text-color': ['textColor', 'labelTextColor'],
@@ -108,8 +137,8 @@ export var Form = {
   // 单选组、复选组无边框
   // 下拉单选与下拉复选样式一致
   // 滑动输入条没有边框样式
-  itemCustomTpl: ".pcFactory-from-component{\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      overflow: hidden;\n    }\n    .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      padding-left: 8px;\n      border-color: itemBorderColor;\n      height: calc(fontSize * 2 + 4px);\n      min-height: 32px;\n      line-height: 2;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: calc(fontSize * 2 + 4px);\n    }\n    .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n      font-size: fontSize;\n      line-height: calc(fontSize * 2 + 2px);\n    }\n   .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n      border-top-right-radius: itemBorderRadius;\n      border-bottom-right-radius: itemBorderRadius;\n      border-color: itemBorderColor;\n    }\n    .verificationCodePC, .verificationCodePC-titleTop{\n      border: 1px solid itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n      line-height: 1.7;\n      height: auto;\n    }\n    .verificationCodePC-inputContent{\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .verificationCodePC-inputContent .normalArea{\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .pcfactory-form-item-label>label{\n      color: labelTextColor;\n      line-height: labelLineHeight;\n      font-size: labelFontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number:hover {\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-select-focused .pcfactory-select-selector{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-picker:hover, .pcfactory-picker-focused{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-select-wrap:hover .pcfactory-select-selector{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .pcfactory-input:hover{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .ued-textarea-wrap:focus{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC .pcfactory-input{\n      box-shadow: none  !important;\n      border-style: none  !important;\n    }\n    .pcfactory-input-affix-wrapper {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      min-height: calc(fontSize * 2 + 2px);\n    }\n    .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n      min-height: calc(fontSize * 4 + 2px);\n    }\n    .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      font-size: fontSize;\n      background: #FFF;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n      color: textColor;\n      border: none !important;\n      box-shadow: none;\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      overflow: hidden;\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .pcfactory-input{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-radio-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-radio-button-wrapper {\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n      height:auto;\n      min-height: 32px;\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      overflow: hidden;\n    }\n    .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\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      font-size: fontSize;\n      line-height: calc(fontSize * 2 + 4px);\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   \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    .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: calc(fontSize * 2 + 4px);\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  }",
-  tpl: ".ued-legacy-form-wrap{\n      background-color: backgroundColor;\n      .pcFactory-from-component{\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          overflow: hidden;\n        }\n        .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n          padding-left: 8px;\n          border-color: itemBorderColor;\n          height: calc(fontSize * 2 + 4px);\n          min-height: 32px;\n          line-height: 2;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\n        }\n        .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 2px);\n        }\n       .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n          border-top-right-radius: itemBorderRadius;\n          border-bottom-right-radius: itemBorderRadius;\n          border-color: itemBorderColor;\n        }\n        .verificationCodePC, .verificationCodePC-titleTop{\n          border: 1px solid itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n          line-height: 1.7;\n          height: auto;\n        }\n        .verificationCodePC-inputContent{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .verificationCodePC-inputContent .normalArea{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-form-item-label>label{\n          color: labelTextColor;\n          line-height: labelLineHeight;\n          font-size: labelFontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:hover {\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select-focused .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-picker:hover, .pcfactory-picker-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-select-wrap:hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .pcfactory-input:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .ued-textarea-wrap:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC .pcfactory-input{\n          box-shadow: none  !important;\n          border-style: none  !important;\n        }\n        .pcfactory-input-affix-wrapper {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          min-height: calc(fontSize * 2 + 2px);\n        }\n        .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n          min-height: calc(fontSize * 4 + 2px);\n        }\n        .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          font-size: fontSize;\n          background: #FFF;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n          color: textColor;\n          border: none !important;\n          box-shadow: none;\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          overflow: hidden;\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-input{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-radio-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-radio-button-wrapper {\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n          height:auto;\n          min-height: 32px;\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          overflow: hidden;\n        }\n        .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\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          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 4px);\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       \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        .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\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    ",
+  itemCustomTpl: ".pcFactory-from-component{\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      overflow: hidden;\n    }\n    .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      padding-left: 8px;\n      border-color: itemBorderColor;\n      height: calc(fontSize * 2 + 4px);\n      min-height: 32px;\n      line-height: 2;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: calc(fontSize * 2 + 4px);\n    }\n    .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n      font-size: fontSize;\n      line-height: calc(fontSize * 2 + 2px);\n    }\n   .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n      border-top-right-radius: itemBorderRadius;\n      border-bottom-right-radius: itemBorderRadius;\n      border-color: itemBorderColor;\n    }\n    .verificationCodePC, .verificationCodePC-titleTop{\n      border: 1px solid itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n      line-height: 1.7;\n      height: auto;\n    }\n    .verificationCodePC-inputContent{\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .verificationCodePC-inputContent .normalArea{\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .pcfactory-form-item-label>label{\n      font-weight: labelFontWeight;\n      color: labelTextColor;\n      line-height: labelLineHeight;\n      font-size: labelFontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number:hover {\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-select-focused .pcfactory-select-selector{\n      border-color: itemHoverBorderColor !important;\n    }\n    .pcfactory-picker:hover, .pcfactory-picker-focused{\n      border-color: itemHoverBorderColor !important;\n    }\n    .ued-select-wrap:hover .pcfactory-select-selector{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .pcfactory-input:hover{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .ued-textarea-wrap:focus{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n      border-color: itemHoverBorderColor  !important;\n    }\n    .verificationCodePC .pcfactory-input{\n      box-shadow: none  !important;\n      border-style: none  !important;\n    }\n    .pcfactory-input-affix-wrapper {\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      min-height: calc(fontSize * 2 + 2px);\n    }\n    .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n      min-height: calc(fontSize * 4 + 2px);\n    }\n    .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      font-size: fontSize;\n      background: #FFF;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n      font-size: fontSize;\n    }\n    .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n      color: textColor;\n      border: none !important;\n      box-shadow: none;\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      overflow: hidden;\n      height: calc(fontSize * 2 + 2px);\n      min-height: 32px;\n    }\n    .pcfactory-input{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-radio-wrapper{\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n    }\n    .pcfactory-radio-button-wrapper {\n      color: textColor;\n      font-size: fontSize;\n      line-height: 2;\n      height:auto;\n      min-height: 32px;\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      overflow: hidden;\n    }\n    .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\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      font-size: fontSize;\n      line-height: calc(fontSize * 2 + 4px);\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   \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    .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n      line-height: calc(fontSize * 2 + 4px);\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  }",
+  tpl: ".ued-legacy-form-wrap{\n      background-color: backgroundColor;\n      .pcFactory-from-component{\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          overflow: hidden;\n        }\n        .modalSelect .pcfactory-select:not(.pcfactory-select-customize-input) .pcfactory-select-selector{\n          border-top-right-radius: 0;\n          border-bottom-right-radius: 0;\n          padding-left: 8px;\n          border-color: itemBorderColor;\n          height: calc(fontSize * 2 + 4px);\n          min-height: 32px;\n          line-height: 2;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .modalSelect .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\n        }\n        .ued-input-wrap .pcfactory-input-wrapper.pcfactory-input-group .pcfactory-input-group-addon{\n          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 2px);\n        }\n       .ued-input-wrap.postfixGreyStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixBlueStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixWhiteStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.postfixNoBorderStyle .pcfactory-input-group-addon:last-child, .ued-input-wrap.nonePostfixStyle .pcfactory-input-group-addon:last-child{\n          border-top-right-radius: itemBorderRadius;\n          border-bottom-right-radius: itemBorderRadius;\n          border-color: itemBorderColor;\n        }\n        .verificationCodePC, .verificationCodePC-titleTop{\n          border: 1px solid itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number .pcfactory-input-number-input{\n          line-height: 1.7;\n          height: auto;\n        }\n        .verificationCodePC-inputContent{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .verificationCodePC-inputContent .normalArea{\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-form-item-label>label{\n          font-weight: labelFontWeight;\n          color: labelTextColor;\n          line-height: labelLineHeight;\n          font-size: labelFontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:focus{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group:hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus, .pcfactory-input-affix-wrapper-focused {\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-input-affix-wrapper:focus .pcfactory-input ued-textarea-wrap{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:hover {\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number:focus, .pcfactory-input-number-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select:not(.pcfactory-select-disabled):hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-select-focused .pcfactory-select-selector{\n          border-color: itemHoverBorderColor !important;\n        }\n        .pcfactory-picker:hover, .pcfactory-picker-focused{\n          border-color: itemHoverBorderColor !important;\n        }\n        .ued-select-wrap:hover .pcfactory-select-selector{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .pcfactory-input:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .ued-textarea-wrap:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:focus, .verificationCodePC-titleTop:focus{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC:hover, .verificationCodePC-titleTop:hover{\n          border-color: itemHoverBorderColor  !important;\n        }\n        .verificationCodePC .pcfactory-input{\n          box-shadow: none  !important;\n          border-style: none  !important;\n        }\n        .pcfactory-input-affix-wrapper {\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          min-height: calc(fontSize * 2 + 2px);\n        }\n        .pcfactory-input-affix-wrapper.pcfactory-input-affix-wrapper-textarea-with-clear-btn{\n          min-height: calc(fontSize * 4 + 2px);\n        }\n        .pcfactory-input-affix-wrapper-textarea-with-clear-btn .pcfactory-input-clear-icon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          font-size: fontSize;\n          background: #FFF;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number-group-addon{\n          font-size: fontSize;\n        }\n        .ued-inputNumber-wrap.pcfactory-input-number-group-wrapper .pcfactory-input-number-wrapper.pcfactory-input-number-group .pcfactory-input-number.ued-inputNumber-wrap{\n          color: textColor;\n          border: none !important;\n          box-shadow: none;\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          overflow: hidden;\n          height: calc(fontSize * 2 + 2px);\n          min-height: 32px;\n        }\n        .pcfactory-input{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-radio-wrapper{\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n        }\n        .pcfactory-radio-button-wrapper {\n          color: textColor;\n          font-size: fontSize;\n          line-height: 2;\n          height:auto;\n          min-height: 32px;\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          overflow: hidden;\n        }\n        .pcfactory-select.ued-select-wrap .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\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          font-size: fontSize;\n          line-height: calc(fontSize * 2 + 4px);\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       \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        .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n          line-height: calc(fontSize * 2 + 4px);\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    ",
   components: [{
     id: 'Form_180373',
     label: '表单',

package/dist/config/Input.d.ts

@@ -9,7 +9,7 @@ export declare const Input: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelLineHeight: {
+        labelFontSize: {
             type: string;
             label: string;
             groupsName: string;
@@ -17,7 +17,7 @@ export declare const Input: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelFontSize: {
+        labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
@@ -41,7 +41,7 @@ export declare const Input: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderColor: {
+        itemBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
@@ -49,7 +49,7 @@ export declare const Input: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderRadius: {
+        itemBorderColor: {
             type: string;
             label: string;
             groupsName: string;

package/dist/config/Input.js

@@ -3,24 +3,24 @@ export var Input = {
   variable: {
     labelTextColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '文字',
+      label: '标题颜色',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    labelLineHeight: {
+    labelFontSize: {
       type: 'px',
-      label: '标题文本行高',
-      groupsName: '文字',
+      label: '标题尺寸',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    labelFontSize: {
+    labelLineHeight: {
       type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '文字',
+      label: '标题行高',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
@@ -41,17 +41,17 @@ export var Input = {
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderColor: {
-      type: 'color',
-      label: '边框颜色',
+    itemBorderRadius: {
+      type: 'px',
+      label: '圆角',
       groupsName: '边框',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderRadius: {
-      type: 'px',
-      label: '边框圆角',
+    itemBorderColor: {
+      type: 'color',
+      label: '颜色',
       groupsName: '边框',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,

package/dist/config/InputNumber.d.ts

@@ -9,7 +9,7 @@ export declare const InputNumber: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelLineHeight: {
+        labelFontSize: {
             type: string;
             label: string;
             groupsName: string;
@@ -17,7 +17,7 @@ export declare const InputNumber: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelFontSize: {
+        labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
@@ -41,7 +41,7 @@ export declare const InputNumber: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderColor: {
+        itemBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
@@ -49,7 +49,7 @@ export declare const InputNumber: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderRadius: {
+        itemBorderColor: {
             type: string;
             label: string;
             groupsName: string;

package/dist/config/InputNumber.js

@@ -3,24 +3,24 @@ export var InputNumber = {
   variable: {
     labelTextColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '文字',
+      label: '标题颜色',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    labelLineHeight: {
+    labelFontSize: {
       type: 'px',
-      label: '标题文本行高',
-      groupsName: '文字',
+      label: '标题尺寸',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    labelFontSize: {
+    labelLineHeight: {
       type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '文字',
+      label: '标题行高',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
@@ -41,17 +41,17 @@ export var InputNumber = {
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderColor: {
-      type: 'color',
-      label: '边框颜色',
+    itemBorderRadius: {
+      type: 'px',
+      label: '圆角',
       groupsName: '边框',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderRadius: {
-      type: 'px',
-      label: '边框圆角',
+    itemBorderColor: {
+      type: 'color',
+      label: '颜色',
       groupsName: '边框',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,

package/dist/config/MultipleSelect.d.ts

@@ -9,7 +9,7 @@ export declare const MultipleSelect: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelLineHeight: {
+        labelFontSize: {
             type: string;
             label: string;
             groupsName: string;
@@ -17,7 +17,7 @@ export declare const MultipleSelect: {
             canEdit: boolean;
             extendsKey: string;
         };
-        labelFontSize: {
+        labelLineHeight: {
             type: string;
             label: string;
             groupsName: string;
@@ -41,7 +41,7 @@ export declare const MultipleSelect: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderColor: {
+        itemBorderRadius: {
             type: string;
             label: string;
             groupsName: string;
@@ -49,7 +49,7 @@ export declare const MultipleSelect: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderRadius: {
+        itemBorderColor: {
             type: string;
             label: string;
             groupsName: string;

package/dist/config/MultipleSelect.js

@@ -3,24 +3,24 @@ export var MultipleSelect = {
   variable: {
     labelTextColor: {
       type: 'color',
-      label: '标题文本颜色',
-      groupsName: '文字',
+      label: '标题颜色',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    labelLineHeight: {
+    labelFontSize: {
       type: 'px',
-      label: '标题文本行高',
-      groupsName: '文字',
+      label: '标题尺寸',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    labelFontSize: {
+    labelLineHeight: {
       type: 'px',
-      label: '标题文本尺寸',
-      groupsName: '文字',
+      label: '标题行高',
+      groupsName: '标题',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
@@ -41,17 +41,17 @@ export var MultipleSelect = {
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderColor: {
-      type: 'color',
-      label: '边框颜色',
+    itemBorderRadius: {
+      type: 'px',
+      label: '圆角',
       groupsName: '边框',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderRadius: {
-      type: 'px',
-      label: '边框圆角',
+    itemBorderColor: {
+      type: 'color',
+      label: '颜色',
       groupsName: '边框',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,