@lingxiteam/theme-utils 0.3.0 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,22 @@ export declare const Cascader: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ desc: string;
10
+ };
11
+ iconTop: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ };
16
+ iconColor: {
17
+ type: string;
18
+ label: string;
19
+ groupsName: string;
20
+ };
5
21
  labelTextColor: {
6
22
  type: string;
7
23
  label: string;
@@ -58,22 +74,6 @@ export declare const Cascader: {
58
74
  canEdit: boolean;
59
75
  extendsKey: string;
60
76
  };
61
- iconFontSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- desc: string;
66
- };
67
- iconTop: {
68
- type: string;
69
- label: string;
70
- groupsName: string;
71
- };
72
- iconColor: {
73
- type: string;
74
- label: string;
75
- groupsName: string;
76
- };
77
77
  };
78
78
  groupsName: string;
79
79
  icon: string;
@@ -2,6 +2,22 @@ export var Cascader = {
2
2
  type: 'Cascader',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: 'px',
7
+ label: '下拉图标尺寸',
8
+ groupsName: '文字',
9
+ desc: '请根据实际【文本尺寸】调整,不宜与【文本尺寸】大小差异过大'
10
+ },
11
+ iconTop: {
12
+ type: 'px',
13
+ label: '下拉图标距离顶部',
14
+ groupsName: '文字'
15
+ },
16
+ iconColor: {
17
+ type: 'color',
18
+ label: '下拉图标颜色',
19
+ groupsName: '文字'
20
+ },
5
21
  labelTextColor: {
6
22
  type: 'color',
7
23
  label: '标题文本颜色',
@@ -57,22 +73,6 @@ export var Cascader = {
57
73
  desc: '继承自表单,此处不可编辑',
58
74
  canEdit: false,
59
75
  extendsKey: 'Form'
60
- },
61
- iconFontSize: {
62
- type: 'px',
63
- label: '下拉图标尺寸',
64
- groupsName: '文字',
65
- desc: '请根据实际【文本尺寸】调整,不宜与【文本尺寸】大小差异过大'
66
- },
67
- iconTop: {
68
- type: 'px',
69
- label: '下拉图标距离顶部',
70
- groupsName: '文字'
71
- },
72
- iconColor: {
73
- type: 'color',
74
- label: '下拉图标颜色',
75
- groupsName: '文字'
76
76
  }
77
77
  },
78
78
  groupsName: '数据录入',
@@ -80,7 +80,7 @@ export declare const DatePicker: {
80
80
  }[];
81
81
  followThemes: {
82
82
  '@font-size-base': string[];
83
- '@primary-color': string[];
83
+ '@text-color-secondary': string[];
84
84
  };
85
85
  tpl: string;
