@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,1080 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"bg": {
|
|
4
|
+
"page": {
|
|
5
|
+
"$type": "color",
|
|
6
|
+
"$value": "{color.neutral.100}",
|
|
7
|
+
"$description": "[观察] ProLayout bgLayout 渐变 #fff → #f5f5f5(28%)的终点;渐变不进 token,页面底取纯色"
|
|
8
|
+
},
|
|
9
|
+
"surface": {
|
|
10
|
+
"$type": "color",
|
|
11
|
+
"$value": "{color.white}",
|
|
12
|
+
"$description": "[观察] 卡片 / 表格 / 表单容器底,118 处"
|
|
13
|
+
},
|
|
14
|
+
"subtle": {
|
|
15
|
+
"$type": "color",
|
|
16
|
+
"$value": "{color.neutral.100}",
|
|
17
|
+
"$description": "[确认] 表头 / 次级容器底:预期预览图表头比卡片深一档(取样 #f2f2ee);演示站为 #fafafa"
|
|
18
|
+
},
|
|
19
|
+
"hover": {
|
|
20
|
+
"$type": "color",
|
|
21
|
+
"$value": "{color.neutral.black-a4}",
|
|
22
|
+
"$description": "[观察] 悬停探针:文字按钮 / 分段项 hover 底 rgba(0,0,0,0.04)"
|
|
23
|
+
},
|
|
24
|
+
"input": {
|
|
25
|
+
"$type": "color",
|
|
26
|
+
"$value": "{color.neutral.black-a4}",
|
|
27
|
+
"$description": "[确认] 填充式输入框(用户选择 Pro v6 原样):演示站 ProForm 输入框 / 文本域底 rgba(0,0,0,0.04)、无边线"
|
|
28
|
+
},
|
|
29
|
+
"elevated": {
|
|
30
|
+
"$type": "color",
|
|
31
|
+
"$value": "{color.white}",
|
|
32
|
+
"$description": "[观察] 弹窗 .ant-modal-container / 抽屉 .ant-drawer-section 白底;与卡片同色、靠阴影区分(antd 表面三层)"
|
|
33
|
+
},
|
|
34
|
+
"overlay": {
|
|
35
|
+
"$type": "color",
|
|
36
|
+
"$value": "{color.neutral.black-a45}",
|
|
37
|
+
"$description": "[观察] 弹窗与抽屉遮罩 rgba(0,0,0,0.45)"
|
|
38
|
+
},
|
|
39
|
+
"inverse": {
|
|
40
|
+
"$type": "color",
|
|
41
|
+
"$value": "{color.neutral.black-a85}",
|
|
42
|
+
"$description": "[观察] Tooltip 反色底 rgba(0,0,0,0.85),3 处"
|
|
43
|
+
},
|
|
44
|
+
"selected": {
|
|
45
|
+
"$type": "color",
|
|
46
|
+
"$value": "{color.neutral.black-a4}",
|
|
47
|
+
"$description": "[观察] 小面积选中(当前导航项 / 批量条)用中性底:ProLayout colorBgMenuItemSelected = 文字基色 4%"
|
|
48
|
+
},
|
|
49
|
+
"selected-subtle": {
|
|
50
|
+
"$type": "color",
|
|
51
|
+
"$value": "{color.brand.50}",
|
|
52
|
+
"$description": "[确认] 奶油金浅底:强调徽标、Element 主色浅底(primary-light-9);2026-10-09 起表格选中行改用 color.bg.hover,不再用它"
|
|
53
|
+
},
|
|
54
|
+
"selected-hover": {
|
|
55
|
+
"$type": "color",
|
|
56
|
+
"$value": "{color.neutral.black-a6}",
|
|
57
|
+
"$description": "[确认] 表格选中行再悬停:选中行已与悬停同色(用户 2026-10-09 决定),再悬停深一档用 6% 黑(原为金色 20% 浅底)(2026-10-09 用户确认)"
|
|
58
|
+
},
|
|
59
|
+
"chip": {
|
|
60
|
+
"$type": "color",
|
|
61
|
+
"$value": "{color.brand.600-a10}",
|
|
62
|
+
"$description": "[确认] 筹码(已选条件胶囊)底:用户 2026-10-09 指定 #8A6530 10%,即筹码字色 color.text.selected 的同色 10% 浅底,叠在卡片白底上约 #F3F0EA;原用 color.bg.selected(4% 黑)。批量条、图标按钮选中、进度条轨道等其余小面积选中仍是中性浅灰"
|
|
63
|
+
},
|
|
64
|
+
"brand": {
|
|
65
|
+
"$type": "color",
|
|
66
|
+
"$value": "{color.brand.500}",
|
|
67
|
+
"$description": "[确认] 品牌决定:玫瑰金主色 #b98d44(用户初定 #ae8a50,2026-10-09 提高饱和度与明度)"
|
|
68
|
+
},
|
|
69
|
+
"skeleton": {
|
|
70
|
+
"$type": "color",
|
|
71
|
+
"$value": "{color.neutral.black-a6}",
|
|
72
|
+
"$description": "[确认] antd Skeleton 底 rgba(0,0,0,0.06)(2026-10-09 用户确认)"
|
|
73
|
+
},
|
|
74
|
+
"skeleton-highlight": {
|
|
75
|
+
"$type": "color",
|
|
76
|
+
"$value": "{color.neutral.black-a15}",
|
|
77
|
+
"$description": "[确认] antd Skeleton 流光 rgba(0,0,0,0.15)(2026-10-09 用户确认)"
|
|
78
|
+
},
|
|
79
|
+
"readonly": {
|
|
80
|
+
"$type": "color",
|
|
81
|
+
"$value": "{color.neutral.black-a4}",
|
|
82
|
+
"$description": "[确认] antd 禁用 / 只读容器底 colorBgContainerDisabled rgba(0,0,0,0.04)(2026-10-09 用户确认)"
|
|
83
|
+
},
|
|
84
|
+
"mask": {
|
|
85
|
+
"$type": "color",
|
|
86
|
+
"$value": "{color.neutral.white-a50}",
|
|
87
|
+
"$description": "[确认] antd Spin 局部加载遮罩:容器底白 50%(2026-10-09 用户确认)"
|
|
88
|
+
},
|
|
89
|
+
"sidebar": {
|
|
90
|
+
"$type": "color",
|
|
91
|
+
"$value": "{color.white}",
|
|
92
|
+
"$description": "[确认] 侧栏纯白底:用户指定(2026-10-09;原为 ProLayout 侧栏透明、透出页面底 #f5f5f5),与顶栏、卡片同色,和浅灰页面底分开"
|
|
93
|
+
},
|
|
94
|
+
"sidebar-hover": {
|
|
95
|
+
"$type": "color",
|
|
96
|
+
"$value": "{color.neutral.black-a3}",
|
|
97
|
+
"$description": "[观察] ProLayout sider.colorBgMenuItemHover = 文字基色 3%"
|
|
98
|
+
},
|
|
99
|
+
"sidebar-selected": {
|
|
100
|
+
"$type": "color",
|
|
101
|
+
"$value": "{color.brand.500}",
|
|
102
|
+
"$description": "[确认] 侧栏当前项(亮色)用主色底块:用户指定(2026-10-09,替代预期预览图的奶油金底);暗色保持金色暗底"
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
"text": {
|
|
106
|
+
"primary": {
|
|
107
|
+
"$type": "color",
|
|
108
|
+
"$value": "{color.neutral.black-a88}",
|
|
109
|
+
"$description": "[观察] 承载最多文字(约 2715 字)rgba(0,0,0,0.88),对白 16.5:1"
|
|
110
|
+
},
|
|
111
|
+
"card-title": {
|
|
112
|
+
"$type": "color",
|
|
113
|
+
"$value": "{color.neutral.875}",
|
|
114
|
+
"$description": "[确认] 卡片标题 #212121(用户 2026-10-13 指定,配 text.body.size 14px;原为 color.text.secondary 的分区标签样式),对白 16.1:1"
|
|
115
|
+
},
|
|
116
|
+
"secondary": {
|
|
117
|
+
"$type": "color",
|
|
118
|
+
"$value": "{color.neutral.black-a65}",
|
|
119
|
+
"$description": "[观察] 第二档文字 rgba(0,0,0,0.65),对白 7:1"
|
|
120
|
+
},
|
|
121
|
+
"muted": {
|
|
122
|
+
"$type": "color",
|
|
123
|
+
"$value": "{color.neutral.black-a58}",
|
|
124
|
+
"$description": "[确认] antd 第三档 rgba(0,0,0,0.45) 达不到弱化文字 4.5:1,压到 0.58(2026-10-09 用户确认)"
|
|
125
|
+
},
|
|
126
|
+
"placeholder": {
|
|
127
|
+
"$type": "color",
|
|
128
|
+
"$value": "{color.neutral.black-a45}",
|
|
129
|
+
"$description": "[确认] 演示站占位符 rgba(0,0,0,0.25) 对白 1.84:1(低于占位符底线 3);改用 antd 第三档 0.45(3.36:1)(2026-10-09 用户确认)"
|
|
130
|
+
},
|
|
131
|
+
"inverse": {
|
|
132
|
+
"$type": "color",
|
|
133
|
+
"$value": "{color.white}",
|
|
134
|
+
"$description": "[确认] Tooltip / 反色底上的白字(2026-10-09 用户确认)"
|
|
135
|
+
},
|
|
136
|
+
"on-primary": {
|
|
137
|
+
"$type": "color",
|
|
138
|
+
"$value": "{color.white}",
|
|
139
|
+
"$description": "[确认] 金底白字:主按钮 / 分页当前页 / 步骤当前步 / 勾选标记 / logo 底块(用户指定 2026-10-09:深字显脏);对主色 3.02:1,低于 4.5,已登记例外"
|
|
140
|
+
},
|
|
141
|
+
"on-danger": {
|
|
142
|
+
"$type": "color",
|
|
143
|
+
"$value": "{color.white}",
|
|
144
|
+
"$description": "[确认] 危险按钮白字(对 #cf1322 5.57:1)(2026-10-09 用户确认)"
|
|
145
|
+
},
|
|
146
|
+
"link": {
|
|
147
|
+
"$type": "color",
|
|
148
|
+
"$value": "{color.brand.600}",
|
|
149
|
+
"$description": "[确认] 链接取金色深一档 #8a6530(对白 5.27:1);演示站链接为主色 #1677ff,79 处"
|
|
150
|
+
},
|
|
151
|
+
"link-hover": {
|
|
152
|
+
"$type": "color",
|
|
153
|
+
"$value": "{color.brand.700}",
|
|
154
|
+
"$description": "[确认] 链接悬停再深一档 #63441e:antd 悬停变浅,金色变浅会低于 4.5,改为变深"
|
|
155
|
+
},
|
|
156
|
+
"danger": {
|
|
157
|
+
"$type": "color",
|
|
158
|
+
"$value": "{color.red.7}",
|
|
159
|
+
"$description": "[确认] antd 错误色压深到 red-7 #cf1322(对白 5.57:1)"
|
|
160
|
+
},
|
|
161
|
+
"brand": {
|
|
162
|
+
"$type": "color",
|
|
163
|
+
"$value": "{color.brand.500}",
|
|
164
|
+
"$description": "[确认] ≥ 20px 的展示字用品牌金(对白 3.02:1,满足大字 3:1)"
|
|
165
|
+
},
|
|
166
|
+
"selected": {
|
|
167
|
+
"$type": "color",
|
|
168
|
+
"$value": "{color.brand.600}",
|
|
169
|
+
"$description": "[确认] 排序激活 / 当前页签文字:演示站为主色;换金后取深一档保证 ≥ 4.5"
|
|
170
|
+
},
|
|
171
|
+
"on-selected": {
|
|
172
|
+
"$type": "color",
|
|
173
|
+
"$value": "{color.neutral.black-a88}",
|
|
174
|
+
"$description": "[观察] 分段选择器当前项(白底)上的正文色"
|
|
175
|
+
},
|
|
176
|
+
"on-brand": {
|
|
177
|
+
"$type": "color",
|
|
178
|
+
"$value": "{color.white}",
|
|
179
|
+
"$description": "[确认] 品牌金面上的白字(与主按钮同一规则,用户 2026-10-09 指定金底放白字);正文对主色 3.02:1 不达 4.5,品牌面上的正文宜用 ≥ 24px 的大字"
|
|
180
|
+
},
|
|
181
|
+
"on-overlay": {
|
|
182
|
+
"$type": "color",
|
|
183
|
+
"$value": "{color.neutral.black-a88}",
|
|
184
|
+
"$description": "[确认] 遮罩 45% 黑叠在 #f5f5f5 上偏浅(合成 #878787),用正文色(2026-10-09 用户确认)"
|
|
185
|
+
},
|
|
186
|
+
"sidebar": {
|
|
187
|
+
"$type": "color",
|
|
188
|
+
"$value": "{color.neutral.black-a65}",
|
|
189
|
+
"$description": "[观察] ProLayout sider.colorTextMenu = colorTextSecondary(0.65)"
|
|
190
|
+
},
|
|
191
|
+
"sidebar-strong": {
|
|
192
|
+
"$type": "color",
|
|
193
|
+
"$value": "{color.neutral.black-a88}",
|
|
194
|
+
"$description": "[观察] ProLayout 菜单悬停 / 标题 = colorText(0.88);悬停探针 0.65 → 0.88"
|
|
195
|
+
},
|
|
196
|
+
"sidebar-muted": {
|
|
197
|
+
"$type": "color",
|
|
198
|
+
"$value": "{color.neutral.black-a58}",
|
|
199
|
+
"$description": "[确认] 侧栏分组标题 / 页脚:ProLayout sider.colorTextMenuSecondary 原为 0.45,压侧栏底 #f5f5f5 只有 3.31:1(12px 不达 4.5),与 color.text.muted 同取 0.58(5.19:1)(2026-10-09 用户确认)"
|
|
200
|
+
},
|
|
201
|
+
"sidebar-selected": {
|
|
202
|
+
"$type": "color",
|
|
203
|
+
"$value": "{color.white}",
|
|
204
|
+
"$description": "[确认] 侧栏当前项白字 / 白图标(亮色,用户指定 2026-10-09):对主色底块 3.02:1,低于 14px 文字的 4.5,已登记例外;回补路径:底块改用 color.brand.600(白字 5.27:1),或恢复奶油金底配深金字"
|
|
205
|
+
}
|
|
206
|
+
},
|
|
207
|
+
"action": {
|
|
208
|
+
"primary": {
|
|
209
|
+
"$type": "color",
|
|
210
|
+
"$value": "{color.brand.500}",
|
|
211
|
+
"$description": "[确认] 品牌决定:主按钮玫瑰金 #b98d44(用户初定 #ae8a50,2026-10-09 提亮),上放白字(用户 2026-10-09 指定);演示站为主色 #1890ff"
|
|
212
|
+
},
|
|
213
|
+
"primary-hover": {
|
|
214
|
+
"$type": "color",
|
|
215
|
+
"$value": "{color.brand.550}",
|
|
216
|
+
"$description": "[确认] 悬停加深一点 #b1863d:金底白字变浅会更难读(变浅到 #c4a56d 时白字只有 2.35:1),改为变深;白字 3.31:1"
|
|
217
|
+
},
|
|
218
|
+
"primary-active": {
|
|
219
|
+
"$type": "color",
|
|
220
|
+
"$value": "{color.brand.600}",
|
|
221
|
+
"$description": "[确认] 按下再深一档 #8a6530(与 antd 算法第 7 阶同深),白字 5.27:1"
|
|
222
|
+
},
|
|
223
|
+
"secondary-hover": {
|
|
224
|
+
"$type": "color",
|
|
225
|
+
"$value": "{color.neutral.black-a4}",
|
|
226
|
+
"$description": "[确认] 次要按钮悬停底 rgba(0,0,0,0.04)(悬停探针);antd 描边按钮悬停改的是边线与文字色,桥接用底色表达(2026-10-09 用户确认)"
|
|
227
|
+
},
|
|
228
|
+
"danger": {
|
|
229
|
+
"$type": "color",
|
|
230
|
+
"$value": "{color.red.7}",
|
|
231
|
+
"$description": "[确认] antd 危险色 #ff4d4f 白字 3.25:1,压深到 red-7 #cf1322(5.57:1)"
|
|
232
|
+
},
|
|
233
|
+
"danger-hover": {
|
|
234
|
+
"$type": "color",
|
|
235
|
+
"$value": "{color.red.8}",
|
|
236
|
+
"$description": "[确认] 悬停加深到 red-8 #a8071a(antd 悬停变浅会低于 4.5)"
|
|
237
|
+
},
|
|
238
|
+
"danger-active": {
|
|
239
|
+
"$type": "color",
|
|
240
|
+
"$value": "{color.red.9}",
|
|
241
|
+
"$description": "[确认] 按下 red-9 #820014"
|
|
242
|
+
},
|
|
243
|
+
"selected": {
|
|
244
|
+
"$type": "color",
|
|
245
|
+
"$value": "{color.white}",
|
|
246
|
+
"$description": "[观察] 分段选择器当前项白底(轨道 rgba(0,0,0,0.04)),工作台「全部渠道 / 线上 / 门店」"
|
|
247
|
+
},
|
|
248
|
+
"quiet": {
|
|
249
|
+
"$type": "color",
|
|
250
|
+
"$value": "{color.neutral.transparent}",
|
|
251
|
+
"$description": "[观察] 文字按钮静息透明:工作台「今日 / 本周 / 本月 / 本年」(antd text 按钮;与 Citrine「quiet 必须有浅底」不同)"
|
|
252
|
+
},
|
|
253
|
+
"quiet-hover": {
|
|
254
|
+
"$type": "color",
|
|
255
|
+
"$value": "{color.neutral.black-a4}",
|
|
256
|
+
"$description": "[观察] 文字按钮悬停 rgba(0,0,0,0.04)(悬停探针)"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
"border": {
|
|
260
|
+
"default": {
|
|
261
|
+
"$type": "color",
|
|
262
|
+
"$value": "{color.neutral.black-a6}",
|
|
263
|
+
"$description": "[确认] 卡片 / 容器 / 表格分隔线:用户指定 6% 黑(2026-10-09,替代此前「过 1.3 底线、与控件描边同档」的决定);对页面底低于 1.3 的可辨底线,已登记例外,回补路径:指回 color.neutral.300"
|
|
264
|
+
},
|
|
265
|
+
"strong": {
|
|
266
|
+
"$type": "color",
|
|
267
|
+
"$value": "{color.neutral.300}",
|
|
268
|
+
"$description": "[确认] 控件 / 按钮 / 勾选框描边(观察 #d9d9d9,加深一级);2026-10-09 卡片边线改为 6% 黑后,两档重新分开(同 antd colorBorder / colorBorderSecondary)"
|
|
269
|
+
},
|
|
270
|
+
"input": {
|
|
271
|
+
"$type": "color",
|
|
272
|
+
"$value": "{color.neutral.transparent}",
|
|
273
|
+
"$description": "[确认] 填充式输入框静息无边线(演示站 border-color transparent);悬停 / 焦点边线由 border.strong / border.focus 表达"
|
|
274
|
+
},
|
|
275
|
+
"focus": {
|
|
276
|
+
"$type": "color",
|
|
277
|
+
"$value": "{color.brand.600}",
|
|
278
|
+
"$description": "[确认] 焦点边线金色深一档 #8a6530(对白 5.27:1);演示站为主色浅环 #91d5ff"
|
|
279
|
+
},
|
|
280
|
+
"current": {
|
|
281
|
+
"$type": "color",
|
|
282
|
+
"$value": "{color.brand.500}",
|
|
283
|
+
"$description": "[确认] 页签墨条等当前指示线:演示站为主色;换金 #b98d44(对白 3.02:1 ≥ 3)"
|
|
284
|
+
},
|
|
285
|
+
"sidebar": {
|
|
286
|
+
"$type": "color",
|
|
287
|
+
"$value": "{color.neutral.split}",
|
|
288
|
+
"$description": "[观察] 侧栏 / 顶栏分隔线 rgba(5,5,5,0.06)"
|
|
289
|
+
}
|
|
290
|
+
},
|
|
291
|
+
"focus": {
|
|
292
|
+
"ring": {
|
|
293
|
+
"$type": "color",
|
|
294
|
+
"$value": "{color.brand.600}",
|
|
295
|
+
"$description": "[确认] 焦点环金色深一档 #8a6530;演示站 outline 3px #91d5ff(对白 1.7:1,达不到 3:1)。只给按钮、链接、菜单项这类,输入类控件聚焦不加环(2026-10-09)"
|
|
296
|
+
}
|
|
297
|
+
},
|
|
298
|
+
"status": {
|
|
299
|
+
"success": {
|
|
300
|
+
"$type": "color",
|
|
301
|
+
"$value": "{color.emerald.700}",
|
|
302
|
+
"$description": "[确认] 成功与「涨」统一成预期预览图的祖母绿(对浅底 4.6:1);原为 antd green-8 #237804(2026-10-09 用户确认)"
|
|
303
|
+
},
|
|
304
|
+
"success-bg": {
|
|
305
|
+
"$type": "color",
|
|
306
|
+
"$value": "{color.emerald.50}",
|
|
307
|
+
"$description": "[确认] 成功浅底(与涨同一绿)(2026-10-09 用户确认)"
|
|
308
|
+
},
|
|
309
|
+
"warning": {
|
|
310
|
+
"$type": "color",
|
|
311
|
+
"$value": "{color.orange.8}",
|
|
312
|
+
"$description": "[确认] antd orange-8 #ad4e00(对浅底 5.09:1);antd 默认警示 gold 与品牌金同色相,改用橙色系(2026-10-09 用户确认)"
|
|
313
|
+
},
|
|
314
|
+
"warning-bg": {
|
|
315
|
+
"$type": "color",
|
|
316
|
+
"$value": "{color.orange.1}",
|
|
317
|
+
"$description": "[确认] antd orange-1 #fff7e6(2026-10-09 用户确认)"
|
|
318
|
+
},
|
|
319
|
+
"error": {
|
|
320
|
+
"$type": "color",
|
|
321
|
+
"$value": "{color.red.7}",
|
|
322
|
+
"$description": "[确认] antd red-7 #cf1322(对浅底 5.07:1);演示站状态点 #ff4d4f"
|
|
323
|
+
},
|
|
324
|
+
"error-bg": {
|
|
325
|
+
"$type": "color",
|
|
326
|
+
"$value": "{color.red.1}",
|
|
327
|
+
"$description": "[确认] antd red-1 #fff1f0"
|
|
328
|
+
},
|
|
329
|
+
"info": {
|
|
330
|
+
"$type": "color",
|
|
331
|
+
"$value": "{color.blue.7}",
|
|
332
|
+
"$description": "[确认] antd blue-7 #0958d9(design.md tag-blue 文字)"
|
|
333
|
+
},
|
|
334
|
+
"info-bg": {
|
|
335
|
+
"$type": "color",
|
|
336
|
+
"$value": "{color.blue.1}",
|
|
337
|
+
"$description": "[确认] antd blue-1 #e6f4ff(design.md alert-info)"
|
|
338
|
+
},
|
|
339
|
+
"neutral": {
|
|
340
|
+
"$type": "color",
|
|
341
|
+
"$value": "{color.neutral.black-a65}",
|
|
342
|
+
"$description": "[确认] 中性状态文字借用次要文字 0.65(2026-10-09 用户确认)"
|
|
343
|
+
},
|
|
344
|
+
"neutral-bg": {
|
|
345
|
+
"$type": "color",
|
|
346
|
+
"$value": "{color.neutral.black-a6}",
|
|
347
|
+
"$description": "[确认] 中性标签 / 中性状态胶囊浅底:用户 2026-10-09 选 6% 黑(原借用浅分区 #fafafa,白卡上看不出底);半透明,压在表格悬停行、表头上仍比底深一档;Element 里与它同值的标签边线改为透明,免得叠出深一圈"
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
"brand": {
|
|
351
|
+
"indicator": {
|
|
352
|
+
"$type": "color",
|
|
353
|
+
"$value": "{color.brand.500}",
|
|
354
|
+
"$description": "[确认] 品牌指示条 / 数据卡描边用品牌金(对白 3.02:1)"
|
|
355
|
+
}
|
|
356
|
+
},
|
|
357
|
+
"icon": {
|
|
358
|
+
"default": {
|
|
359
|
+
"$type": "color",
|
|
360
|
+
"$value": "{color.neutral.black-a65}",
|
|
361
|
+
"$description": "[观察] 菜单 / 表格操作图标随次要文字 rgba(0,0,0,0.65)"
|
|
362
|
+
},
|
|
363
|
+
"muted": {
|
|
364
|
+
"$type": "color",
|
|
365
|
+
"$value": "{color.neutral.black-a45}",
|
|
366
|
+
"$description": "[观察] 顶栏操作图标 colorTextTertiary(ProLayout colorTextRightActionsItem),对白 3.36:1"
|
|
367
|
+
},
|
|
368
|
+
"brand": {
|
|
369
|
+
"$type": "color",
|
|
370
|
+
"$value": "{color.brand.500}",
|
|
371
|
+
"$description": "[确认] two-tone 图标描边用品牌金(antd two-tone 默认取主色)"
|
|
372
|
+
},
|
|
373
|
+
"two-tone": {
|
|
374
|
+
"$type": "color",
|
|
375
|
+
"$value": "{color.brand.50}",
|
|
376
|
+
"$description": "[确认] two-tone 图标填充用品牌金浅底(antd 取主色 1 阶)"
|
|
377
|
+
}
|
|
378
|
+
},
|
|
379
|
+
"control": {
|
|
380
|
+
"knob": {
|
|
381
|
+
"$type": "color",
|
|
382
|
+
"$value": "{color.white}",
|
|
383
|
+
"$description": "[确认] 开关滑块白色(antd Switch handle)(2026-10-09 用户确认)"
|
|
384
|
+
}
|
|
385
|
+
},
|
|
386
|
+
"chart": {
|
|
387
|
+
"1": {
|
|
388
|
+
"$type": "color",
|
|
389
|
+
"$value": "{color.brand.500}",
|
|
390
|
+
"$description": "[确认] 品牌金领衔(预期预览图折线 / 环图主色)"
|
|
391
|
+
},
|
|
392
|
+
"2": {
|
|
393
|
+
"$type": "color",
|
|
394
|
+
"$value": "{color.cat.charcoal}",
|
|
395
|
+
"$description": "[确认] 深灰(预期预览图环图第二色)"
|
|
396
|
+
},
|
|
397
|
+
"3": {
|
|
398
|
+
"$type": "color",
|
|
399
|
+
"$value": "{color.brand.200}",
|
|
400
|
+
"$description": "[确认] 浅金(预期预览图环图 / 柱状)"
|
|
401
|
+
},
|
|
402
|
+
"4": {
|
|
403
|
+
"$type": "color",
|
|
404
|
+
"$value": "{color.cat.gray}",
|
|
405
|
+
"$description": "[确认] 中灰"
|
|
406
|
+
},
|
|
407
|
+
"5": {
|
|
408
|
+
"$type": "color",
|
|
409
|
+
"$value": "{color.cat.silver}",
|
|
410
|
+
"$description": "[确认] 浅灰(预期预览图环图浅灰扇区)"
|
|
411
|
+
},
|
|
412
|
+
"6": {
|
|
413
|
+
"$type": "color",
|
|
414
|
+
"$value": "{color.emerald.500}",
|
|
415
|
+
"$description": "[确认] 绿(预期预览图市场情绪柱);不与「涨」混用时才作分类色"
|
|
416
|
+
},
|
|
417
|
+
"area": {
|
|
418
|
+
"$type": "color",
|
|
419
|
+
"$value": "{color.brand.500-a16}",
|
|
420
|
+
"$description": "[确认] 面积填充:品牌金 16%(2026-10-09 用户确认);也是图表悬停竖条,盖住悬停的那一格(用户 2026-10-12:悬停用浅色柱状图,浅金与浅灰 color.bg.hover 实测对比后选浅金)"
|
|
421
|
+
},
|
|
422
|
+
"tooltip": {
|
|
423
|
+
"$type": "color",
|
|
424
|
+
"$value": "{color.white}",
|
|
425
|
+
"$description": "[确认] 图表提示气泡底:白底浮层(同 color.bg.elevated,暗色覆写为浮层色),配 color.text.primary 字、color.border.default 细边与 elevation.tooltip 大投影(用户 2026-10-12:hover 浮窗用白色底 + 大投影);原为深金底 color.brand.600 + 白字"
|
|
426
|
+
},
|
|
427
|
+
"sequential": {
|
|
428
|
+
"1": {
|
|
429
|
+
"$type": "color",
|
|
430
|
+
"$value": "{color.neutral.200}",
|
|
431
|
+
"$description": "[确认] 顺序色:四档灰 + 品牌金封顶(与 Citrine 用法一致),按离散分段使用(2026-10-09 用户确认)"
|
|
432
|
+
},
|
|
433
|
+
"2": {
|
|
434
|
+
"$type": "color",
|
|
435
|
+
"$value": "{color.neutral.300}",
|
|
436
|
+
"$description": "[确认] 顺序色第二档(排行榜非前三名)(2026-10-09 用户确认)"
|
|
437
|
+
},
|
|
438
|
+
"3": {
|
|
439
|
+
"$type": "color",
|
|
440
|
+
"$value": "{color.neutral.500}",
|
|
441
|
+
"$description": "[确认] 顺序色第三档(2026-10-09 用户确认)"
|
|
442
|
+
},
|
|
443
|
+
"4": {
|
|
444
|
+
"$type": "color",
|
|
445
|
+
"$value": "{color.cat.charcoal}",
|
|
446
|
+
"$description": "[确认] 顺序色第四档(2026-10-09 用户确认)"
|
|
447
|
+
},
|
|
448
|
+
"5": {
|
|
449
|
+
"$type": "color",
|
|
450
|
+
"$value": "{color.brand.500}",
|
|
451
|
+
"$description": "[确认] 顺序色封顶:品牌金(排行榜前三名)(2026-10-09 用户确认)"
|
|
452
|
+
}
|
|
453
|
+
},
|
|
454
|
+
"gradient": {
|
|
455
|
+
"start": {
|
|
456
|
+
"$type": "color",
|
|
457
|
+
"$value": "{color.brand.550}",
|
|
458
|
+
"$description": "[确认] 品牌金数据填充渐变的起点(深端):进度条左端、竖柱底端、横柱基线端(用户 2026-10-12 指定 #B1863D)"
|
|
459
|
+
},
|
|
460
|
+
"end": {
|
|
461
|
+
"$type": "color",
|
|
462
|
+
"$value": "{color.brand.250}",
|
|
463
|
+
"$description": "[确认] 品牌金数据填充渐变的末端(浅端):进度条右端、竖柱顶端、横柱数值端(用户 2026-10-12 指定 hsl(37.3228deg 59.5252% 61.7469%) ≈ #D8AC63)"
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
},
|
|
467
|
+
"data": {
|
|
468
|
+
"increase": {
|
|
469
|
+
"$type": "color",
|
|
470
|
+
"$value": "{color.emerald.700}",
|
|
471
|
+
"$description": "[确认] 用户决定绿涨红跌(预期预览图);涨幅文字可读 5.03:1"
|
|
472
|
+
},
|
|
473
|
+
"decrease": {
|
|
474
|
+
"$type": "color",
|
|
475
|
+
"$value": "{color.red.7}",
|
|
476
|
+
"$description": "[确认] 跌用红(对白 5.57:1)"
|
|
477
|
+
},
|
|
478
|
+
"inactive": {
|
|
479
|
+
"$type": "color",
|
|
480
|
+
"$value": "{color.neutral.black-a25}",
|
|
481
|
+
"$description": "[确认] 已结束的进度条用禁用色 rgba(0,0,0,0.25)(2026-10-09 用户确认)"
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
},
|
|
485
|
+
"border": {
|
|
486
|
+
"width": {
|
|
487
|
+
"default": {
|
|
488
|
+
"$type": "dimension",
|
|
489
|
+
"$value": "{border.width.thin}",
|
|
490
|
+
"$description": "[观察] 最常见的边线宽 1px,88 处"
|
|
491
|
+
},
|
|
492
|
+
"control": {
|
|
493
|
+
"$type": "dimension",
|
|
494
|
+
"$value": "{border.width.thin}",
|
|
495
|
+
"$description": "[确认] 勾选框 / 单选框边线:跟随全站 0.6px 描边(用户决定),1 倍屏上渲染为 1px(2026-10-09 用户确认)"
|
|
496
|
+
},
|
|
497
|
+
"active": {
|
|
498
|
+
"$type": "dimension",
|
|
499
|
+
"$value": "{border.width.bold}",
|
|
500
|
+
"$description": "[确认] 页签墨条 / 选中下划线 2px(2026-10-09 用户确认)"
|
|
501
|
+
},
|
|
502
|
+
"indicator": {
|
|
503
|
+
"$type": "dimension",
|
|
504
|
+
"$value": "{border.width.bold}",
|
|
505
|
+
"$description": "[确认] 指示条 2px(2026-10-09 用户确认)"
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
},
|
|
509
|
+
"focus": {
|
|
510
|
+
"ring": {
|
|
511
|
+
"width": {
|
|
512
|
+
"$type": "dimension",
|
|
513
|
+
"$value": "{border.width.ring}",
|
|
514
|
+
"$description": "[观察] 焦点 outline 3px(offset 1px);输入类控件聚焦不用(2026-10-09)"
|
|
515
|
+
}
|
|
516
|
+
}
|
|
517
|
+
},
|
|
518
|
+
"control": {
|
|
519
|
+
"height": {
|
|
520
|
+
"xs": {
|
|
521
|
+
"$type": "dimension",
|
|
522
|
+
"$value": "{size.control.xs}",
|
|
523
|
+
"$description": "[观察] 标签 / 状态徽标 22px,20 处"
|
|
524
|
+
},
|
|
525
|
+
"sm": {
|
|
526
|
+
"$type": "dimension",
|
|
527
|
+
"$value": "{size.control.sm}",
|
|
528
|
+
"$description": "[观察] 小按钮 / 分页项 24px,8 处"
|
|
529
|
+
},
|
|
530
|
+
"md": {
|
|
531
|
+
"$type": "dimension",
|
|
532
|
+
"$value": "{size.control.md}",
|
|
533
|
+
"$description": "[观察] 按钮 / 输入框 32px,11 处"
|
|
534
|
+
},
|
|
535
|
+
"lg": {
|
|
536
|
+
"$type": "dimension",
|
|
537
|
+
"$value": "{size.control.lg}",
|
|
538
|
+
"$description": "[确认] 大控件 40px(antd controlHeightLG)(2026-10-09 用户确认)"
|
|
539
|
+
}
|
|
540
|
+
},
|
|
541
|
+
"hit-min": {
|
|
542
|
+
"$type": "dimension",
|
|
543
|
+
"$value": "{size.hit-min}",
|
|
544
|
+
"$description": "[确认] 图标控件最小命中区 24px(2026-10-09 用户确认)"
|
|
545
|
+
},
|
|
546
|
+
"hit-touch": {
|
|
547
|
+
"$type": "dimension",
|
|
548
|
+
"$value": "{size.control.touch}",
|
|
549
|
+
"$description": "[确认] 触屏命中区 40px(2026-10-09 用户确认)"
|
|
550
|
+
},
|
|
551
|
+
"segmented-inset": {
|
|
552
|
+
"$type": "dimension",
|
|
553
|
+
"$value": "{spacing.0-5}",
|
|
554
|
+
"$description": "[确认] 分段选择器内衬 2px(antd Segmented trackPadding)(2026-10-09 用户确认)"
|
|
555
|
+
}
|
|
556
|
+
},
|
|
557
|
+
"icon": {
|
|
558
|
+
"size": {
|
|
559
|
+
"xs": {
|
|
560
|
+
"$type": "dimension",
|
|
561
|
+
"$value": "{size.icon.xs}",
|
|
562
|
+
"$description": "[观察] 11px"
|
|
563
|
+
},
|
|
564
|
+
"sm": {
|
|
565
|
+
"$type": "dimension",
|
|
566
|
+
"$value": "{size.icon.sm}",
|
|
567
|
+
"$description": "[观察] 12px,28 处"
|
|
568
|
+
},
|
|
569
|
+
"md": {
|
|
570
|
+
"$type": "dimension",
|
|
571
|
+
"$value": "{size.icon.md}",
|
|
572
|
+
"$description": "[观察] 14px,98 处"
|
|
573
|
+
},
|
|
574
|
+
"lg": {
|
|
575
|
+
"$type": "dimension",
|
|
576
|
+
"$value": "{size.icon.lg}",
|
|
577
|
+
"$description": "[观察] 16px,14 处"
|
|
578
|
+
},
|
|
579
|
+
"xl": {
|
|
580
|
+
"$type": "dimension",
|
|
581
|
+
"$value": "{size.icon.xl}",
|
|
582
|
+
"$description": "[观察] 20px,3 处"
|
|
583
|
+
},
|
|
584
|
+
"2xl": {
|
|
585
|
+
"$type": "dimension",
|
|
586
|
+
"$value": "{size.icon.2xl}",
|
|
587
|
+
"$description": "[确认] 结果页 / 提示卡大图标 24px(2026-10-09 用户确认)"
|
|
588
|
+
}
|
|
589
|
+
},
|
|
590
|
+
"library": {
|
|
591
|
+
"$type": "string",
|
|
592
|
+
"$value": "{icon.set.iconpark}",
|
|
593
|
+
"$description": "[确认] IconPark 描边型线性图标,配合 icon.stroke.width 与 mergeIcons();shadcn 栈跟随 shadcn/ui 用 lucide-react(同为描边型,同样按 icon.stroke.width 画)。用户 2026-10-14 确认登记为实际在用的图标库;原为演示站观察到的 @ant-design/icons(anticon 148 处),填充路径,用不上描边粗细"
|
|
594
|
+
},
|
|
595
|
+
"stroke": {
|
|
596
|
+
"width": {
|
|
597
|
+
"$type": "dimension",
|
|
598
|
+
"$value": "{stroke-width.1-4}",
|
|
599
|
+
"$description": "[确认] 线性图标描边 1.4px:屏幕上的实际粗细,各档尺寸一样粗(vector-effect: non-scaling-stroke);多段描边合并成一个形状再上一次色,半透明的图标色在交叠处不叠深(用户 2026-10-12:icon 描边粗细改为 1.4px 并合并栅格化)。原为 IconPark 48 网格里的 3,14px 图标上约 0.9px"
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
},
|
|
603
|
+
"space": {
|
|
604
|
+
"inline": {
|
|
605
|
+
"$type": "dimension",
|
|
606
|
+
"$value": "{spacing.2}",
|
|
607
|
+
"$description": "[观察] 最常见的小 gap 8px,378 处"
|
|
608
|
+
},
|
|
609
|
+
"stack": {
|
|
610
|
+
"$type": "dimension",
|
|
611
|
+
"$value": "{spacing.4}",
|
|
612
|
+
"$description": "[确认] 板块之间 16px,比卡片内边距 space.card 窄一档(用户 2026-10-14:板块间距稍微紧凑一些,三种收法对比后选定);原为演示站工作台卡片栅格 gutter 24px(103 处)"
|
|
613
|
+
},
|
|
614
|
+
"gutter": {
|
|
615
|
+
"$type": "dimension",
|
|
616
|
+
"$value": "{spacing.6}",
|
|
617
|
+
"$description": "[确认] 内容区四周留白 24px,与卡片内边距 space.card 同宽(用户 2026-10-14 与 space.stack 一起收紧);原为 ProLayout 页面容器左右内边距 40px(上下 32px)"
|
|
618
|
+
},
|
|
619
|
+
"card": {
|
|
620
|
+
"$type": "dimension",
|
|
621
|
+
"$value": "{spacing.6}",
|
|
622
|
+
"$description": "[确认] antd Card 内边距 24px(design.md);演示站数据卡为 20px 24px(2026-10-09 用户确认)"
|
|
623
|
+
}
|
|
624
|
+
},
|
|
625
|
+
"font": {
|
|
626
|
+
"family": {
|
|
627
|
+
"body": {
|
|
628
|
+
"$type": "fontFamily",
|
|
629
|
+
"$value": "{font.family.sans}",
|
|
630
|
+
"$description": "[观察] body 字体栈(去掉网络字体 AlibabaSans)"
|
|
631
|
+
},
|
|
632
|
+
"code": {
|
|
633
|
+
"$type": "fontFamily",
|
|
634
|
+
"$value": "{font.family.mono}",
|
|
635
|
+
"$description": "[观察] 等宽字体栈"
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
},
|
|
639
|
+
"text": {
|
|
640
|
+
"caption": {
|
|
641
|
+
"size": {
|
|
642
|
+
"$type": "dimension",
|
|
643
|
+
"$value": "{font.size.sm}",
|
|
644
|
+
"$description": "[确认] 最小字号 12px(国内中后台下限 / antd fontSizeSM);演示站 11px 只见于页脚版本号等 8 处(2026-10-09 用户确认)"
|
|
645
|
+
}
|
|
646
|
+
},
|
|
647
|
+
"small": {
|
|
648
|
+
"size": {
|
|
649
|
+
"$type": "dimension",
|
|
650
|
+
"$value": "{font.size.sm}",
|
|
651
|
+
"$description": "[观察] 12px"
|
|
652
|
+
}
|
|
653
|
+
},
|
|
654
|
+
"body-sm": {
|
|
655
|
+
"size": {
|
|
656
|
+
"$type": "dimension",
|
|
657
|
+
"$value": "{font.size.sm}",
|
|
658
|
+
"$description": "[观察] 12px"
|
|
659
|
+
}
|
|
660
|
+
},
|
|
661
|
+
"body": {
|
|
662
|
+
"size": {
|
|
663
|
+
"$type": "dimension",
|
|
664
|
+
"$value": "{font.size.md}",
|
|
665
|
+
"$description": "[观察] 承载最多文字的字号 14px"
|
|
666
|
+
},
|
|
667
|
+
"line-height": {
|
|
668
|
+
"$type": "number",
|
|
669
|
+
"$value": "{font.line-height.normal}",
|
|
670
|
+
"$description": "[观察] 22 / 14"
|
|
671
|
+
}
|
|
672
|
+
},
|
|
673
|
+
"title-sm": {
|
|
674
|
+
"size": {
|
|
675
|
+
"$type": "dimension",
|
|
676
|
+
"$value": "{font.size.lg}",
|
|
677
|
+
"$description": "[观察] 卡片标题 16px"
|
|
678
|
+
}
|
|
679
|
+
},
|
|
680
|
+
"title": {
|
|
681
|
+
"size": {
|
|
682
|
+
"$type": "dimension",
|
|
683
|
+
"$value": "{font.size.xl}",
|
|
684
|
+
"$description": "[观察] 页面标题 20px"
|
|
685
|
+
}
|
|
686
|
+
},
|
|
687
|
+
"heading": {
|
|
688
|
+
"size": {
|
|
689
|
+
"$type": "dimension",
|
|
690
|
+
"$value": "{font.size.2xl}",
|
|
691
|
+
"$description": "[确认] 页头大标题 24px(antd headline-md)(2026-10-09 用户确认)"
|
|
692
|
+
},
|
|
693
|
+
"line-height": {
|
|
694
|
+
"$type": "number",
|
|
695
|
+
"$value": "{font.line-height.heading}",
|
|
696
|
+
"$description": "[确认] 32 / 24(2026-10-09 用户确认)"
|
|
697
|
+
}
|
|
698
|
+
},
|
|
699
|
+
"display": {
|
|
700
|
+
"size": {
|
|
701
|
+
"$type": "dimension",
|
|
702
|
+
"$value": "{font.size.3xl}",
|
|
703
|
+
"$description": "[观察] 工作台统计数字 30px"
|
|
704
|
+
},
|
|
705
|
+
"weight": {
|
|
706
|
+
"$type": "fontWeight",
|
|
707
|
+
"$value": "{font.weight.semibold}",
|
|
708
|
+
"$description": "[确认] KPI 大数字加粗(预期预览图);antd 只用 400 / 600,取 600"
|
|
709
|
+
},
|
|
710
|
+
"line-height": {
|
|
711
|
+
"$type": "number",
|
|
712
|
+
"$value": "{font.line-height.display}",
|
|
713
|
+
"$description": "[确认] 38 / 30(2026-10-09 用户确认)"
|
|
714
|
+
},
|
|
715
|
+
"tracking": {
|
|
716
|
+
"$type": "dimension",
|
|
717
|
+
"$value": "{font.letter-spacing.none}",
|
|
718
|
+
"$description": "[确认] 数据大字不调字距(2026-10-09 用户确认)"
|
|
719
|
+
},
|
|
720
|
+
"family": {
|
|
721
|
+
"$type": "fontFamily",
|
|
722
|
+
"$value": "{font.family.numeric}",
|
|
723
|
+
"$description": "[确认] 数据大字(统计卡、KPI、el-statistic、状态条数字)用 D-DIN 系:装了 D-DIN-PRO 用它,没装用随桥接分发的 D-DIN(用户 2026-10-09 指定 D-DIN-PRO,原为正文字体栈;2026-10-26 起随系统分发 D-DIN)"
|
|
724
|
+
}
|
|
725
|
+
},
|
|
726
|
+
"hero": {
|
|
727
|
+
"size": {
|
|
728
|
+
"$type": "dimension",
|
|
729
|
+
"$value": "{font.size.4xl}",
|
|
730
|
+
"$description": "[确认] 结果页 / 登录页大字 38px(antd display-lg)(2026-10-09 用户确认)"
|
|
731
|
+
},
|
|
732
|
+
"line-height": {
|
|
733
|
+
"$type": "number",
|
|
734
|
+
"$value": "{font.line-height.hero}",
|
|
735
|
+
"$description": "[确认] 46 / 38(2026-10-09 用户确认)"
|
|
736
|
+
}
|
|
737
|
+
},
|
|
738
|
+
"paragraph": {
|
|
739
|
+
"line-height": {
|
|
740
|
+
"$type": "number",
|
|
741
|
+
"$value": "{font.line-height.normal}",
|
|
742
|
+
"$description": "[确认] 成段说明同正文行高(antd)(2026-10-09 用户确认)"
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
"weight": {
|
|
746
|
+
"label": {
|
|
747
|
+
"$type": "fontWeight",
|
|
748
|
+
"$value": "{font.weight.regular}",
|
|
749
|
+
"$description": "[观察] 按钮 / 表单标签 400(antd 只用 400 与 600)"
|
|
750
|
+
},
|
|
751
|
+
"nav": {
|
|
752
|
+
"$type": "fontWeight",
|
|
753
|
+
"$value": "{font.weight.medium}",
|
|
754
|
+
"$description": "[确认] 导航菜单(侧栏、横向菜单)文字 500:用户 2026-10-15 指定侧栏文字加粗一级(原随正文 400);当前项同字重,不额外加粗。Windows 的微软雅黑没有 500,按字体匹配规则显示成 400"
|
|
755
|
+
},
|
|
756
|
+
"strong": {
|
|
757
|
+
"$type": "fontWeight",
|
|
758
|
+
"$value": "{font.weight.semibold}",
|
|
759
|
+
"$description": "[观察] 表头 / 标题 600"
|
|
760
|
+
},
|
|
761
|
+
"brand": {
|
|
762
|
+
"$type": "fontWeight",
|
|
763
|
+
"$value": "{font.weight.semibold}",
|
|
764
|
+
"$description": "[确认] 品牌字重 600(antd 不用 700)(2026-10-09 用户确认)"
|
|
765
|
+
},
|
|
766
|
+
"logo": {
|
|
767
|
+
"$type": "fontWeight",
|
|
768
|
+
"$value": "{font.weight.semibold}",
|
|
769
|
+
"$description": "[观察] 顶栏 Logo 文字 18px / 600"
|
|
770
|
+
}
|
|
771
|
+
},
|
|
772
|
+
"tracking": {
|
|
773
|
+
"caps": {
|
|
774
|
+
"$type": "dimension",
|
|
775
|
+
"$value": "{font.letter-spacing.caps}",
|
|
776
|
+
"$description": "[确认] 分区标签(.section-label,次要分组)的大写小字字距(预期预览图);中文标签只取小号、半粗、次要色。卡片标题 2026-10-13 起改为 14px 深色标题、看板板块标题 2026-10-14 起改为 16px 的 H2(用户指定),都不再用它"
|
|
777
|
+
}
|
|
778
|
+
},
|
|
779
|
+
"link": {
|
|
780
|
+
"decoration": {
|
|
781
|
+
"$type": "string",
|
|
782
|
+
"$value": "{decoration.none}",
|
|
783
|
+
"$description": "[观察] 链接不加下划线,靠金色深一档区分(对白 5.27:1)"
|
|
784
|
+
},
|
|
785
|
+
"style": {
|
|
786
|
+
"$type": "string",
|
|
787
|
+
"$value": "{font.style.normal}",
|
|
788
|
+
"$description": "[观察] 链接不用斜体(Citrine 内容型链接为斜体)"
|
|
789
|
+
}
|
|
790
|
+
},
|
|
791
|
+
"numeric": {
|
|
792
|
+
"variant": {
|
|
793
|
+
"$type": "string",
|
|
794
|
+
"$value": "{font.numeric.tabular}",
|
|
795
|
+
"$description": "[确认] 金额 / 单号 / 表格数字用 tabular-nums:正文字体有等宽数字,金额列小数点上下对齐;数据大字的 D-DIN-PRO 与 D-DIN 都没有等宽数字,这条对它们不生效(2026-10-09 用户确认)"
|
|
796
|
+
},
|
|
797
|
+
"family": {
|
|
798
|
+
"$type": "fontFamily",
|
|
799
|
+
"$value": "{font.family.body}",
|
|
800
|
+
"$description": "[确认] 小号数字数据(表格金额与日期、百分比、涨跌、图表数值、页码)用正文字体,配 text.numeric.variant 等宽数字:用户 2026-10-09 先定 D-DIN-PRO,同日看过 12px 表格后改回正文字体(D-DIN-PRO 窄体细笔画在中文旁显得小而轻);数据大字仍用 D-DIN-PRO(text.display.family);单号、代码用等宽字体"
|
|
801
|
+
}
|
|
802
|
+
}
|
|
803
|
+
},
|
|
804
|
+
"layout": {
|
|
805
|
+
"topbar": {
|
|
806
|
+
"height": {
|
|
807
|
+
"$type": "dimension",
|
|
808
|
+
"$value": "{size.topbar}",
|
|
809
|
+
"$description": "[观察] 顶栏 56px"
|
|
810
|
+
}
|
|
811
|
+
},
|
|
812
|
+
"sidebar": {
|
|
813
|
+
"width": {
|
|
814
|
+
"$type": "dimension",
|
|
815
|
+
"$value": "{size.sidebar}",
|
|
816
|
+
"$description": "[确认] 侧栏 208px:用户决定收窄(2026-10-09,原观察值 256px)"
|
|
817
|
+
},
|
|
818
|
+
"collapsed-width": {
|
|
819
|
+
"$type": "dimension",
|
|
820
|
+
"$value": "{size.sidebar-collapsed}",
|
|
821
|
+
"$description": "[观察] 折叠 64px(源码默认值)"
|
|
822
|
+
},
|
|
823
|
+
"item-height": {
|
|
824
|
+
"$type": "dimension",
|
|
825
|
+
"$value": "{size.control.lg}",
|
|
826
|
+
"$description": "[确认] 侧栏菜单项高 40px:用户 2026-10-15 指定(原借按钮 / 输入框的 control.height.md 32px,按钮与输入框不变)"
|
|
827
|
+
},
|
|
828
|
+
"item-gap": {
|
|
829
|
+
"$type": "dimension",
|
|
830
|
+
"$value": "{spacing.2}",
|
|
831
|
+
"$description": "[确认] 同一分组里相邻两个侧栏菜单项的间距 8px:用户 2026-10-15 指定(先定 12px,评审中收到 8px;原 spacing.0-5 2px);分组标题自带上下留白,不受影响;折叠后标题隐藏,组与组之间也用它"
|
|
832
|
+
}
|
|
833
|
+
},
|
|
834
|
+
"breakpoint": {
|
|
835
|
+
"mobile": {
|
|
836
|
+
"$type": "dimension",
|
|
837
|
+
"$value": "{size.viewport.mobile}",
|
|
838
|
+
"$description": "[观察] 768px"
|
|
839
|
+
},
|
|
840
|
+
"narrow": {
|
|
841
|
+
"$type": "dimension",
|
|
842
|
+
"$value": "{size.viewport.narrow}",
|
|
843
|
+
"$description": "[观察] 992px"
|
|
844
|
+
}
|
|
845
|
+
},
|
|
846
|
+
"form": {
|
|
847
|
+
"label-width": {
|
|
848
|
+
"$type": "dimension",
|
|
849
|
+
"$value": "{size.form.label}",
|
|
850
|
+
"$description": "[观察] 查询表格筛选栏 labelWidth 120px(源码)"
|
|
851
|
+
},
|
|
852
|
+
"max-width": {
|
|
853
|
+
"$type": "dimension",
|
|
854
|
+
"$value": "{size.form.max}",
|
|
855
|
+
"$description": "[观察] 基础表单 maxWidth 600px(源码)"
|
|
856
|
+
}
|
|
857
|
+
},
|
|
858
|
+
"modal": {
|
|
859
|
+
"width": {
|
|
860
|
+
"sm": {
|
|
861
|
+
"$type": "dimension",
|
|
862
|
+
"$value": "{size.modal.sm}",
|
|
863
|
+
"$description": "[确认] 确认弹窗 416px(antd Modal.confirm)(2026-10-09 用户确认)"
|
|
864
|
+
},
|
|
865
|
+
"md": {
|
|
866
|
+
"$type": "dimension",
|
|
867
|
+
"$value": "{size.modal.md}",
|
|
868
|
+
"$description": "[确认] 表单弹窗 520px(antd Modal 默认)(2026-10-09 用户确认)"
|
|
869
|
+
}
|
|
870
|
+
}
|
|
871
|
+
},
|
|
872
|
+
"drawer": {
|
|
873
|
+
"width": {
|
|
874
|
+
"$type": "dimension",
|
|
875
|
+
"$value": "{size.drawer}",
|
|
876
|
+
"$description": "[观察] 详情抽屉 600px"
|
|
877
|
+
}
|
|
878
|
+
},
|
|
879
|
+
"search": {
|
|
880
|
+
"width": {
|
|
881
|
+
"$type": "dimension",
|
|
882
|
+
"$value": "{size.search}",
|
|
883
|
+
"$description": "[确认] 筛选栏搜索框 216px(2026-10-09 用户确认)"
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
},
|
|
887
|
+
"elevation": {
|
|
888
|
+
"card": {
|
|
889
|
+
"y": {
|
|
890
|
+
"$type": "dimension",
|
|
891
|
+
"$value": "{shadow.y.1}",
|
|
892
|
+
"$description": "[确认] 卡片不投影(2026-10-09,颜色取透明);尺寸保留,主按钮按下的内阴影借用"
|
|
893
|
+
},
|
|
894
|
+
"blur": {
|
|
895
|
+
"$type": "dimension",
|
|
896
|
+
"$value": "{shadow.blur.1}",
|
|
897
|
+
"$description": "[确认] 同上"
|
|
898
|
+
},
|
|
899
|
+
"color": {
|
|
900
|
+
"$type": "color",
|
|
901
|
+
"$value": "{color.neutral.transparent}",
|
|
902
|
+
"$description": "[确认] 卡片不投影(用户决定 2026-10-09,替代按预期预览图加的大而柔投影):取透明,卡片靠底色差与 color.border.default 定形"
|
|
903
|
+
}
|
|
904
|
+
},
|
|
905
|
+
"popover": {
|
|
906
|
+
"y": {
|
|
907
|
+
"$type": "dimension",
|
|
908
|
+
"$value": "{shadow.y.2}",
|
|
909
|
+
"$description": "[观察] boxShadowSecondary 第一层"
|
|
910
|
+
},
|
|
911
|
+
"blur": {
|
|
912
|
+
"$type": "dimension",
|
|
913
|
+
"$value": "{shadow.blur.2}",
|
|
914
|
+
"$description": "[观察] 下拉 / 气泡"
|
|
915
|
+
},
|
|
916
|
+
"color": {
|
|
917
|
+
"$type": "color",
|
|
918
|
+
"$value": "{color.neutral.shadow-a8}",
|
|
919
|
+
"$description": "[观察] rgba(0,0,0,0.08)"
|
|
920
|
+
}
|
|
921
|
+
},
|
|
922
|
+
"modal": {
|
|
923
|
+
"y": {
|
|
924
|
+
"$type": "dimension",
|
|
925
|
+
"$value": "{shadow.y.2}",
|
|
926
|
+
"$description": "[观察] 弹窗与浮层同用 boxShadowSecondary(.ant-modal-container 实测)"
|
|
927
|
+
},
|
|
928
|
+
"blur": {
|
|
929
|
+
"$type": "dimension",
|
|
930
|
+
"$value": "{shadow.blur.2}",
|
|
931
|
+
"$description": "[观察] 同上"
|
|
932
|
+
},
|
|
933
|
+
"color": {
|
|
934
|
+
"$type": "color",
|
|
935
|
+
"$value": "{color.neutral.shadow-a8}",
|
|
936
|
+
"$description": "[观察] 同上"
|
|
937
|
+
}
|
|
938
|
+
},
|
|
939
|
+
"tooltip": {
|
|
940
|
+
"y": {
|
|
941
|
+
"$type": "dimension",
|
|
942
|
+
"$value": "{shadow.y.3}",
|
|
943
|
+
"$description": "[确认] 图表提示气泡阴影 y:大投影,比 elevation.popover 大一档(用户 2026-10-12:hover 浮窗用白色底 + 大投影)"
|
|
944
|
+
},
|
|
945
|
+
"blur": {
|
|
946
|
+
"$type": "dimension",
|
|
947
|
+
"$value": "{shadow.blur.3}",
|
|
948
|
+
"$description": "[确认] 图表提示气泡阴影模糊(用户 2026-10-12:hover 浮窗用白色底 + 大投影)"
|
|
949
|
+
},
|
|
950
|
+
"color": {
|
|
951
|
+
"$type": "color",
|
|
952
|
+
"$value": "{color.neutral.shadow-a12}",
|
|
953
|
+
"$description": "[确认] 图表提示气泡阴影色(用户 2026-10-12:hover 浮窗用白色底 + 大投影)"
|
|
954
|
+
}
|
|
955
|
+
}
|
|
956
|
+
},
|
|
957
|
+
"motion": {
|
|
958
|
+
"duration": {
|
|
959
|
+
"fast": {
|
|
960
|
+
"$type": "duration",
|
|
961
|
+
"$value": "{duration.fast}",
|
|
962
|
+
"$description": "[观察] 100ms"
|
|
963
|
+
},
|
|
964
|
+
"normal": {
|
|
965
|
+
"$type": "duration",
|
|
966
|
+
"$value": "{duration.normal}",
|
|
967
|
+
"$description": "[观察] 200ms"
|
|
968
|
+
},
|
|
969
|
+
"slow": {
|
|
970
|
+
"$type": "duration",
|
|
971
|
+
"$value": "{duration.slow}",
|
|
972
|
+
"$description": "[观察] 300ms"
|
|
973
|
+
}
|
|
974
|
+
},
|
|
975
|
+
"easing": {
|
|
976
|
+
"standard": {
|
|
977
|
+
"$type": "cubicBezier",
|
|
978
|
+
"$value": "{easing.standard}",
|
|
979
|
+
"$description": "[观察] ease"
|
|
980
|
+
},
|
|
981
|
+
"enter": {
|
|
982
|
+
"$type": "cubicBezier",
|
|
983
|
+
"$value": "{easing.enter}",
|
|
984
|
+
"$description": "[观察] antd motionEaseOut"
|
|
985
|
+
},
|
|
986
|
+
"exit": {
|
|
987
|
+
"$type": "cubicBezier",
|
|
988
|
+
"$value": "{easing.exit}",
|
|
989
|
+
"$description": "[确认] antd motionEaseIn(2026-10-09 用户确认)"
|
|
990
|
+
}
|
|
991
|
+
}
|
|
992
|
+
},
|
|
993
|
+
"opacity": {
|
|
994
|
+
"disabled": {
|
|
995
|
+
"$type": "number",
|
|
996
|
+
"$value": "{opacity.40}",
|
|
997
|
+
"$description": "[确认] 禁用态 0.4(antd 用禁用色,桥接用透明度近似)(2026-10-09 用户确认)"
|
|
998
|
+
},
|
|
999
|
+
"on-primary-muted": {
|
|
1000
|
+
"$type": "number",
|
|
1001
|
+
"$value": "{opacity.100}",
|
|
1002
|
+
"$description": "[确认] 金底上的次要文字不压透明度(对比余量不足)(2026-10-09 用户确认)"
|
|
1003
|
+
}
|
|
1004
|
+
},
|
|
1005
|
+
"layer": {
|
|
1006
|
+
"sticky": {
|
|
1007
|
+
"$type": "number",
|
|
1008
|
+
"$value": "{z.100}",
|
|
1009
|
+
"$description": "[观察] 顶栏 / 固定层 100"
|
|
1010
|
+
},
|
|
1011
|
+
"dropdown": {
|
|
1012
|
+
"$type": "number",
|
|
1013
|
+
"$value": "{z.1050}",
|
|
1014
|
+
"$description": "[确认] 下拉 / 气泡 1050(antd:高于弹窗)(2026-10-09 用户确认)"
|
|
1015
|
+
},
|
|
1016
|
+
"modal": {
|
|
1017
|
+
"$type": "number",
|
|
1018
|
+
"$value": "{z.1000}",
|
|
1019
|
+
"$description": "[观察] 弹窗 / 抽屉 1000"
|
|
1020
|
+
},
|
|
1021
|
+
"toast": {
|
|
1022
|
+
"$type": "number",
|
|
1023
|
+
"$value": "{z.1010}",
|
|
1024
|
+
"$description": "[观察] 全局提示 1010(antd message)"
|
|
1025
|
+
}
|
|
1026
|
+
},
|
|
1027
|
+
"table": {
|
|
1028
|
+
"cell": {
|
|
1029
|
+
"padding-y": {
|
|
1030
|
+
"$type": "dimension",
|
|
1031
|
+
"$value": "{spacing.3}",
|
|
1032
|
+
"$description": "[观察] th / td 纵向 12px(ProTable middle)"
|
|
1033
|
+
},
|
|
1034
|
+
"padding-x": {
|
|
1035
|
+
"$type": "dimension",
|
|
1036
|
+
"$value": "{spacing.2}",
|
|
1037
|
+
"$description": "[观察] th / td 横向 8px"
|
|
1038
|
+
}
|
|
1039
|
+
}
|
|
1040
|
+
},
|
|
1041
|
+
"avatar": {
|
|
1042
|
+
"size": {
|
|
1043
|
+
"sm": {
|
|
1044
|
+
"$type": "dimension",
|
|
1045
|
+
"$value": "{size.avatar.sm}",
|
|
1046
|
+
"$description": "[确认] 小头像 24px(2026-10-09 用户确认)"
|
|
1047
|
+
},
|
|
1048
|
+
"md": {
|
|
1049
|
+
"$type": "dimension",
|
|
1050
|
+
"$value": "{size.avatar.md}",
|
|
1051
|
+
"$description": "[确认] 头像 32px(2026-10-09 用户确认)"
|
|
1052
|
+
}
|
|
1053
|
+
}
|
|
1054
|
+
},
|
|
1055
|
+
"illustration": {
|
|
1056
|
+
"size": {
|
|
1057
|
+
"md": {
|
|
1058
|
+
"$type": "dimension",
|
|
1059
|
+
"$value": "{size.illustration}",
|
|
1060
|
+
"$description": "[确认] 空状态 / 结果页插图 100px(2026-10-09 用户确认)"
|
|
1061
|
+
}
|
|
1062
|
+
}
|
|
1063
|
+
},
|
|
1064
|
+
"chart": {
|
|
1065
|
+
"gradient": {
|
|
1066
|
+
"saturation": {
|
|
1067
|
+
"$type": "number",
|
|
1068
|
+
"$value": "{opacity.40}",
|
|
1069
|
+
"$description": "[确认] 品牌金以外的数据填充(状态色、中性色、分类色)用同色饱和度渐变:浅端把饱和度降到原色的 0.4 倍,HSB 明度不变(数值借用 opacity.40;2026-10-09 用户确认)。方向与品牌金渐变一致,起点深、末端浅:竖柱上浅下深,进度条与横柱左深右浅(2026-10-12 用户指定品牌金两色时统一;原记录的进度条左浅右深与用户最初「起始点到终止点的深浅渐变」不符,已更正)。品牌金填充用 color.chart.gradient.start → end"
|
|
1070
|
+
}
|
|
1071
|
+
},
|
|
1072
|
+
"baseline": {
|
|
1073
|
+
"dash": {
|
|
1074
|
+
"$type": "dimension",
|
|
1075
|
+
"$value": "{spacing.1}",
|
|
1076
|
+
"$description": "[确认] 曲线图底线(x 轴线)的虚线:线段与间隔都是 4px(数值借用 spacing.1),线宽 border.width.default(0.6px)、颜色 color.border.default,同网格线(用户 2026-10-12:曲线图的底线用 0.6px 虚线)。柱状图的基线保持实线"
|
|
1077
|
+
}
|
|
1078
|
+
}
|
|
1079
|
+
}
|
|
1080
|
+
}
|