@tuya-miniapp/smart-ui 2.7.3 → 2.7.4-beta-1

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.
Files changed (13) hide show
  1. package/dist/config-provider/dark.wxs +169 -0
  2. package/dist/config-provider/index.js +1 -0
  3. package/dist/config-provider/index.wxml +1 -1
  4. package/dist/config-provider/index.wxs +28 -5
  5. package/dist/config-provider/light.wxs +170 -0
  6. package/dist/wxs/style.wxs +1 -1
  7. package/lib/config-provider/dark.wxs +169 -0
  8. package/lib/config-provider/index.js +1 -0
  9. package/lib/config-provider/index.wxml +1 -1
  10. package/lib/config-provider/index.wxs +28 -5
  11. package/lib/config-provider/light.wxs +170 -0
  12. package/lib/wxs/style.wxs +1 -1
  13. package/package.json +1 -1
package/dist/config-provider/dark.wxs ADDED
@@ -0,0 +1,169 @@
1
+ /* eslint-disable */
2
+ var darkVars = {};
3
+
4
+ var v0 = "rgba(0, 0, 0, 1)";
5
+ var v1 = "rgba(255, 255, 255, 1)";
6
+ var v2 = "rgba(255, 255, 255, 0.7)";
7
+ var v3 = "rgba(255, 255, 255, 0.5)";
8
+ var v4 = "rgba(255, 255, 255, 0.3)";
9
+ var v5 = "rgba(255, 255, 255, 0.2)";
10
+ var v6 = "rgba(255, 255, 255, 0.1)";
11
+ var v7 = "rgba(0, 0, 0, 0.7)";
12
+ var v8 = "rgba(25.5, 25.5, 25.5, 1)";
13
+ var v9 = "rgba(26, 26, 26, 1)";
14
+ var v10 = "rgba(48.9, 48.9, 48.9, 1)";
15
+ var v11 = "rgba(48.45, 48.45, 48.45, 1)";
16
+ var v12 = "rgba(0, 0, 0, 0.1)";
17
+
18
+ darkVars["--app-B1"] = v0;
19
+ darkVars["--app-B1-N1"] = v1;
20
+ darkVars["--app-B1-N2"] = v2;
21
+ darkVars["--app-B1-N3"] = v3;
22
+ darkVars["--app-B1-N4"] = v4;
23
+ darkVars["--app-B1-N5"] = v2;
24
+ darkVars["--app-B1-N6"] = v5;
25
+ darkVars["--app-B1-N7"] = v6;
26
+ darkVars["--app-B1-N8"] = v7;
27
+ darkVars["--app-B1-N9"] = v6;
28
+ darkVars["--app-B1_2"] = v8;
29
+ darkVars["--app-B1_2-N1"] = v1;
30
+ darkVars["--app-B1_2-N2"] = v2;
31
+ darkVars["--app-B1_2-N3"] = v3;
32
+ darkVars["--app-B1_2-N4"] = v4;
33
+ darkVars["--app-B1_2-N5"] = v2;
34
+ darkVars["--app-B1_2-N6"] = v5;
35
+ darkVars["--app-B1_2-N7"] = v6;
36
+ darkVars["--app-B1_2-N8"] = v7;
37
+ darkVars["--app-B1_2-N9"] = v6;
38
+ darkVars["--app-B2"] = v9;
39
+ darkVars["--app-B2-N1"] = v1;
40
+ darkVars["--app-B2-N2"] = v2;
41
+ darkVars["--app-B2-N3"] = v3;
42
+ darkVars["--app-B2-N4"] = v4;
43
+ darkVars["--app-B2-N5"] = v2;
44
+ darkVars["--app-B2-N6"] = v5;
45
+ darkVars["--app-B2-N7"] = v6;
46
+ darkVars["--app-B2-N8"] = v7;
47
+ darkVars["--app-B2-N9"] = v6;
48
+ darkVars["--app-B2_2"] = v10;
49
+ darkVars["--app-B2_2-N1"] = v1;
50
+ darkVars["--app-B2_2-N2"] = v2;
51
+ darkVars["--app-B2_2-N3"] = v3;
52
+ darkVars["--app-B2_2-N4"] = v4;
53
+ darkVars["--app-B2_2-N5"] = v2;
54
+ darkVars["--app-B2_2-N6"] = v5;
55
+ darkVars["--app-B2_2-N7"] = v6;
56
+ darkVars["--app-B2_2-N8"] = v7;
57
+ darkVars["--app-B2_2-N9"] = v6;
58
+ darkVars["--app-B3"] = v9;
59
+ darkVars["--app-B3-N1"] = v1;
60
+ darkVars["--app-B3-N2"] = v2;
61
+ darkVars["--app-B3-N3"] = v3;
62
+ darkVars["--app-B3-N4"] = v4;
63
+ darkVars["--app-B3-N5"] = v2;
64
+ darkVars["--app-B3-N6"] = v5;
65
+ darkVars["--app-B3-N7"] = v6;
66
+ darkVars["--app-B3-N8"] = v7;
67
+ darkVars["--app-B3-N9"] = v6;
68
+ darkVars["--app-B3_2"] = v10;
69
+ darkVars["--app-B3_2-N1"] = v1;
70
+ darkVars["--app-B3_2-N2"] = v2;
71
+ darkVars["--app-B3_2-N3"] = v3;
72
+ darkVars["--app-B3_2-N4"] = v4;
73
+ darkVars["--app-B3_2-N5"] = v2;
74
+ darkVars["--app-B3_2-N6"] = v5;
75
+ darkVars["--app-B3_2-N7"] = v6;
76
+ darkVars["--app-B3_2-N8"] = v7;
77
+ darkVars["--app-B3_2-N9"] = v6;
78
+ darkVars["--app-B4"] = v9;
79
+ darkVars["--app-B4-N1"] = v1;
80
+ darkVars["--app-B4-N2"] = v2;
81
+ darkVars["--app-B4-N3"] = v3;
82
+ darkVars["--app-B4-N4"] = v4;
83
+ darkVars["--app-B4-N5"] = v2;
84
+ darkVars["--app-B4-N6"] = v5;
85
+ darkVars["--app-B4-N7"] = v6;
86
+ darkVars["--app-B4-N8"] = v7;
87
+ darkVars["--app-B4-N9"] = v6;
88
+ darkVars["--app-B4_2"] = v10;
89
+ darkVars["--app-B4_2-N1"] = v1;
90
+ darkVars["--app-B4_2-N2"] = v2;
91
+ darkVars["--app-B4_2-N3"] = v3;
92
+ darkVars["--app-B4_2-N4"] = v4;
93
+ darkVars["--app-B4_2-N5"] = v2;
94
+ darkVars["--app-B4_2-N6"] = v5;
95
+ darkVars["--app-B4_2-N7"] = v6;
96
+ darkVars["--app-B4_2-N8"] = v7;
97
+ darkVars["--app-B4_2-N9"] = v6;
98
+ darkVars["--app-B5"] = v9;
99
+ darkVars["--app-B5-N1"] = v1;
100
+ darkVars["--app-B5-N2"] = v2;
101
+ darkVars["--app-B5-N3"] = v3;
102
+ darkVars["--app-B5-N4"] = v4;
103
+ darkVars["--app-B5-N5"] = v2;
104
+ darkVars["--app-B5-N6"] = v5;
105
+ darkVars["--app-B5-N7"] = v6;
106
+ darkVars["--app-B5-N8"] = v7;
107
+ darkVars["--app-B5-N9"] = v6;
108
+ darkVars["--app-B5_2"] = v10;
109
+ darkVars["--app-B5_2-N1"] = v1;
110
+ darkVars["--app-B5_2-N2"] = v2;
111
+ darkVars["--app-B5_2-N3"] = v3;
112
+ darkVars["--app-B5_2-N4"] = v4;
113
+ darkVars["--app-B5_2-N5"] = v2;
114
+ darkVars["--app-B5_2-N6"] = v5;
115
+ darkVars["--app-B5_2-N7"] = v6;
116
+ darkVars["--app-B5_2-N8"] = v7;
117
+ darkVars["--app-B5_2-N9"] = v6;
118
+ darkVars["--app-B6"] = v8;
119
+ darkVars["--app-B6-N1"] = v1;
120
+ darkVars["--app-B6-N2"] = v2;
121
+ darkVars["--app-B6-N3"] = v3;
122
+ darkVars["--app-B6-N4"] = v4;
123
+ darkVars["--app-B6-N5"] = v2;
124
+ darkVars["--app-B6-N6"] = v5;
125
+ darkVars["--app-B6-N7"] = v6;
126
+ darkVars["--app-B6-N8"] = v7;
127
+ darkVars["--app-B6-N9"] = v6;
128
+ darkVars["--app-B6_2"] = v11;
129
+ darkVars["--app-B6_2-N1"] = v1;
130
+ darkVars["--app-B6_2-N2"] = v2;
131
+ darkVars["--app-B6_2-N3"] = v3;
132
+ darkVars["--app-B6_2-N4"] = v4;
133
+ darkVars["--app-B6_2-N5"] = v2;
134
+ darkVars["--app-B6_2-N6"] = v5;
135
+ darkVars["--app-B6_2-N7"] = v6;
136
+ darkVars["--app-B6_2-N8"] = v7;
137
+ darkVars["--app-B6_2-N9"] = v6;
138
+ darkVars["--app-M1-N8"] = v7;
139
+ darkVars["--app-M1-N9"] = v6;
140
+ darkVars["--app-M1_1-N8"] = v7;
141
+ darkVars["--app-M1_1-N9"] = v6;
142
+ darkVars["--app-M1_2-N1"] = v1;
143
+ darkVars["--app-M1_2-N8"] = v7;
144
+ darkVars["--app-M1_2-N9"] = v6;
145
+ darkVars["--app-M2-N8"] = v7;
146
+ darkVars["--app-M2-N9"] = v6;
147
+ darkVars["--app-M2_1-N8"] = v7;
148
+ darkVars["--app-M2_1-N9"] = v6;
149
+ darkVars["--app-M2_2-N1"] = v1;
150
+ darkVars["--app-M2_2-N8"] = v7;
151
+ darkVars["--app-M2_2-N9"] = v6;
152
+ darkVars["--app-M3-N8"] = v7;
153
+ darkVars["--app-M3-N9"] = v6;
154
+ darkVars["--app-M3_1-N8"] = v7;
155
+ darkVars["--app-M3_1-N9"] = v6;
156
+ darkVars["--app-M3_2-N1"] = v0;
157
+ darkVars["--app-M3_2-N8"] = v7;
158
+ darkVars["--app-M3_2-N9"] = v12;
159
+ darkVars["--app-M4-N8"] = v7;
160
+ darkVars["--app-M4-N9"] = v6;
161
+ darkVars["--app-M4_1-N8"] = v7;
162
+ darkVars["--app-M4_1-N9"] = v6;
163
+ darkVars["--app-M4_2-N1"] = v1;
164
+ darkVars["--app-M4_2-N8"] = v7;
165
+ darkVars["--app-M4_2-N9"] = v6;
166
+ darkVars["--app-M5-N8"] = v7;
167
+ darkVars["--app-M5-N9"] = v6;
168
+
169
+ module.exports = darkVars;
package/dist/config-provider/index.js CHANGED
@@ -5,5 +5,6 @@ SmartComponent({
5
5
  type: Object,
6
6
  value: {},
7
7
  },
8
+ theme: String,
8
9
  },