86
86
  components: {
@@ -12,7 +12,7 @@ export var DatePicker = {
12
12
  type: 'color',
13
13
  label: '日期图标颜色',
14
14
  groupsName: '文字',
15
- followTheme: '@primary-color'
15
+ followTheme: '@text-color-secondary'
16
16
  },
17
17
  labelTextColor: {
18
18
  type: 'color',
@@ -76,11 +76,11 @@ export var DatePicker = {
76
76
  title: '日期选择 ',
77
77
  defaultValue: [{
78
78
  iconFontSize: '14px',
79
- iconColor: '#47e'
79
+ iconColor: '#9092A3'
80
80
  }],
81
81
  followThemes: {
82
82
  '@font-size-base': ['iconFontSize'],
83
- '@primary-color': ['iconColor']
83
+ '@text-color-secondary': ['iconColor']
84
84
  },
85
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 }",
86
86
  components: [{
@@ -2,6 +2,24 @@ export declare const RangePicker: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ followTheme: string;
10
+ };
11
+ iconColor: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ followTheme: string;
16
+ };
17
+ lineColor: {
18
+ type: string;
19
+ label: string;
20
+ groupsName: string;
21
+ followTheme: string;
22
+ };
5
23
  labelTextColor: {
6
24
  type: string;
7
25
  label: string;
@@ -58,22 +76,6 @@ export declare const RangePicker: {
58
76
  canEdit: boolean;
59
77
  extendsKey: string;
60
78
  };
61
- iconFontSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- followTheme: string;
66
- };
67
- iconColor: {
68
- type: string;
69
- label: string;
70
- groupsName: string;
71
- };
72
- lineColor: {
73
- type: string;
74
- label: string;
75
- groupsName: string;
76
- };
77
79
  };
78
80
  groupsName: string;
79
81
  icon: string;
@@ -84,6 +86,7 @@ export declare const RangePicker: {
84
86
  lineColor: string;
85
87
  }[];
86
88
  followThemes: {
89
+ '@text-color-secondary': string[];
87
90
  '@font-size-base': string[];
88
91
  };
89
92
  tpl: string;
@@ -2,6 +2,24 @@ export var RangePicker = {
2
2
  type: 'RangePicker',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: 'px',
7
+ label: '时间图标尺寸',
8
+ groupsName: '文字',
9
+ followTheme: '@font-size-base'
10
+ },
11
+ iconColor: {
12
+ type: 'color',
13
+ label: '时间图标颜色',
14
+ groupsName: '文字',
15
+ followTheme: '@text-color-secondary'
16
+ },
17
+ lineColor: {
18
+ type: 'color',
19
+ label: '时间连接线颜色',
20
+ groupsName: '文字',
21
+ followTheme: '@text-color-secondary'
22
+ },
5
23
  labelTextColor: {
6
24
  type: 'color',
7
25
  label: '标题文本颜色',
@@ -57,22 +75,6 @@ export var RangePicker = {
57
75
  desc: '继承自表单,此处不可编辑',
58
76
  canEdit: false,
59
77
  extendsKey: 'Form'
60
- },
61
- iconFontSize: {
62
- type: 'px',
63
- label: '时间图标尺寸',
64
- groupsName: '文字',
65
- followTheme: '@font-size-base'
66
- },
67
- iconColor: {
68
- type: 'color',
69
- label: '时间图标颜色',
70
- groupsName: '文字'
71
- },
72
- lineColor: {
73
- type: 'color',
74
- label: '时间连接线颜色',
75
- groupsName: '文字'
76
78
  }
77
79
  },
78
80
  groupsName: '数据录入',
@@ -80,10 +82,11 @@ export var RangePicker = {
80
82
  title: '时间段选择',
81
83
  defaultValue: [{
82
84
  iconFontSize: '14px',
83
- iconColor: '#0085D0',
84
- lineColor: '#1c242e'
85
+ iconColor: '#9092A3',
86
+ lineColor: '#9092A3'
85
87
  }],
86
88
  followThemes: {
89
+ '@text-color-secondary': ['iconColor', 'lineColor'],
87
90
  '@font-size-base': ['iconFontSize']
88
91
  },
89
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 }",
@@ -2,6 +2,30 @@ export declare const StdUpload: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ listTextColor: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ followTheme: string;
10
+ };
11
+ listFontSize: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ followTheme: string;
16
+ };
17
+ listIconColor: {
18
+ type: string;
19
+ label: string;
20
+ groupsName: string;
21
+ followTheme: string;
22
+ };
23
+ lisIconSize: {
24
+ type: string;
25
+ label: string;
26
+ groupsName: string;
27
+ followTheme: string;
28
+ };
5
29
  labelTextColor: {
6
30
  type: string;
7
31
  label: string;
@@ -42,28 +66,6 @@ export declare const StdUpload: {
42
66
  canEdit: boolean;
43
67
  extendsKey: string;
44
68
  };
45
- listTextColor: {
46
- type: string;
47
- label: string;
48
- groupsName: string;
49
- };
50
- listFontSize: {
51
- type: string;
52
- label: string;
53
- groupsName: string;
54
- followTheme: string;
55
- };
56
- listIconColor: {
57
- type: string;
58
- label: string;
59
- groupsName: string;
60
- };
61
- lisIconSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- followTheme: string;
66
- };
67
69
  };
68
70
  groupsName: string;
69
71
  icon: string;
@@ -76,6 +78,7 @@ export declare const StdUpload: {
76
78
  }[];
77
79
  followThemes: {
78
80
  '@font-size-base': string[];
81
+ '@text-color-secondary': string[];
79
82
  };
80
83
  tpl: string;
