@wycm9527/morganite 0.0.0-stage → 0.3.4
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.
- package/CHANGELOG.md +171 -0
- package/LICENSE +33 -0
- package/README.md +62 -2
- package/bridge/base.css +138 -0
- package/bridge/echarts.d.ts +44 -0
- package/bridge/echarts.js +217 -0
- package/bridge/element-plus.css +785 -0
- package/bridge/fonts.css +124 -0
- package/bridge/icon-merge.d.ts +5 -0
- package/bridge/icon-merge.js +103 -0
- package/bridge/iconpark.config.ts +75 -0
- package/bridge/iconpark.css +29 -0
- package/bridge/react/ConfirmBar.tsx +43 -0
- package/bridge/react/EChart.tsx +45 -0
- package/bridge/react/PageHeader.tsx +24 -0
- package/bridge/react/SectionHeader.tsx +17 -0
- package/bridge/react/StatCard.tsx +33 -0
- package/bridge/react/TableSkeleton.tsx +11 -0
- package/bridge/react/TrendChart.tsx +8 -0
- package/bridge/recipes.css +444 -0
- package/bridge/shadcn-globals.css +6 -0
- package/bridge/shadcn.css +238 -0
- package/bridge/vue/ConfirmBar.vue +23 -0
- package/bridge/vue/EChart.vue +43 -0
- package/bridge/vue/KitchenSink.vue +507 -0
- package/bridge/vue/PageHeader.vue +23 -0
- package/bridge/vue/SectionHeader.vue +15 -0
- package/bridge/vue/StatCard.vue +33 -0
- package/bridge/vue/TableSkeleton.vue +14 -0
- package/bridge/vue/TrendChart.vue +11 -0
- package/bridge/vue/confirm.js +18 -0
- package/bridge/vue/inlineConfirm.js +21 -0
- package/design-system/AUDIT.md +277 -0
- package/design-system/DESIGN.md +176 -0
- package/design-system/contrast.md +71 -0
- package/design-system/preview/drawer.html +38 -0
- package/design-system/preview/form.html +40 -0
- package/design-system/preview/index.html +21 -0
- package/design-system/preview/preview.css +190 -0
- package/design-system/preview/preview.local.css +17 -0
- package/design-system/preview/shell.html +50 -0
- package/design-system/scope-map.json +4 -0
- package/design-system/style-dictionary.config.mjs +172 -0
- package/design-system/theme-map.json +16 -0
- package/design-system/themes/dark/THEME.md +29 -0
- package/design-system/themes/dark/tokens/semantic.tokens.json +354 -0
- package/design-system/token-board.html +137 -0
- package/design-system/tokens/primitives.tokens.json +1898 -0
- package/design-system/tokens/semantic.tokens.json +1080 -0
- package/design-system.json +217 -0
- package/migration/roles.json +743 -0
- package/package.json +82 -4
- package/templates/AGENTS.md +13 -0
- package/templates/KitchenSink.tsx +179 -0
- package/templates/accept.config.mjs +28 -0
- package/templates/entry-css.css +6 -0
- package/templates/entry-element-plus.css +9 -0
- package/templates/entry-shadcn.css +7 -0
- package/templates/notes-css.md +4 -0
- package/templates/notes-element-plus.md +7 -0
- 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
|
+
}
|