9
10
  });
package/dist/config-provider/index.wxml CHANGED
@@ -1,5 +1,5 @@
1
1
  <wxs src="./index.wxs" module="computed" />
2
2
 
3
- <view class="smart-config-provider custom-class" style="{{ computed.mapThemeVarsToCSSVars(themeVars) }}">
3
+ <view class="smart-config-provider custom-class" style="{{ computed.mapThemeVarsToCSSVars({ themeVars: themeVars, theme: theme }) }}">
4
4
  <slot />
5
5
  </view>
package/dist/config-provider/index.wxs CHANGED
@@ -2,6 +2,9 @@
2
2
  var object = require('../wxs/object.wxs');
3
3
  var style = require('../wxs/style.wxs');
4
4
 
5
+ var lightVars = require('./light.wxs');
6
+ var darkVars = require('./dark.wxs');
7
+
5
8
  function kebabCase(word) {
6
9
  var newWord = word
7
10
  .replace(getRegExp("[A-Z]", 'g'), function (i) {
@@ -13,12 +16,32 @@ function kebabCase(word) {
13
16
  return newWord;
14
17
  }
15
18
 
16
- function mapThemeVarsToCSSVars(themeVars) {
19
+ function mapThemeVarsToCSSVars(data) {
20
+ var themeVars = data.themeVars;
21
+ var theme = data.theme;
22
+
23
+ // 最终的 CSS 变量对象
17
24
  var cssVars = {};
18
- object.keys(themeVars).forEach(function (key) {
19
- var cssVarsKey = '--' + kebabCase(key);
20
- cssVars[cssVarsKey] = themeVars[key];
21
- });
25
+
26
+ // 先处理用户传入的 themeVars（需要转换键名为 kebab-case）
27
+ if (themeVars) {
28
+ object.keys(themeVars).forEach(function (key) {
29
+ var cssVarsKey = '--' + kebabCase(key);
30
+ cssVars[cssVarsKey] = themeVars[key];
31
+ });
32
+ }
33
+ var themeJSON = {
34
+ light: lightVars,
35
+ dark: darkVars
36
+ };
37
+
38
+ // 如果找到了对应的变量，则合并（覆盖用户自定义的相同键）
39
+ var varsToMerge = themeJSON[theme];
40
+ if (varsToMerge) {
41
+ object.keys(varsToMerge).forEach(function (key) {
42
+ cssVars[key] = varsToMerge[key];
43
+ });
44
+ }
22
45
 
23
46
  return style(cssVars);
24
47
  }
package/dist/config-provider/light.wxs ADDED
@@ -0,0 +1,170 @@
1
+ /* eslint-disable */
2
+ var lightVars = {};
3
+
4
+ var v0 = "rgba(246, 247, 251, 1)";
5
+ var v1 = "rgba(0, 0, 0, 0.9)";
6
+ var v2 = "rgba(0, 0, 0, 0.7)";
7
+ var v3 = "rgba(0, 0, 0, 0.5)";
8
+ var v4 = "rgba(0, 0, 0, 0.3)";
9
+ var v5 = "rgba(0, 0, 0, 0.2)";
10
+ var v6 = "rgba(0, 0, 0, 0.1)";
11
+ var v7 = "rgba(0, 0, 0, 0.4)";
12
+ var v8 = "rgba(0, 0, 0, 0.03)";
13
+ var v9 = "rgba(221.4, 222.3, 225.9, 1)";
14
+ var v10 = "rgba(255, 255, 255, 1)";
15
+ var v11 = "rgba(229.5, 229.5, 229.5, 1)";
16
+ var v12 = "rgba(255, 255, 255, 0.03)";
17
+ var v13 = "rgba(255, 255, 255, 0.9)";
18
+
19
+ lightVars["--app-B1"] = v0;
20
+ lightVars["--app-B1-N1"] = v1;
21
+ lightVars["--app-B1-N2"] = v2;
22
+ lightVars["--app-B1-N3"] = v3;
23
+ lightVars["--app-B1-N4"] = v4;
24
+ lightVars["--app-B1-N5"] = v2;
25
+ lightVars["--app-B1-N6"] = v5;
26
+ lightVars["--app-B1-N7"] = v6;
27
+ lightVars["--app-B1-N8"] = v7;
28
+ lightVars["--app-B1-N9"] = v8;
29
+ lightVars["--app-B1_2"] = v9;
30
+ lightVars["--app-B1_2-N1"] = v1;
31
+ lightVars["--app-B1_2-N2"] = v2;
32
+ lightVars["--app-B1_2-N3"] = v3;
33
+ lightVars["--app-B1_2-N4"] = v4;
34
+ lightVars["--app-B1_2-N5"] = v2;
35
+ lightVars["--app-B1_2-N6"] = v5;
36
+ lightVars["--app-B1_2-N7"] = v6;
37
+ lightVars["--app-B1_2-N8"] = v7;
38
+ lightVars["--app-B1_2-N9"] = v8;
39
+ lightVars["--app-B2"] = v10;
40
+ lightVars["--app-B2-N1"] = v1;
41
+ lightVars["--app-B2-N2"] = v2;
42
+ lightVars["--app-B2-N3"] = v3;
43
+ lightVars["--app-B2-N4"] = v4;
44
+ lightVars["--app-B2-N5"] = v2;
45
+ lightVars["--app-B2-N6"] = v5;
46
+ lightVars["--app-B2-N7"] = v6;
47
+ lightVars["--app-B2-N8"] = v7;
48
+ lightVars["--app-B2-N9"] = v8;
49
+ lightVars["--app-B2_2"] = v11;
50
+ lightVars["--app-B2_2-N1"] = v1;
51
+ lightVars["--app-B2_2-N2"] = v2;
52
+ lightVars["--app-B2_2-N3"] = v3;
53
+ lightVars["--app-B2_2-N4"] = v4;
54
+ lightVars["--app-B2_2-N5"] = v2;
55
+ lightVars["--app-B2_2-N6"] = v5;
56
+ lightVars["--app-B2_2-N7"] = v6;
57
+ lightVars["--app-B2_2-N8"] = v7;
58
+ lightVars["--app-B2_2-N9"] = v8;
59
+ lightVars["--app-B3"] = v10;
60
+ lightVars["--app-B3-N1"] = v1;
61
+ lightVars["--app-B3-N2"] = v2;
62
+ lightVars["--app-B3-N3"] = v3;
63
+ lightVars["--app-B3-N4"] = v4;
64
+ lightVars["--app-B3-N5"] = v2;
65
+ lightVars["--app-B3-N6"] = v5;
66
+ lightVars["--app-B3-N7"] = v6;
67
+ lightVars["--app-B3-N8"] = v7;
68
+ lightVars["--app-B3-N9"] = v8;
69
+ lightVars["--app-B3_2"] = v11;
70
+ lightVars["--app-B3_2-N1"] = v1;
71
+ lightVars["--app-B3_2-N2"] = v2;
72
+ lightVars["--app-B3_2-N3"] = v3;
73
+ lightVars["--app-B3_2-N4"] = v4;
74
+ lightVars["--app-B3_2-N5"] = v2;
75
+ lightVars["--app-B3_2-N6"] = v5;
76
+ lightVars["--app-B3_2-N7"] = v6;
77
+ lightVars["--app-B3_2-N8"] = v7;
78
+ lightVars["--app-B3_2-N9"] = v8;
79
+ lightVars["--app-B4"] = v10;
80
+ lightVars["--app-B4-N1"] = v1;
81
+ lightVars["--app-B4-N2"] = v2;
82
+ lightVars["--app-B4-N3"] = v3;
83
+ lightVars["--app-B4-N4"] = v4;
84
+ lightVars["--app-B4-N5"] = v2;
85
+ lightVars["--app-B4-N6"] = v5;
86
+ lightVars["--app-B4-N7"] = v6;
87
+ lightVars["--app-B4-N8"] = v7;
88
+ lightVars["--app-B4-N9"] = v8;
89
+ lightVars["--app-B4_2"] = v11;
90
+ lightVars["--app-B4_2-N1"] = v1;
91
+ lightVars["--app-B4_2-N2"] = v2;
92
+ lightVars["--app-B4_2-N3"] = v3;
93
+ lightVars["--app-B4_2-N4"] = v4;
94
+ lightVars["--app-B4_2-N5"] = v2;
95
+ lightVars["--app-B4_2-N6"] = v5;
96
+ lightVars["--app-B4_2-N7"] = v6;
97
+ lightVars["--app-B4_2-N8"] = v7;
98
+ lightVars["--app-B4_2-N9"] = v8;
99
+ lightVars["--app-B5"] = v10;
100
+ lightVars["--app-B5-N1"] = v1;
101
+ lightVars["--app-B5-N2"] = v2;
102
+ lightVars["--app-B5-N3"] = v3;
103
+ lightVars["--app-B5-N4"] = v4;
104
+ lightVars["--app-B5-N5"] = v2;
105
+ lightVars["--app-B5-N6"] = v5;
106
+ lightVars["--app-B5-N7"] = v6;
107
+ lightVars["--app-B5-N8"] = v7;
108
+ lightVars["--app-B5-N9"] = v8;
109
+ lightVars["--app-B5_2"] = v11;
110
+ lightVars["--app-B5_2-N1"] = v1;
111
+ lightVars["--app-B5_2-N2"] = v2;
112
+ lightVars["--app-B5_2-N3"] = v3;
113
+ lightVars["--app-B5_2-N4"] = v4;
114
+ lightVars["--app-B5_2-N5"] = v2;
115
+ lightVars["--app-B5_2-N6"] = v5;
116
+ lightVars["--app-B5_2-N7"] = v6;
117
+ lightVars["--app-B5_2-N8"] = v7;
118
+ lightVars["--app-B5_2-N9"] = v8;
119
+ lightVars["--app-B6"] = v10;
120
+ lightVars["--app-B6-N1"] = v1;
121
+ lightVars["--app-B6-N2"] = v2;
122
+ lightVars["--app-B6-N3"] = v3;
123
+ lightVars["--app-B6-N4"] = v4;
124
+ lightVars["--app-B6-N5"] = v2;
125
+ lightVars["--app-B6-N6"] = v5;
126
+ lightVars["--app-B6-N7"] = v6;
127
+ lightVars["--app-B6-N8"] = v7;
128
+ lightVars["--app-B6-N9"] = v8;
129
+ lightVars["--app-B6_2"] = v11;
130
+ lightVars["--app-B6_2-N1"] = v1;
131
+ lightVars["--app-B6_2-N2"] = v2;
132
+ lightVars["--app-B6_2-N3"] = v3;
133
+ lightVars["--app-B6_2-N4"] = v4;
134
+ lightVars["--app-B6_2-N5"] = v2;
135
+ lightVars["--app-B6_2-N6"] = v5;
136
+ lightVars["--app-B6_2-N7"] = v6;
137
+ lightVars["--app-B6_2-N8"] = v7;
138
+ lightVars["--app-B6_2-N9"] = v8;
139
+ lightVars["--app-M1-N8"] = v7;
140
+ lightVars["--app-M1-N9"] = v12;
141
+ lightVars["--app-M1_1-N8"] = v7;
142
+ lightVars["--app-M1_1-N9"] = v12;
143
+ lightVars["--app-M1_2-N1"] = v13;
144
+ lightVars["--app-M1_2-N8"] = v7;
145
+ lightVars["--app-M1_2-N9"] = v12;
146
+ lightVars["--app-M2-N8"] = v7;
147
+ lightVars["--app-M2-N9"] = v12;
148
+ lightVars["--app-M2_1-N8"] = v7;
149
+ lightVars["--app-M2_1-N9"] = v12;
150
+ lightVars["--app-M2_2-N1"] = v13;
151
+ lightVars["--app-M2_2-N8"] = v7;
152
+ lightVars["--app-M2_2-N9"] = v12;
153
+ lightVars["--app-M3-N8"] = v7;
154
+ lightVars["--app-M3-N9"] = v12;
155
+ lightVars["--app-M3_1-N8"] = v7;
156
+ lightVars["--app-M3_1-N9"] = v12;
157
+ lightVars["--app-M3_2-N1"] = v1;
158
+ lightVars["--app-M3_2-N8"] = v7;
159
+ lightVars["--app-M3_2-N9"] = v8;
160
+ lightVars["--app-M4-N8"] = v7;
161
+ lightVars["--app-M4-N9"] = v12;
162
+ lightVars["--app-M4_1-N8"] = v7;
163
+ lightVars["--app-M4_1-N9"] = v12;
164
+ lightVars["--app-M4_2-N1"] = v13;
165
+ lightVars["--app-M4_2-N8"] = v7;
166
+ lightVars["--app-M4_2-N9"] = v12;
167
+ lightVars["--app-M5-N8"] = v7;
168
+ lightVars["--app-M5-N9"] = v12;
169
+
170
+ module.exports = lightVars;
package/dist/wxs/style.wxs CHANGED
@@ -35,7 +35,7 @@ function style(styles) {
35
35
  return styles[key] != null && styles[key] !== '';
36
36
  })
37
37
  .map(function (key) {
38
- return [kebabCase(key), [styles[key]]].join(':');
38
+ return [key.indexOf('--') === 0 ? key : kebabCase(key), [styles[key]]].join(':');
39
39
  })
40
40
  .join(';') || '';
41
41
  }
package/lib/config-provider/dark.wxs ADDED
@@ -0,0 +1,169 @@
1
+ /* eslint-disable */
2
+ var darkVars = {};
3
+
4
+ var v0 = "rgba(0, 0, 0, 1)";
5
+ var v1 = "rgba(255, 255, 255, 1)";
6
+ var v2 = "rgba(255, 255, 255, 0.7)";
7
+ var v3 = "rgba(255, 255, 255, 0.5)";
8
+ var v4 = "rgba(255, 255, 255, 0.3)";
9
+ var v5 = "rgba(255, 255, 255, 0.2)";
10
+ var v6 = "rgba(255, 255, 255, 0.1)";
11
+ var v7 = "rgba(0, 0, 0, 0.7)";
12
+ var v8 = "rgba(25.5, 25.5, 25.5, 1)";
13
+ var v9 = "rgba(26, 26, 26, 1)";
14
+ var v10 = "rgba(48.9, 48.9, 48.9, 1)";
15
+ var v11 = "rgba(48.45, 48.45, 48.45, 1)";
16
+ var v12 = "rgba(0, 0, 0, 0.1)";
17
+
18
+ darkVars["--app-B1"] = v0;
19
+ darkVars["--app-B1-N1"] = v1;
20
+ darkVars["--app-B1-N2"] = v2;
21
+ darkVars["--app-B1-N3"] = v3;
22
+ darkVars["--app-B1-N4"] = v4;
23
+ darkVars["--app-B1-N5"] = v2;
24
+ darkVars["--app-B1-N6"] = v5;
25
+ darkVars["--app-B1-N7"] = v6;
26
+ darkVars["--app-B1-N8"] = v7;
27
+ darkVars["--app-B1-N9"] = v6;
28
+ darkVars["--app-B1_2"] = v8;
29
+ darkVars["--app-B1_2-N1"] = v1;
30
+ darkVars["--app-B1_2-N2"] = v2;
31
+ darkVars["--app-B1_2-N3"] = v3;
32
+ darkVars["--app-B1_2-N4"] = v4;
33
+ darkVars["--app-B1_2-N5"] = v2;
34
+ darkVars["--app-B1_2-N6"] = v5;
35
+ darkVars["--app-B1_2-N7"] = v6;
36
+ darkVars["--app-B1_2-N8"] = v7;
37
+ darkVars["--app-B1_2-N9"] = v6;
38
+ darkVars["--app-B2"] = v9;
39
+ darkVars["--app-B2-N1"] = v1;
40
+ darkVars["--app-B2-N2"] = v2;
41
+ darkVars["--app-B2-N3"] = v3;
42
+ darkVars["--app-B2-N4"] = v4;
43
+ darkVars["--app-B2-N5"] = v2;
44
+ darkVars["--app-B2-N6"] = v5;
45
+ darkVars["--app-B2-N7"] = v6;
46
+ darkVars["--app-B2-N8"] = v7;
47
+ darkVars["--app-B2-N9"] = v6;
48
+ darkVars["--app-B2_2"] = v10;
49
+ darkVars["--app-B2_2-N1"] = v1;
50
+ darkVars["--app-B2_2-N2"] = v2;
51
+ darkVars["--app-B2_2-N3"] = v3;
52
+ darkVars["--app-B2_2-N4"] = v4;
53
+ darkVars["--app-B2_2-N5"] = v2;
54
+ darkVars["--app-B2_2-N6"] = v5;
55
+ darkVars["--app-B2_2-N7"] = v6;
56
+ darkVars["--app-B2_2-N8"] = v7;
57
+ darkVars["--app-B2_2-N9"] = v6;
58
+ darkVars["--app-B3"] = v9;
59
+ darkVars["--app-B3-N1"] = v1;
60
+ darkVars["--app-B3-N2"] = v2;
61
+ darkVars["--app-B3-N3"] = v3;
62
+ darkVars["--app-B3-N4"] = v4;
63
+ darkVars["--app-B3-N5"] = v2;
64
+ darkVars["--app-B3-N6"] = v5;
65
+ darkVars["--app-B3-N7"] = v6;
66
+ darkVars["--app-B3-N8"] = v7;
67
+ darkVars["--app-B3-N9"] = v6;
68
+ darkVars["--app-B3_2"] = v10;
69
+ darkVars["--app-B3_2-N1"] = v1;
70
+ darkVars["--app-B3_2-N2"] = v2;
71
+ darkVars["--app-B3_2-N3"] = v3;
72
+ darkVars["--app-B3_2-N4"] = v4;
73
+ darkVars["--app-B3_2-N5"] = v2;
74
+ darkVars["--app-B3_2-N6"] = v5;
75
+ darkVars["--app-B3_2-N7"] = v6;
76
+ darkVars["--app-B3_2-N8"] = v7;
77
+ darkVars["--app-B3_2-N9"] = v6;
78
+ darkVars["--app-B4"] = v9;
79
+ darkVars["--app-B4-N1"] = v1;
80
+ darkVars["--app-B4-N2"] = v2;
81
+ darkVars["--app-B4-N3"] = v3;
82
+ darkVars["--app-B4-N4"] = v4;
83
+ darkVars["--app-B4-N5"] = v2;
84
+ darkVars["--app-B4-N6"] = v5;
85
+ darkVars["--app-B4-N7"] = v6;
86
+ darkVars["--app-B4-N8"] = v7;
87
+ darkVars["--app-B4-N9"] = v6;
88
+ darkVars["--app-B4_2"] = v10;
89
+ darkVars["--app-B4_2-N1"] = v1;
90
+ darkVars["--app-B4_2-N2"] = v2;
91
+ darkVars["--app-B4_2-N3"] = v3;
92
+ darkVars["--app-B4_2-N4"] = v4;
93
+ darkVars["--app-B4_2-N5"] = v2;
94
+ darkVars["--app-B4_2-N6"] = v5;
95
+ darkVars["--app-B4_2-N7"] = v6;
96
+ darkVars["--app-B4_2-N8"] = v7;
97
+ darkVars["--app-B4_2-N9"] = v6;
98
+ darkVars["--app-B5"] = v9;
99
+ darkVars["--app-B5-N1"] = v1;
100
+ darkVars["--app-B5-N2"] = v2;
101
+ darkVars["--app-B5-N3"] = v3;
102
+ darkVars["--app-B5-N4"] = v4;
103
+ darkVars["--app-B5-N5"] = v2;
104
+ darkVars["--app-B5-N6"] = v5;
105
+ darkVars["--app-B5-N7"] = v6;
106
+ darkVars["--app-B5-N8"] = v7;
107
+ darkVars["--app-B5-N9"] = v6;
108
+ darkVars["--app-B5_2"] = v10;
109
+ darkVars["--app-B5_2-N1"] = v1;
110
+ darkVars["--app-B5_2-N2"] = v2;
111
+ darkVars["--app-B5_2-N3"] = v3;
112
+ darkVars["--app-B5_2-N4"] = v4;
113
+ darkVars["--app-B5_2-N5"] = v2;
114
+ darkVars["--app-B5_2-N6"] = v5;
115
+ darkVars["--app-B5_2-N7"] = v6;
116
+ darkVars["--app-B5_2-N8"] = v7;
117
+ darkVars["--app-B5_2-N9"] = v6;
118
+ darkVars["--app-B6"] = v8;
119
+ darkVars["--app-B6-N1"] = v1;
120
+ darkVars["--app-B6-N2"] = v2;
121
+ darkVars["--app-B6-N3"] = v3;
122
+ darkVars["--app-B6-N4"] = v4;
123
+ darkVars["--app-B6-N5"] = v2;
124
+ darkVars["--app-B6-N6"] = v5;
125
+ darkVars["--app-B6-N7"] = v6;
126
+ darkVars["--app-B6-N8"] = v7;
127
+ darkVars["--app-B6-N9"] = v6;
128
+ darkVars["--app-B6_2"] = v11;
129
+ darkVars["--app-B6_2-N1"] = v1;
130
+ darkVars["--app-B6_2-N2"] = v2;
131
+ darkVars["--app-B6_2-N3"] = v3;
132
+ darkVars["--app-B6_2-N4"] = v4;
133
+ darkVars["--app-B6_2-N5"] = v2;
134
+ darkVars["--app-B6_2-N6"] = v5;
135
+ darkVars["--app-B6_2-N7"] = v6;
136
+ darkVars["--app-B6_2-N8"] = v7;
137
+ darkVars["--app-B6_2-N9"] = v6;
138
+ darkVars["--app-M1-N8"] = v7;
139
+ darkVars["--app-M1-N9"] = v6;
140
+ darkVars["--app-M1_1-N8"] = v7;
141
+ darkVars["--app-M1_1-N9"] = v6;
142
+ darkVars["--app-M1_2-N1"] = v1;
143
+ darkVars["--app-M1_2-N8"] = v7;
144
+ darkVars["--app-M1_2-N9"] = v6;
145
+ darkVars["--app-M2-N8"] = v7;
146
+ darkVars["--app-M2-N9"] = v6;
147
+ darkVars["--app-M2_1-N8"] = v7;
148
+ darkVars["--app-M2_1-N9"] = v6;
149
+ darkVars["--app-M2_2-N1"] = v1;
150
+ darkVars["--app-M2_2-N8"] = v7;
151
+ darkVars["--app-M2_2-N9"] = v6;
152
+ darkVars["--app-M3-N8"] = v7;
153
+ darkVars["--app-M3-N9"] = v6;
154
+ darkVars["--app-M3_1-N8"] = v7;
155
+ darkVars["--app-M3_1-N9"] = v6;
156
+ darkVars["--app-M3_2-N1"] = v0;
157
+ darkVars["--app-M3_2-N8"] = v7;
158
+ darkVars["--app-M3_2-N9"] = v12;
159
+ darkVars["--app-M4-N8"] = v7;
160
+ darkVars["--app-M4-N9"] = v6;
161
+ darkVars["--app-M4_1-N8"] = v7;
162
+ darkVars["--app-M4_1-N9"] = v6;
163
+ darkVars["--app-M4_2-N1"] = v1;
164
+ darkVars["--app-M4_2-N8"] = v7;
165
+ darkVars["--app-M4_2-N9"] = v6;
166
+ darkVars["--app-M5-N8"] = v7;
167
+ darkVars["--app-M5-N9"] = v6;
168
+
169
+ module.exports = darkVars;
package/lib/config-provider/index.js CHANGED
@@ -7,5 +7,6 @@ var component_1 = require("../common/component");
7
7
  type: Object,
8
8
  value: {},
9
9
  },
10
+ theme: String,
10
11
  },
