@wycm9527/morganite 0.0.0-stage → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +165 -0
  2. package/LICENSE +33 -0
  3. package/README.md +58 -2
  4. package/bridge/base.css +138 -0
  5. package/bridge/echarts.d.ts +44 -0
  6. package/bridge/echarts.js +217 -0
  7. package/bridge/element-plus.css +785 -0
  8. package/bridge/fonts.css +124 -0
  9. package/bridge/icon-merge.d.ts +5 -0
  10. package/bridge/icon-merge.js +103 -0
  11. package/bridge/iconpark.config.ts +75 -0
  12. package/bridge/iconpark.css +29 -0
  13. package/bridge/react/ConfirmBar.tsx +43 -0
  14. package/bridge/react/EChart.tsx +45 -0
  15. package/bridge/react/PageHeader.tsx +24 -0
  16. package/bridge/react/SectionHeader.tsx +17 -0
  17. package/bridge/react/StatCard.tsx +33 -0
  18. package/bridge/react/TableSkeleton.tsx +11 -0
  19. package/bridge/react/TrendChart.tsx +8 -0
  20. package/bridge/recipes.css +444 -0
  21. package/bridge/shadcn-globals.css +6 -0
  22. package/bridge/shadcn.css +238 -0
  23. package/bridge/vue/ConfirmBar.vue +23 -0
  24. package/bridge/vue/EChart.vue +43 -0
  25. package/bridge/vue/KitchenSink.vue +507 -0
  26. package/bridge/vue/PageHeader.vue +23 -0
  27. package/bridge/vue/SectionHeader.vue +15 -0
  28. package/bridge/vue/StatCard.vue +33 -0
  29. package/bridge/vue/TableSkeleton.vue +14 -0
  30. package/bridge/vue/TrendChart.vue +11 -0
  31. package/bridge/vue/confirm.js +18 -0
  32. package/bridge/vue/inlineConfirm.js +21 -0
  33. package/design-system/AUDIT.md +277 -0
  34. package/design-system/DESIGN.md +176 -0
  35. package/design-system/contrast.md +71 -0
  36. package/design-system/preview/drawer.html +38 -0
  37. package/design-system/preview/form.html +40 -0
  38. package/design-system/preview/index.html +21 -0
  39. package/design-system/preview/preview.css +190 -0
  40. package/design-system/preview/preview.local.css +17 -0
  41. package/design-system/preview/shell.html +50 -0
  42. package/design-system/scope-map.json +4 -0
  43. package/design-system/style-dictionary.config.mjs +172 -0
  44. package/design-system/theme-map.json +16 -0
  45. package/design-system/themes/dark/THEME.md +29 -0
  46. package/design-system/themes/dark/tokens/semantic.tokens.json +354 -0
  47. package/design-system/token-board.html +137 -0
  48. package/design-system/tokens/primitives.tokens.json +1898 -0
  49. package/design-system/tokens/semantic.tokens.json +1080 -0
  50. package/design-system.json +217 -0
  51. package/migration/roles.json +743 -0
  52. package/package.json +82 -4
  53. package/templates/AGENTS.md +13 -0
  54. package/templates/KitchenSink.tsx +179 -0
  55. package/templates/accept.config.mjs +28 -0
  56. package/templates/entry-css.css +6 -0
  57. package/templates/entry-element-plus.css +9 -0
  58. package/templates/entry-shadcn.css +7 -0
  59. package/templates/notes-css.md +4 -0
  60. package/templates/notes-element-plus.md +7 -0
  61. package/templates/notes-shadcn.md +7 -0
