@lingxiteam/theme-utils 0.2.6 → 0.2.9

package/dist/config/Form.js

@@ -25,21 +25,22 @@ export var Form = {
     // },
     labelTextColor: {
       type: 'color',
-      label: '标签文本颜色',
+      label: '标题文本颜色',
       groupsName: '文字',
       desc: '对所有[数据录入]类型组件生效'
     },
     labelLineHeight: {
       type: 'px',
-      label: '标签文本行高',
+      label: '标题文本行高',
       groupsName: '文字',
       desc: '对所有[数据录入]类型组件生效'
     },
     labelFontSize: {
       type: 'px',
-      label: '标签文本尺寸',
+      label: '标题文本尺寸',
       groupsName: '文字',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@font-size-base'
     },
     textColor: {
       type: 'color',
@@ -51,7 +52,8 @@ export var Form = {
       type: 'px',
       label: '文本尺寸',
       groupsName: '文字',
-      desc: '对所有[数据录入]类型组件生效'
+      desc: '对所有[数据录入]类型组件生效',
+      followTheme: '@font-size-base'
     },
     itemBorderColor: {
       type: 'color',
@@ -79,6 +81,9 @@ export var Form = {
     itemBorderColor: '#E5E5EA',
     itemBorderRadius: '2px'
   }],
+  followThemes: {
+    '@font-size-base': ['labelFontSize', 'fontSize']
+  },
   // 标签是 form 表单里面才有的，单独拉数据录入组件是没有标签的。
   // 为了 tpl 干净，不在下列添加注释，顺序是输入框、多行输入框、数字输入、验证码、单选组、复选组、下拉单选、下拉复选、日期选择、时间选择、开关、文件上传、滑动输入条、评星
   // 密码输入框、输入框的颜色和字号也在.pcfactory-input 边框在 .pcfactory-input-affix-wrapper
@@ -87,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    }\n    .pcfactory-checkbox-wrapper{\n      color: textColor;\n      font-size: fontSize;\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-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    }\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-select.pcfactory-tree-select.ued-treeSelect-wrap {\n      color: textColor;\n      font-size: fontSize;\n    }\n    .pcfactory-select.pcfactory-tree-select.ued-treeSelect-wrap  .pcfactory-select-selector{\n      border-color: itemBorderColor;\n      border-radius: itemBorderRadius;\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-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: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    .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        .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        }\n        .pcfactory-checkbox-wrapper{\n          color: textColor;\n          font-size: fontSize;\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-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        }\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-select.pcfactory-tree-select.ued-treeSelect-wrap {\n          color: textColor;\n          font-size: fontSize;\n        }\n        .pcfactory-select.pcfactory-tree-select.ued-treeSelect-wrap  .pcfactory-select-selector{\n          border-color: itemBorderColor;\n          border-radius: itemBorderRadius;\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-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: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        .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    .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    ",
   components: [{
     id: 'Form_180373',
     label: '表单',
@@ -1122,62 +1127,69 @@ 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: {
+    //     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'],
+    // },
+    ],
+
     path: ['998509']
   }, {
     id: 'View_519882',

package/dist/config/Icon.d.ts

@@ -5,6 +5,7 @@ export declare const Icon: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -13,6 +14,9 @@ export declare const Icon: {
     defaultValue: {
         iconSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Icon.js

@@ -4,7 +4,8 @@ export var Icon = {
     iconSize: {
       type: 'px',
       label: '尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '通用',
@@ -13,6 +14,9 @@ export var Icon = {
   defaultValue: [{
     iconSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['iconSize']
+  },
   tpl: ".ued-icon svg {\n      width: iconSize;\n      height: iconSize;\n    }",
   components: [{
     id: 'Icon_913145',

package/dist/config/Link.d.ts

@@ -5,11 +5,13 @@ export declare const Link: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         fontSize: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -20,6 +22,10 @@ export declare const Link: {
         lineHeight: string;
         fontSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+        '@link-color': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/config/Link.js

@@ -4,14 +4,16 @@ export var Link = {
     textColor: {
       type: 'color',
       label: '文本颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@link-color'
     },
     // TODO: 行高默认写死
     // lineHeight: { type: 'px', label: '文本行高', groupsName: '文字' },
     fontSize: {
       type: 'px',
       label: '文本尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '通用',
@@ -22,6 +24,10 @@ export var Link = {
     lineHeight: '22px',
     fontSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['fontSize'],
+    '@link-color': ['textColor']
+  },
   tpl: ".ued-link {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n    }\n    .ued-link:hover {\n      color: textColor;\n      line-height: lineHeight;\n      font-size: fontSize;\n      opacity: 0.6;\n    }",
   components: [{
     id: 'Link_610976',

package/dist/config/MultipleSelect.js

@@ -3,7 +3,7 @@ export var MultipleSelect = {
   variable: {
     labelTextColor: {
       type: 'color',
-      label: '标签文本颜色',
+      label: '标题文本颜色',
       groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
@@ -11,7 +11,7 @@ export var MultipleSelect = {
     },
     labelLineHeight: {
       type: 'px',
-      label: '标签文本行高',
+      label: '标题文本行高',
       groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,
@@ -19,7 +19,7 @@ export var MultipleSelect = {
     },
     labelFontSize: {
       type: 'px',
-      label: '标签文本尺寸',
+      label: '标题文本尺寸',
       groupsName: '文字',
       desc: '继承自表单，此处不可编辑',
       canEdit: false,

package/dist/config/Radio.d.ts

@@ -61,6 +61,7 @@ export declare const Radio: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         radioSeBgColor: {
             type: string;
@@ -78,6 +79,9 @@ export declare const Radio: {
         radioSeBorderColor: string;
         radioSeBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/Radio.js

@@ -60,7 +60,8 @@ export var Radio = {
     radioSeBorderColor: {
       type: 'color',
       label: '选中边框颜色',
-      groupsName: '边框'
+      groupsName: '边框',
+      followTheme: '@primary-color'
     },
     radioSeBgColor: {
       type: 'color',
@@ -78,6 +79,9 @@ export var Radio = {
     radioSeBorderColor: '#47e',
     radioSeBgColor: '#fff'
   }],
+  followThemes: {
+    '@primary-color': ['radioSeBorderColor']
+  },
   tpl: ".ued-radio-wrap {\n  .pcfactory-radio-inner{\n      width: radioSize;\n      height: radioSize;\n      border-color: radioBorderColor;\n      background: radioBgColor;\n    }\n    .pcfactory-radio-checked .pcfactory-radio-inner{\n      border-color: radioSeBorderColor;\n      background: radioSeBgColor;\n    }\n    .pcfactory-radio-input:focus+.pcfactory-radio-inner{\n      border-color: radioSeBorderColor;\n  }\n   .pcfactory-radio-wrapper:hover .pcfactory-radio{\n    border-color: radioSeBorderColor;\n}\n .pcfactory-radio:hover .pcfactory-radio-inner {\n      border-color: radioSeBorderColor;\n  }\n  .pcfactory-form-item input[type=checkbox]{\n    width: radioSize;\n    height: radioSize;\n  }\n   .pcfactory-form-item input[type=radio]{\n    width: radioSize;\n    height: radioSize;\n  }\n  .pcfactory-radio-checked .pcfactory-radio-inner:after{\n    background: radioSeBorderColor;\n    margin-left:0px;\n    margin-top:0px;\n    top:-1px;\n    left:-1px;\n    border-radius: radioSize;\n    width: radioSize;\n    height: radioSize;\n  }\n}",
   components: [{
     id: 'Form_180373',

package/dist/config/RangePicker.d.ts

@@ -62,6 +62,7 @@ export declare const RangePicker: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         iconColor: {
             type: string;
@@ -82,6 +83,9 @@ export declare const RangePicker: {
         iconColor: string;
         lineColor: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/RangePicker.js

@@ -61,7 +61,8 @@ export var RangePicker = {
     iconFontSize: {
       type: 'px',
       label: '时间图标尺寸',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     iconColor: {
       type: 'color',
@@ -82,6 +83,9 @@ export var RangePicker = {
     iconColor: '#0085D0',
     lineColor: '#1c242e'
   }],
+  followThemes: {
+    '@font-size-base': ['iconFontSize']
+  },
   tpl: ".ued-datePicker-wrap {\n    .pcfactory-picker-suffix{\n      color: iconColor;\n      width: iconFontSize;\n      height: iconFontSize;\n      .anticon>svg{\n        width: iconFontSize;\n        height: iconFontSize;\n      }\n    }\n    .pcfactory-picker-clear{\n      color: iconColor;\n      width: iconFontSize;\n      height: iconFontSize;\n      .anticon>svg{\n        width: iconFontSize;\n        height: iconFontSize;\n      }\n    }\n    .pcfactory-picker-range-separator{\n      color: lineColor;\n    }\n  }",
   components: [{
     id: 'Form_180373',

package/dist/config/StdUpload.d.ts

@@ -42,22 +42,6 @@ export declare const StdUpload: {
             canEdit: boolean;
             extendsKey: string;
         };
-        itemBorderColor: {
-            type: string;
-            label: string;
-            groupsName: string;
-            desc: string;
-            canEdit: boolean;
-            extendsKey: string;
-        };
-        itemBorderRadius: {
-            type: string;
-            label: string;
-            groupsName: string;
-            desc: string;
-            canEdit: boolean;
-            extendsKey: string;
-        };
         listTextColor: {
             type: string;
             label: string;
@@ -67,6 +51,7 @@ export declare const StdUpload: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         listIconColor: {
             type: string;
@@ -77,6 +62,7 @@ export declare const StdUpload: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
     };
     groupsName: string;
@@ -88,6 +74,9 @@ export declare const StdUpload: {
         listIconColor: string;
         lisIconSize: string;
     }[];
+    followThemes: {
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: {
         id: string;

package/dist/config/StdUpload.js

@@ -42,22 +42,6 @@ export var StdUpload = {
       canEdit: false,
       extendsKey: 'Form'
     },
-    itemBorderColor: {
-      type: 'color',
-      label: '边框颜色',
-      groupsName: '边框',
-      desc: '继承自表单，此处不可编辑',
-      canEdit: false,
-      extendsKey: 'Form'
-    },
-    itemBorderRadius: {
-      type: 'px',
-      label: '边框圆角',
-      groupsName: '边框',
-      desc: '继承自表单，此处不可编辑',
-      canEdit: false,
-      extendsKey: 'Form'
-    },
     listTextColor: {
       type: 'color',
       label: '列表文本颜色',
@@ -66,7 +50,8 @@ export var StdUpload = {
     listFontSize: {
       type: 'px',
       label: '列表文本字号',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     },
     listIconColor: {
       type: 'color',
@@ -76,7 +61,8 @@ export var StdUpload = {
     lisIconSize: {
       type: 'px',
       label: '列表图标字号',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@font-size-base'
     }
   },
   groupsName: '数据录入',
@@ -88,6 +74,9 @@ export var StdUpload = {
     listIconColor: 'rgba(0,0,0,.45)',
     lisIconSize: '14px'
   }],
+  followThemes: {
+    '@font-size-base': ['listFontSize', 'lisIconSize']
+  },
   tpl: ".ued-stdupload-wrap {\n    \n   .ued-stdUpload-item-info a {\n      color: listTextColor;\n      font-size: listFontSize;\n    }\n    .ued-stdUpload-item-info:hover a{\n      color: listTextColor;\n      font-size: listFontSize;\n    }\n    .ued-stdUpload-item-icon .anticon-loading .anticon{\n      color: listIconColor;\n      > svg{\n        width: lisIconSize;\n        height: lisIconSize;\n      }\n    }\n    .ued-stdUpload-item-icon .anticon{\n      color: listIconColor;\n      > svg{\n        width: lisIconSize;\n        height: lisIconSize;\n      }\n    }\n   .ued-stdUpload-item-error .ued-stdUpload-item-icon  .anticon-loading .anticon{\n    color: #ff7474;\n   }\n   .ued-stdUpload-item-error .ued-stdUpload-item-icon .anticon{\n    color: #ff7474;\n   }\n  }\n    ",
   components: [{
     id: 'Form_180373',

package/dist/config/Switch.d.ts

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

package/dist/config/Switch.js

@@ -28,7 +28,8 @@ export var Switch = {
     openColor: {
       type: 'color',
       label: '开启颜色',
-      groupsName: '文字'
+      groupsName: '文字',
+      followTheme: '@primary-color'
     },
     closeColor: {
       type: 'color',
@@ -43,6 +44,9 @@ export var Switch = {
     openColor: '#47e',
     closeColor: 'rgba(28,36,46,.25)'
   }],
+  followThemes: {
+    '@primary-color': ['openColor']
+  },
   tpl: ".pcfactory-switch {\n      background-color: closeColor;\n    }\n    .pcfactory-switch-checked {\n      background-color: openColor;\n    }",
   components: [{
     id: 'Form_180373',

package/dist/config/Table.d.ts

@@ -41,6 +41,7 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         selectPaginationBorder: {
             type: string;
@@ -56,6 +57,7 @@ export declare const Table: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         tbBorderColor: {
             type: string;
@@ -173,6 +175,10 @@ export declare const Table: {
         bodyTextAlign: string;
         zebraBgColor: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+        '@font-size-base': string[];
+    };
     tpl: string;
     components: ({
         id: string;

package/dist/config/Table.js

@@ -58,7 +58,8 @@ export var Table = {
     selectPaginationColor: {
       type: 'color',
       label: '选中项背景颜色',
-      groupsName: '表格分页'
+      groupsName: '表格分页',
+      followTheme: '@primary-color'
     },
     selectPaginationBorder: {
       type: 'color',
@@ -74,7 +75,8 @@ export var Table = {
     tbFontSize: {
       type: 'px',
       label: '表格文本尺寸',
-      groupsName: '基础'
+      groupsName: '基础',
+      followTheme: '@font-size-base'
     },
     tbBorderColor: {
       type: 'color',
@@ -240,6 +242,10 @@ export var Table = {
     bodyTextAlign: 'left',
     zebraBgColor: '#fbfbfb'
   }],
+  followThemes: {
+    '@primary-color': ['selectPaginationColor'],
+    '@font-size-base': ['tbFontSize']
+  },
   tpl: "\n  .ued-table-wrap {\n    .pcfactory-table{\n      font-size: tbFontSize;\n      border-radius: tbBorderRadius;\n    }\n    .pcfactory-table-container{\n      border-top-left-radius: tbBorderRadius;\n    border-top-right-radius: tbBorderRadius;\n    }\n    .pcfactory-table-tbody{\n      background: bodyBgColor;\n    }\n  }\n  .ued-table-wrap .ued-table .pcfactory-table table .pcfactory-table-thead th {\n    background: headBgColor;\n    padding: headPadding;\n    color: headTextColor;\n    font-weight: headFontWeight;\n    text-align: headTextAlign;\n  }\n  .ued-table-wrap .ued-table .pcfactory-table-thead>tr:first-child>th:first-child{\n    border-top-left-radius: tbBorderRadius;\n  }\n  .ued-table-wrap .ued-table .pcfactory-table-thead>tr:first-child>th:last-child{\n    border-top-right-radius: tbBorderRadius;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tbody>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>td{\n    border-color: tbBorderColor;\n  }\n   .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>th{\n    border-color: tbBorderColor;\n  }\n    .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>thead>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tbody>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>td{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>th{\n      border-color: tbBorderColor;\n    }\n     .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>thead>tr>th{\n    border-color: tbBorderColor;\n  }\n  .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n   .ued-table-wrap .ued-table .pcfactory-table-thead>tr>th{\n    border-bottom: headLineSize solid headLineColor;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n    text-align: bodyTextAlign;\n  }\n   .ued-table-wrap .ued-table .pcfactory-table-tbody>tr>td{\n    border-color: tbBorderColor;\n    padding: bodyPadding;\n    color: bodyTextColor;\n    font-weight: bodyFontWeight;\n    text-align: bodyTextAlign;\n  }\n  .ued-table-filters .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n   .ued-table-wrap .ued-table .pcfactory-table-bordered{\n    border-color: tbBorderColor;\n  }\n  .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n   .ued-table-wrap .ued-table-page .pcfactory-pagination-item-active{\n    background: selectPaginationColor;\n  }\n  .ued-table-page .pcfactory-pagination-item{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-item-link{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-select .pcfactory-select-selector{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-page .pcfactory-pagination-options .pcfactory-pagination-options-quick-jumper input{\n    border-radius: selectPaginationRadius;\n    border-color: selectPaginationBorder;\n  }\n  .ued-table-filters .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }\n   .ued-table-wrap .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n    background: zebraBgColor;\n  }",
   components: [{
     id: 'Table_2740384',

package/dist/config/Tabs.d.ts

@@ -15,6 +15,7 @@ export declare const Tabs: {
             type: string;
             label: string;
             groupsName: string;
+            followTheme: string;
         };
         activeRadius: {
             type: string;
@@ -99,6 +100,9 @@ export declare const Tabs: {
         fontWeight: string;
         activeFontWeight: string;
     }[];
+    followThemes: {
+        '@primary-color': string[];
+    };
     tpl: string;
     components: {
         id: string;