81
84
  components: {
@@ -2,6 +2,30 @@ export var StdUpload = {
2
2
  type: 'StdUpload',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ listTextColor: {
6
+ type: 'color',
7
+ label: '列表文本颜色',
8
+ groupsName: '文字',
9
+ followTheme: '@text-color-secondary'
10
+ },
11
+ listFontSize: {
12
+ type: 'px',
13
+ label: '列表文本字号',
14
+ groupsName: '文字',
15
+ followTheme: '@text-color-secondary'
16
+ },
17
+ listIconColor: {
18
+ type: 'color',
19
+ label: '列表图标颜色',
20
+ groupsName: '文字',
21
+ followTheme: '@font-size-base'
22
+ },
23
+ lisIconSize: {
24
+ type: 'px',
25
+ label: '列表图标字号',
26
+ groupsName: '文字',
27
+ followTheme: '@font-size-base'
28
+ },
5
29
  labelTextColor: {
6
30
  type: 'color',
7
31
  label: '标题文本颜色',
@@ -41,28 +65,6 @@ export var StdUpload = {
41
65
  desc: '继承自表单,此处不可编辑',
42
66
  canEdit: false,
43
67
  extendsKey: 'Form'
44
- },
45
- listTextColor: {
46
- type: 'color',
47
- label: '列表文本颜色',
48
- groupsName: '文字'
49
- },
50
- listFontSize: {
51
- type: 'px',
52
- label: '列表文本字号',
53
- groupsName: '文字',
54
- followTheme: '@font-size-base'
55
- },
56
- listIconColor: {
57
- type: 'color',
58
- label: '列表图标颜色',
59
- groupsName: '文字'
60
- },
61
- lisIconSize: {
62
- type: 'px',
63
- label: '列表图标字号',
64
- groupsName: '文字',
65
- followTheme: '@font-size-base'
66
68
  }
67
69
  },
68
70
  groupsName: '数据录入',
@@ -75,7 +77,8 @@ export var StdUpload = {
75
77
  lisIconSize: '14px'
76
78
  }],
77
79
  followThemes: {
78
- '@font-size-base': ['listFontSize', 'lisIconSize']
80
+ '@font-size-base': ['listFontSize', 'lisIconSize'],
81
+ '@text-color-secondary': ['listTextColor', 'listIconColor']
79
82
  },
80
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 ",
81
84
  components: [{
@@ -2,6 +2,18 @@ export declare const TimePicker: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ followTheme: string;
10
+ };
11
+ iconColor: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ followTheme: string;
16
+ };
5
17
  labelTextColor: {
6
18
  type: string;
7
19
  label: string;
@@ -58,17 +70,6 @@ export declare const TimePicker: {
58
70
  canEdit: boolean;
59
71
  extendsKey: string;
60
72
  };
61
- iconFontSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- followTheme: string;
66
- };
67
- iconColor: {
68
- type: string;
69
- label: string;
70
- groupsName: string;
71
- };
72
73
  };
73
74
  groupsName: string;
74
75
  icon: string;
@@ -78,6 +79,7 @@ export declare const TimePicker: {
78
79
  iconColor: string;
79
80
  }[];
80
81
  followThemes: {
82
+ '@text-color-secondary': string[];
81
83
  '@font-size-base': string[];
82
84
  };
83
85
  tpl: string;
@@ -2,6 +2,18 @@ export var TimePicker = {
2
2
  type: 'TimePicker',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: 'px',
7
+ label: '日期图标尺寸',
8
+ groupsName: '文字',
9
+ followTheme: '@font-size-base'
10
+ },
11
+ iconColor: {
12
+ type: 'color',
13
+ label: '日期图标颜色',
14
+ groupsName: '文字',
15
+ followTheme: '@text-color-secondary'
16
+ },
5
17
  labelTextColor: {
6
18
  type: 'color',
7
19
  label: '标题文本颜色',
@@ -57,17 +69,6 @@ export var TimePicker = {
57
69
  desc: '继承自表单,此处不可编辑',
58
70
  canEdit: false,
59
71
  extendsKey: 'Form'
60
- },
61
- iconFontSize: {
62
- type: 'px',
63
- label: '日期图标尺寸',
64
- groupsName: '文字',
65
- followTheme: '@font-size-base'
66
- },
67
- iconColor: {
68
- type: 'color',
69
- label: '日期图标颜色',
70
- groupsName: '文字'
71
72
  }
72
73
  },
73
74
  groupsName: '数据录入',