11
12
  });
package/lib/config-provider/index.wxml CHANGED
@@ -1,5 +1,5 @@
1
1
  <wxs src="./index.wxs" module="computed" />
2
2
 
3
- <view class="smart-config-provider custom-class" style="{{ computed.mapThemeVarsToCSSVars(themeVars) }}">
3
+ <view class="smart-config-provider custom-class" style="{{ computed.mapThemeVarsToCSSVars({ themeVars: themeVars, theme: theme }) }}">
4
4
  <slot />
5
5
  </view>
package/lib/config-provider/index.wxs CHANGED
@@ -2,6 +2,9 @@
2
2
  var object = require('../wxs/object.wxs');
3
3
  var style = require('../wxs/style.wxs');
4
4
 
5
+ var lightVars = require('./light.wxs');
6
+ var darkVars = require('./dark.wxs');
7
+
5
8
  function kebabCase(word) {
6
9
  var newWord = word
7
10
  .replace(getRegExp("[A-Z]", 'g'), function (i) {
@@ -13,12 +16,32 @@ function kebabCase(word) {
13
16
  return newWord;
14
17
  }
15
18
 
16
- function mapThemeVarsToCSSVars(themeVars) {
19
+ function mapThemeVarsToCSSVars(data) {
20
+ var themeVars = data.themeVars;
21
+ var theme = data.theme;
22
+
23
+ // 最终的 CSS 变量对象
17
24
  var cssVars = {};
18
- object.keys(themeVars).forEach(function (key) {
19
- var cssVarsKey = '--' + kebabCase(key);
20
- cssVars[cssVarsKey] = themeVars[key];
21
- });
25
+
26
+ // 先处理用户传入的 themeVars（需要转换键名为 kebab-case）
27
+ if (themeVars) {
28
+ object.keys(themeVars).forEach(function (key) {
29
+ var cssVarsKey = '--' + kebabCase(key);
30
+ cssVars[cssVarsKey] = themeVars[key];
31
+ });
32
+ }
33
+ var themeJSON = {
34
+ light: lightVars,
35
+ dark: darkVars
36
+ };
37
+
38
+ // 如果找到了对应的变量，则合并（覆盖用户自定义的相同键）
39
+ var varsToMerge = themeJSON[theme];
40
+ if (varsToMerge) {
41
+ object.keys(varsToMerge).forEach(function (key) {
42
+ cssVars[key] = varsToMerge[key];
43
+ });
44
+ }
22
45
 
23
46
  return style(cssVars);
24
47
  }
package/lib/config-provider/light.wxs ADDED
@@ -0,0 +1,170 @@
1
+ /* eslint-disable */
2
+ var lightVars = {};
3
+
4
+ var v0 = "rgba(246, 247, 251, 1)";
5
+ var v1 = "rgba(0, 0, 0, 0.9)";
6
+ var v2 = "rgba(0, 0, 0, 0.7)";
7
+ var v3 = "rgba(0, 0, 0, 0.5)";
8
+ var v4 = "rgba(0, 0, 0, 0.3)";
9
+ var v5 = "rgba(0, 0, 0, 0.2)";
10
+ var v6 = "rgba(0, 0, 0, 0.1)";
11
+ var v7 = "rgba(0, 0, 0, 0.4)";
12
+ var v8 = "rgba(0, 0, 0, 0.03)";
13
+ var v9 = "rgba(221.4, 222.3, 225.9, 1)";
14
+ var v10 = "rgba(255, 255, 255, 1)";
15
+ var v11 = "rgba(229.5, 229.5, 229.5, 1)";
16
+ var v12 = "rgba(255, 255, 255, 0.03)";
17
+ var v13 = "rgba(255, 255, 255, 0.9)";
18
+
19
+ lightVars["--app-B1"] = v0;
20
+ lightVars["--app-B1-N1"] = v1;
21
+ lightVars["--app-B1-N2"] = v2;
22
+ lightVars["--app-B1-N3"] = v3;
23
+ lightVars["--app-B1-N4"] = v4;
24
+ lightVars["--app-B1-N5"] = v2;
25
+ lightVars["--app-B1-N6"] = v5;
26
+ lightVars["--app-B1-N7"] = v6;
27
+ lightVars["--app-B1-N8"] = v7;
28
+ lightVars["--app-B1-N9"] = v8;
29
+ lightVars["--app-B1_2"] = v9;
30
+ lightVars["--app-B1_2-N1"] = v1;
31
+ lightVars["--app-B1_2-N2"] = v2;
32
+ lightVars["--app-B1_2-N3"] = v3;
33
+ lightVars["--app-B1_2-N4"] = v4;
34
+ lightVars["--app-B1_2-N5"] = v2;
35
+ lightVars["--app-B1_2-N6"] = v5;
36
+ lightVars["--app-B1_2-N7"] = v6;
37
+ lightVars["--app-B1_2-N8"] = v7;
38
+ lightVars["--app-B1_2-N9"] = v8;
39
+ lightVars["--app-B2"] = v10;
40
+ lightVars["--app-B2-N1"] = v1;
41
+ lightVars["--app-B2-N2"] = v2;
42
+ lightVars["--app-B2-N3"] = v3;
43
+ lightVars["--app-B2-N4"] = v4;
44
+ lightVars["--app-B2-N5"] = v2;
45
+ lightVars["--app-B2-N6"] = v5;
46
+ lightVars["--app-B2-N7"] = v6;
47
+ lightVars["--app-B2-N8"] = v7;
48
+ lightVars["--app-B2-N9"] = v8;
49
+ lightVars["--app-B2_2"] = v11;
50
+ lightVars["--app-B2_2-N1"] = v1;
51
+ lightVars["--app-B2_2-N2"] = v2;
52
+ lightVars["--app-B2_2-N3"] = v3;
53
+ lightVars["--app-B2_2-N4"] = v4;
54
+ lightVars["--app-B2_2-N5"] = v2;
55
+ lightVars["--app-B2_2-N6"] = v5;
56
+ lightVars["--app-B2_2-N7"] = v6;
57
+ lightVars["--app-B2_2-N8"] = v7;
58
+ lightVars["--app-B2_2-N9"] = v8;
59
+ lightVars["--app-B3"] = v10;
60
+ lightVars["--app-B3-N1"] = v1;
61
+ lightVars["--app-B3-N2"] = v2;
62
+ lightVars["--app-B3-N3"] = v3;
63
+ lightVars["--app-B3-N4"] = v4;
64
+ lightVars["--app-B3-N5"] = v2;
65
+ lightVars["--app-B3-N6"] = v5;
66
+ lightVars["--app-B3-N7"] = v6;
67
+ lightVars["--app-B3-N8"] = v7;
68
+ lightVars["--app-B3-N9"] = v8;
69
+ lightVars["--app-B3_2"] = v11;
70
+ lightVars["--app-B3_2-N1"] = v1;
71
+ lightVars["--app-B3_2-N2"] = v2;
72
+ lightVars["--app-B3_2-N3"] = v3;
73
+ lightVars["--app-B3_2-N4"] = v4;
74
+ lightVars["--app-B3_2-N5"] = v2;
75
+ lightVars["--app-B3_2-N6"] = v5;
76
+ lightVars["--app-B3_2-N7"] = v6;
77
+ lightVars["--app-B3_2-N8"] = v7;
78
+ lightVars["--app-B3_2-N9"] = v8;
79
+ lightVars["--app-B4"] = v10;
80
+ lightVars["--app-B4-N1"] = v1;
81
+ lightVars["--app-B4-N2"] = v2;
82
+ lightVars["--app-B4-N3"] = v3;
83
+ lightVars["--app-B4-N4"] = v4;
84
+ lightVars["--app-B4-N5"] = v2;
85
+ lightVars["--app-B4-N6"] = v5;
86
+ lightVars["--app-B4-N7"] = v6;
87
+ lightVars["--app-B4-N8"] = v7;
88
+ lightVars["--app-B4-N9"] = v8;
89
+ lightVars["--app-B4_2"] = v11;
90
+ lightVars["--app-B4_2-N1"] = v1;
91
+ lightVars["--app-B4_2-N2"] = v2;
92
+ lightVars["--app-B4_2-N3"] = v3;
93
+ lightVars["--app-B4_2-N4"] = v4;
94
+ lightVars["--app-B4_2-N5"] = v2;
95
+ lightVars["--app-B4_2-N6"] = v5;
96
+ lightVars["--app-B4_2-N7"] = v6;
97
+ lightVars["--app-B4_2-N8"] = v7;
98
+ lightVars["--app-B4_2-N9"] = v8;
99
+ lightVars["--app-B5"] = v10;
100
+ lightVars["--app-B5-N1"] = v1;
101
+ lightVars["--app-B5-N2"] = v2;
102
+ lightVars["--app-B5-N3"] = v3;
103
+ lightVars["--app-B5-N4"] = v4;
104
+ lightVars["--app-B5-N5"] = v2;
105
+ lightVars["--app-B5-N6"] = v5;
106
+ lightVars["--app-B5-N7"] = v6;
107
+ lightVars["--app-B5-N8"] = v7;
108
+ lightVars["--app-B5-N9"] = v8;
109
+ lightVars["--app-B5_2"] = v11;
110
+ lightVars["--app-B5_2-N1"] = v1;
111
+ lightVars["--app-B5_2-N2"] = v2;
112
+ lightVars["--app-B5_2-N3"] = v3;
113
+ lightVars["--app-B5_2-N4"] = v4;
114
+ lightVars["--app-B5_2-N5"] = v2;
115
+ lightVars["--app-B5_2-N6"] = v5;
116
+ lightVars["--app-B5_2-N7"] = v6;
117
+ lightVars["--app-B5_2-N8"] = v7;
118
+ lightVars["--app-B5_2-N9"] = v8;
119
+ lightVars["--app-B6"] = v10;
120
+ lightVars["--app-B6-N1"] = v1;
121
+ lightVars["--app-B6-N2"] = v2;
122
+ lightVars["--app-B6-N3"] = v3;
123
+ lightVars["--app-B6-N4"] = v4;
124
+ lightVars["--app-B6-N5"] = v2;
125
+ lightVars["--app-B6-N6"] = v5;
126
+ lightVars["--app-B6-N7"] = v6;
127
+ lightVars["--app-B6-N8"] = v7;
128
+ lightVars["--app-B6-N9"] = v8;
129
+ lightVars["--app-B6_2"] = v11;
130
+ lightVars["--app-B6_2-N1"] = v1;
131
+ lightVars["--app-B6_2-N2"] = v2;
132
+ lightVars["--app-B6_2-N3"] = v3;
133
+ lightVars["--app-B6_2-N4"] = v4;
134
+ lightVars["--app-B6_2-N5"] = v2;
135
+ lightVars["--app-B6_2-N6"] = v5;
136
+ lightVars["--app-B6_2-N7"] = v6;
137
+ lightVars["--app-B6_2-N8"] = v7;
138
+ lightVars["--app-B6_2-N9"] = v8;
139
+ lightVars["--app-M1-N8"] = v7;
140
+ lightVars["--app-M1-N9"] = v12;
141
+ lightVars["--app-M1_1-N8"] = v7;
142
+ lightVars["--app-M1_1-N9"] = v12;
143
+ lightVars["--app-M1_2-N1"] = v13;
144
+ lightVars["--app-M1_2-N8"] = v7;
145
+ lightVars["--app-M1_2-N9"] = v12;
146
+ lightVars["--app-M2-N8"] = v7;
147
+ lightVars["--app-M2-N9"] = v12;
148
+ lightVars["--app-M2_1-N8"] = v7;
149
+ lightVars["--app-M2_1-N9"] = v12;
150
+ lightVars["--app-M2_2-N1"] = v13;
151
+ lightVars["--app-M2_2-N8"] = v7;
152
+ lightVars["--app-M2_2-N9"] = v12;
153
+ lightVars["--app-M3-N8"] = v7;
154
+ lightVars["--app-M3-N9"] = v12;
155
+ lightVars["--app-M3_1-N8"] = v7;
156
+ lightVars["--app-M3_1-N9"] = v12;
157
+ lightVars["--app-M3_2-N1"] = v1;
158
+ lightVars["--app-M3_2-N8"] = v7;
159
+ lightVars["--app-M3_2-N9"] = v8;
160
+ lightVars["--app-M4-N8"] = v7;
161
+ lightVars["--app-M4-N9"] = v12;
162
+ lightVars["--app-M4_1-N8"] = v7;
163
+ lightVars["--app-M4_1-N9"] = v12;
164
+ lightVars["--app-M4_2-N1"] = v13;
165
+ lightVars["--app-M4_2-N8"] = v7;
166
+ lightVars["--app-M4_2-N9"] = v12;
167
+ lightVars["--app-M5-N8"] = v7;
168
+ lightVars["--app-M5-N9"] = v12;
169
+
170
+ module.exports = lightVars;
package/lib/wxs/style.wxs CHANGED
@@ -35,7 +35,7 @@ function style(styles) {
35
35
  return styles[key] != null && styles[key] !== '';
36
36
  })
37
37
  .map(function (key) {
38
- return [kebabCase(key), [styles[key]]].join(':');
38
+ return [key.indexOf('--') === 0 ? key : kebabCase(key), [styles[key]]].join(':');
39
39
  })
40
40
  .join(';') || '';
41
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tuya-miniapp/smart-ui",
3
- "version": "2.7.3",
3
+ "version": "2.7.4-beta-1",
4
4
  "author": "MiniApp Team",
5
5
  "license": "MIT",
6
6
  "miniprogram": "lib",