@@ -0,0 +1,354 @@
1
+ {
2
+ "color": {
3
+ "bg": {
4
+ "page": {
5
+ "$type": "color",
6
+ "$value": "{color.black}",
7
+ "$description": "[确认] 暗色页面底 #000(antd 暗色 colorBgLayout / ProLayout 暗色渐变终点)(2026-10-09 用户确认)"
8
+ },
9
+ "surface": {
10
+ "$type": "color",
11
+ "$value": "{color.neutral.950}",
12
+ "$description": "[观察] 暗色卡片 #141414,16 处"
13
+ },
14
+ "subtle": {
15
+ "$type": "color",
16
+ "$value": "{color.neutral.white-a4}",
17
+ "$description": "[确认] 暗色表头 / 浅分区 rgba(255,255,255,0.04)(antd colorFillAlter)(2026-10-09 用户确认)"
18
+ },
19
+ "hover": {
20
+ "$type": "color",
21
+ "$value": "{color.neutral.white-a8}",
22
+ "$description": "[观察] 暗色悬停底 rgba(255,255,255,0.08)"
23
+ },
24
+ "input": {
25
+ "$type": "color",
26
+ "$value": "{color.neutral.white-a8}",
27
+ "$description": "[确认] 暗色填充式输入框底 rgba(255,255,255,0.08)(antd 填充式暗色 colorFillTertiary)"
28
+ },
29
+ "elevated": {
30
+ "$type": "color",
31
+ "$value": "{color.neutral.900}",
32
+ "$description": "[观察] 暗色浮层 #1f1f1f(比卡片亮一档)"
33
+ },
34
+ "inverse": {
35
+ "$type": "color",
36
+ "$value": "{color.neutral.700}",
37
+ "$description": "[确认] 暗色 Tooltip 底 #424242(antd 暗色 colorBgSpotlight)(2026-10-09 用户确认)"
38
+ },
39
+ "selected": {
40
+ "$type": "color",
41
+ "$value": "{color.neutral.white-a8}",
42
+ "$description": "[观察] 暗色小面积选中底"
43
+ },
44
+ "selected-subtle": {
45
+ "$type": "color",
46
+ "$value": "{color.brand.900}",
47
+ "$description": "[确认] 暗色奶油金浅底的对应:金色暗阶 #32291c(明度同 antd 暗色算法第 2 阶),给强调徽标与 Element 主色浅底;表格选中行改用 color.bg.hover"
48
+ },
49
+ "selected-hover": {
50
+ "$type": "color",
51
+ "$value": "{color.neutral.white-a12}",
52
+ "$description": "[确认] 暗色表格选中行再悬停:选中行与悬停同色(white-a8),再悬停深一档用 12% 白(原为金色暗阶 #433724)(2026-10-09 用户确认)"
53
+ },
54
+ "chip": {
55
+ "$type": "color",
56
+ "$value": "{color.brand.300-a10}",
57
+ "$description": "[确认] 暗色筹码底(用户 2026-10-09 确认):沿用亮色「筹码字色同色 10%」——暗色筹码字是亮金 color.text.selected(#D1AB62),底取它的 10%,叠在暗色卡片上约 #27231C;原为白 8%"
58
+ },
59
+ "skeleton": {
60
+ "$type": "color",
61
+ "$value": "{color.neutral.white-a8}",
62
+ "$description": "[确认] 暗色骨架屏底(2026-10-09 用户确认)"
63
+ },
64
+ "skeleton-highlight": {
65
+ "$type": "color",
66
+ "$value": "{color.neutral.white-a12}",
67
+ "$description": "[确认] 暗色骨架屏流光(2026-10-09 用户确认)"
68
+ },
69
+ "readonly": {
70
+ "$type": "color",
71
+ "$value": "{color.neutral.white-a8}",
72
+ "$description": "[确认] 暗色只读底(antd 暗色 colorBgContainerDisabled)(2026-10-09 用户确认)"
73
+ },
74
+ "mask": {
75
+ "$type": "color",
76
+ "$value": "{color.neutral.950-a50}",
77
+ "$description": "[确认] 暗色局部加载遮罩(2026-10-09 用户确认)"
78
+ },
79
+ "sidebar": {
80
+ "$type": "color",
81
+ "$value": "{color.black}",
82
+ "$description": "[确认] 侧栏纯黑底:用户指定(2026-10-09),与暗色页面底同为 #000,靠 color.border.sidebar 与内容区分开"
83
+ },
84
+ "sidebar-hover": {
85
+ "$type": "color",
86
+ "$value": "{color.neutral.white-a3}",
87
+ "$description": "[确认] ProLayout 同算法:文字基色 #fff 的 3%(2026-10-09 用户确认)"
88
+ },
89
+ "sidebar-selected": {
90
+ "$type": "color",
91
+ "$value": "{color.brand.900}",
92
+ "$description": "[确认] 侧栏当前项与亮色同一逻辑:金色暗底(原为 Pro 暗黑的主色实底)"
93
+ }
94
+ },
95
+ "text": {
96
+ "primary": {
97
+ "$type": "color",
98
+ "$value": "{color.neutral.white-a85}",
99
+ "$description": "[观察] 暗色正文 rgba(255,255,255,0.85),499 字"
100
+ },
101
+ "card-title": {
102
+ "$type": "color",
103
+ "$value": "{color.neutral.white-a85}",
104
+ "$description": "[确认] 暗色卡片标题取暗色正文 0.85(用户 2026-10-13 确认,备选为原来的次要色 0.65):亮色由次要色提到近正文的 #212121,暗色同一层级;对表面 #141414 约 13.4:1"
105
+ },
106
+ "secondary": {
107
+ "$type": "color",
108
+ "$value": "{color.neutral.white-a65}",
109
+ "$description": "[观察] 暗色第二档 0.65"
110
+ },
111
+ "muted": {
112
+ "$type": "color",
113
+ "$value": "{color.neutral.white-a50}",
114
+ "$description": "[确认] 暗色第三档原值 0.45 对浅分区不足 4.5,校正到 0.5(2026-10-09 用户确认)"
115
+ },
116
+ "placeholder": {
117
+ "$type": "color",
118
+ "$value": "{color.neutral.white-a45}",
119
+ "$description": "[确认] antd 暗色占位符 0.25 对 #141414 仅 2.2:1,改用 0.45(4.5:1)(2026-10-09 用户确认)"
120
+ },
121
+ "link": {
122
+ "$type": "color",
123
+ "$value": "{color.brand.500}",
124
+ "$description": "[确认] 暗色链接用品牌金 #b98d44(对 #141414 6.10:1)"
125
+ },
126
+ "link-hover": {
127
+ "$type": "color",
128
+ "$value": "{color.brand.300}",
129
+ "$description": "[确认] 暗色链接悬停变亮 #d1ab62(8.52:1)"
130
+ },
131
+ "danger": {
132
+ "$type": "color",
133
+ "$value": "{color.red.4}",
134
+ "$description": "[确认] 暗色危险文字要比填充亮:red-4 #ff7875(7.2:1)"
135
+ },
136
+ "selected": {
137
+ "$type": "color",
138
+ "$value": "{color.brand.300}",
139
+ "$description": "[确认] 暗色选中文字 #d1ab62"
140
+ },
141
+ "on-selected": {
142
+ "$type": "color",
143
+ "$value": "{color.neutral.white-a85}",
144
+ "$description": "[观察] 暗色分段选中项文字"
145
+ },
146
+ "on-overlay": {
147
+ "$type": "color",
148
+ "$value": "{color.neutral.white-a85}",
149
+ "$description": "[确认] 暗色遮罩很深,用白字(2026-10-09 用户确认)"
150
+ },
151
+ "sidebar": {
152
+ "$type": "color",
153
+ "$value": "{color.neutral.white-a65}",
154
+ "$description": "[确认] ProLayout 同算法 colorTextSecondary(2026-10-09 用户确认)"
155
+ },
156
+ "sidebar-strong": {
157
+ "$type": "color",
158
+ "$value": "{color.neutral.white-a85}",
159
+ "$description": "[确认] ProLayout 同算法 colorText(2026-10-09 用户确认)"
160
+ },
161
+ "sidebar-muted": {
162
+ "$type": "color",
163
+ "$value": "{color.neutral.white-a50}",
164
+ "$description": "[确认] ProLayout 同算法 0.45 压暗色侧栏底 #000 只有 4.41:1,与 color.text.muted 同取 0.50(5.32:1)(2026-10-09 用户确认)"
165
+ },
166
+ "sidebar-selected": {
167
+ "$type": "color",
168
+ "$value": "{color.brand.300}",
169
+ "$description": "[确认] 侧栏当前项亮金字(对金色暗底 6.61:1)"
170
+ }
171
+ },
172
+ "action": {
173
+ "secondary-hover": {
174
+ "$type": "color",
175
+ "$value": "{color.neutral.white-a8}",
176
+ "$description": "[确认] 暗色次要按钮悬停底(2026-10-09 用户确认)"
177
+ },
178
+ "quiet-hover": {
179
+ "$type": "color",
180
+ "$value": "{color.neutral.white-a8}",
181
+ "$description": "[确认] 暗色文字按钮悬停底(2026-10-09 用户确认)"
182
+ },
183
+ "selected": {
184
+ "$type": "color",
185
+ "$value": "{color.neutral.700}",
186
+ "$description": "[确认] 暗色分段选择器当前项 #424242(2026-10-09 用户确认)"
187
+ }
188
+ },
189
+ "border": {
190
+ "default": {
191
+ "$type": "color",
192
+ "$value": "{color.neutral.800}",
193
+ "$description": "[确认] 暗色卡片 / 分隔线 #303030(antd 暗色 colorBorderSecondary);实测 rgba(253,253,253,0.12) 对页面底不到 1.3,用户决定过线"
194
+ },
195
+ "strong": {
196
+ "$type": "color",
197
+ "$value": "{color.neutral.700}",
198
+ "$description": "[观察] 暗色控件边线 #424242"
199
+ },
200
+ "focus": {
201
+ "$type": "color",
202
+ "$value": "{color.brand.500}",
203
+ "$description": "[确认] 暗色焦点边线用品牌金(对 #141414 6.10:1)"
204
+ },
205
+ "sidebar": {
206
+ "$type": "color",
207
+ "$value": "{color.neutral.white-a12}",
208
+ "$description": "[确认] 暗色侧栏分隔线(antd 暗色 colorSplit)(2026-10-09 用户确认)"
209
+ }
210
+ },
211
+ "focus": {
212
+ "ring": {
213
+ "$type": "color",
214
+ "$value": "{color.brand.500}",
215
+ "$description": "[确认] 暗色焦点环品牌金"
216
+ }
217
+ },
218
+ "status": {
219
+ "success": {
220
+ "$type": "color",
221
+ "$value": "{color.emerald.300}",
222
+ "$description": "[确认] 暗色成功文字(与涨同一绿)(2026-10-09 用户确认)"
223
+ },
224
+ "success-bg": {
225
+ "$type": "color",
226
+ "$value": "{color.emerald.dark-1}",
227
+ "$description": "[确认] 暗色成功浅底(2026-10-09 用户确认)"
228
+ },
229
+ "warning": {
230
+ "$type": "color",
231
+ "$value": "{color.orange.4}",
232
+ "$description": "[确认] antd orange-4 #ffc069(2026-10-09 用户确认)"
233
+ },
234
+ "warning-bg": {
235
+ "$type": "color",
236
+ "$value": "{color.orange.dark-1}",
237
+ "$description": "[确认] antd 暗色 orange-1 #2b1d11(2026-10-09 用户确认)"
238
+ },
239
+ "error": {
240
+ "$type": "color",
241
+ "$value": "{color.red.4}",
242
+ "$description": "[确认] antd red-4 #ff7875"
243
+ },
244
+ "error-bg": {
245
+ "$type": "color",
246
+ "$value": "{color.red.dark-1}",
247
+ "$description": "[确认] antd 暗色 red-1 #2a1215"
248
+ },
249
+ "info": {
250
+ "$type": "color",
251
+ "$value": "{color.blue.4}",
252
+ "$description": "[确认] antd blue-4 #69b1ff"
253
+ },
254
+ "info-bg": {
255
+ "$type": "color",
256
+ "$value": "{color.blue.dark-1}",
257
+ "$description": "[确认] antd 暗色 blue-1 #111a2c"
258
+ },
259
+ "neutral": {
260
+ "$type": "color",
261
+ "$value": "{color.neutral.white-a65}",
262
+ "$description": "[确认] 暗色中性状态文字(2026-10-09 用户确认)"
263
+ },
264
+ "neutral-bg": {
265
+ "$type": "color",
266
+ "$value": "{color.neutral.white-a8}",
267
+ "$description": "[确认] 暗色中性状态浅底(2026-10-09 用户确认)"
268
+ }
269
+ },
270
+ "icon": {
271
+ "default": {
272
+ "$type": "color",
273
+ "$value": "{color.neutral.white-a65}",
274
+ "$description": "[确认] 暗色图标随次要文字(2026-10-09 用户确认)"
275
+ },
276
+ "muted": {
277
+ "$type": "color",
278
+ "$value": "{color.neutral.white-a45}",
279
+ "$description": "[确认] 暗色装饰图标(2026-10-09 用户确认)"
280
+ },
281
+ "two-tone": {
282
+ "$type": "color",
283
+ "$value": "{color.brand.900}",
284
+ "$description": "[确认] 暗色 two-tone 填充用金色暗阶"
285
+ }
286
+ },
287
+ "chart": {
288
+ "2": {
289
+ "$type": "color",
290
+ "$value": "{color.cat.charcoal-dark}",
291
+ "$description": "[确认] 暗色「深灰」位取浅灰"
292
+ },
293
+ "5": {
294
+ "$type": "color",
295
+ "$value": "{color.cat.silver-dark}",
296
+ "$description": "[确认] 暗色「浅灰」位取深灰"
297
+ },
298
+ "6": {
299
+ "$type": "color",
300
+ "$value": "{color.emerald.300}",
301
+ "$description": "[确认] 暗色图表绿"
302
+ },
303
+ "area": {
304
+ "$type": "color",
305
+ "$value": "{color.brand.500-a24}",
306
+ "$description": "[确认] 暗色面积填充:品牌金 24%(2026-10-09 用户确认);也是暗色图表悬停竖条"
307
+ },
308
+ "tooltip": {
309
+ "$type": "color",
310
+ "$value": "{color.neutral.900}",
311
+ "$description": "[确认] 暗色图表提示气泡同暗色浮层 color.bg.elevated #1f1f1f(2026-10-12 改白底浮层时随浮层)"
312
+ },
313
+ "sequential": {
314
+ "1": {
315
+ "$type": "color",
316
+ "$value": "{color.neutral.850}",
317
+ "$description": "[确认] 暗色顺序色第一档(2026-10-09 用户确认)"
318
+ },
319
+ "2": {
320
+ "$type": "color",
321
+ "$value": "{color.neutral.700}",
322
+ "$description": "[确认] 暗色顺序色第二档(2026-10-09 用户确认)"
323
+ },
324
+ "3": {
325
+ "$type": "color",
326
+ "$value": "{color.neutral.600}",
327
+ "$description": "[确认] 暗色顺序色第三档(2026-10-09 用户确认)"
328
+ },
329
+ "4": {
330
+ "$type": "color",
331
+ "$value": "{color.neutral.500}",
332
+ "$description": "[确认] 暗色顺序色第四档(2026-10-09 用户确认)"
333
+ }
334
+ }
335
+ },
336
+ "data": {
337
+ "increase": {
338
+ "$type": "color",
339
+ "$value": "{color.emerald.300}",
340
+ "$description": "[确认] 暗色「涨」(对 #141414 8.1:1)"
341
+ },
342
+ "decrease": {
343
+ "$type": "color",
344
+ "$value": "{color.red.4}",
345
+ "$description": "[确认] 暗色「跌」(对 #141414 7.2:1)"
346
+ },
347
+ "inactive": {
348
+ "$type": "color",
349
+ "$value": "{color.neutral.white-a25}",
350
+ "$description": "[确认] 暗色已结束进度条(2026-10-09 用户确认)"
351
+ }
352
+ }
353
+ }
354
+ }