@@ -75,9 +76,10 @@ export var TimePicker = {
75
76
  title: '时间选择',
76
77
  defaultValue: [{
77
78
  iconFontSize: '14px',
78
- iconColor: '#0085D0'
79
+ iconColor: '#9092A3'
79
80
  }],
80
81
  followThemes: {
82
+ '@text-color-secondary': ['iconColor'],
81
83
  '@font-size-base': ['iconFontSize']
82
84
  },
83
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 }",
@@ -2,6 +2,22 @@ export declare const TreeSelect: {
2
2
  type: string;
3
3
  hasPrefixClass: boolean;
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: string;
7
+ label: string;
8
+ groupsName: string;
9
+ desc: string;
10
+ };
11
+ iconColor: {
12
+ type: string;
13
+ label: string;
14
+ groupsName: string;
15
+ };
16
+ iconTop: {
17
+ type: string;
18
+ label: string;
19
+ groupsName: string;
20
+ };
5
21
  labelTextColor: {
6
22
  type: string;
7
23
  label: string;
@@ -58,22 +74,6 @@ export declare const TreeSelect: {
58
74
  canEdit: boolean;
59
75
  extendsKey: string;
60
76
  };
61
- iconFontSize: {
62
- type: string;
63
- label: string;
64
- groupsName: string;
65
- desc: string;
66
- };
67
- iconColor: {
68
- type: string;
69
- label: string;
70
- groupsName: string;
71
- };
72
- iconTop: {
73
- type: string;
74
- label: string;
75
- groupsName: string;
76
- };
77
77
  };
78
78
  groupsName: string;
79
79
  icon: string;
