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