@ibiz-template/vue3-components 0.7.21 → 0.7.22-alpha.0

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 (43) hide show
  1. package/dist/index-3r8aPzsK.js +1 -0
  2. package/dist/index-d_MgYoar.js +1 -0
  3. package/dist/index-wtZyAzgA.js +4 -0
  4. package/dist/index.min.css +1 -1
  5. package/dist/index.system.min.js +1 -1
  6. package/dist/{xlsx-util-5JdpVLzR.js → xlsx-util-N88_UKaT.js} +1 -1
  7. package/es/common/custom-theme/custom-theme-model.d.ts +137 -143
  8. package/es/common/custom-theme/custom-theme-model.mjs +415 -743
  9. package/es/common/custom-theme/custom-theme.controller.mjs +1 -0
  10. package/es/common/custom-theme/custom-theme.css +1 -1
  11. package/es/common/custom-theme/custom-theme.mjs +4 -7
  12. package/es/control/grid/grid/grid.css +1 -1
  13. package/es/index.mjs +0 -1
  14. package/es/locale/en/index.d.ts +26 -3
  15. package/es/locale/en/index.mjs +32 -9
  16. package/es/locale/zh-CN/index.d.ts +26 -3
  17. package/es/locale/zh-CN/index.mjs +29 -6
  18. package/es/panel-component/index.d.ts +0 -1
  19. package/es/panel-component/index.mjs +1 -3
  20. package/lib/common/custom-theme/custom-theme-model.cjs +415 -743
  21. package/lib/common/custom-theme/custom-theme.cjs +4 -7
  22. package/lib/common/custom-theme/custom-theme.controller.cjs +1 -0
  23. package/lib/common/custom-theme/custom-theme.css +1 -1
  24. package/lib/control/grid/grid/grid.css +1 -1
  25. package/lib/index.cjs +10 -12
  26. package/lib/locale/en/index.cjs +32 -9
  27. package/lib/locale/zh-CN/index.cjs +29 -6
  28. package/lib/panel-component/index.cjs +32 -35
  29. package/package.json +2 -2
  30. package/dist/index-Mtw_Trpt.js +0 -4
  31. package/dist/index-OVul_8RS.js +0 -1
  32. package/dist/index-QDBU_qVN.js +0 -1
  33. package/es/panel-component/custom-setting/custom-setting-provider.d.ts +0 -6
  34. package/es/panel-component/custom-setting/custom-setting-provider.mjs +0 -21
  35. package/es/panel-component/custom-setting/custom-setting.css +0 -1
  36. package/es/panel-component/custom-setting/custom-setting.d.ts +0 -35
  37. package/es/panel-component/custom-setting/custom-setting.mjs +0 -105
  38. package/es/panel-component/custom-setting/index.d.ts +0 -32
  39. package/es/panel-component/custom-setting/index.mjs +0 -15
  40. package/lib/panel-component/custom-setting/custom-setting-provider.cjs +0 -23
  41. package/lib/panel-component/custom-setting/custom-setting.cjs +0 -107
  42. package/lib/panel-component/custom-setting/custom-setting.css +0 -1
  43. package/lib/panel-component/custom-setting/index.cjs +0 -20
package/es/common/custom-theme/custom-theme-model.mjs CHANGED
@@ -1,837 +1,509 @@
1
1
  "use strict";