@@ -2,6 +2,22 @@ export var TreeSelect = {
2
2
  type: 'TreeSelect',
3
3
  hasPrefixClass: true,
4
4
  variable: {
5
+ iconFontSize: {
6
+ type: 'px',
7
+ label: '下拉图标尺寸',
8
+ groupsName: '文字',
9
+ desc: '请根据实际【文本尺寸】调整,不宜与【文本尺寸】大小差异过大'
10
+ },
11
+ iconColor: {
12
+ type: 'color',
13
+ label: '下拉图标颜色',
14
+ groupsName: '文字'
15
+ },
16
+ iconTop: {
17
+ type: 'px',
18
+ label: '下拉图标距离顶部',
19
+ groupsName: '文字'
20
+ },
5
21
  labelTextColor: {
6
22
  type: 'color',
7
23
  label: '标题文本颜色',
@@ -57,22 +73,6 @@ export var TreeSelect = {
57
73
  desc: '继承自表单,此处不可编辑',
58
74
  canEdit: false,
59
75
  extendsKey: 'Form'
60
- },
61
- iconFontSize: {
62
- type: 'px',
63
- label: '下拉图标尺寸',
64
- groupsName: '文字',
65
- desc: '请根据实际【文本尺寸】调整,不宜与【文本尺寸】大小差异过大'
66
- },
67
- iconColor: {
68
- type: 'color',
69
- label: '下拉图标颜色',
70
- groupsName: '文字'
71
- },
72
- iconTop: {
73
- type: 'px',
74
- label: '下拉图标距离顶部',
75
- groupsName: '文字'
76
76
  }
77
77
  },
78
78
  groupsName: '数据录入',
@@ -92,7 +92,7 @@ export declare const Accordion: {
92
92
  borderRadius: string;
93
93
  }[];
94
94
  followThemes: {
95
- '@primary-color': string[];
95
+ '@brand-primary': string[];
96
96
  };
97
97
  tpl: string;
98
98
  components: ({
@@ -52,7 +52,7 @@ export var Accordion = {
52
52
  type: 'color',
53
53
  label: '装饰条颜色',
54
54
  groupsName: '标题',
55
- followTheme: '@primary-color'
55
+ followTheme: '@brand-primary'
56
56
  },
57
57
  // lineColor: {
58
58
  // type: 'color',
@@ -116,7 +116,7 @@ export var Accordion = {
116
116
  borderRadius: '4px'
117
117
  }],
118
118
  followThemes: {
119
- '@primary-color': ['titleColor']
119
+ '@brand-primary': ['titleColor']
120
120
  },
121
121
  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
122
  components: [{
@@ -57,7 +57,7 @@ export declare const Button: {
57
57
  marginValue: string;
58
58
  }[];
59
59
  followThemes: {
60
- '@primary-color': string[];
60
+ '@brand-primary': string[];
61
61
  };
62
62
  tpl: string;
63
63
  components: ({
@@ -20,7 +20,7 @@ export var Button = {
20
20
  type: 'color',
21
21
  label: '主题颜色',
22
22
  groupsName: '颜色',
23
- followTheme: '@primary-color'
23
+ followTheme: '@brand-primary'
24
24
  },
25
25
  borderColor: {
26
26
  type: 'color',
@@ -57,7 +57,7 @@ export var Button = {
57
57
  marginValue: '0px'
58
58
  }],
59
59
  followThemes: {
60
- '@primary-color': ['backgroundColor']
60
+ '@brand-primary': ['backgroundColor']
61
61
  },
62
62
  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
63
  components: [{
@@ -114,7 +114,7 @@ export declare const Card: {
114
114
  borderRadius: string;
115
115
  }[];
116
116
  followThemes: {
117
- '@primary-color': string[];
117
+ '@brand-primary': string[];
118
118
  };
119
119
  tpl: string;
120
120
  components: ({
@@ -60,7 +60,7 @@ export var Card = {
60
60
  type: 'color',
61
61
  label: '装饰条颜色',
62
62
  groupsName: '标题',
63
- followTheme: '@primary-color'
63
+ followTheme: '@brand-primary'
64
64
  },
65
65
  lineColor: {
66
66
  type: 'color',
@@ -135,7 +135,7 @@ export var Card = {
135
135
  borderRadius: '4px'
136
136
  }],
137
137
  followThemes: {
138
- '@primary-color': ['titleColor']
138
+ '@brand-primary': ['titleColor']
139
139
  },
140
140
  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
141
  components: [{
@@ -126,7 +126,7 @@ export declare const DCheckbox: {
126
126
  itemBgColor: string;
127
127
  }[];
128
128
  followThemes: {
129
- '@primary-color': string[];
129
+ '@brand-primary': string[];
130
130
  };
131
131
  tpl: string;
132
132
  components: {
@@ -5,13 +5,13 @@ export var DCheckbox = {
5
5
  type: 'color',
6
6
  label: '选中背景颜色',
7
7
  groupsName: '背景颜色',
8
- followTheme: '@primary-color'
8
+ followTheme: '@brand-primary'
9
9
  },
10
10
  selectBorderRadius: {
11
11
  type: 'color',
12
12
  label: '选中边框颜色',
13
13
  groupsName: '边框',
14
- followTheme: '@primary-color'
14
+ followTheme: '@brand-primary'
15
15
  },
16
16
  itemBgColor: {
17
17
  type: 'color',
@@ -168,7 +168,7 @@ export var DCheckbox = {
168
168
  itemBgColor: 'rgba(0,0,0,0)'
169
169
  }],
170
170
  followThemes: {
171
- '@primary-color': ['selectBorderRadius', 'selectBgColor']
171
+ '@brand-primary': ['selectBorderRadius', 'selectBgColor']
172
172
  },
173
173
  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
174
  components: [{
@@ -64,7 +64,7 @@ export declare const DformFile: {
64
64
  btnBorderRadius: string;
65
65
  }[];
66
66
  followThemes: {
67
- '@primary-color': string[];
67
+ '@brand-primary': string[];
68
68
  };
69
69
  tpl: string;
70
70
  components: {
@@ -11,7 +11,7 @@ export var DformFile = {
11
11
  type: 'color',
12
12
  label: '上传按钮标题颜色',
13
13
  groupsName: '背景颜色',
14
- followTheme: '@primary-color'
14
+ followTheme: '@brand-primary'
15
15
  },
16
16
  btnBorderRadius: {
17
17
  type: 'px',
@@ -82,7 +82,7 @@ export var DformFile = {
82
82
  btnBorderRadius: '100px'
83
83
  }],
84
84
  followThemes: {
85
- '@primary-color': ['btnIconColor']
85
+ '@brand-primary': ['btnIconColor']
86
86
  },
87
87
  tpl: ".lcdp-form-item {\n .lingxiteam-dform-file-extra-btn{\n border-radius: btnBorderRadius;\n background: btnBgColor;\n > span {\n color: btnIconColor;\n }\n }\n }",
88
88
  components: [{
@@ -126,7 +126,7 @@ export declare const DformRadio: {
126
126
  itemBgColor: string;
127
127
  }[];
128
128
  followThemes: {
129
- '@primary-color': string[];
129
+ '@brand-primary': string[];
130
130
  };
131
131
  tpl: string;
132
132
  components: {
@@ -5,13 +5,13 @@ export var DformRadio = {
5
5
  type: 'color',
6
6
  label: '选中背景颜色',
7
7
  groupsName: '背景颜色',
8
- followTheme: '@primary-color'
8
+ followTheme: '@brand-primary'
9
9
  },
10
10
  selectBorderRadius: {
11
11
  type: 'color',
12
12
  label: '选中边框颜色',
13
13
  groupsName: '边框',
14
- followTheme: '@primary-color'
14
+ followTheme: '@brand-primary'
15
15
  },
16
16
  itemBgColor: {
17
17
  type: 'color',
@@ -168,7 +168,7 @@ export var DformRadio = {
168
168
  itemBgColor: 'rgba(0,0,0,0)'
169
169
  }],
170
170
  followThemes: {
171
- '@primary-color': ['selectBorderRadius', 'selectBgColor']
171
+ '@brand-primary': ['selectBorderRadius', 'selectBgColor']
172
172
  },
173
173
  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
174
  components: [{
@@ -66,7 +66,7 @@ export declare const DformSwitch: {
66
66
  closeColor: string;
67
67
  }[];
68
68
  followThemes: {
69
- '@primary-color': string[];
69
+ '@brand-primary': string[];
70
70
  };
71
71
  tpl: string;
72
72
  components: {
@@ -6,7 +6,7 @@ export var DformSwitch = {
6
6
  type: 'color',
7
7
  label: '开启颜色',
8
8
  groupsName: '文字',
9
- followTheme: '@primary-color'
9
+ followTheme: '@brand-primary'
10
10
  },
11
11
  closeColor: {
12
12
  type: 'color',
@@ -84,7 +84,7 @@ export var DformSwitch = {
84
84
  closeColor: '#ddd'
85
85
  }],
86
86
  followThemes: {
87
- '@primary-color': ['openColor']
87
+ '@brand-primary': ['openColor']
88
88
  },
89
89
  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
90
  components: [{
@@ -73,7 +73,7 @@ export declare const StaticTabs: {
73
73
  bodyBgColor: string;
74
74
  }[];
75
75
  followThemes: {
76
- '@primary-color': string[];
76
+ '@brand-primary': string[];
77
77
  };
78
78
  tpl: string;
79
79
  components: {
@@ -17,7 +17,7 @@ export var StaticTabs = {
17
17
  type: 'color',
18
18
  label: '选项背景颜色',
19
19
  groupsName: '选项',
20
- followTheme: '@primary-color'
20
+ followTheme: '@brand-primary'
21
21
  },
22
22
  selectBorderRadius: {
23
23
  type: 'px',
@@ -28,7 +28,7 @@ export var StaticTabs = {
28
28
  type: 'color',
29
29
  label: '选中项文本颜色',
30
30
  groupsName: '选中项',
31
- followTheme: '@primary-color'
31
+ followTheme: '@brand-primary'
32
32
  },
33
33
  selectFontWeight: {
34
34
  type: 'select',
@@ -127,7 +127,7 @@ export var StaticTabs = {
127
127
  }],
128
128
 
129
129
  followThemes: {
130
- '@primary-color': ['backgroundColor', 'selectTextColor']
130
+ '@brand-primary': ['backgroundColor', 'selectTextColor']
131
131
  },
132
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",
133
133
  components: [{
@@ -1,5 +1,5 @@
1
1
  export declare const THEME_KEYS_MOBILE_TITLE: {
2
- '@primary-color': string;
2
+ '@brand-primary': string;
3
3
  '@border-color-base': string;
4
4
  '@font-size-base': string;
5
5
  '@color-text-base': string;
package/dist/lx-mobile.js CHANGED
@@ -33,7 +33,7 @@ import { ALink } from "./h5config/Link";
33
33
  import { Card } from "./h5config/Card";
34
34
  import { Accordion } from "./h5config/Accordion";
35
35
  export var THEME_KEYS_MOBILE_TITLE = {
36
- '@primary-color': '主题色',
36
+ '@brand-primary': '主题色',
37
37
  '@border-color-base': '边框色',
38
38
  '@font-size-base': '主字号',
39
39
  '@color-text-base': '主文本色',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lingxiteam/theme-utils",
3
- "version": "0.3.0",
3
+ "version": "0.3.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",