@aviala-design/spiral 2.4.1 → 2.6.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.
- package/dist/component-changelogs.json +212 -5
- package/dist/index.cjs +2556 -1422
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +371 -31
- package/dist/index.d.ts +371 -31
- package/dist/index.js +2299 -1144
- package/dist/index.js.map +1 -1
- package/dist/props.json +317 -30
- package/dist/styles.css +77 -17
- package/package.json +8 -4
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"Button": [
|
|
3
|
+
{
|
|
4
|
+
"version": "2.6.0",
|
|
5
|
+
"sections": {
|
|
6
|
+
"Added": [
|
|
7
|
+
"`outline` / `outlineCustom` 模式(Figma `Mode=Outline` / `Outline-Custom`):透明底 + `border-normal-primary` 外描边;主题色 / 中性色文字"
|
|
8
|
+
]
|
|
9
|
+
}
|
|
10
|
+
},
|
|
3
11
|
{
|
|
4
12
|
"version": "2.1.0",
|
|
5
13
|
"sections": {
|
|
@@ -10,6 +18,17 @@
|
|
|
10
18
|
}
|
|
11
19
|
],
|
|
12
20
|
"CascaderField": [
|
|
21
|
+
{
|
|
22
|
+
"version": "Unreleased",
|
|
23
|
+
"sections": {
|
|
24
|
+
"Changed": [
|
|
25
|
+
"默认 placeholder 改由 `LocaleProvider` 提供"
|
|
26
|
+
],
|
|
27
|
+
"Fixed": [
|
|
28
|
+
"展开箭头与键盘左右键在 RTL 下按阅读方向展开"
|
|
29
|
+
]
|
|
30
|
+
}
|
|
31
|
+
},
|
|
13
32
|
{
|
|
14
33
|
"version": "2.0.0",
|
|
15
34
|
"sections": {
|
|
@@ -20,7 +39,63 @@
|
|
|
20
39
|
}
|
|
21
40
|
}
|
|
22
41
|
],
|
|
42
|
+
"Checkbox": [
|
|
43
|
+
{
|
|
44
|
+
"version": "2.5.0",
|
|
45
|
+
"sections": {
|
|
46
|
+
"Added": [
|
|
47
|
+
"`size=\"huge\"`:对应 Figma Checkbox `Size=Huge`(26px / `--size-large`,圆角 `--border-radius-small`,勾选与半选标记 14px,勾选描边 2px)"
|
|
48
|
+
],
|
|
49
|
+
"Changed": [
|
|
50
|
+
"勾选图标改用 Figma `symbol_right` Black 描边动效:打钩 / 取消均为 300ms CSS transition(可中途打断),`vector-effect: non-scaling-stroke` 保持线宽",
|
|
51
|
+
"取消勾选时橙色表面与灰色底交叉淡入淡出,避免背景硬切",
|
|
52
|
+
"非圆角 Checkbox 圆角改为 `--border-radius-extra-small-2`(6px)"
|
|
53
|
+
],
|
|
54
|
+
"Fixed": [
|
|
55
|
+
"Huge 尺寸下勾选路径画不全:`stroke-dasharray` / `stroke-dashoffset` 按 `iconSize / 12` 换算,避免 CSS 将无单位 `1` 解析为 `1px` 导致路径短一截"
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
],
|
|
60
|
+
"ColorPicker": [
|
|
61
|
+
{
|
|
62
|
+
"version": "2.6.0",
|
|
63
|
+
"sections": {
|
|
64
|
+
"Changed": [
|
|
65
|
+
"色相 / 透明度轨道改为复用共享 `Slider`(新拇指视觉与交互),轨道仍为光谱 / 透明度渐变",
|
|
66
|
+
"ColorPicker 内轨道使用 `size=\"big\"`(16px,与拇指同高)+ inset ring;透明度渐变用同色 `rgba(…,0)` 避免脏插值,棋盘格与渐变均 `100%` 铺满",
|
|
67
|
+
"色相状态改为本地 HSVA 保真:拖到 360°(与 0° 同为红色)时拇指不再被 hex 往返弹回起点",
|
|
68
|
+
"占位与控件 aria 文案改由 `LocaleProvider` 提供"
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
"ConfigProvider": [
|
|
74
|
+
{
|
|
75
|
+
"version": "Unreleased",
|
|
76
|
+
"sections": {
|
|
77
|
+
"Added": [
|
|
78
|
+
"`ConfigProvider` with `direction` (`ltr` | `rtl`), optional `locale` (nests `LocaleProvider`), and `syncDocumentDir` for portalled overlays",
|
|
79
|
+
"`useDirection` / `useRtl` plus `mirrorSide` / `forwardChevronSide` / `backChevronSide` helpers"
|
|
80
|
+
],
|
|
81
|
+
"Fixed": [
|
|
82
|
+
"Pagination / Breadcrumb / List / Card / Cascader / Select / Navigation / DatePicker 方向性箭头与侧向行为跟随 `direction`"
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
],
|
|
23
87
|
"DatePickerField": [
|
|
88
|
+
{
|
|
89
|
+
"version": "Unreleased",
|
|
90
|
+
"sections": {
|
|
91
|
+
"Changed": [
|
|
92
|
+
"周标题、页脚、导航 aria 与 `Intl` 格式化改读当前 locale(默认 zh-CN)"
|
|
93
|
+
],
|
|
94
|
+
"Fixed": [
|
|
95
|
+
"月/年上一页、下一页箭头在 RTL 下随阅读方向翻转"
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
},
|
|
24
99
|
{
|
|
25
100
|
"version": "2.0.0",
|
|
26
101
|
"sections": {
|
|
@@ -31,22 +106,52 @@
|
|
|
31
106
|
}
|
|
32
107
|
],
|
|
33
108
|
"List": [
|
|
109
|
+
{
|
|
110
|
+
"version": "Unreleased",
|
|
111
|
+
"sections": {
|
|
112
|
+
"Changed": [
|
|
113
|
+
"默认「更多」aria 文案改由 `LocaleProvider` 提供"
|
|
114
|
+
],
|
|
115
|
+
"Fixed": [
|
|
116
|
+
"`action` 类型尾部 chevron 在 RTL 下指向阅读方向前方"
|
|
117
|
+
]
|
|
118
|
+
}
|
|
119
|
+
},
|
|
34
120
|
{
|
|
35
121
|
"version": "2.4.0",
|
|
36
122
|
"sections": {
|
|
37
123
|
"Added": [
|
|
38
|
-
"`ListItem` `showTrailing
|
|
39
|
-
"`ListItem` `showChevron`
|
|
40
|
-
"`ListItem` `showTopDivider`
|
|
41
|
-
"`ListItem` `href` / `target` / `rel
|
|
124
|
+
"`ListItem` `showTrailing`:设为 `false`(或 `trailing={null}`)可隐藏尾部操作与竖向分隔线;`action` 类型仍显示 chevron",
|
|
125
|
+
"`ListItem` `showChevron`:控制 `action` 行尾部 chevron 的显示",
|
|
126
|
+
"`ListItem` `showTopDivider`:强制显示/隐藏内容行顶部分割线(默认:`ListGroup` 内首个子项隐藏)",
|
|
127
|
+
"`ListItem` `href` / `target` / `rel`:将行渲染为导航链接"
|
|
42
128
|
],
|
|
43
129
|
"Fixed": [
|
|
44
|
-
"
|
|
130
|
+
"`ListGroup` 内首个 `ListItem` 默认不再显示顶部分割线"
|
|
131
|
+
]
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"LocaleProvider": [
|
|
136
|
+
{
|
|
137
|
+
"version": "Unreleased",
|
|
138
|
+
"sections": {
|
|
139
|
+
"Added": [
|
|
140
|
+
"Semi-style `LocaleProvider` with `zhCN` / `enUS` packs, `useLocale` / `useLocaleMessages`, and `${name}` interpolate",
|
|
141
|
+
"Built-in component copy (DatePicker, TimePicker, Pagination, Upload, Modal, Feedback, Alert, ColorPicker, Cascader, Loading, Tag, NumberInput, Textarea, Card, List, Breadcrumb) reads the active locale; existing label props still override"
|
|
45
142
|
]
|
|
46
143
|
}
|
|
47
144
|
}
|
|
48
145
|
],
|
|
49
146
|
"Modal": [
|
|
147
|
+
{
|
|
148
|
+
"version": "Unreleased",
|
|
149
|
+
"sections": {
|
|
150
|
+
"Changed": [
|
|
151
|
+
"默认关闭按钮文案改由 `LocaleProvider` 提供(`closeLabel` 仍可覆盖)"
|
|
152
|
+
]
|
|
153
|
+
}
|
|
154
|
+
},
|
|
50
155
|
{
|
|
51
156
|
"version": "2.0.0",
|
|
52
157
|
"sections": {
|
|
@@ -58,6 +163,23 @@
|
|
|
58
163
|
}
|
|
59
164
|
],
|
|
60
165
|
"Navigation": [
|
|
166
|
+
{
|
|
167
|
+
"version": "Unreleased",
|
|
168
|
+
"sections": {
|
|
169
|
+
"Fixed": [
|
|
170
|
+
"垂直指示条读取 `--navigation-rail-inline-start`,RTL 下贴在 inline-start 侧",
|
|
171
|
+
"垂直 flyout 默认 `side` 随 `ConfigProvider` 方向翻转"
|
|
172
|
+
]
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"version": "2.5.0",
|
|
177
|
+
"sections": {
|
|
178
|
+
"Changed": [
|
|
179
|
+
"激活指示条与展开 / 收拢动效改用更干脆的 ease-out(`--navigation-transition-easing`: `cubic-bezier(0.16, 1, 0.3, 1)`;指示条脚本插值同步)"
|
|
180
|
+
]
|
|
181
|
+
}
|
|
182
|
+
},
|
|
61
183
|
{
|
|
62
184
|
"version": "2.1.0",
|
|
63
185
|
"sections": {
|
|
@@ -68,6 +190,17 @@
|
|
|
68
190
|
}
|
|
69
191
|
],
|
|
70
192
|
"Pagination": [
|
|
193
|
+
{
|
|
194
|
+
"version": "Unreleased",
|
|
195
|
+
"sections": {
|
|
196
|
+
"Changed": [
|
|
197
|
+
"默认文案改由 `LocaleProvider` 字典提供(`jumpLabel` / `sizeLabel` 等 props 仍可覆盖)"
|
|
198
|
+
],
|
|
199
|
+
"Fixed": [
|
|
200
|
+
"上一页 / 下一页箭头在 RTL 下随阅读方向翻转"
|
|
201
|
+
]
|
|
202
|
+
}
|
|
203
|
+
},
|
|
71
204
|
{
|
|
72
205
|
"version": "2.1.0",
|
|
73
206
|
"sections": {
|
|
@@ -78,6 +211,14 @@
|
|
|
78
211
|
}
|
|
79
212
|
],
|
|
80
213
|
"Popover": [
|
|
214
|
+
{
|
|
215
|
+
"version": "2.5.0",
|
|
216
|
+
"sections": {
|
|
217
|
+
"Added": [
|
|
218
|
+
"`PopoverContent` 支持 `level`(`\"caption\"` | `\"text\"`);未传时:`appearance=\"tooltip\"` 默认为 `caption`,其余外观默认为 `text`"
|
|
219
|
+
]
|
|
220
|
+
}
|
|
221
|
+
},
|
|
81
222
|
{
|
|
82
223
|
"version": "2.2.0",
|
|
83
224
|
"sections": {
|
|
@@ -104,6 +245,24 @@
|
|
|
104
245
|
}
|
|
105
246
|
],
|
|
106
247
|
"SegmentatorGroup": [
|
|
248
|
+
{
|
|
249
|
+
"version": "2.6.0",
|
|
250
|
+
"sections": {
|
|
251
|
+
"Added": [
|
|
252
|
+
"`direction`:`horizontal`(默认)/ `vertical`,对齐 Figma SegmentatorGroup;竖向布局下拇指与触控拖选沿主轴(Y)工作"
|
|
253
|
+
]
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"version": "2.5.0",
|
|
258
|
+
"sections": {
|
|
259
|
+
"Changed": [
|
|
260
|
+
"内容超出容器时支持横向滚动(隐藏滚动条,触控板 / 触控仍可滑动)",
|
|
261
|
+
"`equalWidth` 项以 `max-content` 为最小宽度,避免均分过窄裁切文案",
|
|
262
|
+
"溢出时触控横滑优先滚动并暂停段间拖选(点击切换仍可用);选中项自动滚入可视区域,滑动拇指随 `scrollLeft` 同步"
|
|
263
|
+
]
|
|
264
|
+
}
|
|
265
|
+
},
|
|
107
266
|
{
|
|
108
267
|
"version": "2.1.0",
|
|
109
268
|
"sections": {
|
|
@@ -113,7 +272,55 @@
|
|
|
113
272
|
}
|
|
114
273
|
}
|
|
115
274
|
],
|
|
275
|
+
"Slider": [
|
|
276
|
+
{
|
|
277
|
+
"version": "2.5.0",
|
|
278
|
+
"sections": {
|
|
279
|
+
"Added": [
|
|
280
|
+
"`showValueTooltip`:悬停拇指、拖动或按住轨道调整时,在对应拇指上方显示数值提示",
|
|
281
|
+
"`formatValueTooltip`:自定义数值提示文案,签名 `(value, index) => ReactNode`"
|
|
282
|
+
],
|
|
283
|
+
"Changed": [
|
|
284
|
+
"视觉重绘:默认宽度 70→96;轨道更粗且取消描边(Default / Big 共用填充色,仅高度与拇指尺寸不同);拇指改为白底 + 主色实心芯 + 阴影(不再用描边环)",
|
|
285
|
+
"禁用态:拇指芯改用次要色,与轨道 OFF 填充对齐",
|
|
286
|
+
"拇指悬停略放大、按下略缩小(只作用于视觉层,不带动数值提示)",
|
|
287
|
+
"拇指光标由 `grab` 改为 `pointer`",
|
|
288
|
+
"点击轨道 / 键盘跳变时,拇指位移与进度条带过渡;拖动时关闭位移过渡以跟手",
|
|
289
|
+
"尊重 `prefers-reduced-motion`:关闭拇指缩放、跳变与数值提示过渡"
|
|
290
|
+
],
|
|
291
|
+
"Fixed": [
|
|
292
|
+
"`type` 在 `default` ↔ `range` 间切换时重新挂载,避免第二拇指不显示"
|
|
293
|
+
]
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
],
|
|
297
|
+
"Tab": [
|
|
298
|
+
{
|
|
299
|
+
"version": "2.6.0",
|
|
300
|
+
"sections": {
|
|
301
|
+
"Added": [
|
|
302
|
+
"`Tab` / `TabItem`(Figma Structure Navigation → Tab)"
|
|
303
|
+
]
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
],
|
|
116
307
|
"Tooltip": [
|
|
308
|
+
{
|
|
309
|
+
"version": "2.6.0",
|
|
310
|
+
"sections": {
|
|
311
|
+
"Changed": [
|
|
312
|
+
"`ResponsiveTooltip` 触摸端改为**长按**打开(短按仍触发按钮自身点击);可用 `longPressMs` 调整按住时长(默认 500ms)"
|
|
313
|
+
]
|
|
314
|
+
}
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"version": "2.5.0",
|
|
318
|
+
"sections": {
|
|
319
|
+
"Added": [
|
|
320
|
+
"`TooltipContent` / `ResponsiveTooltip` 支持 `level`:`\"caption\"`(默认)或 `\"text\"`"
|
|
321
|
+
]
|
|
322
|
+
}
|
|
323
|
+
},
|
|
117
324
|
{
|
|
118
325
|
"version": "2.2.0",
|
|
119
326
|
"sections": {
|