@lingxiteam/theme-utils 0.3.3 → 0.3.5
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/Radio.js +1 -1
- package/dist/config/RangePicker.js +1 -1
- package/dist/config/Select.js +1 -1
- package/dist/config/StdUpload.js +1 -1
- package/dist/config/Switch.js +1 -1
- package/dist/config/TimePicker.js +1 -1
- package/dist/config/TreeSelect.js +1 -1
- package/dist/h5config/Accordion.d.ts +5 -0
- package/dist/h5config/Accordion.js +9 -4
- package/dist/h5config/Button.d.ts +4 -0
- package/dist/h5config/Button.js +7 -3
- package/dist/h5config/Card.d.ts +6 -0
- package/dist/h5config/Card.js +14 -4
- package/dist/h5config/DCheckbox.d.ts +2 -0
- package/dist/h5config/DCheckbox.js +4 -2
- package/dist/h5config/DForm.d.ts +7 -0
- package/dist/h5config/DForm.js +10 -3
- package/dist/h5config/DformRadio.d.ts +2 -0
- package/dist/h5config/DformRadio.js +4 -2
- package/dist/h5config/DformRangePicker.d.ts +4 -0
- package/dist/h5config/DformRangePicker.js +5 -1
- package/dist/h5config/DformSwitch.d.ts +2 -0
- package/dist/h5config/DformSwitch.js +4 -2
- package/dist/h5config/FilterItems.d.ts +5 -2
- package/dist/h5config/FilterItems.js +11 -6
- package/dist/h5config/Grid.d.ts +7 -0
- package/dist/h5config/Grid.js +10 -3
- package/dist/h5config/NoticeBarPlus.d.ts +7 -0
- package/dist/h5config/NoticeBarPlus.js +10 -3
- package/dist/h5config/SearchView.d.ts +5 -2
- package/dist/h5config/SearchView.js +11 -6
- package/dist/h5config/Table.d.ts +4 -0
- package/dist/h5config/Table.js +5 -1
- package/package.json +1 -1
package/dist/config/Radio.js
CHANGED
|
@@ -84,7 +84,7 @@ export var Radio = {
|
|
|
84
84
|
'@primary-color': ['radioSeBorderColor'],
|
|
85
85
|
'@border-color-base': ['radioBorderColor']
|
|
86
86
|
},
|
|
87
|
-
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 .pcfactory-radio-button-wrapper {\n border-top: 1px solid radioBorderColor;\n border-right: 1px solid radioBorderColor;\n border-bottom: 1px solid radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-radio-button-wrapper:first-child{\n border-left: 1px solid radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not([class*=' pcfactory-radio-button-wrapper-disabled']).pcfactory-radio-button-wrapper:first-child{\n border-right-color: radioBorderColor;\n border-color: radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not(.pcfactory-radio-button-wrapper-disabled){\n background: radioSeBorderColor;\n color: radioSeBgColor;\n }\n}",
|
|
87
|
+
tpl: ".pcFactory-from-component{\n .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 .pcfactory-radio-button-wrapper {\n border-top: 1px solid radioBorderColor;\n border-right: 1px solid radioBorderColor;\n border-bottom: 1px solid radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-radio-button-wrapper:first-child{\n border-left: 1px solid radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not([class*=' pcfactory-radio-button-wrapper-disabled']).pcfactory-radio-button-wrapper:first-child{\n border-right-color: radioBorderColor;\n border-color: radioBorderColor;\n }\n .pcfactory-radio-button-wrapper-checked:not(.pcfactory-radio-button-wrapper-disabled){\n background: radioSeBorderColor;\n color: radioSeBgColor;\n }\n}}",
|
|
88
88
|
components: [{
|
|
89
89
|
id: 'Form_180373',
|
|
90
90
|
label: '表单',
|
|
@@ -89,7 +89,7 @@ export var RangePicker = {
|
|
|
89
89
|
'@text-color-secondary': ['iconColor', 'lineColor'],
|
|
90
90
|
'@font-size-base': ['iconFontSize']
|
|
91
91
|
},
|
|
92
|
-
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 }",
|
|
92
|
+
tpl: ".pcFactory-from-component{\n .pcfactory-picker-range.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 }}",
|
|
93
93
|
components: [{
|
|
94
94
|
id: 'Form_180373',
|
|
95
95
|
label: '表单',
|
package/dist/config/Select.js
CHANGED
|
@@ -83,7 +83,7 @@ export var Select = {
|
|
|
83
83
|
iconTop: '16px',
|
|
84
84
|
iconColor: 'rgba(28,36,46,.25)'
|
|
85
85
|
}],
|
|
86
|
-
tpl: ".ued-select-wrap {\n .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-select-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }",
|
|
86
|
+
tpl: ".pcFactory-from-component{\n .ued-select-wrap {\n .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-select-clear{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }}",
|
|
87
87
|
components: [{
|
|
88
88
|
id: 'Form_180373',
|
|
89
89
|
label: '表单',
|
package/dist/config/StdUpload.js
CHANGED
|
@@ -80,7 +80,7 @@ export var StdUpload = {
|
|
|
80
80
|
'@font-size-base': ['listFontSize', 'lisIconSize'],
|
|
81
81
|
'@text-color-secondary': ['listTextColor', 'listIconColor']
|
|
82
82
|
},
|
|
83
|
-
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 ",
|
|
83
|
+
tpl: ".pcFactory-from-component{\n .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 ",
|
|
84
84
|
components: [{
|
|
85
85
|
id: 'Form_180373',
|
|
86
86
|
label: '表单',
|
package/dist/config/Switch.js
CHANGED
|
@@ -47,7 +47,7 @@ export var Switch = {
|
|
|
47
47
|
followThemes: {
|
|
48
48
|
'@primary-color': ['openColor']
|
|
49
49
|
},
|
|
50
|
-
tpl: ".pcfactory-switch {\n background-color: closeColor;\n }\n .pcfactory-switch-checked {\n background-color: openColor;\n }",
|
|
50
|
+
tpl: ".pcFactory-from-component{\n .pcfactory-switch {\n background-color: closeColor;\n }\n .pcfactory-switch-checked {\n background-color: openColor;\n }}",
|
|
51
51
|
components: [{
|
|
52
52
|
id: 'Form_180373',
|
|
53
53
|
label: '表单',
|
|
@@ -82,7 +82,7 @@ export var TimePicker = {
|
|
|
82
82
|
'@text-color-secondary': ['iconColor'],
|
|
83
83
|
'@font-size-base': ['iconFontSize']
|
|
84
84
|
},
|
|
85
|
-
tpl: ".ued-datePicker-wrap
|
|
85
|
+
tpl: ".pcFactory-from-component{\n .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 }}",
|
|
86
86
|
components: [{
|
|
87
87
|
id: 'Form_180373',
|
|
88
88
|
label: '表单',
|
|
@@ -83,7 +83,7 @@ export var TreeSelect = {
|
|
|
83
83
|
iconColor: 'rgba(28,36,46,.25)',
|
|
84
84
|
iconTop: '16px'
|
|
85
85
|
}],
|
|
86
|
-
tpl: ".ued-treeSelect-wrap {\n .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-select-clear {\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }",
|
|
86
|
+
tpl: ".pcFactory-from-component{\n .ued-treeSelect-wrap {\n .pcfactory-select-arrow{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .pcfactory-select-clear {\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n top: iconTop;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n }}",
|
|
87
87
|
components: [{
|
|
88
88
|
id: 'Form_180373',
|
|
89
89
|
label: '表单',
|
|
@@ -5,6 +5,7 @@ export declare const Accordion: {
|
|
|
5
5
|
type: string;
|
|
6
6
|
label: string;
|
|
7
7
|
groupsName: string;
|
|
8
|
+
followTheme: string;
|
|
8
9
|
};
|
|
9
10
|
lineHeight: {
|
|
10
11
|
type: string;
|
|
@@ -50,6 +51,7 @@ export declare const Accordion: {
|
|
|
50
51
|
type: string;
|
|
51
52
|
label: string;
|
|
52
53
|
groupsName: string;
|
|
54
|
+
followTheme: string;
|
|
53
55
|
};
|
|
54
56
|
arrowSize: {
|
|
55
57
|
type: string;
|
|
@@ -65,6 +67,7 @@ export declare const Accordion: {
|
|
|
65
67
|
type: string;
|
|
66
68
|
label: string;
|
|
67
69
|
groupsName: string;
|
|
70
|
+
followTheme: string;
|
|
68
71
|
};
|
|
69
72
|
borderRadius: {
|
|
70
73
|
type: string;
|
|
@@ -93,6 +96,8 @@ export declare const Accordion: {
|
|
|
93
96
|
}[];
|
|
94
97
|
followThemes: {
|
|
95
98
|
'@brand-primary': string[];
|
|
99
|
+
'@color-text-base': never[];
|
|
100
|
+
'@border-color-base': never[];
|
|
96
101
|
};
|
|
97
102
|
tpl: string;
|
|
98
103
|
components: ({
|
|
@@ -4,7 +4,8 @@ export var Accordion = {
|
|
|
4
4
|
textColor: {
|
|
5
5
|
type: 'color',
|
|
6
6
|
label: '标题文本颜色',
|
|
7
|
-
groupsName: '标题'
|
|
7
|
+
groupsName: '标题',
|
|
8
|
+
followTheme: '@color-text-base'
|
|
8
9
|
},
|
|
9
10
|
lineHeight: {
|
|
10
11
|
type: 'px',
|
|
@@ -72,7 +73,8 @@ export var Accordion = {
|
|
|
72
73
|
arrowColor: {
|
|
73
74
|
type: 'color',
|
|
74
75
|
label: '后缀图标颜色',
|
|
75
|
-
groupsName: '标题'
|
|
76
|
+
groupsName: '标题',
|
|
77
|
+
followTheme: '@border-color-base'
|
|
76
78
|
},
|
|
77
79
|
arrowSize: {
|
|
78
80
|
type: 'px',
|
|
@@ -87,7 +89,8 @@ export var Accordion = {
|
|
|
87
89
|
borderColor: {
|
|
88
90
|
type: 'color',
|
|
89
91
|
label: '边框颜色',
|
|
90
|
-
groupsName: '边框'
|
|
92
|
+
groupsName: '边框',
|
|
93
|
+
followTheme: '@border-color-base'
|
|
91
94
|
},
|
|
92
95
|
borderRadius: {
|
|
93
96
|
type: 'px',
|
|
@@ -116,7 +119,9 @@ export var Accordion = {
|
|
|
116
119
|
borderRadius: '4px'
|
|
117
120
|
}],
|
|
118
121
|
followThemes: {
|
|
119
|
-
'@brand-primary': ['titleColor']
|
|
122
|
+
'@brand-primary': ['titleColor'],
|
|
123
|
+
'@color-text-base': [],
|
|
124
|
+
'@border-color-base': []
|
|
120
125
|
},
|
|
121
126
|
tpl: ".lcdp-accordion {\n .lcdp-accordion-header{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n background: backgroundColor;\n > div {\n margin-left: tagMargin !important;\n }\n }\n .lcdp-accordion-header-icon-left{\n background: titleColor;\n }\n .lcdp-accordion-header-default-icon{\n height: tagSize;\n background: titleColor;\n margin-right: -4px;\n }\n .adm-collapse-arrow svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .adm-list-item-content-main{\n background: bodyBgColor;\n }\n .adm-collapse{\n border-radius: borderRadius;\n border-color: borderColor !important;\n }\n }\n ",
|
|
122
127
|
components: [{
|
|
@@ -5,6 +5,7 @@ export declare const Button: {
|
|
|
5
5
|
type: string;
|
|
6
6
|
label: string;
|
|
7
7
|
groupsName: string;
|
|
8
|
+
followTheme: string;
|
|
8
9
|
};
|
|
9
10
|
lineHeight: {
|
|
10
11
|
type: string;
|
|
@@ -26,6 +27,7 @@ export declare const Button: {
|
|
|
26
27
|
type: string;
|
|
27
28
|
label: string;
|
|
28
29
|
groupsName: string;
|
|
30
|
+
followTheme: string;
|
|
29
31
|
};
|
|
30
32
|
borderRadius: {
|
|
31
33
|
type: string;
|
|
@@ -58,6 +60,8 @@ export declare const Button: {
|
|
|
58
60
|
}[];
|
|
59
61
|
followThemes: {
|
|
60
62
|
'@brand-primary': string[];
|
|
63
|
+
'@border-color-base': string[];
|
|
64
|
+
'@color-text-base': never[];
|
|
61
65
|
};
|
|
62
66
|
tpl: string;
|
|
63
67
|
components: ({
|
package/dist/h5config/Button.js
CHANGED
|
@@ -4,7 +4,8 @@ export var Button = {
|
|
|
4
4
|
textColor: {
|
|
5
5
|
type: 'color',
|
|
6
6
|
label: '文本颜色',
|
|
7
|
-
groupsName: '文字'
|
|
7
|
+
groupsName: '文字',
|
|
8
|
+
followTheme: '@color-text-base'
|
|
8
9
|
},
|
|
9
10
|
lineHeight: {
|
|
10
11
|
type: 'px',
|
|
@@ -25,7 +26,8 @@ export var Button = {
|
|
|
25
26
|
borderColor: {
|
|
26
27
|
type: 'color',
|
|
27
28
|
label: '边框颜色',
|
|
28
|
-
groupsName: '边框'
|
|
29
|
+
groupsName: '边框',
|
|
30
|
+
followTheme: '@border-color-base'
|
|
29
31
|
},
|
|
30
32
|
borderRadius: {
|
|
31
33
|
type: 'px',
|
|
@@ -57,7 +59,9 @@ export var Button = {
|
|
|
57
59
|
marginValue: '0px'
|
|
58
60
|
}],
|
|
59
61
|
followThemes: {
|
|
60
|
-
'@brand-primary': ['backgroundColor']
|
|
62
|
+
'@brand-primary': ['backgroundColor'],
|
|
63
|
+
'@border-color-base': ['borderColor'],
|
|
64
|
+
'@color-text-base': []
|
|
61
65
|
},
|
|
62
66
|
tpl: "\n .adm-button{\n --border-color: borderColor;\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n border-radius: borderRadius;\n padding: paddingValue;\n margin: marginValue;\n }\n .adm-button.adm-button-large{\n font-size: fontSize;\n padding: paddingValue;\n margin: marginValue;\n }\n .adm-button:not(.adm-button-default){\n color: #fff;\n }\n .adm-button-primary{\n --color: backgroundColor;\n }\n .lcdp-button-type-link{\n color: backgroundColor;\n }\n ",
|
|
63
67
|
components: [{
|
package/dist/h5config/Card.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export declare const Card: {
|
|
|
5
5
|
textColor: {
|
|
6
6
|
type: string;
|
|
7
7
|
label: string;
|
|
8
|
+
followTheme: string;
|
|
8
9
|
groupsName: string;
|
|
9
10
|
};
|
|
10
11
|
lineHeight: {
|
|
@@ -45,6 +46,7 @@ export declare const Card: {
|
|
|
45
46
|
type: string;
|
|
46
47
|
label: string;
|
|
47
48
|
groupsName: string;
|
|
49
|
+
followTheme: string;
|
|
48
50
|
};
|
|
49
51
|
tagSize: {
|
|
50
52
|
type: string;
|
|
@@ -75,6 +77,7 @@ export declare const Card: {
|
|
|
75
77
|
type: string;
|
|
76
78
|
label: string;
|
|
77
79
|
groupsName: string;
|
|
80
|
+
followTheme: string;
|
|
78
81
|
};
|
|
79
82
|
footBgColor: {
|
|
80
83
|
type: string;
|
|
@@ -85,6 +88,7 @@ export declare const Card: {
|
|
|
85
88
|
type: string;
|
|
86
89
|
label: string;
|
|
87
90
|
groupsName: string;
|
|
91
|
+
followTheme: string;
|
|
88
92
|
};
|
|
89
93
|
borderRadius: {
|
|
90
94
|
type: string;
|
|
@@ -115,6 +119,8 @@ export declare const Card: {
|
|
|
115
119
|
}[];
|
|
116
120
|
followThemes: {
|
|
117
121
|
'@brand-primary': string[];
|
|
122
|
+
'@color-text-base': never[];
|
|
123
|
+
'@border-color-base': string[];
|
|
118
124
|
};
|
|
119
125
|
tpl: string;
|
|
120
126
|
components: ({
|
package/dist/h5config/Card.js
CHANGED
|
@@ -5,6 +5,7 @@ export var Card = {
|
|
|
5
5
|
textColor: {
|
|
6
6
|
type: 'color',
|
|
7
7
|
label: '标题文本颜色',
|
|
8
|
+
followTheme: '@color-text-base',
|
|
8
9
|
groupsName: '标题'
|
|
9
10
|
},
|
|
10
11
|
lineHeight: {
|
|
@@ -23,7 +24,10 @@ export var Card = {
|
|
|
23
24
|
type: 'px',
|
|
24
25
|
label: '标题文本尺寸',
|
|
25
26
|
groupsName: '标题'
|
|
27
|
+
// TODO: 单位是 * @hd 有异常
|
|
28
|
+
// followTheme: '@font-size-heading',
|
|
26
29
|
},
|
|
30
|
+
|
|
27
31
|
fontWeight: {
|
|
28
32
|
type: 'select',
|
|
29
33
|
label: '标题文本字重',
|
|
@@ -65,7 +69,8 @@ export var Card = {
|
|
|
65
69
|
lineColor: {
|
|
66
70
|
type: 'color',
|
|
67
71
|
label: '分割线颜色',
|
|
68
|
-
groupsName: '边框'
|
|
72
|
+
groupsName: '边框',
|
|
73
|
+
followTheme: '@border-color-base'
|
|
69
74
|
},
|
|
70
75
|
tagSize: {
|
|
71
76
|
type: 'px',
|
|
@@ -95,7 +100,8 @@ export var Card = {
|
|
|
95
100
|
bodyLineColor: {
|
|
96
101
|
type: 'color',
|
|
97
102
|
label: '内容分割线颜色',
|
|
98
|
-
groupsName: '边框'
|
|
103
|
+
groupsName: '边框',
|
|
104
|
+
followTheme: '@border-color-base'
|
|
99
105
|
},
|
|
100
106
|
footBgColor: {
|
|
101
107
|
type: 'color',
|
|
@@ -105,7 +111,8 @@ export var Card = {
|
|
|
105
111
|
borderColor: {
|
|
106
112
|
type: 'color',
|
|
107
113
|
label: '边框颜色',
|
|
108
|
-
groupsName: '边框'
|
|
114
|
+
groupsName: '边框',
|
|
115
|
+
followTheme: '@border-color-base'
|
|
109
116
|
},
|
|
110
117
|
borderRadius: {
|
|
111
118
|
type: 'px',
|
|
@@ -135,7 +142,10 @@ export var Card = {
|
|
|
135
142
|
borderRadius: '4px'
|
|
136
143
|
}],
|
|
137
144
|
followThemes: {
|
|
138
|
-
'@brand-primary': ['titleColor']
|
|
145
|
+
'@brand-primary': ['titleColor'],
|
|
146
|
+
// '@font-size-heading': ['fontSize'],
|
|
147
|
+
'@color-text-base': [],
|
|
148
|
+
'@border-color-base': ['lineColor', 'bodyLineColor']
|
|
139
149
|
},
|
|
140
150
|
tpl: ".lcdp-h5-card {\n border-radius: borderRadius;\n border: 1PX solid borderColor;\n\n .adm-card-header:not(:last-child){\n border-color: lineColor !important;\n }\n .adm-card-header{\n border-color: lineColor !important;\n background: backgroundColor;\n }\n .adm-card-body{\n background: bodyBgColor;\n }\n\n .adm-card-header-title .lcdp-h5-card-title{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n line-height: lineHeight;\n }\n\n .lcdp-h5-card-hStyle{\n background: titleColor;\n margin-right: tagMargin;\n position: static;\n width: tagSize;\n }\n .lcdp-h5-card-vStyle{\n height: tagSize;\n background: titleColor;\n margin-right: tagMargin;\n }\n .lcdp-h5-card-icon{\n width: tagSize;\n height: tagSize;\n margin-right: tagMargin;\n margin-top: -1px;\n display: grid;\n }\n .lcdp-h5-card-icon svg{\n color: titleColor;\n width: tagSize;\n height: tagSize;\n }\n .lcdp-h5-card-extra-icon{\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-h5-card-extra-icon svg{\n color: arrowColor;\n width: arrowSize;\n height: arrowSize;\n }\n .lcdp-card-footer-draw-box-border{\n border-color: bodyLineColor;\n background: footBgColor;\n }\n }\n \n ",
|
|
141
151
|
components: [{
|
|
@@ -22,6 +22,7 @@ export declare const DCheckbox: {
|
|
|
22
22
|
type: string;
|
|
23
23
|
label: string;
|
|
24
24
|
groupsName: string;
|
|
25
|
+
followTheme: string;
|
|
25
26
|
};
|
|
26
27
|
labelTextColor: {
|
|
27
28
|
type: string;
|
|
@@ -127,6 +128,7 @@ export declare const DCheckbox: {
|
|
|
127
128
|
}[];
|
|
128
129
|
followThemes: {
|
|
129
130
|
'@brand-primary': string[];
|
|
131
|
+
'@border-color-base': string[];
|
|
130
132
|
};
|
|
131
133
|
tpl: string;
|
|
132
134
|
components: {
|
|
@@ -21,7 +21,8 @@ export var DCheckbox = {
|
|
|
21
21
|
itemBorderRadius: {
|
|
22
22
|
type: 'color',
|
|
23
23
|
label: '默认边框颜色',
|
|
24
|
-
groupsName: '边框'
|
|
24
|
+
groupsName: '边框',
|
|
25
|
+
followTheme: '@border-color-base'
|
|
25
26
|
},
|
|
26
27
|
labelTextColor: {
|
|
27
28
|
type: 'color',
|
|
@@ -168,7 +169,8 @@ export var DCheckbox = {
|
|
|
168
169
|
itemBgColor: 'rgba(0,0,0,0)'
|
|
169
170
|
}],
|
|
170
171
|
followThemes: {
|
|
171
|
-
'@brand-primary': ['selectBorderRadius', 'selectBgColor']
|
|
172
|
+
'@brand-primary': ['selectBorderRadius', 'selectBgColor'],
|
|
173
|
+
'@border-color-base': ['itemBorderRadius']
|
|
172
174
|
},
|
|
173
175
|
tpl: "\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-circular{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-square{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-checked{\n background-color: selectBgColor;\n border-color: selectBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-checked{\n background-color: selectBgColor;\n border-color: selectBorderRadius;\n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-botton-selectAll-half-checked{\n background-color: selectBgColor;\n border-color: selectBorderRadius;\n }",
|
|
174
176
|
components: [{
|
package/dist/h5config/DForm.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export declare const DForm: {
|
|
|
12
12
|
label: string;
|
|
13
13
|
groupsName: string;
|
|
14
14
|
desc: string;
|
|
15
|
+
followTheme: string;
|
|
15
16
|
};
|
|
16
17
|
labelLineHeight: {
|
|
17
18
|
type: string;
|
|
@@ -44,6 +45,7 @@ export declare const DForm: {
|
|
|
44
45
|
label: string;
|
|
45
46
|
groupsName: string;
|
|
46
47
|
desc: string;
|
|
48
|
+
followTheme: string;
|
|
47
49
|
};
|
|
48
50
|
fontSize: {
|
|
49
51
|
type: string;
|
|
@@ -76,6 +78,7 @@ export declare const DForm: {
|
|
|
76
78
|
label: string;
|
|
77
79
|
groupsName: string;
|
|
78
80
|
desc: string;
|
|
81
|
+
followTheme: string;
|
|
79
82
|
};
|
|
80
83
|
iconSize: {
|
|
81
84
|
type: string;
|
|
@@ -118,6 +121,10 @@ export declare const DForm: {
|
|
|
118
121
|
iconColor: string;
|
|
119
122
|
iconSize: string;
|
|
120
123
|
}[];
|
|
124
|
+
followThemes: {
|
|
125
|
+
'@color-text-base': never[];
|
|
126
|
+
'@border-color-base': never[];
|
|
127
|
+
};
|
|
121
128
|
tpl: string;
|
|
122
129
|
itemCustomTpl: string;
|
|
123
130
|
components: {
|
package/dist/h5config/DForm.js
CHANGED
|
@@ -11,7 +11,8 @@ export var DForm = {
|
|
|
11
11
|
type: 'color',
|
|
12
12
|
label: '标题文本颜色',
|
|
13
13
|
groupsName: '标签',
|
|
14
|
-
desc: '对所有[表单]类型组件生效'
|
|
14
|
+
desc: '对所有[表单]类型组件生效',
|
|
15
|
+
followTheme: '@color-text-base'
|
|
15
16
|
},
|
|
16
17
|
labelLineHeight: {
|
|
17
18
|
type: 'px',
|
|
@@ -64,7 +65,8 @@ export var DForm = {
|
|
|
64
65
|
type: 'color',
|
|
65
66
|
label: '文本颜色',
|
|
66
67
|
groupsName: '组件',
|
|
67
|
-
desc: '对所有[表单]类型组件生效'
|
|
68
|
+
desc: '对所有[表单]类型组件生效',
|
|
69
|
+
followTheme: '@color-text-base'
|
|
68
70
|
},
|
|
69
71
|
fontSize: {
|
|
70
72
|
type: 'px',
|
|
@@ -117,7 +119,8 @@ export var DForm = {
|
|
|
117
119
|
type: 'color',
|
|
118
120
|
label: '后缀图标颜色',
|
|
119
121
|
groupsName: '图标',
|
|
120
|
-
desc: '对所有[选项类][表单]类型组件生效'
|
|
122
|
+
desc: '对所有[选项类][表单]类型组件生效',
|
|
123
|
+
followTheme: '@border-color-base'
|
|
121
124
|
},
|
|
122
125
|
iconSize: {
|
|
123
126
|
type: 'px',
|
|
@@ -178,6 +181,10 @@ export var DForm = {
|
|
|
178
181
|
iconColor: 'rgba(0, 0, 0, 0.45)',
|
|
179
182
|
iconSize: '16px'
|
|
180
183
|
}],
|
|
184
|
+
followThemes: {
|
|
185
|
+
'@color-text-base': [],
|
|
186
|
+
'@border-color-base': []
|
|
187
|
+
},
|
|
181
188
|
tpl: ".dynamic-form-wrapper {\n background-color: backgroundColor;\n .lingxiteam-dform-text-item .lingxiteam-dform-placeholder .lingxiteam-dform-text-item-text div{\n text-align: headTextAlign;\n span{\n font-size: fontSize;\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n }\n .lcdp-form-item {\n --color: textColor;\n --font-size: fontSize;\n .adm-text-area{\n --color: textColor;\n --font-size: fontSize;\n }\n .lingxiteam-dform-title {\n color: labelTextColor;\n font-size: labelFontSize !important;\n line-height: labelLineHeight;\n font-weight: labelFontWeight;\n text-align: headTextAlign;\n }\n .lingxiteam-dform-input-item-value input{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n }\n \n .lingxiteam-dform-radio-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-date-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-rangdate-h-value{\n color: textColor;\n line-height: lineHeight;\n text-align: headTextAlign;\n font-size: fontSize;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-area-group-value-area textarea{\n line-height: lineHeight;\n padding: paddingValue;\n font-weight: fontWeight;\n font-size: fontSize;\n color: textColor;\n text-align: headTextAlign;\n \n }\n .lingxiteam-dform-right-content{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n .cust-icon{\n width: iconSize;\n height: iconSize;\n }\n .cust-icon svg{\n color: iconColor;\n fill: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n .lingxiteam-dform-arrow-horizontal{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .lingxiteam-dform-arrow-horizontal::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate%28-5809.000000%2C%20-8482.000000%29%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconColor);\n }\n }\n }\n ",
|
|
182
189
|
itemCustomTpl: ".lcdp-form-item {\n --color: textColor;\n --font-size: fontSize;\n .adm-text-area{\n --color: textColor;\n --font-size: fontSize;\n }\n .lingxiteam-dform-title {\n color: labelTextColor;\n font-size: labelFontSize !important;\n line-height: labelLineHeight;\n font-weight: labelFontWeight;\n text-align: headTextAlign;\n }\n .lingxiteam-dform-input-item-value input{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n }\n \n .lingxiteam-dform-radio-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n padding: paddingValue;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-check-box .lingxiteam-dform-box-content .lingxiteam-dform-box-wrapper .lingxiteam-dform-box-label{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n text-align: headTextAlign;\n font-size: fontSize;\n \n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-text-item-content .lingxiteam-dform-text-item-date-text{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n text-align: headTextAlign;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-rangdate-h-value{\n color: textColor;\n line-height: lineHeight;\n text-align: headTextAlign;\n font-size: fontSize;\n padding: paddingValue;\n font-weight: fontWeight;\n }\n .lingxiteam-dform-area-group-value-area textarea{\n line-height: lineHeight;\n padding: paddingValue;\n font-weight: fontWeight;\n font-size: fontSize;\n color: textColor;\n text-align: headTextAlign;\n \n }\n .lingxiteam-dform-right-content{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n .cust-icon{\n width: iconSize;\n height: iconSize;\n }\n .cust-icon svg{\n color: iconColor;\n fill: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n .lingxiteam-dform-arrow-horizontal{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .lingxiteam-dform-arrow-horizontal::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate%28-5809.000000%2C%20-8482.000000%29%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconColor);\n }\n }",
|
|
183
190
|
components: [{
|
|
@@ -22,6 +22,7 @@ export declare const DformRadio: {
|
|
|
22
22
|
type: string;
|
|
23
23
|
label: string;
|
|
24
24
|
groupsName: string;
|
|
25
|
+
followTheme: string;
|
|
25
26
|
};
|
|
26
27
|
labelTextColor: {
|
|
27
28
|
type: string;
|
|
@@ -127,6 +128,7 @@ export declare const DformRadio: {
|
|
|
127
128
|
}[];
|
|
128
129
|
followThemes: {
|
|
129
130
|
'@brand-primary': string[];
|
|
131
|
+
'@border-color-base': string[];
|
|
130
132
|
};
|
|
131
133
|
tpl: string;
|
|
132
134
|
components: {
|
|
@@ -21,7 +21,8 @@ export var DformRadio = {
|
|
|
21
21
|
itemBorderRadius: {
|
|
22
22
|
type: 'color',
|
|
23
23
|
label: '默认边框颜色',
|
|
24
|
-
groupsName: '边框'
|
|
24
|
+
groupsName: '边框',
|
|
25
|
+
followTheme: '@border-color-base'
|
|
25
26
|
},
|
|
26
27
|
labelTextColor: {
|
|
27
28
|
type: 'color',
|
|
@@ -168,7 +169,8 @@ export var DformRadio = {
|
|
|
168
169
|
itemBgColor: 'rgba(0,0,0,0)'
|
|
169
170
|
}],
|
|
170
171
|
followThemes: {
|
|
171
|
-
'@brand-primary': ['selectBorderRadius', 'selectBgColor']
|
|
172
|
+
'@brand-primary': ['selectBorderRadius', 'selectBgColor'],
|
|
173
|
+
'@border-color-base': ['itemBorderRadius']
|
|
172
174
|
},
|
|
173
175
|
tpl: "\n .lingxiteam-dform-radio-button{\n background-color: itemBgColor;\n border-color: itemBorderRadius;\n }\n .lingxiteam-dform-radio-checked{\n border-color: selectBorderRadius;\n }\n .lingxiteam-dform-radio-inner-button{\n background-color: selectBgColor;\n }\n ",
|
|
174
176
|
components: [{
|
|
@@ -5,6 +5,7 @@ export declare const DformRangePicker: {
|
|
|
5
5
|
type: string;
|
|
6
6
|
label: string;
|
|
7
7
|
groupsName: string;
|
|
8
|
+
followTheme: string;
|
|
8
9
|
};
|
|
9
10
|
iconColor: {
|
|
10
11
|
type: string;
|
|
@@ -121,6 +122,9 @@ export declare const DformRangePicker: {
|
|
|
121
122
|
defaultValue: {
|
|
122
123
|
iconLineColor: string;
|
|
123
124
|
}[];
|
|
125
|
+
followThemes: {
|
|
126
|
+
'@border-color-base': never[];
|
|
127
|
+
};
|
|
124
128
|
tpl: string;
|
|
125
129
|
components: {
|
|
126
130
|
id: string;
|
|
@@ -4,7 +4,8 @@ export var DformRangePicker = {
|
|
|
4
4
|
iconLineColor: {
|
|
5
5
|
type: 'color',
|
|
6
6
|
label: '时间分割符颜色',
|
|
7
|
-
groupsName: '图标'
|
|
7
|
+
groupsName: '图标',
|
|
8
|
+
followTheme: '@border-color-base'
|
|
8
9
|
},
|
|
9
10
|
iconColor: {
|
|
10
11
|
type: 'color',
|
|
@@ -163,6 +164,9 @@ export var DformRangePicker = {
|
|
|
163
164
|
defaultValue: [{
|
|
164
165
|
iconLineColor: 'rgba(0, 0, 0, 0.45)'
|
|
165
166
|
}],
|
|
167
|
+
followThemes: {
|
|
168
|
+
'@border-color-base': []
|
|
169
|
+
},
|
|
166
170
|
tpl: ".lingxiteam-dform-line{\n color: iconLineColor;\n }",
|
|
167
171
|
components: [{
|
|
168
172
|
id: 'DForm_333712',
|
|
@@ -12,6 +12,7 @@ export declare const DformSwitch: {
|
|
|
12
12
|
type: string;
|
|
13
13
|
label: string;
|
|
14
14
|
groupsName: string;
|
|
15
|
+
followTheme: string;
|
|
15
16
|
};
|
|
16
17
|
labelTextColor: {
|
|
17
18
|
type: string;
|
|
@@ -67,6 +68,7 @@ export declare const DformSwitch: {
|
|
|
67
68
|
}[];
|
|
68
69
|
followThemes: {
|
|
69
70
|
'@brand-primary': string[];
|
|
71
|
+
'@border-color-base': never[];
|
|
70
72
|
};
|
|
71
73
|
tpl: string;
|
|
72
74
|
components: {
|
|
@@ -11,7 +11,8 @@ export var DformSwitch = {
|
|
|
11
11
|
closeColor: {
|
|
12
12
|
type: 'color',
|
|
13
13
|
label: '关闭颜色',
|
|
14
|
-
groupsName: '文字'
|
|
14
|
+
groupsName: '文字',
|
|
15
|
+
followTheme: '@border-color-base'
|
|
15
16
|
},
|
|
16
17
|
labelTextColor: {
|
|
17
18
|
type: 'color',
|
|
@@ -84,7 +85,8 @@ export var DformSwitch = {
|
|
|
84
85
|
closeColor: '#ddd'
|
|
85
86
|
}],
|
|
86
87
|
followThemes: {
|
|
87
|
-
'@brand-primary': ['openColor']
|
|
88
|
+
'@brand-primary': ['openColor'],
|
|
89
|
+
'@border-color-base': []
|
|
88
90
|
},
|
|
89
91
|
tpl: ".lcdp-form-item {\n .adm-switch.adm-switch-checked .adm-switch-checkbox{\n background: openColor;\n }\n .lingxiteam-dform-switch .adm-switch-checkbox{\n background: closeColor;\n }\n .lingxiteam-dform-switch .adm-switch-checkbox::before{\n background: closeColor;\n }\n }\n ",
|
|
90
92
|
components: [{
|
|
@@ -11,6 +11,7 @@ export declare const FilterItems: {
|
|
|
11
11
|
type: string;
|
|
12
12
|
label: string;
|
|
13
13
|
groupsName: string;
|
|
14
|
+
followTheme: string;
|
|
14
15
|
};
|
|
15
16
|
borderRadius: {
|
|
16
17
|
type: string;
|
|
@@ -21,12 +22,12 @@ export declare const FilterItems: {
|
|
|
21
22
|
type: string;
|
|
22
23
|
label: string;
|
|
23
24
|
groupsName: string;
|
|
25
|
+
followTheme: string;
|
|
24
26
|
};
|
|
25
27
|
fontSize: {
|
|
26
28
|
type: string;
|
|
27
29
|
label: string;
|
|
28
30
|
groupsName: string;
|
|
29
|
-
followTheme: string;
|
|
30
31
|
};
|
|
31
32
|
lineHeight: {
|
|
32
33
|
type: string;
|
|
@@ -50,6 +51,7 @@ export declare const FilterItems: {
|
|
|
50
51
|
type: string;
|
|
51
52
|
label: string;
|
|
52
53
|
groupsName: string;
|
|
54
|
+
followTheme: string;
|
|
53
55
|
};
|
|
54
56
|
iconCloseColor: {
|
|
55
57
|
type: string;
|
|
@@ -78,7 +80,8 @@ export declare const FilterItems: {
|
|
|
78
80
|
iconCloseColor: string;
|
|
79
81
|
}[];
|
|
80
82
|
followThemes: {
|
|
81
|
-
'@
|
|
83
|
+
'@border-color-base': never[];
|
|
84
|
+
'@brand-primary': string[];
|
|
82
85
|
};
|
|
83
86
|
tpl: string;
|
|
84
87
|
components: {
|
|
@@ -10,7 +10,8 @@ export var FilterItems = {
|
|
|
10
10
|
borderColor: {
|
|
11
11
|
type: 'color',
|
|
12
12
|
label: '边框颜色',
|
|
13
|
-
groupsName: '边框'
|
|
13
|
+
groupsName: '边框',
|
|
14
|
+
followTheme: '@border-color-base'
|
|
14
15
|
},
|
|
15
16
|
borderRadius: {
|
|
16
17
|
type: 'px',
|
|
@@ -20,14 +21,16 @@ export var FilterItems = {
|
|
|
20
21
|
textColor: {
|
|
21
22
|
type: 'color',
|
|
22
23
|
label: '文本颜色',
|
|
23
|
-
groupsName: '文字'
|
|
24
|
+
groupsName: '文字',
|
|
25
|
+
followTheme: '@brand-primary'
|
|
24
26
|
},
|
|
25
27
|
fontSize: {
|
|
26
28
|
type: 'px',
|
|
27
29
|
label: '文本尺寸',
|
|
28
|
-
groupsName: '文字'
|
|
29
|
-
followTheme: '@font-size-base'
|
|
30
|
+
groupsName: '文字'
|
|
31
|
+
// followTheme: '@font-size-base',
|
|
30
32
|
},
|
|
33
|
+
|
|
31
34
|
lineHeight: {
|
|
32
35
|
type: 'px',
|
|
33
36
|
label: '标题文本行高',
|
|
@@ -70,7 +73,8 @@ export var FilterItems = {
|
|
|
70
73
|
iconColor: {
|
|
71
74
|
type: 'color',
|
|
72
75
|
label: '收起图标颜色',
|
|
73
|
-
groupsName: '文字'
|
|
76
|
+
groupsName: '文字',
|
|
77
|
+
followTheme: '@brand-primary'
|
|
74
78
|
},
|
|
75
79
|
iconCloseColor: {
|
|
76
80
|
type: 'color',
|
|
@@ -99,7 +103,8 @@ export var FilterItems = {
|
|
|
99
103
|
iconCloseColor: 'rgba(0,0,0,0.3)'
|
|
100
104
|
}],
|
|
101
105
|
followThemes: {
|
|
102
|
-
'@
|
|
106
|
+
'@border-color-base': [],
|
|
107
|
+
'@brand-primary': ['textColor', 'iconColor']
|
|
103
108
|
},
|
|
104
109
|
tpl: ".use-app-filteritems{\n .alita-filter-item-content{\n background: backgroundColor;\n font-size: fontSize;\n border-radius: borderRadius;\n border: 1px solid borderColor;\n }\n .alita-filter-item-active-text{\n color: textColor;\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n .alita-filter-item-noraml-icon{\n width: iconSize;\n height: iconSize;\n overflow: hidden;\n }\n .alita-filter-item-icon-up{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-up::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-171.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%2851.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%23D8D8D8%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%23BFBFBF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n transform: translateX(-100%);\n background-size: 100%;\n filter: drop-shadow(iconSize 0 iconCloseColor);\n }\n .alita-filter-item-icon-down{\n background-image: none;\n width: iconSize;\n height: iconSize;\n position: relative;\n }\n .alita-filter-item-icon-down::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: iconSize;\n height: iconSize;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E%E7%BC%96%E7%BB%84%206%3C%2Ftitle%3E%3Cg%20id%3D%22%E9%A1%B5%E9%9D%A2-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22%E5%85%B6%E4%BD%99%E7%BB%84%E4%BB%B6%22%20transform%3D%22translate%28-295.000000%2C%20-3340.000000%29%22%3E%3Cg%20id%3D%22%E5%AF%BC%E8%88%AA%E6%A0%8F%EF%BC%9ANavigationBa%E5%A4%87%E4%BB%BD-2%22%20transform%3D%22translate%2836.000000%2C%201199.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-5%22%20transform%3D%22translate%28175.000000%2C%202131.000000%29%22%3E%3Cg%20id%3D%22%E7%BC%96%E7%BB%84-6%22%20transform%3D%22translate%2892.000000%2C%2018.000000%29%20scale%281%2C%20-1%29%20translate%28-92.000000%2C%20-18.000000%29%20translate%2884.000000%2C%2010.000000%29%22%3E%3Crect%20id%3D%22%E7%9F%A9%E5%BD%A2%22%20fill%3D%22%231677ff%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M13.4723603%2C5.99735754%20L8.67496913%2C11.2434071%20C8.53163306%2C11.4065089%208.32501122%2C11.5%208.10787665%2C11.5%20C7.89072486%2C11.5%207.68408225%2C11.4065218%207.54073483%2C11.2434071%20L2.74334363%2C5.99735754%20C2.50915215%2C5.75000397%202.43677915%2C5.38947121%202.55781612%2C5.07103987%20C2.67885308%2C4.75260854%202.97097257%2C4.53024691%203.31046078%2C4.5%20L12.9013205%2C4.5%20C13.2421162%2C4.52895167%2013.5355186%2C4.74998106%2013.6565803%2C5.06974464%20C13.7789495%2C5.38948354%2013.7065888%2C5.74867172%2013.4723603%2C5.99735754%20Z%22%20id%3D%22%E8%B7%AF%E5%BE%84%22%20fill%3D%22%231677ff%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-repeat: round;\n background-size: 100%;\n transform: translateX(-100%);\n filter: drop-shadow(iconSize 0 iconColor);\n}\n }\n \n",
|
|
105
110
|
components: [{
|
package/dist/h5config/Grid.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export declare const Grid: {
|
|
|
10
10
|
type: string;
|
|
11
11
|
label: string;
|
|
12
12
|
groupsName: string;
|
|
13
|
+
followTheme: string;
|
|
13
14
|
};
|
|
14
15
|
borderRadius: {
|
|
15
16
|
type: string;
|
|
@@ -20,6 +21,7 @@ export declare const Grid: {
|
|
|
20
21
|
type: string;
|
|
21
22
|
label: string;
|
|
22
23
|
groupsName: string;
|
|
24
|
+
followTheme: string;
|
|
23
25
|
};
|
|
24
26
|
iconSize: {
|
|
25
27
|
type: string;
|
|
@@ -30,6 +32,7 @@ export declare const Grid: {
|
|
|
30
32
|
type: string;
|
|
31
33
|
label: string;
|
|
32
34
|
groupsName: string;
|
|
35
|
+
followTheme: string;
|
|
33
36
|
};
|
|
34
37
|
lineHeight: {
|
|
35
38
|
type: string;
|
|
@@ -69,6 +72,10 @@ export declare const Grid: {
|
|
|
69
72
|
fontSize: string;
|
|
70
73
|
fontWeight: string;
|
|
71
74
|
}[];
|
|
75
|
+
followThemes: {
|
|
76
|
+
'@border-color-base': never[];
|
|
77
|
+
'@color-text-base': never[];
|
|
78
|
+
};
|
|
72
79
|
tpl: string;
|
|
73
80
|
components: {
|
|
74
81
|
id: string;
|
package/dist/h5config/Grid.js
CHANGED
|
@@ -9,7 +9,8 @@ export var Grid = {
|
|
|
9
9
|
borderColor: {
|
|
10
10
|
type: 'color',
|
|
11
11
|
label: '边框颜色',
|
|
12
|
-
groupsName: '边框'
|
|
12
|
+
groupsName: '边框',
|
|
13
|
+
followTheme: '@border-color-base'
|
|
13
14
|
},
|
|
14
15
|
borderRadius: {
|
|
15
16
|
type: 'px',
|
|
@@ -19,7 +20,8 @@ export var Grid = {
|
|
|
19
20
|
lineColor: {
|
|
20
21
|
type: 'color',
|
|
21
22
|
label: '分割线颜色',
|
|
22
|
-
groupsName: '边框'
|
|
23
|
+
groupsName: '边框',
|
|
24
|
+
followTheme: '@border-color-base'
|
|
23
25
|
},
|
|
24
26
|
iconSize: {
|
|
25
27
|
type: 'px',
|
|
@@ -29,7 +31,8 @@ export var Grid = {
|
|
|
29
31
|
textColor: {
|
|
30
32
|
type: 'color',
|
|
31
33
|
label: '文本颜色',
|
|
32
|
-
groupsName: '文字'
|
|
34
|
+
groupsName: '文字',
|
|
35
|
+
followTheme: '@color-text-base'
|
|
33
36
|
},
|
|
34
37
|
lineHeight: {
|
|
35
38
|
type: 'px',
|
|
@@ -90,6 +93,10 @@ export var Grid = {
|
|
|
90
93
|
fontSize: '12px',
|
|
91
94
|
fontWeight: '400'
|
|
92
95
|
}],
|
|
96
|
+
followThemes: {
|
|
97
|
+
'@border-color-base': [],
|
|
98
|
+
'@color-text-base': []
|
|
99
|
+
},
|
|
93
100
|
tpl: ".use-app-grid{\n background-color: backgroundColor;\n border-radius: borderRadius;\n .am-grid {\n border-radius: borderRadius;\n --adm-font-size-4: fontSize;\n --adm-color-text: textColor\n }\n .am-grid.am-grid-line:not(.am-grid-carousel){\n border:1PX solid borderColor;\n border-bottom:none;\n }\n .am-grid.am-grid-line .am-grid-flex:last-child{\n border-color: borderColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }\n .am-grid.am-grid-line .am-grid-flex:first-child{\n border-top-left-radius: borderRadius;\n }\n .am-grid.am-grid-line .am-grid-flex .am-grid-flex-item:first-child{\n border: none;\n }\n .am-grid.am-grid-line .am-grid-flex{\n border-color: lineColor;\n }\n .am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon{\n width: iconSize;\n }\n .am-grid .am-grid-flex .am-grid-flex-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text{\n line-height: lineHeight;\n font-weight: fontWeight;\n }\n }\n",
|
|
94
101
|
components: [{
|
|
95
102
|
id: 'Grid_842271',
|
|
@@ -10,6 +10,7 @@ export declare const NoticeBarPlus: {
|
|
|
10
10
|
type: string;
|
|
11
11
|
label: string;
|
|
12
12
|
groupsName: string;
|
|
13
|
+
followTheme: string;
|
|
13
14
|
};
|
|
14
15
|
borderRadius: {
|
|
15
16
|
type: string;
|
|
@@ -20,6 +21,7 @@ export declare const NoticeBarPlus: {
|
|
|
20
21
|
type: string;
|
|
21
22
|
label: string;
|
|
22
23
|
groupsName: string;
|
|
24
|
+
followTheme: string;
|
|
23
25
|
};
|
|
24
26
|
fontSize: {
|
|
25
27
|
type: string;
|
|
@@ -39,6 +41,7 @@ export declare const NoticeBarPlus: {
|
|
|
39
41
|
type: string;
|
|
40
42
|
label: string;
|
|
41
43
|
groupsName: string;
|
|
44
|
+
followTheme: string;
|
|
42
45
|
};
|
|
43
46
|
iconSize: {
|
|
44
47
|
type: string;
|
|
@@ -59,6 +62,10 @@ export declare const NoticeBarPlus: {
|
|
|
59
62
|
iconSize: string;
|
|
60
63
|
fontWeight: string;
|
|
61
64
|
}[];
|
|
65
|
+
followThemes: {
|
|
66
|
+
'@color-text-base': never[];
|
|
67
|
+
'@border-color-base': never[];
|
|
68
|
+
};
|
|
62
69
|
tpl: string;
|
|
63
70
|
components: {
|
|
64
71
|
id: string;
|
|
@@ -9,7 +9,8 @@ export var NoticeBarPlus = {
|
|
|
9
9
|
borderColor: {
|
|
10
10
|
type: 'color',
|
|
11
11
|
label: '边框颜色',
|
|
12
|
-
groupsName: '边框'
|
|
12
|
+
groupsName: '边框',
|
|
13
|
+
followTheme: '@border-color-base'
|
|
13
14
|
},
|
|
14
15
|
borderRadius: {
|
|
15
16
|
type: 'px',
|
|
@@ -19,7 +20,8 @@ export var NoticeBarPlus = {
|
|
|
19
20
|
textColor: {
|
|
20
21
|
type: 'color',
|
|
21
22
|
label: '文本颜色',
|
|
22
|
-
groupsName: '文字'
|
|
23
|
+
groupsName: '文字',
|
|
24
|
+
followTheme: '@color-text-base'
|
|
23
25
|
},
|
|
24
26
|
// lineHeight: { type: 'px', label: '文本行高', groupsName: '文字' },
|
|
25
27
|
fontSize: {
|
|
@@ -57,7 +59,8 @@ export var NoticeBarPlus = {
|
|
|
57
59
|
iconColor: {
|
|
58
60
|
type: 'color',
|
|
59
61
|
label: '下拉图标颜色',
|
|
60
|
-
groupsName: '文字'
|
|
62
|
+
groupsName: '文字',
|
|
63
|
+
followTheme: '@color-text-base'
|
|
61
64
|
},
|
|
62
65
|
iconSize: {
|
|
63
66
|
type: 'px',
|
|
@@ -78,6 +81,10 @@ export var NoticeBarPlus = {
|
|
|
78
81
|
iconSize: '20px',
|
|
79
82
|
fontWeight: '400'
|
|
80
83
|
}],
|
|
84
|
+
followThemes: {
|
|
85
|
+
'@color-text-base': [],
|
|
86
|
+
'@border-color-base': []
|
|
87
|
+
},
|
|
81
88
|
tpl: ".use-app-noticebarplus{\n .alita-notice-bar{\n --adm-color-background: backgroundColor;\n border-color: borderColor;\n border: 1px solid borderColor;\n border-radius: borderRadius;\n font-size: fontSize;\n // line-height: lineHeight;\n font-weight:fontWeight;\n color: textColor;\n > div {\n > svg {\n color: iconColor;\n width: iconSize;\n height: iconSize;\n }\n }\n }\n }\n ",
|
|
82
89
|
components: [{
|
|
83
90
|
id: 'NoticeBarPlus_0162497',
|
|
@@ -15,6 +15,7 @@ export declare const SearchView: {
|
|
|
15
15
|
type: string;
|
|
16
16
|
label: string;
|
|
17
17
|
groupsName: string;
|
|
18
|
+
followTheme: string;
|
|
18
19
|
};
|
|
19
20
|
borderRadius: {
|
|
20
21
|
type: string;
|
|
@@ -35,12 +36,12 @@ export declare const SearchView: {
|
|
|
35
36
|
type: string;
|
|
36
37
|
label: string;
|
|
37
38
|
groupsName: string;
|
|
39
|
+
followTheme: string;
|
|
38
40
|
};
|
|
39
41
|
fontSize: {
|
|
40
42
|
type: string;
|
|
41
43
|
label: string;
|
|
42
44
|
groupsName: string;
|
|
43
|
-
followTheme: string;
|
|
44
45
|
};
|
|
45
46
|
fontWeight: {
|
|
46
47
|
type: string;
|
|
@@ -60,6 +61,7 @@ export declare const SearchView: {
|
|
|
60
61
|
type: string;
|
|
61
62
|
label: string;
|
|
62
63
|
groupsName: string;
|
|
64
|
+
followTheme: string;
|
|
63
65
|
};
|
|
64
66
|
sBorderRadius: {
|
|
65
67
|
type: string;
|
|
@@ -85,7 +87,8 @@ export declare const SearchView: {
|
|
|
85
87
|
sBorderRadius: string;
|
|
86
88
|
}[];
|
|
87
89
|
followThemes: {
|
|
88
|
-
'@
|
|
90
|
+
'@border-color-base': never[];
|
|
91
|
+
'@color-text-base': never[];
|
|
89
92
|
};
|
|
90
93
|
tpl: string;
|
|
91
94
|
components: {
|
|
@@ -14,7 +14,8 @@ export var SearchView = {
|
|
|
14
14
|
borderColor: {
|
|
15
15
|
type: 'color',
|
|
16
16
|
label: '边框颜色',
|
|
17
|
-
groupsName: '边框'
|
|
17
|
+
groupsName: '边框',
|
|
18
|
+
followTheme: '@border-color-base'
|
|
18
19
|
},
|
|
19
20
|
borderRadius: {
|
|
20
21
|
type: 'px',
|
|
@@ -34,15 +35,17 @@ export var SearchView = {
|
|
|
34
35
|
textColor: {
|
|
35
36
|
type: 'color',
|
|
36
37
|
label: '文本颜色',
|
|
37
|
-
groupsName: '搜索框'
|
|
38
|
+
groupsName: '搜索框',
|
|
39
|
+
followTheme: '@color-text-base'
|
|
38
40
|
},
|
|
39
41
|
// lineHeight: { type: 'px', label: '文本行高', groupsName: '搜索框' },
|
|
40
42
|
fontSize: {
|
|
41
43
|
type: 'px',
|
|
42
44
|
label: '文本尺寸',
|
|
43
|
-
groupsName: '搜索框'
|
|
44
|
-
followTheme: '@font-size-base'
|
|
45
|
+
groupsName: '搜索框'
|
|
46
|
+
// followTheme: '@font-size-base'
|
|
45
47
|
},
|
|
48
|
+
|
|
46
49
|
fontWeight: {
|
|
47
50
|
type: 'select',
|
|
48
51
|
label: '文本字重',
|
|
@@ -78,7 +81,8 @@ export var SearchView = {
|
|
|
78
81
|
sBorderColor: {
|
|
79
82
|
type: 'color',
|
|
80
83
|
label: '边框颜色',
|
|
81
|
-
groupsName: '搜索框'
|
|
84
|
+
groupsName: '搜索框',
|
|
85
|
+
followTheme: '@border-color-base'
|
|
82
86
|
},
|
|
83
87
|
sBorderRadius: {
|
|
84
88
|
type: 'px',
|
|
@@ -104,7 +108,8 @@ export var SearchView = {
|
|
|
104
108
|
sBorderRadius: '18px'
|
|
105
109
|
}],
|
|
106
110
|
followThemes: {
|
|
107
|
-
'@
|
|
111
|
+
'@border-color-base': [],
|
|
112
|
+
'@color-text-base': []
|
|
108
113
|
},
|
|
109
114
|
tpl: "\n .alita-search-view-wrap{\n --adm-color-background: backgroundColor;\n padding: paddingValue;\n border: 1PX solid borderColor;\n border-radius: borderRadius;\n overflow: hidden;\n }\n .alita-search-bar-input{\n background-color: sBackgroundColor;\ncolor: textColor;\nfont-size: fontSize;\nfont-weight: fontWeight;\npadding: sPaddingValue;\nborder-radius: sBorderRadius;\nborder: 1PX solid sBorderColor;\n }\n .alita-search-bar-search{\n width: iconSize;\n height: iconSize;\n }",
|
|
110
115
|
components: [{
|
package/dist/h5config/Table.d.ts
CHANGED
|
@@ -50,6 +50,7 @@ export declare const Table: {
|
|
|
50
50
|
type: string;
|
|
51
51
|
label: string;
|
|
52
52
|
groupsName: string;
|
|
53
|
+
followTheme: string;
|
|
53
54
|
};
|
|
54
55
|
borderRadius: {
|
|
55
56
|
type: string;
|
|
@@ -72,6 +73,9 @@ export declare const Table: {
|
|
|
72
73
|
borderColor: string;
|
|
73
74
|
borderRadius: string;
|
|
74
75
|
}[];
|
|
76
|
+
followThemes: {
|
|
77
|
+
'@border-color-base': never[];
|
|
78
|
+
};
|
|
75
79
|
tpl: string;
|
|
76
80
|
components: ({
|
|
77
81
|
id: string;
|
package/dist/h5config/Table.js
CHANGED
|
@@ -67,7 +67,8 @@ export var Table = {
|
|
|
67
67
|
borderColor: {
|
|
68
68
|
type: 'color',
|
|
69
69
|
label: '边框颜色',
|
|
70
|
-
groupsName: '基础样式'
|
|
70
|
+
groupsName: '基础样式',
|
|
71
|
+
followTheme: '@border-color-base'
|
|
71
72
|
},
|
|
72
73
|
borderRadius: {
|
|
73
74
|
type: 'px',
|
|
@@ -124,6 +125,9 @@ export var Table = {
|
|
|
124
125
|
// fHeadBgColor: '#FAFAFA',
|
|
125
126
|
}],
|
|
126
127
|
|
|
128
|
+
followThemes: {
|
|
129
|
+
'@border-color-base': []
|
|
130
|
+
},
|
|
127
131
|
tpl: ".appDynamicTable {\n border-radius: borderRadius;\n .table-header{\n font-weight: fontWeight;\n font-size: fontSize;\n color: textColor;\n }\n .ag-header-row{\n font-size: headFontSize;\n }\n .table-body{\n --dynamic-table-header-bg-color: headBgColor;\n --ag-odd-row-background-color: bodyBgColor;\n --dynamic-table-header-color: headTextColor;\n }\n .ag-theme-segmentation {\n --ag-background-color: bodyBgColor;\n --ag-borders-critical: borderColor;\n --ag-row-border-color: borderColor;\n --ag-header-border-color: borderColor;\n }\n .ag-theme-zebra {\n --ag-background-color: bodyBgColor;\n --ag-odd-row-background-color: zebraBgColor;\n --ag-borders: none;\n --ag-row-border-color: none;\n}\n .ag-theme-border {\n --ag-background-color: bodyBgColor;\n --ag-border-color: borderColor;\n --ag-cell-horizontal-border: solid borderColor;\n}\n }\n",
|
|
128
132
|
// tpl: `
|
|
129
133
|
// .appDynamicTable {
|