@lingxiteam/theme-utils 0.1.11 → 0.1.13
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 +7 -5
- package/dist/config/Button.js +1 -1
- package/dist/config/Card.js +1 -1
- package/dist/config/Cascader.d.ts +1 -0
- package/dist/config/Cascader.js +2 -1
- package/dist/config/Checkbox.d.ts +1 -0
- package/dist/config/Checkbox.js +2 -1
- package/dist/config/CheckboxGroup.d.ts +1 -0
- package/dist/config/CheckboxGroup.js +3 -1
- package/dist/config/DatePicker.d.ts +1 -0
- package/dist/config/DatePicker.js +2 -1
- package/dist/config/Description.d.ts +1 -0
- package/dist/config/Description.js +1 -0
- package/dist/config/Radio.d.ts +1 -0
- package/dist/config/Radio.js +2 -1
- package/dist/config/RangePicker.d.ts +1 -0
- package/dist/config/RangePicker.js +2 -1
- package/dist/config/Select.d.ts +1 -0
- package/dist/config/Select.js +2 -1
- package/dist/config/StdUpload.d.ts +1 -0
- package/dist/config/StdUpload.js +2 -1
- package/dist/config/Tabs.js +1 -1
- package/dist/config/Tag.js +1 -1
- package/dist/config/TimePicker.d.ts +1 -0
- package/dist/config/TimePicker.js +2 -1
- package/dist/config/TreeSelect.d.ts +1 -0
- package/dist/config/TreeSelect.js +2 -1
- package/dist/h5config/Grid.js +1 -1
- package/dist/h5config/SearchView.js +1 -1
- package/dist/h5config/StaticTabs.js +2 -2
- package/dist/h5config/Table.d.ts +2 -1
- package/dist/h5config/Table.js +4 -3
- package/dist/lx-mobile.js +3 -3
- package/dist/lx.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -89,12 +89,14 @@ insertLink('12312', 'http://xxx.css', true);
|
|
|
89
89
|
type: '类型',
|
|
90
90
|
// 所有的 css 有一个父级类名
|
|
91
91
|
hasPrefixClass: true,
|
|
92
|
+
// 隐藏自定义类名按钮，当前只有pc端容器
|
|
93
|
+
hiddenCustomCss: true,
|
|
92
94
|
variable: {
|
|
93
95
|
// 允许配置项
|
|
94
|
-
fontSize: {
|
|
96
|
+
fontSize: {
|
|
95
97
|
// 对应编辑器的类型，px color select marginInput 四种
|
|
96
|
-
type: 'px',
|
|
97
|
-
label: '尺寸',
|
|
98
|
+
type: 'px',
|
|
99
|
+
label: '尺寸',
|
|
98
100
|
groupsName: '文字' ,
|
|
99
101
|
desc: '说明文字'，
|
|
100
102
|
// 继承其他组件属性时要标记不可编辑
|
|
@@ -128,5 +130,5 @@ insertLink('12312', 'http://xxx.css', true);
|
|
|
128
130
|
如： theme-utils/src/lx-mobile.ts#L63 和 theme-utils/src/lx.ts#L62
|
|
129
131
|
|
|
130
132
|
```ts
|
|
131
|
-
const extend: any = {
|
|
132
|
-
```
|
|
133
|
+
const extend: any = {};
|
|
134
|
+
```
|
package/dist/config/Button.js
CHANGED
package/dist/config/Card.js
CHANGED
|
@@ -104,7 +104,7 @@ export var Card = {
|
|
|
104
104
|
bodyColor: '#fff',
|
|
105
105
|
lineColor: '#f0f0f0'
|
|
106
106
|
}],
|
|
107
|
-
tpl: "\n .pcfactory-card{\n border-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered .pcfactory-card-head {\n background-color: backgroundColor;\n border-color: lineColor;\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card .ued-card-title-icon-auto>i {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto span{\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title::before {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto>i svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .ued-card-title-icon-auto span svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .pcfactory-card-body{\n background-color: bodyColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }",
|
|
107
|
+
tpl: "\n .pcfactory-card{\n border-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered .pcfactory-card-head {\n background-color: backgroundColor;\n border-color: lineColor;\n border-top-left-radius: borderRadius;\n border-top-right-radius: borderRadius;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card.pcfactory-card-bordered {\n border-color: borderColor;\n }\n .ued-card .ued-card-title-icon-auto>i {\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto span{\n color: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title::before {\n color: titleColor;\n background: titleColor;\n margin-right: tagMargin;\n }\n .ued-card .ued-card-title-icon-auto>i svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .ued-card-title-icon-auto span svg{\n width: tagSize;\n height: tagSize;\n }\n .ued-card .pcfactory-card-body{\n background-color: bodyColor;\n border-bottom-right-radius: borderRadius;\n border-bottom-left-radius: borderRadius;\n }",
|
|
108
108
|
components: [{
|
|
109
109
|
id: 'Card_813627',
|
|
110
110
|
label: '卡片',
|
package/dist/config/Cascader.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var Cascader = {
|
|
2
2
|
type: 'Cascader',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -82,7 +83,7 @@ export var Cascader = {
|
|
|
82
83
|
iconTop: '16px',
|
|
83
84
|
iconColor: 'rgba(28,36,46,.25)'
|
|
84
85
|
}],
|
|
85
|
-
tpl: ".ued-cascader-wrap .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 .
|
|
86
|
+
tpl: ".ued-cascader-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\n }",
|
|
86
87
|
components: [{
|
|
87
88
|
id: 'Form_180373',
|
|
88
89
|
label: '表单',
|
package/dist/config/Checkbox.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var Checkbox = {
|
|
2
2
|
type: 'Checkbox',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -77,7 +78,7 @@ export var Checkbox = {
|
|
|
77
78
|
radioSeBorderColor: '#47e',
|
|
78
79
|
radioSeBgColor: '#47e'
|
|
79
80
|
}],
|
|
80
|
-
tpl: ".pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }",
|
|
81
|
+
tpl: ".ued-checkbox-wrap{\n .pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n.pcfactory-checkbox:hover .pcfactory-checkbox-inner {\n border-color: radioSeBorderColor;\n }\n .pcfactory-form-item input[type=checkbox], .pcfactory-form-item input[type=radio]{\n width: radioSize;\n height: radioSize;\n }\n .pcfactory-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }\n }",
|
|
81
82
|
components: [{
|
|
82
83
|
id: 'Form_180373',
|
|
83
84
|
label: '表单',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var CheckboxGroup = {
|
|
2
2
|
type: 'CheckboxGroup',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -77,7 +78,8 @@ export var CheckboxGroup = {
|
|
|
77
78
|
radioSeBorderColor: '#47e',
|
|
78
79
|
radioSeBgColor: '#47e'
|
|
79
80
|
}],
|
|
80
|
-
|
|
81
|
+
// 类名为 undefined
|
|
82
|
+
tpl: ".pcfactory-checkbox-group{\n .pcfactory-checkbox-inner{\n width: radioSize;\n height: radioSize;\n border-color: radioBorderColor;\n background: radioBgColor;\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n background: radioSeBgColor;\n }\n .pcfactory-checkbox-input:focus+.pcfactory-checkbox-inner{\n border-color: radioSeBorderColor;\n }\n .pcfactory-checkbox-wrapper:hover .pcfactory-checkbox{\n border-color: radioSeBorderColor;\n}\n .pcfactory-checkbox:hover .pcfactory-checkbox-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-checkbox-indeterminate .pcfactory-checkbox-inner:after{\n background: radioSeBgColor;\n width: calc(0.47* radioSize);\n height: calc(0.47* radioSize);\n }\n .pcfactory-checkbox-checked .pcfactory-checkbox-inner:after{\n width: calc(0.35* radioSize);\n height: calc(0.57* radioSize);\n }\n }",
|
|
81
83
|
components: [{
|
|
82
84
|
id: 'Form_180373',
|
|
83
85
|
label: '表单',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var DatePicker = {
|
|
2
2
|
type: 'DatePicker',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -75,7 +76,7 @@ export var DatePicker = {
|
|
|
75
76
|
iconFontSize: '14px',
|
|
76
77
|
iconColor: '#0085D0'
|
|
77
78
|
}],
|
|
78
|
-
tpl: ".ued-datePicker-wrap .pcfactory-picker-suffix{\n
|
|
79
|
+
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 }",
|
|
79
80
|
components: [{
|
|
80
81
|
id: 'Form_180373',
|
|
81
82
|
label: '表单',
|
package/dist/config/Radio.d.ts
CHANGED
package/dist/config/Radio.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var Radio = {
|
|
2
2
|
type: 'Radio',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -77,7 +78,7 @@ export var Radio = {
|
|
|
77
78
|
radioSeBorderColor: '#47e',
|
|
78
79
|
radioSeBgColor: '#fff'
|
|
79
80
|
}],
|
|
80
|
-
tpl: ".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:-1%;\n left:-3%;\n border-radius: radioSize;\n width: radioSize;\n height: radioSize;\n }",
|
|
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:-1%;\n left:-3%;\n border-radius: radioSize;\n width: radioSize;\n height: radioSize;\n }\n}",
|
|
81
82
|
components: [{
|
|
82
83
|
id: 'Form_180373',
|
|
83
84
|
label: '表单',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var RangePicker = {
|
|
2
2
|
type: 'RangePicker',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -81,7 +82,7 @@ export var RangePicker = {
|
|
|
81
82
|
iconColor: '#0085D0',
|
|
82
83
|
lineColor: '#1c242e'
|
|
83
84
|
}],
|
|
84
|
-
tpl: ".ued-datePicker-wrap .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n .
|
|
85
|
+
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 }",
|
|
85
86
|
components: [{
|
|
86
87
|
id: 'Form_180373',
|
|
87
88
|
label: '表单',
|
package/dist/config/Select.d.ts
CHANGED
package/dist/config/Select.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var Select = {
|
|
2
2
|
type: 'Select',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -82,7 +83,7 @@ export var Select = {
|
|
|
82
83
|
iconTop: '16px',
|
|
83
84
|
iconColor: 'rgba(28,36,46,.25)'
|
|
84
85
|
}],
|
|
85
|
-
tpl: ".ued-select-wrap .pcfactory-select-arrow{\n
|
|
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
87
|
components: [{
|
|
87
88
|
id: 'Form_180373',
|
|
88
89
|
label: '表单',
|
package/dist/config/StdUpload.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var StdUpload = {
|
|
2
2
|
type: 'StdUpload',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -87,7 +88,7 @@ export var StdUpload = {
|
|
|
87
88
|
listIconColor: 'rgba(0,0,0,.45)',
|
|
88
89
|
lisIconSize: '14px'
|
|
89
90
|
}],
|
|
90
|
-
tpl: "
|
|
91
|
+
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 ",
|
|
91
92
|
components: [{
|
|
92
93
|
id: 'Form_180373',
|
|
93
94
|
label: '表单',
|
package/dist/config/Tabs.js
CHANGED
|
@@ -128,7 +128,7 @@ export var Tabs = {
|
|
|
128
128
|
fontWeight: '300',
|
|
129
129
|
activeFontWeight: '300'
|
|
130
130
|
}],
|
|
131
|
-
tpl: ".
|
|
131
|
+
tpl: ".pcfactory-tabs .pcfactory-tabs > .pcfactory-tabs-nav .pcfactory-tabs-nav-wrap{\n background-color: headBgColor;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active{\n background-color: activeBgColor;\n border-top-left-radius: activeRadius;\n border-top-right-radius: activeRadius;\n }\n .pcfactory-tabs .pcfactory-tabs-ink-bar{\n background-color: activeFColor;\n }\n .pcfactory-tabs{\n background-color: bodyColor;\n border-radius: borderRadius;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab{\n padding: paddingValue;\n margin: marginValue;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab .pcfactory-tabs-tab-btn{\n color: textColor;\n line-height: lineHeight;\n font-size: fontSize;\n font-weight: fontWeight;\n }\n .pcfactory-tabs .pcfactory-tabs-nav .pcfactory-tabs-tab-active .pcfactory-tabs-tab-btn{\n color: activeTextColor;\n font-weight: activeFontWeight;\n }",
|
|
132
132
|
components: [{
|
|
133
133
|
id: 'Tabs_9165146',
|
|
134
134
|
label: '标签页',
|
package/dist/config/Tag.js
CHANGED
|
@@ -46,7 +46,7 @@ export var Tag = {
|
|
|
46
46
|
closeColor: 'rgba(0,0,0,.45)',
|
|
47
47
|
closeSize: '10px'
|
|
48
48
|
}],
|
|
49
|
-
tpl: ".
|
|
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 }",
|
|
50
50
|
components: [{
|
|
51
51
|
id: 'Tag_6939955',
|
|
52
52
|
label: '标签',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var TimePicker = {
|
|
2
2
|
type: 'TimePicker',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -75,7 +76,7 @@ export var TimePicker = {
|
|
|
75
76
|
iconFontSize: '14px',
|
|
76
77
|
iconColor: '#0085D0'
|
|
77
78
|
}],
|
|
78
|
-
tpl: ".ued-datePicker-wrap .pcfactory-picker-suffix{\n color: iconColor;\n width: iconFontSize;\n height: iconFontSize;\n .anticon>svg{\n width: iconFontSize;\n height: iconFontSize;\n }\n }\n
|
|
79
|
+
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 }",
|
|
79
80
|
components: [{
|
|
80
81
|
id: 'Form_180373',
|
|
81
82
|
label: '表单',
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export var TreeSelect = {
|
|
2
2
|
type: 'TreeSelect',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
labelTextColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -82,7 +83,7 @@ export var TreeSelect = {
|
|
|
82
83
|
iconColor: 'rgba(28,36,46,.25)',
|
|
83
84
|
iconTop: '16px'
|
|
84
85
|
}],
|
|
85
|
-
tpl: ".ued-treeSelect-wrap .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 .
|
|
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
87
|
components: [{
|
|
87
88
|
id: 'Form_180373',
|
|
88
89
|
label: '表单',
|
package/dist/h5config/Grid.js
CHANGED
|
@@ -77,7 +77,7 @@ export var Grid = {
|
|
|
77
77
|
fontSize: '12px',
|
|
78
78
|
fontWeight: '400'
|
|
79
79
|
}],
|
|
80
|
-
tpl: "\n .use-app-grid{\n background-color: backgroundColor;\n
|
|
80
|
+
tpl: "\n .use-app-grid{\n background-color: backgroundColor;\n }\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 }",
|
|
81
81
|
components: [{
|
|
82
82
|
id: 'Grid_842271',
|
|
83
83
|
label: '宫格',
|
|
@@ -97,7 +97,7 @@ export var SearchView = {
|
|
|
97
97
|
sBorderColor: 'rgba(0,0,0,0)',
|
|
98
98
|
sBorderRadius: '18px'
|
|
99
99
|
}],
|
|
100
|
-
tpl: "\n .alita-search-view-wrap{\n --adm-color-background: backgroundColor;\n padding: paddingValue;\n border: 1PX solid borderColor;\n border-radius: borderRadius;\n }\n .alita-search-
|
|
100
|
+
tpl: "\n .alita-search-view-wrap{\n --adm-color-background: backgroundColor;\n padding: paddingValue;\n border: 1PX solid borderColor;\n border-radius: borderRadius;\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 }",
|
|
101
101
|
components: [{
|
|
102
102
|
id: 'SearchView_197467',
|
|
103
103
|
label: '搜索',
|
|
@@ -117,13 +117,13 @@ export var StaticTabs = {
|
|
|
117
117
|
fontWeight: '400',
|
|
118
118
|
fontSize: '15px',
|
|
119
119
|
lineHeight: '100%',
|
|
120
|
-
selectBorderRadius: '
|
|
120
|
+
selectBorderRadius: '0',
|
|
121
121
|
// paddingValue:'8px 0 8px 0',
|
|
122
122
|
bodyBgColor: 'rgba(0,0,0,0)',
|
|
123
123
|
borderColor: 'rgba(0,0,0,0)',
|
|
124
124
|
lineColor: '#108ee9'
|
|
125
125
|
}],
|
|
126
|
-
tpl: "\n .am-tabs-default-bar-
|
|
126
|
+
tpl: "\n\n .am-tabs-default-bar-tab{\nfont-weight: fontWeight;\nborder-top-left-radius: selectBorderRadius;\n border-top-right-radius: selectBorderRadius;\n color: textColor;\nfont-size: fontSize;\nborder: 1px solid borderColor;\nbackground-color: backgroundColor;\n }\n .am-tabs-default-bar-tab-active {\n background-color: selectBgColor;\n color: selectTextColor;\nfont-weight: selectFontWeight;\n }\n .am-tabs-pane-wrap{\n background-color: bodyBgColor;\n }\n .am-tabs-default-bar-underline{\n border-color: lineColor;\n }",
|
|
127
127
|
components: [{
|
|
128
128
|
id: 'StaticTabs_828878',
|
|
129
129
|
label: '静态标签页',
|
package/dist/h5config/Table.d.ts
CHANGED
package/dist/h5config/Table.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export var
|
|
2
|
-
type: '
|
|
1
|
+
export var Table = {
|
|
2
|
+
type: 'Table',
|
|
3
|
+
hasPrefixClass: true,
|
|
3
4
|
variable: {
|
|
4
5
|
textColor: {
|
|
5
6
|
type: 'color',
|
|
@@ -117,7 +118,7 @@ export var DynamicTable = {
|
|
|
117
118
|
// fHeadBgColor: '#FAFAFA',
|
|
118
119
|
}],
|
|
119
120
|
|
|
120
|
-
tpl: "
|
|
121
|
+
tpl: ".appDynamicTable {\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-root-wrapper{\n border-radius: borderRadius;\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",
|
|
121
122
|
// tpl: `
|
|
122
123
|
// .appDynamicTable {
|
|
123
124
|
// .table-body{
|
package/dist/lx-mobile.js
CHANGED
|
@@ -7,7 +7,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
|
|
|
7
7
|
import { stringifyCss, parseCss, prefixAnyCSS } from "./css";
|
|
8
8
|
import { objToListByGroupsName } from "./utils";
|
|
9
9
|
import { Button } from "./h5config/Button";
|
|
10
|
-
import {
|
|
10
|
+
import { Table } from "./h5config/Table";
|
|
11
11
|
import { FilterItems } from "./h5config/FilterItems";
|
|
12
12
|
import { NoticeBarPlus } from "./h5config/NoticeBarPlus";
|
|
13
13
|
import { StaticTabs } from "./h5config/StaticTabs";
|
|
@@ -39,7 +39,7 @@ export var MOBILE_ASSETS_CSS_TPL = {
|
|
|
39
39
|
// TODO: 分割线 style 写死，最后修改方案
|
|
40
40
|
// Divider,
|
|
41
41
|
Card: Card,
|
|
42
|
-
|
|
42
|
+
Table: Table,
|
|
43
43
|
FilterItems: FilterItems,
|
|
44
44
|
NoticeBarPlus: NoticeBarPlus,
|
|
45
45
|
StaticTabs: StaticTabs,
|
|
@@ -152,7 +152,7 @@ export function prefixMobileCSS(type, values, prefix) {
|
|
|
152
152
|
var _cfg$itemCustomTpl;
|
|
153
153
|
var cfg = getMobileItemByType(extend[type]);
|
|
154
154
|
var _item2 = getMobileItemByType(type);
|
|
155
|
-
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, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))), prefix,
|
|
155
|
+
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, px2rem(_objectSpread(_objectSpread({}, cfg.defaultValue[0]), values))), prefix, cfg === null || cfg === void 0 ? void 0 : cfg.hasPrefixClass) + prefixAnyCSS(stringifyCss(_item2.tpl, px2rem(values)), prefix, _item2 === null || _item2 === void 0 ? void 0 : _item2.hasPrefixClass);
|
|
156
156
|
}
|
|
157
157
|
var item = getMobileItemByType(type);
|
|
158
158
|
return prefixAnyCSS(stringifyCss(item.tpl, px2rem(values)), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
|
package/dist/lx.js
CHANGED
|
@@ -114,7 +114,7 @@ export function prefixCSS(type, values, prefix) {
|
|
|
114
114
|
var _cfg$itemCustomTpl;
|
|
115
115
|
var cfg = getItemByType(extend[type]);
|
|
116
116
|
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,
|
|
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);
|
|
118
118
|
}
|
|
119
119
|
var item = getItemByType(type);
|
|
120
120
|
return prefixAnyCSS(stringifyCss(item.tpl, values), prefix, item === null || item === void 0 ? void 0 : item.hasPrefixClass);
|