@lingxiteam/theme-utils 0.2.1 → 0.2.3
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/dist/config/Form.d.ts +2 -0
- package/dist/config/Form.js +3 -1
- package/dist/config/Tag.d.ts +6 -0
- package/dist/config/Tag.js +7 -1
- package/dist/lx.js +4 -2
- package/package.json +1 -1
package/dist/config/Form.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const Form: {
|
|
2
2
|
type: string;
|
|
3
3
|
hasPrefixClass: boolean;
|
|
4
|
+
hasCustomNoPrefixClass: boolean;
|
|
4
5
|
variable: {
|
|
5
6
|
backgroundColor: {
|
|
6
7
|
type: string;
|
|
@@ -63,6 +64,7 @@ export declare const Form: {
|
|
|
63
64
|
itemBorderColor: string;
|
|
64
65
|
itemBorderRadius: string;
|
|
65
66
|
}[];
|
|
67
|
+
itemCustomTpl: string;
|
|
66
68
|
tpl: string;
|
|
67
69
|
components: ({
|
|
68
70
|
id: string;
|
package/dist/config/Form.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export var Form = {
|
|
2
2
|
type: 'Form',
|
|
3
3
|
hasPrefixClass: true,
|
|
4
|
+
hasCustomNoPrefixClass: true,
|
|
4
5
|
variable: {
|
|
5
6
|
backgroundColor: {
|
|
6
7
|
type: 'color',
|
|
@@ -87,7 +88,8 @@ export var Form = {
|
|
|
87
88
|
// 下拉单选与下拉复选样式一致
|
|
88
89
|
// 滑动输入条没有边框样式
|
|
89
90
|
// TODO: 树选择器，联级选择器效果待确认
|
|
90
|
-
|
|
91
|
+
itemCustomTpl: "\n .ued-legacy-form-wrap.pcfactory-form-vertical .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{\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 .ued-select-wrap .pcfactory-select{\n color: textColor;\n font-size: fontSize;\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 .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 .ued-treeSelect-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-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 ",
|
|
92
|
+
tpl: ".ued-legacy-form-wrap{\n background-color: backgroundColor;\n &.pcfactory-form-vertical .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 ",
|
|
91
93
|
components: [{
|
|
92
94
|
id: 'Form_180373',
|
|
93
95
|
label: '表单',
|
package/dist/config/Tag.d.ts
CHANGED
|
@@ -11,6 +11,11 @@ export declare const Tag: {
|
|
|
11
11
|
label: string;
|
|
12
12
|
groupsName: string;
|
|
13
13
|
};
|
|
14
|
+
marginValue: {
|
|
15
|
+
type: string;
|
|
16
|
+
label: string;
|
|
17
|
+
groupsName: string;
|
|
18
|
+
};
|
|
14
19
|
borderRadius: {
|
|
15
20
|
type: string;
|
|
16
21
|
label: string;
|
|
@@ -38,6 +43,7 @@ export declare const Tag: {
|
|
|
38
43
|
defaultValue: {
|
|
39
44
|
backgroundColor: string;
|
|
40
45
|
paddingValue: string;
|
|
46
|
+
marginValue: string;
|
|
41
47
|
borderRadius: string;
|
|
42
48
|
fontSize: string;
|
|
43
49
|
closeColor: string;
|
package/dist/config/Tag.js
CHANGED
|
@@ -12,6 +12,11 @@ export var Tag = {
|
|
|
12
12
|
label: '内边距',
|
|
13
13
|
groupsName: '布局'
|
|
14
14
|
},
|
|
15
|
+
marginValue: {
|
|
16
|
+
type: 'marginInput',
|
|
17
|
+
label: '外边距',
|
|
18
|
+
groupsName: '布局'
|
|
19
|
+
},
|
|
15
20
|
// borderColor: { type: 'color', label: '边框颜色', groupsName: '边框' },
|
|
16
21
|
borderRadius: {
|
|
17
22
|
type: 'px',
|
|
@@ -41,12 +46,13 @@ export var Tag = {
|
|
|
41
46
|
defaultValue: [{
|
|
42
47
|
backgroundColor: 'rgba(0,0,0,0)',
|
|
43
48
|
paddingValue: '0 7px 0 7px',
|
|
49
|
+
marginValue: '0 0 0 0',
|
|
44
50
|
borderRadius: '11px',
|
|
45
51
|
fontSize: '12px',
|
|
46
52
|
closeColor: 'rgba(0,0,0,.45)',
|
|
47
53
|
closeSize: '10px'
|
|
48
54
|
}],
|
|
49
|
-
tpl: ".pcfactory-tag{\n background: backgroundColor;\n padding: paddingValue;\n border-radius: borderRadius;\n font-size: fontSize;\n }\n .pcfactory-tag .pcfactory-tag-close-icon { \n color: closeColor;\n > svg{\n width: closeSize;\n height: closeSize;\n }\n }",
|
|
55
|
+
tpl: ".pcfactory-tag {\n background: backgroundColor;\n padding: paddingValue;\n margin: marginValue;\n border-radius: borderRadius;\n font-size: fontSize;\n }\n .pcfactory-tag .pcfactory-tag-close-icon { \n color: closeColor;\n > svg{\n width: closeSize;\n height: closeSize;\n }\n }",
|
|
50
56
|
components: [{
|
|
51
57
|
id: 'Tag_6939955',
|
|
52
58
|
label: '标签',
|
package/dist/lx.js
CHANGED
|
@@ -80,7 +80,9 @@ export var pcExtend = {
|
|
|
80
80
|
Cascader: 'Form',
|
|
81
81
|
Switch: 'Form',
|
|
82
82
|
StdUpload: 'Form',
|
|
83
|
-
Table: 'Container'
|
|
83
|
+
Table: 'Container',
|
|
84
|
+
Card: 'Container',
|
|
85
|
+
Collapse: 'Container'
|
|
84
86
|
};
|
|
85
87
|
export var ASSETS_COMPONENT_LIST = objToListByGroupsName(Object.values(ASSETS_CSS_TPL));
|
|
86
88
|
export function getItemByType(type) {
|
|
@@ -114,7 +116,7 @@ export function prefixCSS(type, values, prefix) {
|
|
|
114
116
|
var _cfg$itemCustomTpl;
|
|
115
117
|
var cfg = getItemByType(pcExtend[type]);
|
|
116
118
|
var _item2 = getItemByType(type);
|
|
117
|
-
return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)), prefix, cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, values), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
|
|
119
|
+
return prefixAnyCSS(stringifyCss((_cfg$itemCustomTpl = cfg === null || cfg === void 0 ? void 0 : cfg.itemCustomTpl) !== null && _cfg$itemCustomTpl !== void 0 ? _cfg$itemCustomTpl : cfg === null || cfg === void 0 ? void 0 : cfg.tpl, _objectSpread(_objectSpread({}, cfg.defaultValue[0]), values)), prefix, cfg !== null && cfg !== void 0 && cfg.hasCustomNoPrefixClass ? false : cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, values), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
|
|
118
120
|
}
|
|
119
121
|
var item = getItemByType(type);
|
|
120
122
|
return prefixAnyCSS(stringifyCss(item.tpl, values), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
|