2
2
  const predefineThemeVars = [
3
3
  {
4
- caption: "\u5B57\u4F53",
5
- labelLang: "typeface",
6
- vars: [
7
- {
8
- label: "\u5B57\u53F7",
9
- value: "--ibiz-font-size-regular",
10
- labelLang: "fontSize",
11
- unit: "px",
12
- type: "size",
13
- kindVars: {
14
- "--ibiz-font-size-small": -2,
15
- "--ibiz-font-size-header-6": 2,
16
- "--ibiz-font-size-header-5": 4,
17
- "--ibiz-font-size-header-4": 6,
18
- "--ibiz-font-size-header-3": 8,
19
- "--ibiz-font-size-header-2": 10,
20
- "--ibiz-font-size-header-1": 12
21
- }
22
- },
23
- {
24
- label: "\u5B57\u91CD",
25
- value: "--ibiz-font-weight-regular",
26
- labelLang: "fontWeight",
27
- type: "size",
28
- kindVars: {
29
- "--ibiz-font-weight-light": -200,
30
- "--ibiz-font-weight-bold": 200
31
- }
32
- },
33
- {
34
- label: "\u5706\u89D2",
35
- value: "--ibiz-border-radius-medium",
36
- labelLang: "borderRadius",
37
- unit: "px",
38
- type: "size",
39
- kindVars: {
40
- "--ibiz-border-radius-extra-small": -6,
41
- "--ibiz-border-radius-small": -4,
42
- "--ibiz-border-radius-large": 4
43
- }
44
- },
45
- {
46
- label: "\u56FE\u6807\u5C3A\u5BF8",
47
- value: "--ibiz-width-icon-medium",
48
- labelLang: "widthIcon",
49
- unit: "px",
50
- type: "size",
51
- kindVars: {
52
- "--ibiz-width-icon-extra-small": -16,
53
- "--ibiz-width-icon-small": -4,
54
- "--ibiz-width-icon-large": 4,
55
- "--ibiz-width-icon-extra-large": 8
56
- }
57
- }
58
- ]
59
- },
60
- {
61
- caption: "\u989C\u8272",
62
- labelLang: "color",
4
+ caption: "\u5E94\u7528",
5
+ labelLang: "app",
63
6
  children: [
64
7
  {
65
- caption: "\u4E3B\u8981\u989C\u8272",
66
- labelLang: "primaryColor",
67
- vars: [
68
- {
69
- label: "\u4E3B\u8981\u989C\u8272",
70
- description: "\u4E3B\u8981\u989C\u8272,\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
71
- labelLang: "primaryColor",
72
- descLang: "primaryColorDesc",
73
- value: "--ibiz-color-primary"
74
- },
75
- {
76
- label: "\u4E3B\u8981\u6587\u672C\u989C\u8272",
77
- description: "\u4E3B\u8981\u989C\u8272\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
78
- labelLang: "primaryTextColor",
79
- descLang: "primaryTextColorDesc",
80
- value: "--ibiz-color-primary-text"
81
- },
82
- {
83
- label: "\u4E3B\u8981\u60AC\u6D6E\u989C\u8272",
84
- description: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
85
- labelLang: "primaryHoverColor",
86
- descLang: "primaryHoverColorDesc",
87
- value: "--ibiz-color-primary-hover"
88
- },
89
- {
90
- label: "\u4E3B\u8981\u60AC\u6D6E\u6587\u672C\u989C\u8272",
91
- description: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
92
- labelLang: "primaryHoverTextColor",
93
- descLang: "primaryHoverTextColorDesc",
94
- value: "--ibiz-color-primary-hover-text"
95
- },
96
- {
97
- label: "\u4E3B\u8981\u6FC0\u6D3B\u989C\u8272",
98
- description: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
99
- labelLang: "primaryActiveColor",
100
- descLang: "primaryActiveColorDesc",
101
- value: "--ibiz-color-primary-active"
102
- },
103
- {
104
- label: "\u4E3B\u8981\u6FC0\u6D3B\u6587\u672C\u989C\u8272",
105
- description: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
106
- labelLang: "primaryActiveTextColor",
107
- descLang: "primaryActiveTextColorDesc",
108
- value: "--ibiz-color-primary-active-text"
109
- },
110
- {
111
- label: "\u4E3B\u8981\u7981\u7528\u989C\u8272",
112
- description: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001",
113
- labelLang: "primaryDisabledColor",
114
- descLang: "primaryDisabledColorDesc",
115
- value: "--ibiz-color-primary-disabled"
116
- },
117
- {
118
- label: "\u4E3B\u8981\u7981\u7528\u6587\u672C\u989C\u8272",
119
- description: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
120
- labelLang: "primaryDisabledTextColor",
121
- descLang: "primaryDisabledTextColorDesc",
122
- value: "--ibiz-color-primary-disabled-text"
123
- },
124
- {
125
- label: "\u4E3B\u8981\u6D45\u7248\u989C\u8272",
126
- description: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\uFF08\u591A\u7528\u4E8E\u80CC\u666F\uFF09\u3002\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
127
- labelLang: "primaryLightDefaultColor",
128
- descLang: "primaryLightDefaultColorDesc",
129
- value: "--ibiz-color-primary-light-default"
130
- },
131
- {
132
- label: "\u4E3B\u8981\u6D45\u7248\u60AC\u6D6E\u8272",
133
- description: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
134
- labelLang: "primaryLightHoverColor",
135
- descLang: "primaryLightHoverColorDesc",
136
- value: "--ibiz-color-primary-light-hover"
137
- },
138
- {
139
- label: "\u4E3B\u8981\u6D45\u7248\u6FC0\u6D3B\u8272",
140
- description: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
141
- labelLang: "primaryLightActiveColor",
142
- descLang: "primaryLightActiveColorDesc",
143
- value: "--ibiz-color-primary-light-active"
144
- }
145
- ]
146
- },
147
- // {
148
- // caption: '次要颜色',
149
- // vars: [
150
- // {
151
- // label: '次要颜色',
152
- // description: '次要颜色。强调作用次于主要颜色，但仍然具有强调作用',
153
- // value: '--ibiz-color-secondary',
154
- // },
155
- // {
156
- // label: '次要文本颜色',
157
- // description: '次要颜色文字色，和背景色形成对比',
158
- // value: '--ibiz-color-secondary-text',
159
- // },
160
- // {
161
- // label: '次要悬浮颜色',
162
- // description: '次要颜色悬浮态',
163
- // value: '--ibiz-color-secondary-hover',
164
- // },
165
- // {
166
- // label: '次要悬浮文本色',
167
- // description: '次要颜色悬浮态文字色，和背景色形成对比',
168
- // value: '--ibiz-color-secondary-hover-text',
169
- // },
170
- // {
171
- // label: '次要激活颜色',
172
- // description: '次要颜色激活态',
173
- // value: '--ibiz-color-secondary-active',
174
- // },
175
- // {
176
- // label: '次要激活文本色',
177
- // description: '次要颜色激活态文字色，和背景色形成对比',
178
- // value: '--ibiz-color-secondary-active-text',
179
- // },
180
- // {
181
- // label: '次要禁用颜色',
182
- // description: '次要颜色禁用态',
183
- // value: '--ibiz-color-secondary-disabled',
184
- // },
185
- // {
186
- // label: '次要禁用文本颜色',
187
- // description: '次要颜色禁用态文字色，和背景色形成对比',
188
- // value: '--ibiz-color-secondary-disabled-text',
189
- // },
190
- // {
191
- // label: '次要浅版颜色',
192
- // description: '浅版次要颜色（多用于背景）。仅在需要非常强调的情况下使用',
193
- // value: '--ibiz-color-secondary-light-default',
194
- // },
195
- // {
196
- // label: '次要浅版悬浮色',
197
- // description: '浅版次要颜色悬浮态',
198
- // value: '--ibiz-color-secondary-light-hover',
199
- // },
200
- // {
201
- // label: '次要浅版激活色',
202
- // description: '浅版次要颜色激活态',
203
- // value: '--ibiz-color-secondary-light-active',
204
- // },
205
- // ],
206
- // },
207
- // {
208
- // caption: '第三颜色',
209
- // vars: [
210
- // {
211
- // label: '第三颜色',
212
- // description: '第三颜色，可以在页面上多次使用',
213
- // value: '--ibiz-color-tertiary',
214
- // },
215
- // {
216
- // label: '第三文本色',
217
- // description: '第三颜色文字色，和背景色形成对比',
218
- // value: '--ibiz-color-tertiary-text',
219
- // },
220
- // {
221
- // label: '第三悬浮色',
222
- // description: '第三颜色悬浮态',
223
- // value: '--ibiz-color-tertiary-hover',
224
- // },
225
- // {
226
- // label: '第三悬浮文本色',
227
- // description: '第三颜色悬浮态文字色，和背景色形成对比',
228
- // value: '--ibiz-color-tertiary-hover-text',
229
- // },
230
- // {
231
- // label: '第三激活色',
232
- // description: '第三颜色激活态',
233
- // value: '--ibiz-color-tertiary-active',
234
- // },
235
- // {
236
- // label: '第三激活文本色',
237
- // description: '第三颜色激活态文字色，和背景色形成对比',
238
- // value: '--ibiz-color-tertiary-active-text',
239
- // },
240
- // {
241
- // label: '第三禁用色',
242
- // description: '第三颜色禁用态',
243
- // value: '--ibiz-color-tertiary-disabled',
244
- // },
245
- // {
246
- // label: '第三禁用文本色',
247
- // description: '第三颜色禁用态文字色，和背景色形成对比',
248
- // value: '--ibiz-color-tertiary-disabled-text',
249
- // },
250
- // {
251
- // label: '第三浅版色',
252
- // description: '浅版第三颜色（多用于背景）。仅在需要非常强调的情况下使用',
253
- // value: '--ibiz-color-tertiary-light-default',
254
- // },
255
- // {
256
- // label: '第三浅版悬浮色',
257
- // description: '浅版第三颜色悬浮态',
258
- // value: '--ibiz-color-tertiary-light-hover',
259
- // },
260
- // {
261
- // label: '第三浅版激活色',
262
- // description: '浅版第三颜色激活态',
263
- // value: '--ibiz-color-tertiary-light-active',
264
- // },
265
- // ],
266
- // },
267
- // {
268
- // caption: '信息色',
269
- // vars: [
270
- // {
271
- // label: '信息色',
272
- // description: '信息色, 通常用于表达客观、中立信息',
273
- // value: '--ibiz-color-info',
274
- // },
275
- // {
276
- // label: '信息文本色',
277
- // description: '信息颜色文字色，和背景色形成对比',
278
- // value: '--ibiz-color-info-text',
279
- // },
280
- // {
281
- // label: '信息悬浮色',
282
- // description: '信息颜色悬浮态',
283
- // value: '--ibiz-color-info-hover',
284
- // },
285
- // {
286
- // label: '信息悬浮文本色',
287
- // description: '信息颜色悬浮态文字色，和背景色形成对比',
288
- // value: '--ibiz-color-info-hover-text',
289
- // },
290
- // {
291
- // label: '信息激活色',
292
- // description: '信息颜色激活态',
293
- // value: '--ibiz-color-info-active',
294
- // },
295
- // {
296
- // label: '信息颜色激活文本色',
297
- // description: '信息颜色激活态文字色，和背景色形成对比',
298
- // value: '--ibiz-color-info-active-text',
299
- // },
300
- // {
301
- // label: '信息禁用色',
302
- // description: '信息颜色禁用态',
303
- // value: '--ibiz-color-info-disabled',
304
- // },
305
- // {
306
- // label: '信息禁用文本色',
307
- // description: '信息颜色禁用态文字色，和背景色形成对比',
308
- // value: '--ibiz-color-info-disabled-text',
309
- // },
310
- // {
311
- // label: '信息浅版色',
312
- // description: '浅版信息颜色（多用于背景）。仅在需要非常强调的情况下使用',
313
- // value: '--ibiz-color-info-light-default',
314
- // },
315
- // {
316
- // label: '信息浅版悬浮色',
317
- // description: '浅版信息颜色悬浮态',
318
- // value: '--ibiz-color-info-light-hover',
319
- // },
320
- // {
321
- // label: '信息浅版激活色',
322
- // description: '浅版信息颜色激活态',
323
- // value: '--ibiz-color-info-light-active',
324
- // },
325
- // ],
326
- // },
327
- // {
328
- // caption: '成功色',
329
- // vars: [
330
- // {
331
- // label: '成功色',
332
- // description: '成功色，表示安全、成功、开启的状态',
333
- // value: '--ibiz-color-success',
334
- // },
335
- // {
336
- // label: '成功文本色',
337
- // description: '成功颜色文字色，和背景色形成对比',
338
- // value: '--ibiz-color-success-text',
339
- // },
340
- // {
341
- // label: '成功悬浮色',
342
- // description: '成功颜色悬浮态',
343
- // value: '--ibiz-color-success-hover',
344
- // },
345
- // {
346
- // label: '成功悬浮文本色',
347
- // description: '成功颜色悬浮态文字色，和背景色形成对比',
348
- // value: '--ibiz-color-success-hover-text',
349
- // },
350
- // {
351
- // label: '成功激活色',
352
- // description: '成功颜色激活态',
353
- // value: '--ibiz-color-success-active',
354
- // },
355
- // {
356
- // label: '成功激活文本色',
357
- // description: '成功颜色激活态文字色，和背景色形成对比',
358
- // value: '--ibiz-color-success-active-text',
359
- // },
360
- // {
361
- // label: '成功禁用色',
362
- // description: '成功颜色禁用态',
363
- // value: '--ibiz-color-success-disabled',
364
- // },
365
- // {
366
- // label: '成功禁用文本色',
367
- // description: '成功颜色禁用态文字色，和背景色形成对比',
368
- // value: '--ibiz-color-success-disabled-text',
369
- // },
370
- // {
371
- // label: '成功浅版色',
372
- // description: '浅版成功颜色（多用于背景）。仅在需要非常强调的情况下使用',
373
- // value: '--ibiz-color-success-light-default',
374
- // },
375
- // {
376
- // label: '成功浅版悬浮色',
377
- // description: '浅版成功颜色悬浮态',
378
- // value: '--ibiz-color-success-light-hover',
379
- // },
380
- // {
381
- // label: '成功浅版激活色',
382
- // description: '浅版成功颜色激活态',
383
- // value: '--ibiz-color-success-light-active',
384
- // },
385
- // ],
386
- // },
387
- // {
388
- // caption: '警告色',
389
- // vars: [
390
- // {
391
- // label: '警告色',
392
- // description: '警示色，表示警告、不安全的状态',
393
- // value: '--ibiz-color-warning',
394
- // },
395
- // {
396
- // label: '警告文本色',
397
- // description: '警告颜色文字色，和背景色形成对比',
398
- // value: '--ibiz-color-warning-text',
399
- // },
400
- // {
401
- // label: '警告悬浮色',
402
- // description: '警告颜色悬浮态',
403
- // value: '--ibiz-color-warning-hover',
404
- // },
405
- // {
406
- // label: '警告悬浮文本色',
407
- // description: '警告颜色悬浮态文字色，和背景色形成对比',
408
- // value: '--ibiz-color-warning-hover-text',
409
- // },
410
- // {
411
- // label: '警告激活色',
412
- // description: '警告颜色激活态',
413
- // value: '--ibiz-color-warning-active',
414
- // },
415
- // {
416
- // label: '警告激活文本色',
417
- // description: '警告颜色激活态文字色，和背景色形成对比',
418
- // value: '--ibiz-color-warning-active-text',
419
- // },
420
- // {
421
- // label: '警告浅版色',
422
- // description: '浅版警告颜色（多用于背景）。仅在需要非常强调的情况下使用',
423
- // value: '--ibiz-color-warning-light-default',
424
- // },
425
- // {
426
- // label: '警告浅版悬浮色',
427
- // description: '浅版警告颜色悬浮态',
428
- // value: '--ibiz-color-warning-light-hover',
429
- // },
430
- // {
431
- // label: '警告浅版激活色',
432
- // description: '浅版警告颜色激活态',
433
- // value: '--ibiz-color-warning-light-active',
434
- // },
435
- // ],
436
- // },
437
- // {
438
- // caption: '危险色',
439
- // vars: [
440
- // {
441
- // label: '危险色',
442
- // description: '危险色，表示危险的操作、或需要特别注意的危险信息',
443
- // value: '--ibiz-color-danger',
444
- // },
445
- // {
446
- // label: '危险文本色',
447
- // description: '危险颜色文字色，和背景色形成对比',
448
- // value: '--ibiz-color-danger-text',
449
- // },
450
- // {
451
- // label: '危险悬浮色',
452
- // description: '危险颜色悬浮态',
453
- // value: '--ibiz-color-danger-hover',
454
- // },
455
- // {
456
- // label: '危险悬浮文本色',
457
- // description: '危险颜色悬浮态文字色，和背景色形成对比',
458
- // value: '--ibiz-color-danger-hover-text',
459
- // },
460
- // {
461
- // label: '危险激活色',
462
- // description: '危险颜色激活态',
463
- // value: '--ibiz-color-danger-active',
464
- // },
465
- // {
466
- // label: '危险激活文本色',
467
- // description: '危险颜色激活态文字色，和背景色形成对比',
468
- // value: '--ibiz-color-danger-active-text',
469
- // },
470
- // {
471
- // label: '危险浅版色',
472
- // description: '浅版危险颜色（多用于背景）。仅在需要非常强调的情况下使用',
473
- // value: '--ibiz-color-danger-light-default',
474
- // },
475
- // {
476
- // label: '危险浅版悬浮色',
477
- // description: '浅版危险颜色悬浮态',
478
- // value: '--ibiz-color-danger-light-hover',
479
- // },
480
- // {
481
- // label: '危险浅版激活色',
482
- // description: '浅版危险颜色激活态',
483
- // value: '--ibiz-color-danger-light-active',
484
- // },
485
- // ],
486
- // },
487
- {
488
- caption: "\u6587\u672C/\u56FE\u6807\u989C\u8272",
489
- labelLang: "textIcon",
490
- vars: [
491
- {
492
- label: "\u6587\u672C\u56FE\u6807\u4E3B\u8272",
493
- description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u4E3B\u8981",
494
- labelLang: "mainTextIconColor",
495
- descLang: "mianTextIconColorDesc",
496
- value: "--ibiz-color-text-0"
497
- },
498
- {
499
- label: "\u6587\u672C\u56FE\u6807\u7A0D\u6B21\u8272",
500
- description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u7A0D\u6B21\u8981",
501
- labelLang: "minorTextIconColor",
502
- descLang: "minorTextIconColorDesc",
503
- value: "--ibiz-color-text-1"
504
- },
505
- {
506
- label: "\u6587\u672C\u56FE\u6807\u6B21\u8272",
507
- description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6B21\u8981",
508
- labelLang: "secondaryTextIconColor",
509
- descLang: "secondaryTextIconColorDesc",
510
- value: "--ibiz-color-text-2"
511
- },
512
- {
513
- label: "\u6587\u672C\u56FE\u6807\u6700\u6B21\u8272",
514
- description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u6B21\u8981",
515
- labelLang: "lastTextIconColor",
516
- descLang: "lastTextIconColorDesc",
517
- value: "--ibiz-color-text-3"
518
- }
519
- ]
520
- },
521
- {
522
- caption: "\u94FE\u63A5\u989C\u8272",
523
- labelLang: "linkColor",
8
+ caption: "\u5B57\u4F53",
9
+ labelLang: "font",
524
10
  vars: [
525
11
  {
526
- label: "\u6587\u672C\u94FE\u63A5\u8272",
527
- description: "\u94FE\u63A5\u989C\u8272 - \u6700\u4E3B\u8981",
528
- labelLang: "textLinkColor",
529
- descLang: "textLinkColorDesc",
530
- value: "--ibiz-color-link"
531
- },
532
- {
533
- label: "\u6587\u672C\u94FE\u63A5\u60AC\u6D6E\u8272",
534
- description: "\u94FE\u63A5\u989C\u8272 - \u60AC\u6D6E\u6001",
535
- labelLang: "textLinkHoverColor",
536
- descLang: "textLinkHoverColorDesc",
537
- value: "--ibiz-color-link-hover"
538
- },
539
- {
540
- label: "\u6587\u672C\u94FE\u63A5\u6FC0\u6D3B\u8272",
541
- description: "\u94FE\u63A5\u989C\u8272 - \u6FC0\u6D3B\u6001",
542
- labelLang: "textLinkActiveColor",
543
- descLang: "textLinkActiveColorDesc",
544
- value: "--ibiz-color-link-active"
12
+ label: "\u5B57\u53F7",
13
+ value: "--ibiz-font-size-regular",
14
+ labelLang: "fontSize",
15
+ descLang: "fontSizeDesc",
16
+ unit: "px",
17
+ type: "size",
18
+ kindVars: {
19
+ "--ibiz-font-size-small": -2,
20
+ "--ibiz-font-size-header-6": 2,
21
+ "--ibiz-font-size-header-5": 4,
22
+ "--ibiz-font-size-header-4": 6,
23
+ "--ibiz-font-size-header-3": 8,
24
+ "--ibiz-font-size-header-2": 10,
25
+ "--ibiz-font-size-header-1": 12
26
+ }
545
27
  },
546
28
  {
547
- label: "\u6587\u672C\u94FE\u63A5\u5DF2\u8BBF\u95EE\u8272",
548
- description: "\u94FE\u63A5\u989C\u8272 - \u5DF2\u8BBF\u95EE",
549
- labelLang: "textLinkVisitedColor",
550
- descLang: "textLinkVisitedColorDesc",
551
- value: "--ibiz-color-link-visited"
29
+ label: "\u5B57\u91CD",
30
+ value: "--ibiz-font-weight-regular",
31
+ labelLang: "fontWeight",
32
+ descLang: "fontWeightDesc",
33
+ type: "size",
34
+ kindVars: {
35
+ "--ibiz-font-weight-light": -200,
36
+ "--ibiz-font-weight-bold": 200
37
+ }
552
38
  }
553
39
  ]
554
40
  },
555
41
  {
556
- caption: "\u80CC\u666F\u8272",
557
- labelLang: "bgColor",
558
- vars: [
42
+ caption: "\u989C\u8272",
43
+ labelLang: "color",
44
+ children: [
559
45
  {
560
- label: "\u80CC\u666F\u8272\u6700\u4E0B\u5C42",
561
- description: "\u80CC\u666F\u8272 - \u6700\u4E0B\u5C42\uFF08\u5E95\u90E8\u9875\u9762\uFF09",
562
- labelLang: "bgColorLowestLayer",
563
- descLang: "bgColorLowestLayerDesc",
564
- value: "--ibiz-color-bg-0"
46
+ caption: "\u4E3B\u8981\u989C\u8272",
47
+ labelLang: "primaryColor",
48
+ vars: [
49
+ {
50
+ label: "\u4E3B\u8981\u989C\u8272",
51
+ description: "\u4E3B\u8981\u989C\u8272,\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
52
+ labelLang: "primaryColor",
53
+ descLang: "primaryColorDesc",
54
+ value: "--ibiz-color-primary"
55
+ },
56
+ {
57
+ label: "\u4E3B\u8981\u6587\u672C\u989C\u8272",
58
+ description: "\u4E3B\u8981\u989C\u8272\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
59
+ labelLang: "primaryTextColor",
60
+ descLang: "primaryTextColorDesc",
61
+ value: "--ibiz-color-primary-text"
62
+ },
63
+ {
64
+ label: "\u4E3B\u8981\u60AC\u6D6E\u989C\u8272",
65
+ description: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
66
+ labelLang: "primaryHoverColor",
67
+ descLang: "primaryHoverColorDesc",
68
+ value: "--ibiz-color-primary-hover"
69
+ },
70
+ {
71
+ label: "\u4E3B\u8981\u60AC\u6D6E\u6587\u672C\u989C\u8272",
72
+ description: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
73
+ labelLang: "primaryHoverTextColor",
74
+ descLang: "primaryHoverTextColorDesc",
75
+ value: "--ibiz-color-primary-hover-text"
76
+ },
77
+ {
78
+ label: "\u4E3B\u8981\u6FC0\u6D3B\u989C\u8272",
79
+ description: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
80
+ labelLang: "primaryActiveColor",
81
+ descLang: "primaryActiveColorDesc",
82
+ value: "--ibiz-color-primary-active"
83
+ },
84
+ {
85
+ label: "\u4E3B\u8981\u6FC0\u6D3B\u6587\u672C\u989C\u8272",
86
+ description: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
87
+ labelLang: "primaryActiveTextColor",
88
+ descLang: "primaryActiveTextColorDesc",
89
+ value: "--ibiz-color-primary-active-text"
90
+ },
91
+ {
92
+ label: "\u4E3B\u8981\u7981\u7528\u989C\u8272",
93
+ description: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001",
94
+ labelLang: "primaryDisabledColor",
95
+ descLang: "primaryDisabledColorDesc",
96
+ value: "--ibiz-color-primary-disabled"
97
+ },
98
+ {
99
+ label: "\u4E3B\u8981\u7981\u7528\u6587\u672C\u989C\u8272",
100
+ description: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
101
+ labelLang: "primaryDisabledTextColor",
102
+ descLang: "primaryDisabledTextColorDesc",
103
+ value: "--ibiz-color-primary-disabled-text"
104
+ },
105
+ {
106
+ label: "\u4E3B\u8981\u6D45\u7248\u989C\u8272",
107
+ description: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\uFF08\u591A\u7528\u4E8E\u80CC\u666F\uFF09\u3002\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
108
+ labelLang: "primaryLightDefaultColor",
109
+ descLang: "primaryLightDefaultColorDesc",
110
+ value: "--ibiz-color-primary-light-default"
111
+ },
112
+ {
113
+ label: "\u4E3B\u8981\u6D45\u7248\u60AC\u6D6E\u8272",
114
+ description: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
115
+ labelLang: "primaryLightHoverColor",
116
+ descLang: "primaryLightHoverColorDesc",
117
+ value: "--ibiz-color-primary-light-hover"
118
+ },
119
+ {
120
+ label: "\u4E3B\u8981\u6D45\u7248\u6FC0\u6D3B\u8272",
121
+ description: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
122
+ labelLang: "primaryLightActiveColor",
123
+ descLang: "primaryLightActiveColorDesc",
124
+ value: "--ibiz-color-primary-light-active"
125
+ }
126
+ ]
565
127
  },
566
128
  {
567
- label: "\u80CC\u666F\u8272\u6B21\u4E0B\u5C42",
568
- description: "\u80CC\u666F\u8272 - \u6B21\u4E0B\u5C42\uFF08\u9875\u9762\u4E2D\u9700\u8981\u63D0\u5347\u7684\u5185\u5BB9\uFF09",
569
- labelLang: "bgColorLowerLayer",
570
- descLang: "bgColorLowerLayerDesc",
571
- value: "--ibiz-color-bg-1"
129
+ caption: "\u6587\u672C/\u56FE\u6807\u989C\u8272",
130
+ labelLang: "textIcon",
131
+ vars: [
132
+ {
133
+ label: "\u6587\u672C\u56FE\u6807\u4E3B\u8272",
134
+ description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u4E3B\u8981",
135
+ labelLang: "mainTextIconColor",
136
+ descLang: "mianTextIconColorDesc",
137
+ value: "--ibiz-color-text-0"
138
+ },
139
+ {
140
+ label: "\u6587\u672C\u56FE\u6807\u7A0D\u6B21\u8272",
141
+ description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u7A0D\u6B21\u8981",
142
+ labelLang: "minorTextIconColor",
143
+ descLang: "minorTextIconColorDesc",
144
+ value: "--ibiz-color-text-1"
145
+ },
146
+ {
147
+ label: "\u6587\u672C\u56FE\u6807\u6B21\u8272",
148
+ description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6B21\u8981",
149
+ labelLang: "secondaryTextIconColor",
150
+ descLang: "secondaryTextIconColorDesc",
151
+ value: "--ibiz-color-text-2"
152
+ },
153
+ {
154
+ label: "\u6587\u672C\u56FE\u6807\u6700\u6B21\u8272",
155
+ description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u6B21\u8981",
156
+ labelLang: "lastTextIconColor",
157
+ descLang: "lastTextIconColorDesc",
158
+ value: "--ibiz-color-text-3"
159
+ }
160
+ ]
572
161
  },
573
162
  {
574
- label: "\u80CC\u666F\u8272\u4E2D\u5C42",
575
- description: "\u80CC\u666F\u8272 - \u4E2D\u95F4\u5C42\uFF08\u6A21\u6001\u7B49\u5BB9\u5668\uFF09",
576
- labelLang: "bgColorCenterLayer",
577
- descLang: "bgColorCenterLayerDesc",
578
- value: "--ibiz-color-bg-2"
163
+ caption: "\u94FE\u63A5\u989C\u8272",
164
+ labelLang: "linkColor",
165
+ vars: [
166
+ {
167
+ label: "\u6587\u672C\u94FE\u63A5\u8272",
168
+ description: "\u94FE\u63A5\u989C\u8272 - \u6700\u4E3B\u8981",
169
+ labelLang: "textLinkColor",
170
+ descLang: "textLinkColorDesc",
171
+ value: "--ibiz-color-link"
172
+ },
173
+ {
174
+ label: "\u6587\u672C\u94FE\u63A5\u60AC\u6D6E\u8272",
175
+ description: "\u94FE\u63A5\u989C\u8272 - \u60AC\u6D6E\u6001",
176
+ labelLang: "textLinkHoverColor",
177
+ descLang: "textLinkHoverColorDesc",
178
+ value: "--ibiz-color-link-hover"
179
+ },
180
+ {
181
+ label: "\u6587\u672C\u94FE\u63A5\u6FC0\u6D3B\u8272",
182
+ description: "\u94FE\u63A5\u989C\u8272 - \u6FC0\u6D3B\u6001",
183
+ labelLang: "textLinkActiveColor",
184
+ descLang: "textLinkActiveColorDesc",
185
+ value: "--ibiz-color-link-active"
186
+ },
187
+ {
188
+ label: "\u6587\u672C\u94FE\u63A5\u5DF2\u8BBF\u95EE\u8272",
189
+ description: "\u94FE\u63A5\u989C\u8272 - \u5DF2\u8BBF\u95EE",
190
+ labelLang: "textLinkVisitedColor",
191
+ descLang: "textLinkVisitedColorDesc",
192
+ value: "--ibiz-color-link-visited"
193
+ }
194
+ ]
579
195
  },
580
196
  {
581
- label: "\u80CC\u666F\u8272\u6B21\u4E0A\u5C42",
582
- description: "\u80CC\u666F\u8272 - \u6B21\u4E0A\u5C42(\u901A\u77E5,Toast\u7B49)",
583
- labelLang: "bgColorSecondaryUpperLayer",
584
- descLang: "bgColorSecondaryUpperLayerDesc",
585
- value: "--ibiz-color-bg-3"
197
+ caption: "\u80CC\u666F\u8272",
198
+ labelLang: "bgColor",
199
+ vars: [
200
+ {
201
+ label: "\u80CC\u666F\u8272\u6700\u4E0B\u5C42",
202
+ description: "\u80CC\u666F\u8272 - \u6700\u4E0B\u5C42\uFF08\u5E95\u90E8\u9875\u9762\uFF09",
203
+ labelLang: "bgColorLowestLayer",
204
+ descLang: "bgColorLowestLayerDesc",
205
+ value: "--ibiz-color-bg-0"
206
+ },
207
+ {
208
+ label: "\u80CC\u666F\u8272\u6B21\u4E0B\u5C42",
209
+ description: "\u80CC\u666F\u8272 - \u6B21\u4E0B\u5C42\uFF08\u9875\u9762\u4E2D\u9700\u8981\u63D0\u5347\u7684\u5185\u5BB9\uFF09",
210
+ labelLang: "bgColorLowerLayer",
211
+ descLang: "bgColorLowerLayerDesc",
212
+ value: "--ibiz-color-bg-1"
213
+ },
214
+ {
215
+ label: "\u80CC\u666F\u8272\u4E2D\u5C42",
216
+ description: "\u80CC\u666F\u8272 - \u4E2D\u95F4\u5C42\uFF08\u6A21\u6001\u7B49\u5BB9\u5668\uFF09",
217
+ labelLang: "bgColorCenterLayer",
218
+ descLang: "bgColorCenterLayerDesc",
219
+ value: "--ibiz-color-bg-2"
220
+ },
221
+ {
222
+ label: "\u80CC\u666F\u8272\u6B21\u4E0A\u5C42",
223
+ description: "\u80CC\u666F\u8272 - \u6B21\u4E0A\u5C42(\u901A\u77E5,Toast\u7B49)",
224
+ labelLang: "bgColorSecondaryUpperLayer",
225
+ descLang: "bgColorSecondaryUpperLayerDesc",
226
+ value: "--ibiz-color-bg-3"
227
+ },
228
+ {
229
+ label: "\u80CC\u666F\u8272\u6700\u4E0A\u5C42",
230
+ description: "\u80CC\u666F\u8272 - \u6700\u4E0A\u5C42\uFF08\u7279\u6B8A\uFF09",
231
+ labelLang: "bgColorTopLayer",
232
+ descLang: "bgColorTopLayerDesc",
233
+ value: "--ibiz-color-bg-4"
234
+ }
235
+ ]
586
236
  },
587
237
  {
588
- label: "\u80CC\u666F\u8272\u6700\u4E0A\u5C42",
589
- description: "\u80CC\u666F\u8272 - \u6700\u4E0A\u5C42\uFF08\u7279\u6B8A\uFF09",
590
- labelLang: "bgColorTopLayer",
591
- descLang: "bgColorTopLayerDesc",
592
- value: "--ibiz-color-bg-4"
593
- }
594
- ]
595
- },
596
- {
597
- caption: "\u586B\u5145\u8272",
598
- labelLang: "fillColor",
599
- vars: [
600
- {
601
- label: "\u9ED8\u8BA4\u586B\u5145\u8272",
602
- description: "\u586B\u5145\u8272 - \u9ED8\u8BA4\u6001",
603
- labelLang: "fillDefault",
604
- descLang: "fillDefaultDesc",
605
- value: "--ibiz-color-fill-0"
238
+ caption: "\u586B\u5145\u8272",
239
+ labelLang: "fillColor",
240
+ vars: [
241
+ {
242
+ label: "\u9ED8\u8BA4\u586B\u5145\u8272",
243
+ description: "\u586B\u5145\u8272 - \u9ED8\u8BA4\u6001",
244
+ labelLang: "fillDefault",
245
+ descLang: "fillDefaultDesc",
246
+ value: "--ibiz-color-fill-0"
247
+ },
248
+ {
249
+ label: "\u60AC\u6D6E\u586B\u5145\u8272",
250
+ description: "\u586B\u5145\u8272 - \u60AC\u6D6E\u6001",
251
+ labelLang: "fillHover",
252
+ descLang: "fillHoverDesc",
253
+ value: "--ibiz-color-fill-1"
254
+ },
255
+ {
256
+ label: "\u6FC0\u6D3B\u586B\u5145\u8272",
257
+ description: "\u586B\u5145\u8272 - \u6FC0\u6D3B\u6001",
258
+ labelLang: "fillActive",
259
+ descLang: "fillActiveDesc",
260
+ value: "--ibiz-color-fill-2"
261
+ }
262
+ ]
606
263
  },
607
264
  {
608
- label: "\u60AC\u6D6E\u586B\u5145\u8272",
609
- description: "\u586B\u5145\u8272 - \u60AC\u6D6E\u6001",
610
- labelLang: "fillHover",
611
- descLang: "fillHoverDesc",
612
- value: "--ibiz-color-fill-1"
265
+ caption: "\u8FB9\u6846",
266
+ labelLang: "border",
267
+ vars: [
268
+ {
269
+ label: "\u8FB9\u6846\u8272",
270
+ description: "\u9ED8\u8BA4\u63CF\u8FB9\u989C\u8272",
271
+ labelLang: "borderColor",
272
+ descLang: "borderColorDesc",
273
+ value: "--ibiz-color-border"
274
+ }
275
+ ]
613
276
  },
614
277
  {
615
- label: "\u6FC0\u6D3B\u586B\u5145\u8272",
616
- description: "\u586B\u5145\u8272 - \u6FC0\u6D3B\u6001",
617
- labelLang: "fillActive",
618
- descLang: "fillActiveDesc",
619
- value: "--ibiz-color-fill-2"
278
+ caption: "\u7981\u7528\u6001",
279
+ labelLang: "disabledState",
280
+ vars: [
281
+ {
282
+ label: "\u7981\u7528\u6587\u672C\u8272",
283
+ description: "\u7981\u7528\u6001 - \u6587\u5B57",
284
+ labelLang: "disabledText",
285
+ descLang: "disabledTextDesc",
286
+ value: "--ibiz-color-disabled-text"
287
+ },
288
+ {
289
+ label: "\u7981\u7528\u63CF\u8FB9\u8272",
290
+ description: "\u7981\u7528\u6001 - \u63CF\u8FB9",
291
+ labelLang: "disabledTextBorder",
292
+ descLang: "disabledTextBorderDesc",
293
+ value: "--ibiz-color-text-border"
294
+ },
295
+ {
296
+ label: "\u7981\u7528\u80CC\u666F\u8272",
297
+ description: "\u7981\u7528\u6001 - \u80CC\u666F",
298
+ labelLang: "disabledBg",
299
+ descLang: "disabledBgDesc",
300
+ value: "--ibiz-color-text-bg"
301
+ },
302
+ {
303
+ label: "\u7981\u7528\u586B\u5145\u8272",
304
+ description: "\u7981\u7528\u6001 - \u586B\u5145",
305
+ labelLang: "disabledFill",
306
+ descLang: "disabledFillDesc",
307
+ value: "--ibiz-color-text-fill"
308
+ }
309
+ ]
620
310
  }
621
311
  ]
622
312
  },
623
313
  {
624
- caption: "\u8FB9\u6846",
625
- labelLang: "border",
314
+ caption: "\u5176\u4ED6",
315
+ labelLang: "other",
626
316
  vars: [
627
317
  {
628
- label: "\u8FB9\u6846\u8272",
629
- description: "\u9ED8\u8BA4\u63CF\u8FB9\u989C\u8272",
630
- labelLang: "borderColor",
631
- descLang: "borderColorDesc",
632
- value: "--ibiz-color-border"
633
- }
634
- ]
635
- },
636
- {
637
- caption: "\u7981\u7528\u6001",
638
- labelLang: "disabledState",
639
- vars: [
640
- {
641
- label: "\u7981\u7528\u6587\u672C\u8272",
642
- description: "\u7981\u7528\u6001 - \u6587\u5B57",
643
- labelLang: "disabledText",
644
- descLang: "disabledTextDesc",
645
- value: "--ibiz-color-disabled-text"
646
- },
647
- {
648
- label: "\u7981\u7528\u63CF\u8FB9\u8272",
649
- description: "\u7981\u7528\u6001 - \u63CF\u8FB9",
650
- labelLang: "disabledTextBorder",
651
- descLang: "disabledTextBorderDesc",
652
- value: "--ibiz-color-text-border"
318
+ label: "\u95F4\u8DDD",
319
+ value: "--ibiz-spacing-base",
320
+ labelLang: "spacing",
321
+ descLang: "spacingDesc",
322
+ unit: "px",
323
+ type: "size",
324
+ kindVars: {
325
+ "--ibiz-spacing-super-tight": -14,
326
+ "--ibiz-spacing-extra-tight": -12,
327
+ "--ibiz-spacing-tight": -8,
328
+ "--ibiz-spacing-base-tight": -4,
329
+ "--ibiz-spacing-base-loose": 4,
330
+ "--ibiz-spacing-loose": 8,
331
+ "--ibiz-spacing-extra-loose": 16,
332
+ "--ibiz-spacing-super-loose": 24
333
+ }
653
334
  },
654
335
  {
655
- label: "\u7981\u7528\u80CC\u666F\u8272",
656
- description: "\u7981\u7528\u6001 - \u80CC\u666F",
657
- labelLang: "disabledBg",
658
- descLang: "disabledBgDesc",
659
- value: "--ibiz-color-text-bg"
336
+ label: "\u5706\u89D2",
337
+ value: "--ibiz-border-radius-medium",
338
+ labelLang: "borderRadius",
339
+ descLang: "borderRadiusDesc",
340
+ unit: "px",
341
+ type: "size",
342
+ kindVars: {
343
+ "--ibiz-border-radius-extra-small": -6,
344
+ "--ibiz-border-radius-small": -4,
345
+ "--ibiz-border-radius-large": 4
346
+ }
660
347
  },
661
348
  {
662
- label: "\u7981\u7528\u586B\u5145\u8272",
663
- description: "\u7981\u7528\u6001 - \u586B\u5145",
664
- labelLang: "disabledFill",
665
- descLang: "disabledFillDesc",
666
- value: "--ibiz-color-text-fill"
349
+ label: "\u56FE\u6807\u5C3A\u5BF8",
350
+ value: "--ibiz-width-icon-medium",
351
+ labelLang: "widthIcon",
352
+ descLang: "widthIconDesc",
353
+ unit: "px",
354
+ type: "size",
355
+ kindVars: {
356
+ "--ibiz-width-icon-extra-small": -16,
357
+ "--ibiz-width-icon-small": -4,
358
+ "--ibiz-width-icon-large": 4,
359
+ "--ibiz-width-icon-extra-large": 8
360
+ }
667
361
  }
668
362
  ]
669
363
  }
670
- // {
671
- // caption: '阴影',
672
- // vars: [
673
- // {
674
- // label: '描边阴影',
675
- // description: '用于模拟描边的阴影颜色',
676
- // value: '--ibiz-color-shadow',
677
- // },
678
- // {
679
- // label: '模态阴影',
680
- // description: '用于toast, modal, popover等需要提升层级的界面元素',
681
- // value: '--ibiz-color-shadow-elevated',
682
- // },
683
- // ],
684
- // },
685
364
  ]
686
365
  },
687
366
  {
688
- caption: "\u4FA7\u8FB9\u680F",
689
- labelLang: "sidebar",
367
+ caption: "\u9876\u90E8\u5BFC\u822A\u680F",
368
+ labelLang: "top",
690
369
  vars: [
691
370
  {
692
371
  label: "\u80CC\u666F",
693
- value: "--ibiz-panel-app-header-bg-color",
372
+ value: "--ibiz-panel-app-header-horizontal-bg-color",
694
373
  defaultValue: "--ibiz-color-primary",
695
- labelLang: "sidebarBg",
374
+ labelLang: "topBgColor",
375
+ descLang: "topBgColorDesc",
696
376
  className: "ibiz-panel-app-header"
697
377
  },
698
378
  {
699
379
  label: "\u5B57\u4F53\u989C\u8272",
700
- value: "--ibiz-panel-app-header-color",
380
+ value: "--ibiz-panel-app-header-horizontal-color",
701
381
  defaultValue: "--ibiz-color-primary-text",
702
- labelLang: "sidebarColor",
382
+ labelLang: "topColor",
383
+ descLang: "topColorDesc",
703
384
  className: "ibiz-panel-app-header"
704
385
  },
705
386
  {
706
387
  label: "\u60AC\u6D6E\u8272",
707
- value: "--ibiz-panel-app-header-hover-bg-color",
388
+ value: "--ibiz-panel-app-header-horizontal-hover-bg-color",
708
389
  defaultValue: "--ibiz-color-primary-hover",
709
- labelLang: "sidebarHoverBgColor",
390
+ labelLang: "topHoverBgColor",
391
+ descLang: "topHoverBgColorDesc",
710
392
  className: "ibiz-panel-app-header"
711
393
  },
712
394
  {
713
395
  label: "\u9009\u4E2D\u8272",
714
- value: "--ibiz-panel-app-header-select-bg-color",
396
+ value: "--ibiz-panel-app-header-horizontal-select-bg-color",
715
397
  defaultValue: "--ibiz-color-primary-active",
716
- labelLang: "sidebarSelectBgColor",
398
+ labelLang: "topSelectBgColor",
399
+ descLang: "topSelectBgColorDesc",
717
400
  className: "ibiz-panel-app-header"
718
401
  }
719
402
  ]
720
403
  },
721
404
  {
722
- caption: "\u9876\u90E8",
723
- labelLang: "top",
405
+ caption: "\u4FA7\u8FB9\u5BFC\u822A\u680F",
406
+ labelLang: "sidebar",
724
407
  vars: [
725
408
  {
726
409
  label: "\u80CC\u666F",
727
- value: "--ibiz-panel-app-header-horizontal-bg-color",
410
+ value: "--ibiz-panel-app-header-bg-color",
728
411
  defaultValue: "--ibiz-color-primary",
729
- labelLang: "topBgColor",
412
+ labelLang: "sidebarBg",
413
+ descLang: "sidebarBgDesc",
730
414
  className: "ibiz-panel-app-header"
731
415
  },
732
416
  {
733
417
  label: "\u5B57\u4F53\u989C\u8272",
734
- value: "--ibiz-panel-app-header-horizontal-color",
418
+ value: "--ibiz-panel-app-header-color",
735
419
  defaultValue: "--ibiz-color-primary-text",
736
- labelLang: "topColor",
420
+ labelLang: "sidebarColor",
421
+ descLang: "sidebarColorDesc",
737
422
  className: "ibiz-panel-app-header"
738
423
  },
739
424
  {
740
425
  label: "\u60AC\u6D6E\u8272",
741
- value: "--ibiz-panel-app-header-horizontal-hover-bg-color",
426
+ value: "--ibiz-panel-app-header-hover-bg-color",
742
427
  defaultValue: "--ibiz-color-primary-hover",
743
- labelLang: "topHoverBgColor",
428
+ labelLang: "sidebarHoverBgColor",
429
+ descLang: "sidebarHoverBgColorDesc",
744
430
  className: "ibiz-panel-app-header"
745
431
  },
746
432
  {
747
433
  label: "\u9009\u4E2D\u8272",
748
- value: "--ibiz-panel-app-header-horizontal-select-bg-color",
434
+ value: "--ibiz-panel-app-header-select-bg-color",
749
435
  defaultValue: "--ibiz-color-primary-active",
750
- labelLang: "topSelectBgColor",
436
+ labelLang: "sidebarSelectBgColor",
437
+ descLang: "sidebarSelectBgColorDesc",
751
438
  className: "ibiz-panel-app-header"
752
439
  }
753
440
  ]
754
441
  },
755
442
  {
756
- caption: "\u8868\u683C",
757
- labelLang: "grid",
758
- vars: [
759
- {
760
- label: "\u8868\u683C\u5934\u5B57\u4F53\u8272",
761
- value: "--ibiz-control-grid-header-text-color",
762
- defaultValue: "--ibiz-color-text-2",
763
- labelLang: "gridHeaderColor",
764
- className: "ibiz-control-grid"
765
- },
766
- {
767
- label: "\u8868\u683C\u5934\u80CC\u666F\u8272",
768
- value: "--ibiz-control-grid-header-bg-color",
769
- defaultValue: "--ibiz-color-fill-1",
770
- labelLang: "gridHeaderBg",
771
- className: "ibiz-control-grid"
772
- },
773
- {
774
- label: "\u8868\u683C\u884C\u5B57\u4F53\u8272",
775
- value: "--ibiz-control-grid-text-color",
776
- defaultValue: "--ibiz-color-text-0",
777
- labelLang: "gridRowColor",
778
- className: "ibiz-control-grid"
779
- },
780
- {
781
- label: "\u8868\u683C\u884C\u80CC\u666F\u8272\u4EAE\u8272",
782
- value: "--ibiz-control-grid-row-bg-color",
783
- defaultValue: "--ibiz-color-bg-1",
784
- labelLang: "gridRowBg",
785
- className: "ibiz-control-grid"
786
- },
787
- {
788
- label: "\u8868\u683C\u884C\u80CC\u666F\u8272\u6697\u8272",
789
- value: "--ibiz-control-grid-row-bg-color-2",
790
- defaultValue: "--ibiz-color-bg-0",
791
- labelLang: "gridRowBg2",
792
- className: "ibiz-control-grid"
793
- },
794
- {
795
- label: "\u8868\u683C\u884C\u60AC\u6D6E\u8272",
796
- value: "--ibiz-control-grid-row-hover-color",
797
- defaultValue: "--ibiz-grey-1",
798
- labelLang: "gridRowHover",
799
- className: "ibiz-control-grid"
800
- }
801
- ]
802
- },
803
- {
804
- caption: "\u5176\u4ED6",
805
- labelLang: "other",
806
- type: "size",
807
- vars: [
808
- {
809
- label: "\u9AD8\u5EA6",
810
- value: "--ibiz-height-control-default",
811
- labelLang: "height",
812
- unit: "px",
813
- type: "size",
814
- kindVars: {
815
- "--ibiz-height-control-small": -8,
816
- "--ibiz-height-control-large": 8
817
- }
818
- },
443
+ caption: "\u63A7\u4EF6",
444
+ labelLang: "ctrl",
445
+ children: [
819
446
  {
820
- label: "\u95F4\u8DDD",
821
- value: "--ibiz-spacing-base",
822
- labelLang: "spacing",
823
- unit: "px",
824
- type: "size",
825
- kindVars: {
826
- "--ibiz-spacing-super-tight": -14,
827
- "--ibiz-spacing-extra-tight": -12,
828
- "--ibiz-spacing-tight": -8,
829
- "--ibiz-spacing-base-tight": -4,
830
- "--ibiz-spacing-base-loose": 4,
831
- "--ibiz-spacing-loose": 8,
832
- "--ibiz-spacing-extra-loose": 16,
833
- "--ibiz-spacing-super-loose": 24
834
- }
447
+ caption: "\u8868\u683C",
448
+ labelLang: "grid",
449
+ vars: [
450
+ {
451
+ label: "\u8868\u683C\u5934\u5B57\u4F53\u8272",
452
+ value: "--ibiz-control-grid-header-text-color",
453
+ defaultValue: "--ibiz-color-text-2",
454
+ labelLang: "gridHeaderColor",
455
+ descLang: "gridHeaderColorDesc",
456
+ className: "ibiz-control-grid"
457
+ },
458
+ {
459
+ label: "\u8868\u683C\u5934\u80CC\u666F\u8272",
460
+ value: "--ibiz-control-grid-header-bg-color",
461
+ defaultValue: "--ibiz-color-fill-1",
462
+ labelLang: "gridHeaderBg",
463
+ descLang: "gridHeaderBgDesc",
464
+ className: "ibiz-control-grid"
465
+ },
466
+ {
467
+ label: "\u8868\u683C\u884C\u5B57\u4F53\u8272",
468
+ value: "--ibiz-control-grid-text-color",
469
+ defaultValue: "--ibiz-color-text-0",
470
+ labelLang: "gridRowColor",
471
+ descLang: "gridRowColorDesc",
472
+ className: "ibiz-control-grid"
473
+ },
474
+ {
475
+ label: "\u8868\u683C\u884C\u80CC\u666F\u8272\u4EAE\u8272",
476
+ value: "--ibiz-control-grid-row-bg-color",
477
+ defaultValue: "--ibiz-color-bg-1",
478
+ labelLang: "gridRowBg",
479
+ descLang: "gridRowBgDesc",
480
+ className: "ibiz-control-grid"
481
+ },
482
+ {
483
+ label: "\u8868\u683C\u884C\u80CC\u666F\u8272\u6697\u8272",
484
+ value: "--ibiz-control-grid-row-bg-color-2",
485
+ defaultValue: "--ibiz-color-bg-0",
486
+ labelLang: "gridRowBg2",
487
+ descLang: "gridRowBg2Desc",
488
+ className: "ibiz-control-grid"
489
+ },
490
+ {
491
+ label: "\u8868\u683C\u884C\u60AC\u6D6E\u8272",
492
+ value: "--ibiz-control-grid-row-hover-color",
493
+ defaultValue: "--ibiz-grey-1",
494
+ labelLang: "gridRowHover",
495
+ descLang: "gridRowHoverDesc",
496
+ className: "ibiz-control-grid"
497
+ },
498
+ {
499
+ label: "\u8868\u683C\u884C\u9009\u4E2D\u8272",
500
+ value: "--ibiz-control-grid-row-select-color",
501
+ defaultValue: "--ibiz-blue-cyan-0",
502
+ labelLang: "gridRowSelect",
503
+ descLang: "gridRowSelectDesc",
504
+ className: "ibiz-control-grid"
505
+ }
506
+ ]
835
507
  }
836
508
  ]
837
509
  }