@lingxiteam/theme-utils 0.2.8 → 0.2.10
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 +6 -0
- package/dist/config/Button.d.ts +6 -0
- package/dist/config/Button.js +8 -2
- package/dist/config/Card.d.ts +0 -1
- package/dist/config/Card.js +0 -1
- package/dist/config/Checkbox.d.ts +5 -0
- package/dist/config/Checkbox.js +7 -2
- package/dist/config/CheckboxGroup.d.ts +5 -0
- package/dist/config/CheckboxGroup.js +7 -2
- package/dist/config/Collapse.d.ts +4 -0
- package/dist/config/Collapse.js +6 -2
- package/dist/config/DatePicker.d.ts +4 -0
- package/dist/config/DatePicker.js +5 -1
- package/dist/config/Form.d.ts +5 -0
- package/dist/config/Form.js +9 -4
- package/dist/config/Icon.d.ts +4 -0
- package/dist/config/Icon.js +5 -1
- package/dist/config/Link.d.ts +6 -0
- package/dist/config/Link.js +8 -2
- package/dist/config/Radio.d.ts +4 -0
- package/dist/config/Radio.js +5 -1
- package/dist/config/RangePicker.d.ts +4 -0
- package/dist/config/RangePicker.js +5 -1
- package/dist/config/StdUpload.d.ts +5 -0
- package/dist/config/StdUpload.js +7 -2
- package/dist/config/Switch.d.ts +4 -0
- package/dist/config/Switch.js +5 -1
- package/dist/config/Table.d.ts +6 -0
- package/dist/config/Table.js +8 -2
- package/dist/config/Tabs.d.ts +4 -0
- package/dist/config/Tabs.js +5 -1
- package/dist/config/Text.d.ts +4 -0
- package/dist/config/Text.js +5 -1
- package/dist/config/TimePicker.d.ts +4 -0
- package/dist/config/TimePicker.js +5 -1
- package/dist/config/Tree.d.ts +7 -0
- package/dist/config/Tree.js +10 -3
- package/dist/h5config/Accordion.d.ts +4 -0
- package/dist/h5config/Accordion.js +5 -1
- package/dist/h5config/Button.d.ts +4 -0
- package/dist/h5config/Button.js +5 -1
- package/dist/h5config/Card.d.ts +4 -0
- package/dist/h5config/Card.js +5 -1
- package/dist/h5config/DCheckbox.d.ts +5 -0
- package/dist/h5config/DCheckbox.js +7 -2
- package/dist/h5config/DformFile.d.ts +4 -0
- package/dist/h5config/DformFile.js +5 -1
- package/dist/h5config/DformRadio.d.ts +5 -0
- package/dist/h5config/DformRadio.js +7 -2
- package/dist/h5config/DformSwitch.d.ts +4 -0
- package/dist/h5config/DformSwitch.js +5 -1
- package/dist/h5config/FilterItems.d.ts +4 -0
- package/dist/h5config/FilterItems.js +5 -1
- package/dist/h5config/Link.d.ts +4 -0
- package/dist/h5config/Link.js +6 -2
- package/dist/h5config/SearchView.d.ts +4 -0
- package/dist/h5config/SearchView.js +5 -1
- package/dist/h5config/StaticTabs.d.ts +5 -0
- package/dist/h5config/StaticTabs.js +7 -2
- package/dist/lx-mobile.d.ts +12 -0
- package/dist/lx-mobile.js +12 -0
- package/dist/lx.d.ts +16 -0
- package/dist/lx.js +16 -0
- package/package.json +1 -1
|
@@ -40,7 +40,8 @@ export var SearchView = {
|
|
|
40
40
|
fontSize: {
|
|
41
41
|
type: 'px',
|
|
42
42
|
label: '文本尺寸',
|
|
43
|
-
groupsName: '搜索框'
|
|
43
|
+
groupsName: '搜索框',
|
|
44
|
+
followTheme: '@font-size-base'
|
|
44
45
|
},
|
|
45
46
|
fontWeight: {
|
|
46
47
|
type: 'select',
|
|
@@ -103,6 +104,9 @@ export var SearchView = {
|
|
|
103
104
|
sBorderColor: 'rgba(0,0,0,0)',
|
|
104
105
|
sBorderRadius: '18px'
|
|
105
106
|
}],
|
|
107
|
+
followThemes: {
|
|
108
|
+
'@font-size-base': ['fontSize']
|
|
109
|
+
},
|
|
106
110
|
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 }",
|
|
107
111
|
components: [{
|
|
108
112
|
id: 'SearchView_197467',
|
|
@@ -11,6 +11,7 @@ export declare const StaticTabs: {
|
|
|
11
11
|
type: string;
|
|
12
12
|
label: string;
|
|
13
13
|
groupsName: string;
|
|
14
|
+
followTheme: string;
|
|
14
15
|
};
|
|
15
16
|
selectBorderRadius: {
|
|
16
17
|
type: string;
|
|
@@ -21,6 +22,7 @@ export declare const StaticTabs: {
|
|
|
21
22
|
type: string;
|
|
22
23
|
label: string;
|
|
23
24
|
groupsName: string;
|
|
25
|
+
followTheme: string;
|
|
24
26
|
};
|
|
25
27
|
selectFontWeight: {
|
|
26
28
|
type: string;
|
|
@@ -70,6 +72,9 @@ export declare const StaticTabs: {
|
|
|
70
72
|
selectBorderRadius: string;
|
|
71
73
|
bodyBgColor: string;
|
|
72
74
|
}[];
|
|
75
|
+
followThemes: {
|
|
76
|
+
'@primary-color': string[];
|
|
77
|
+
};
|
|
73
78
|
tpl: string;
|
|
74
79
|
components: {
|
|
75
80
|
id: string;
|
|
@@ -16,7 +16,8 @@ export var StaticTabs = {
|
|
|
16
16
|
backgroundColor: {
|
|
17
17
|
type: 'color',
|
|
18
18
|
label: '选项背景颜色',
|
|
19
|
-
groupsName: '选项'
|
|
19
|
+
groupsName: '选项',
|
|
20
|
+
followTheme: '@primary-color'
|
|
20
21
|
},
|
|
21
22
|
selectBorderRadius: {
|
|
22
23
|
type: 'px',
|
|
@@ -26,7 +27,8 @@ export var StaticTabs = {
|
|
|
26
27
|
selectTextColor: {
|
|
27
28
|
type: 'color',
|
|
28
29
|
label: '选中项文本颜色',
|
|
29
|
-
groupsName: '选中项'
|
|
30
|
+
groupsName: '选中项',
|
|
31
|
+
followTheme: '@primary-color'
|
|
30
32
|
},
|
|
31
33
|
selectFontWeight: {
|
|
32
34
|
type: 'select',
|
|
@@ -124,6 +126,9 @@ export var StaticTabs = {
|
|
|
124
126
|
// lineColor: '#108ee9',
|
|
125
127
|
}],
|
|
126
128
|
|
|
129
|
+
followThemes: {
|
|
130
|
+
'@primary-color': ['backgroundColor', 'selectTextColor']
|
|
131
|
+
},
|
|
127
132
|
tpl: ".use-app-statictabs {\n .am-tabs-default-bar-content .am-tabs-default-bar-tab-active{\n background: selectBgColor;\n color: selectTextColor;\n position: relative;\n border-top-left-radius: selectBorderRadius;\n border-top-right-radius: selectBorderRadius;\n transform: perspective(200px) rotateX(25deg);\n transform-origin: top center;\n font-weight: selectFontWeight;\n }\n .am-tabs-default-bar-bottom .am-tabs-default-bar-content, .am-tabs-default-bar-top .am-tabs-default-bar-content{\n background: backgroundColor;\n }\n .am-tabs-bottom, .am-tabs-top{\n border-radius: selectBorderRadius;\n }\n .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::before, .am-tabs-default-bar-content .am-tabs-default-bar-tab-active::after{\n background: radial-gradient(0.24rem at 0.3rem 0, transparent 0.3rem, selectBgColor 0.23rem);\n }\n .am-tabs-default-bar-tab{\n color: textColor;\n font-weight: fontWeight;\n font-size: fontSize;\n }\n .am-tabs-pane-wrap {\n background-color: bodyBgColor;\n }\n }\n",
|
|
128
133
|
components: [{
|
|
129
134
|
id: 'StaticTabs_828878',
|
package/dist/lx-mobile.d.ts
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
export declare const THEME_KEYS_MOBILE_TITLE: {
|
|
2
|
+
'@primary-color': string;
|
|
3
|
+
'@border-color-base': string;
|
|
4
|
+
'@font-size-base': string;
|
|
5
|
+
'@color-text-base': string;
|
|
6
|
+
'@color-text-placeholder': string;
|
|
7
|
+
'@font-size-heading': string;
|
|
8
|
+
'@button-font-size': string;
|
|
9
|
+
'@fill-base': string;
|
|
10
|
+
'@brand-primary-tap': string;
|
|
11
|
+
'@color-link': string;
|
|
12
|
+
};
|
|
1
13
|
export declare const MOBILE_ASSETS_CSS_TPL: any;
|
|
2
14
|
export declare const mobileExtend: any;
|
|
3
15
|
export declare const MOBILE_ASSETS_COMPONENT_LIST: unknown[];
|
package/dist/lx-mobile.js
CHANGED
|
@@ -32,6 +32,18 @@ import { Icon } from "./h5config/Icon";
|
|
|
32
32
|
import { ALink } from "./h5config/Link";
|
|
33
33
|
import { Card } from "./h5config/Card";
|
|
34
34
|
import { Accordion } from "./h5config/Accordion";
|
|
35
|
+
export var THEME_KEYS_MOBILE_TITLE = {
|
|
36
|
+
'@primary-color': '主题颜色',
|
|
37
|
+
'@border-color-base': '边框颜色',
|
|
38
|
+
'@font-size-base': '主字号',
|
|
39
|
+
'@color-text-base': '文字基本色',
|
|
40
|
+
'@color-text-placeholder': '文本框提示色',
|
|
41
|
+
'@font-size-heading': '标题字号',
|
|
42
|
+
'@button-font-size': '按钮字体',
|
|
43
|
+
'@fill-base': '组件背景色',
|
|
44
|
+
'@brand-primary-tap': '点击背景色',
|
|
45
|
+
'@color-link': '链接色'
|
|
46
|
+
};
|
|
35
47
|
export var MOBILE_ASSETS_CSS_TPL = {
|
|
36
48
|
Icon: Icon,
|
|
37
49
|
ALink: ALink,
|
package/dist/lx.d.ts
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
export declare const THEME_KEYS_TITLE: {
|
|
2
|
+
'@primary-color': string;
|
|
3
|
+
'@font-size-base': string;
|
|
4
|
+
'@heading-color': string;
|
|
5
|
+
'@text-color': string;
|
|
6
|
+
'@text-color-secondary': string;
|
|
7
|
+
'@disabled-color': string;
|
|
8
|
+
'@border-radius-base': string;
|
|
9
|
+
'@padding': string;
|
|
10
|
+
'@border-color-base': string;
|
|
11
|
+
'@box-shadow-base': string;
|
|
12
|
+
'@link-color': string;
|
|
13
|
+
'@success-color': string;
|
|
14
|
+
'@warning-color': string;
|
|
15
|
+
'@error-color': string;
|
|
16
|
+
};
|
|
1
17
|
export declare const ASSETS_CSS_TPL: any;
|
|
2
18
|
export declare const pcExtend: any;
|
|
3
19
|
export declare const ASSETS_COMPONENT_LIST: unknown[];
|
package/dist/lx.js
CHANGED
|
@@ -35,6 +35,22 @@ import { Table } from "./config/Table";
|
|
|
35
35
|
import { Tag } from "./config/Tag";
|
|
36
36
|
import { Tree } from "./config/Tree";
|
|
37
37
|
import { Description } from "./config/Description";
|
|
38
|
+
export var THEME_KEYS_TITLE = {
|
|
39
|
+
'@primary-color': '主题颜色',
|
|
40
|
+
'@font-size-base': '主字号',
|
|
41
|
+
'@heading-color': '标题色',
|
|
42
|
+
'@text-color': '主文本色',
|
|
43
|
+
'@text-color-secondary': '次文本色',
|
|
44
|
+
'@disabled-color': '失效色',
|
|
45
|
+
'@border-radius-base': '圆角',
|
|
46
|
+
'@padding': '边距',
|
|
47
|
+
'@border-color-base': '边框颜色',
|
|
48
|
+
'@box-shadow-base': '浮层阴影',
|
|
49
|
+
'@link-color': '链接色',
|
|
50
|
+
'@success-color': '成功色',
|
|
51
|
+
'@warning-color': '警告色',
|
|
52
|
+
'@error-color': '错误色'
|
|
53
|
+
};
|
|
38
54
|
export var ASSETS_CSS_TPL = {
|
|
39
55
|
Button: Button,
|
|
40
56
|
Container: Container,
|