@lingxiteam/theme-utils 0.2.5 → 0.2.6
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 +0 -1
- package/dist/config/Form.js +2 -3
- package/dist/config/Link.js +1 -1
- package/dist/config/Radio.js +1 -1
- package/dist/config/Tree.d.ts +6 -0
- package/dist/config/Tree.js +7 -1
- package/package.json +1 -1
package/dist/config/Form.d.ts
CHANGED
package/dist/config/Form.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export var Form = {
|
|
2
2
|
type: 'Form',
|
|
3
3
|
hasPrefixClass: true,
|
|
4
|
-
hasCustomNoPrefixClass: true,
|
|
5
4
|
variable: {
|
|
6
5
|
backgroundColor: {
|
|
7
6
|
type: 'color',
|
|
@@ -88,8 +87,8 @@ export var Form = {
|
|
|
88
87
|
// 下拉单选与下拉复选样式一致
|
|
89
88
|
// 滑动输入条没有边框样式
|
|
90
89
|
// TODO: 树选择器，联级选择器效果待确认
|
|
91
|
-
itemCustomTpl: "\n .
|
|
92
|
-
tpl: ".ued-legacy-form-wrap{\n background-color: backgroundColor;\n
|
|
90
|
+
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 ",
|
|
91
|
+
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 ",
|
|
93
92
|
components: [{
|
|
94
93
|
id: 'Form_180373',
|
|
95
94
|
label: '表单',
|
package/dist/config/Link.js
CHANGED
|
@@ -22,7 +22,7 @@ export var Link = {
|
|
|
22
22
|
lineHeight: '22px',
|
|
23
23
|
fontSize: '14px'
|
|
24
24
|
}],
|
|
25
|
-
tpl: ".ued-link {\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n }",
|
|
25
|
+
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 }",
|
|
26
26
|
components: [{
|
|
27
27
|
id: 'Link_610976',
|
|
28
28
|
label: '超链接',
|
package/dist/config/Radio.js
CHANGED
|
@@ -78,7 +78,7 @@ export var Radio = {
|
|
|
78
78
|
radioSeBorderColor: '#47e',
|
|
79
79
|
radioSeBgColor: '#fff'
|
|
80
80
|
}],
|
|
81
|
-
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:-
|
|
81
|
+
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}",
|
|
82
82
|
components: [{
|
|
83
83
|
id: 'Form_180373',
|
|
84
84
|
label: '表单',
|
package/dist/config/Tree.d.ts
CHANGED
|
@@ -21,6 +21,11 @@ export declare const Tree: {
|
|
|
21
21
|
label: string;
|
|
22
22
|
groupsName: string;
|
|
23
23
|
};
|
|
24
|
+
btnWidth: {
|
|
25
|
+
type: string;
|
|
26
|
+
label: string;
|
|
27
|
+
groupsName: string;
|
|
28
|
+
};
|
|
24
29
|
treeTextColor: {
|
|
25
30
|
type: string;
|
|
26
31
|
label: string;
|
|
@@ -55,6 +60,7 @@ export declare const Tree: {
|
|
|
55
60
|
borderRadius: string;
|
|
56
61
|
textColor: string;
|
|
57
62
|
fontSize: string;
|
|
63
|
+
btnWidth: string;
|
|
58
64
|
treeTextColor: string;
|
|
59
65
|
treeFontSize: string;
|
|
60
66
|
treeBgColor: string;
|
package/dist/config/Tree.js
CHANGED
|
@@ -21,6 +21,11 @@ export var Tree = {
|
|
|
21
21
|
label: '文本尺寸',
|
|
22
22
|
groupsName: '搜索框样式'
|
|
23
23
|
},
|
|
24
|
+
btnWidth: {
|
|
25
|
+
type: 'px',
|
|
26
|
+
label: '按钮宽度',
|
|
27
|
+
groupsName: '搜索框样式'
|
|
28
|
+
},
|
|
24
29
|
// treeLineHeight: { type: 'px', label: '树行高', groupsName: '树样式' },
|
|
25
30
|
treeTextColor: {
|
|
26
31
|
type: 'color',
|
|
@@ -57,13 +62,14 @@ export var Tree = {
|
|
|
57
62
|
textColor: '#1c242e',
|
|
58
63
|
fontSize: '14px',
|
|
59
64
|
// treeLineHeight: '2',
|
|
65
|
+
btnWidth: '32px',
|
|
60
66
|
treeTextColor: '#1c242e',
|
|
61
67
|
treeFontSize: '14px',
|
|
62
68
|
treeBgColor: 'rgba(68,119,238,.06)',
|
|
63
69
|
treeLineColor: '#e5e5e5',
|
|
64
70
|
treeIconColor: '#47e'
|
|
65
71
|
}],
|
|
66
|
-
tpl: ".ued-tree-wrap .ued-tree-search .pcfactory-input{\n color: textColor;\n border-color: borderColor;\n font-size:fontSize;\n border-bottom-left-radius: borderRadius;\n border-top-left-radius: borderRadius;\n }\n .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n height: calc(1.5715* fontSize + 10px);\n border-color: borderColor;\n border-bottom-right-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-tree .ued-tree-tit{\n color: treeTextColor;\n font-size: treeFontSize;\n }\n .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n background-color: treeBgColor\n }\n .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n color: treeIconColor;\n }\n .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n border-color: treeLineColor;\n }\n .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n border-color: treeLineColor;\n }\n .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n border-color: treeLineColor;\n\n }\n .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n fill: treeIconColor;\n color: treeIconColor;\n }",
|
|
72
|
+
tpl: ".ued-tree-wrap .ued-tree-search .pcfactory-input{\n color: textColor;\n border-color: borderColor;\n font-size: fontSize;\n border-bottom-left-radius: borderRadius;\n border-top-left-radius: borderRadius;\n }\n .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n height: calc(1.5715* fontSize + 10px);\n border-color: borderColor;\n border-bottom-right-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-tree .ued-tree-tit{\n color: treeTextColor;\n font-size: treeFontSize;\n }\n .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper.pcfactory-tree-node-selected{\n background-color: treeBgColor\n }\n .ued-tree.pcfactory-tree .pcfactory-tree-treenode span.pcfactory-tree-switcher{\n color: treeIconColor;\n }\n .ued-tree-wrap .pcfactory-tree-show-line .pcfactory-tree-indent-unit:before{\n border-color: treeLineColor;\n }\n .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:before{\n border-color: treeLineColor;\n }\n .ued-tree-wrap .pcfactory-tree-switcher-leaf-line:after{\n border-color: treeLineColor;\n\n }\n .ued-tree.pcfactory-tree .pcfactory-tree-treenode .pcfactory-tree-node-content-wrapper .pcfactory-tree-iconEle .ued-icon.fill-primary{\n fill: treeIconColor;\n color: treeIconColor;\n }\n .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button{\n width: btnWidth;\n }\n .ued-tree-wrap .pcfactory-input-search>.pcfactory-input-group>.pcfactory-input-group-addon:last-child .pcfactory-input-search-button .anticon svg{\n width: fontSize;\n height: fontSize;\n }",
|
|
67
73
|
components: [{
|
|
68
74
|
id: 'Tree_371619',
|
|
69
75
|
label: '树形控件',
|