@lingxiteam/theme-utils 0.3.6 → 0.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -105,6 +105,8 @@ insertLink('12312', 'http://xxx.css', true);
105
105
  extendsKey: 'Form',
106
106
  // 表示这个字段跟随全局主题变量
107
107
  followTheme: '@font-size-base',
108
+ // 是否隐藏,用于取全局变量,但是不允许用户修改的情况,如表单边框激活颜色
109
+ hidden: false,
108
110
  },
109
111
  },
110
112
  groupsName: '分组名称',
@@ -48,6 +48,14 @@ export declare const Form: {
48
48
  desc: string;
49
49
  followTheme: string;
50
50
  };
51
+ itemHoverBorderColor: {
52
+ type: string;
53
+ label: string;
54
+ groupsName: string;
55
+ hidden: boolean;
56
+ desc: string;
57
+ followTheme: string;
58
+ };
51
59
  itemBorderRadius: {
52
60
  type: string;
53
61
  label: string;
@@ -67,6 +75,7 @@ export declare const Form: {
67
75
  textColor: string;
68
76
  fontSize: string;
69
77
  itemBorderColor: string;
78
+ itemHoverBorderColor: string;
70
79
  itemBorderRadius: string;
71
80
  }[];
72
81
  followThemes: {
@@ -74,6 +83,7 @@ export declare const Form: {
74
83
  '@border-radius-base': never[];
75
84
  '@font-size-base': string[];
76
85
  '@border-color-base': string[];
86
+ '@primary-color': string[];
77
87
  };
78
88
  itemCustomTpl: string;
79
89
  tpl: string;
@@ -64,6 +64,14 @@ export var Form = {
64
64
  desc: '对所有[数据录入]类型组件生效',
65
65
  followTheme: '@border-color-base'
66
66
  },
67
+ itemHoverBorderColor: {
68
+ type: 'color',
69
+ label: '组件激活边框颜色',
70
+ groupsName: '边框',
71
+ hidden: true,
72
+ desc: '对所有[数据录入]类型组件生效',
73
+ followTheme: '@primary-color'
74
+ },
67
75
  itemBorderRadius: {
68
76
  type: 'px',
69
77
  label: '组件边框圆角',
@@ -83,13 +91,15 @@ export var Form = {
83
91
  textColor: '#1c242e',
84
92
  fontSize: '14px',
85
93
  itemBorderColor: '#E5E5EA',
94
+ itemHoverBorderColor: '#47e',
86
95
  itemBorderRadius: '2px'
87
96
  }],
88
97
  followThemes: {
89
98
  '@text-color': ['textColor', 'labelTextColor'],
90
99
  '@border-radius-base': [],
91
100
  '@font-size-base': ['labelFontSize', 'fontSize'],
92
- '@border-color-base': ['itemBorderColor']
101
+ '@border-color-base': ['itemBorderColor'],
102
+ '@primary-color': ['itemHoverBorderColor']
93
103
  },
94
104
  // 标签是 form 表单里面才有的,单独拉数据录入组件是没有标签的。
95
105
  // 为了 tpl 干净,不在下列添加注释,顺序是输入框、多行输入框、数字输入、验证码、单选组、复选组、下拉单选、下拉复选、日期选择、时间选择、开关、文件上传、滑动输入条、评星
@@ -98,8 +108,8 @@ export var Form = {
98
108
  // 单选组、复选组无边框
99
109
  // 下拉单选与下拉复选样式一致
100
110
  // 滑动输入条没有边框样式
101
- 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: fontSize;\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 }\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 height: calc(fontSize * 2 + 2px);\n min-height: 32px;\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 .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n border-color: itemBorderColor;\n }\n .pcfactory-input{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-input:focus{\n box-shadow: none !important ;\n border-style: none !important;\n }\n .ued-inputNumber-wrap.pcfactory-input-number{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n line-height: 2;\n overflow: hidden;\n height: calc(fontSize * 2 + 2px);\n min-height: 32px;\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 color: textColor;\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 .ued-select-wrap:hover .pcfactory-select-selector{\n border-color: itemBorderColor;\n }\n .pcfactory-checkbox+span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n height: auto;\n }\n .ued-cascader-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker-input > input{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n \n .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n line-height: 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 ",
102
- 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: fontSize;\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 }\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 height: calc(fontSize * 2 + 2px);\n min-height: 32px;\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 .pcfactory-input-affix-wrapper:not(.pcfactory-input-affix-wrapper-disabled):hover{\n border-color: itemBorderColor;\n }\n .pcfactory-input{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-input:focus{\n box-shadow: none !important ;\n border-style: none !important;\n }\n .ued-inputNumber-wrap.pcfactory-input-number{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n color: textColor;\n font-size: fontSize;\n line-height: 2;\n overflow: hidden;\n height: calc(fontSize * 2 + 2px);\n min-height: 32px;\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 color: textColor;\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 .ued-select-wrap:hover .pcfactory-select-selector{\n border-color: itemBorderColor;\n }\n .pcfactory-checkbox+span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n height: auto;\n }\n .ued-cascader-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker-input > input{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n \n .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n line-height: 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 \n ",
111
+ 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: fontSize;\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 }\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 height: calc(fontSize * 2 + 2px);\n min-height: 32px;\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{\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 color: textColor;\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 .pcfactory-checkbox+span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n height: auto;\n }\n .ued-cascader-wrap .pcfactory-select-selection-item{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker-input > input{\n color: textColor;\n font-size: fontSize;\n }\n .pcfactory-picker{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button>span{\n color: textColor;\n font-size: fontSize;\n }\n .ued-stdupload-wrap .pcfactory-upload.pcfactory-upload-select.pcfactory-upload-select-text button{\n border-color: itemBorderColor;\n border-radius: itemBorderRadius;\n }\n \n .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-item, .pcfactory-select-single .pcfactory-select-selector .pcfactory-select-selection-placeholder{\n line-height: 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 ",
112
+ 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: fontSize;\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 .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 height: calc(fontSize * 2 + 2px);\n min-height: 32px;\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{\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 color: textColor;\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 ",
103
113
  components: [{
104
114
  id: 'Form_180373',
105
115
  label: '表单',
@@ -84,16 +84,6 @@ export declare const Table: {
84
84
  label: string;
85
85
  groupsName: string;
86
86
  };
87
- headLineSize: {
88
- type: string;
89
- label: string;
90
- groupsName: string;
91
- };
92
- headLineColor: {
93
- type: string;
94
- label: string;
95
- groupsName: string;
96
- };
97
87
  headTextColor: {
98
88
  type: string;
99
89
  label: string;
@@ -170,8 +160,6 @@ export declare const Table: {
170
160
  tbBorderRadius: string;
171
161
  headBgColor: string;
172
162
  headPadding: string;
173
- headLineSize: string;
174
- headLineColor: string;
175
163
  headFontWeight: string;
176
164
  headTextColor: string;
177
165
  headTextAlign: string;
@@ -103,16 +103,16 @@ export var Table = {
103
103
  label: '内边距',
104
104
  groupsName: '表头'
105
105
  },
106
- headLineSize: {
107
- type: 'px',
108
- label: '下分割线尺寸',
109
- groupsName: '表头'
110
- },
111
- headLineColor: {
112
- type: 'color',
113
- label: '下分割线颜色',
114
- groupsName: '表头'
115
- },
106
+ // headLineSize: {
107
+ // type: 'px',
108
+ // label: '下分割线尺寸',
109
+ // groupsName: '表头',
110
+ // },
111
+ // headLineColor: {
112
+ // type: 'color',
113
+ // label: '下分割线颜色',
114
+ // groupsName: '表头',
115
+ // },
116
116
  headTextColor: {
117
117
  type: 'color',
118
118
  label: '文本颜色',
@@ -237,8 +237,8 @@ export var Table = {
237
237
  tbBorderRadius: '2px',
238
238
  headBgColor: '#F5F8FA',
239
239
  headPadding: '10px 8px 10px 8px',
240
- headLineSize: '1px',
241
- headLineColor: '#f0f0f0',
240
+ // headLineSize: '1px',
241
+ // headLineColor: '#f0f0f0',
242
242
  headFontWeight: '400',
243
243
  headTextColor: '#1c242e',
244
244
  headTextAlign: 'left',
@@ -256,7 +256,7 @@ export var Table = {
256
256
  '@border-radius-base': [],
257
257
  '@border-color-base': []
258
258
  },
259
- tpl: ".ued-table-wrap {\n .ued-control-line-number{\n line-height: tbFontSize !important;\n max-height: tbFontSize !important;\n }\n .pcfactory-table{\n font-size: tbFontSize;\n }\n .pcfactory-table-tbody{\n background: bodyBgColor;\n }\n .ued-table .pcfactory-table table {\n border-radius: tbBorderRadius;\n border: 1px solid #E8E8E8;\n overflow: hidden;\n }\n .ued-table .pcfactory-table-thead > tr:first-child > th:first-child{\n border-top-left-radius: tbBorderRadius;\n }\n .ued-table .pcfactory-table-thead > tr:first-child > th:last-child{\n border-top-right-radius: tbBorderRadius;\n }\n .ued-table .pcfactory-table table .pcfactory-table-thead th {\n background: headBgColor;\n padding: headPadding;\n color: headTextColor;\n font-weight: headFontWeight;\n text-align: headTextAlign;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>thead>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>thead>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n border-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 .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 .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 .pcfactory-table-bordered{\n border-color: tbBorderColor;\n border-radius: tbBorderRadius;\n }\n .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n background: selectPaginationColor;\n }\n .ued-table-page .pcfactory-pagination-item-active{\n background: selectPaginationColor;\n border-style: solid;\n border-width: 1px;\n }\n .ued-table-page .pcfactory-pagination-item{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-page .pcfactory-pagination-item-link{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-page .pcfactory-pagination-options .pcfactory-select .pcfactory-select-selector{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-page .pcfactory-pagination-options .pcfactory-pagination-options-quick-jumper input{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-filters .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n background: zebraBgColor;\n }\n .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n background: zebraBgColor;\n }\n}",
259
+ tpl: ".ued-table-wrap {\n .ued-control-line-number{\n line-height: tbFontSize !important;\n max-height: tbFontSize !important;\n }\n .pcfactory-table{\n font-size: tbFontSize;\n }\n .pcfactory-table-tbody{\n background: bodyBgColor;\n }\n .ued-table .pcfactory-table table {\n border-radius: tbBorderRadius;\n border: 1px solid tbBorderColor;\n overflow: hidden;\n }\n .ued-table .pcfactory-table-thead > tr:first-child > th:first-child{\n border-top-left-radius: tbBorderRadius;\n }\n .ued-table .pcfactory-table-thead > tr:first-child > th:last-child{\n border-top-right-radius: tbBorderRadius;\n }\n .ued-table .pcfactory-table table .pcfactory-table-thead th {\n background: headBgColor;\n padding: headPadding;\n color: headTextColor;\n font-weight: headFontWeight;\n text-align: headTextAlign;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-body>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-header>table>thead>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tbody>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>td{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>tfoot>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-summary>table>thead>tr>th{\n border-color: tbBorderColor;\n }\n .pcfactory-table.pcfactory-table-bordered>.pcfactory-table-container>.pcfactory-table-content>table>thead>tr>th{\n border-bottom: 1px solid tbBorderColor;\n }\n .ued-table-filters .ued-table .pcfactory-table-thead>tr>th{\n border-bottom: 1px solid tbBorderColor;\n }\n .ued-table .pcfactory-table-thead>tr>th{\n border-bottom: 1px solid tbBorderColor;\n }\n .ued-table-filters .ued-table .pcfactory-table-tbody>tr>td{\n border-color: tbBorderColor;\n padding: bodyPadding;\n color: bodyTextColor;\n font-weight: bodyFontWeight;\n text-align: bodyTextAlign;\n }\n .ued-table .pcfactory-table-tbody>tr>td{\n border-color: tbBorderColor;\n padding: bodyPadding;\n color: bodyTextColor;\n font-weight: bodyFontWeight;\n text-align: bodyTextAlign;\n }\n .ued-table-filters .ued-table .pcfactory-table-bordered{\n border-color: tbBorderColor;\n }\n .ued-table .pcfactory-table-bordered{\n border-color: tbBorderColor;\n border-radius: tbBorderRadius;\n }\n .ued-table-filters .ued-table-page .pcfactory-pagination-item-active{\n background: selectPaginationColor;\n }\n .ued-table-page .pcfactory-pagination-item-active{\n background: selectPaginationColor;\n border-style: solid;\n border-width: 1px;\n }\n .ued-table-page .pcfactory-pagination-item{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-page .pcfactory-pagination-item-link{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-page .pcfactory-pagination-options .pcfactory-select .pcfactory-select-selector{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-page .pcfactory-pagination-options .pcfactory-pagination-options-quick-jumper input{\n border-radius: selectPaginationRadius;\n border-color: selectPaginationBorder;\n }\n .ued-table-filters .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n background: zebraBgColor;\n }\n .ued-table-zebra-stripe .pcfactory-table-row:nth-child(2n){\n background: zebraBgColor;\n }\n}",
260
260
  components: [{
261
261
  id: 'Table_2740384',
262
262
  label: '表格',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lingxiteam/theme-utils",
3
- "version": "0.3.6",
3
+ "version": "0.3.8",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",