@aviala-design/spiral 2.7.1 → 2.8.1
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 +150 -0
- package/dist/index.cjs +2962 -1501
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +164 -8
- package/dist/index.d.ts +164 -8
- package/dist/index.js +2785 -1302
- package/dist/index.js.map +1 -1
- package/dist/props.json +163 -10
- package/dist/styles.css +48 -5
- package/package.json +6 -4
|
@@ -26,6 +26,14 @@
|
|
|
26
26
|
}
|
|
27
27
|
],
|
|
28
28
|
"CascaderField": [
|
|
29
|
+
{
|
|
30
|
+
"version": "2.8.0",
|
|
31
|
+
"sections": {
|
|
32
|
+
"Fixed": [
|
|
33
|
+
"菜单 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
29
37
|
{
|
|
30
38
|
"version": "2.6.0",
|
|
31
39
|
"sections": {
|
|
@@ -74,6 +82,14 @@
|
|
|
74
82
|
}
|
|
75
83
|
],
|
|
76
84
|
"ColorPicker": [
|
|
85
|
+
{
|
|
86
|
+
"version": "2.8.0",
|
|
87
|
+
"sections": {
|
|
88
|
+
"Fixed": [
|
|
89
|
+
"面板 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
},
|
|
77
93
|
{
|
|
78
94
|
"version": "2.6.0",
|
|
79
95
|
"sections": {
|
|
@@ -101,6 +117,14 @@
|
|
|
101
117
|
}
|
|
102
118
|
],
|
|
103
119
|
"DatePickerField": [
|
|
120
|
+
{
|
|
121
|
+
"version": "2.8.0",
|
|
122
|
+
"sections": {
|
|
123
|
+
"Fixed": [
|
|
124
|
+
"面板 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
125
|
+
]
|
|
126
|
+
}
|
|
127
|
+
},
|
|
104
128
|
{
|
|
105
129
|
"version": "2.6.1",
|
|
106
130
|
"sections": {
|
|
@@ -132,6 +156,16 @@
|
|
|
132
156
|
}
|
|
133
157
|
}
|
|
134
158
|
],
|
|
159
|
+
"FormField": [
|
|
160
|
+
{
|
|
161
|
+
"version": "2.7.2",
|
|
162
|
+
"sections": {
|
|
163
|
+
"Changed": [
|
|
164
|
+
"存在错误 tip(layout `error` 或 RHF 校验信息)时,子级 Input / Textarea / NumberInput / SelectTrigger / Cascader / DatePicker / TimePicker 自动进入 error 态;控件上显式 `error` 优先于联动。"
|
|
165
|
+
]
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
],
|
|
135
169
|
"List": [
|
|
136
170
|
{
|
|
137
171
|
"version": "2.6.2",
|
|
@@ -175,6 +209,16 @@
|
|
|
175
209
|
}
|
|
176
210
|
}
|
|
177
211
|
],
|
|
212
|
+
"Loading": [
|
|
213
|
+
{
|
|
214
|
+
"version": "2.8.0",
|
|
215
|
+
"sections": {
|
|
216
|
+
"Fixed": [
|
|
217
|
+
"旋转环改为 SVG 2px stroke(Figma r15−r13,与 Progress 环形一致),避免 CSS mask 内沿发虚"
|
|
218
|
+
]
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
],
|
|
178
222
|
"LocaleProvider": [
|
|
179
223
|
{
|
|
180
224
|
"version": "2.6.0",
|
|
@@ -187,6 +231,14 @@
|
|
|
187
231
|
}
|
|
188
232
|
],
|
|
189
233
|
"Modal": [
|
|
234
|
+
{
|
|
235
|
+
"version": "2.8.0",
|
|
236
|
+
"sections": {
|
|
237
|
+
"Fixed": [
|
|
238
|
+
"Modal 内的 Popover / Select / Tooltip 等浮层改为挂到对话框内容节点,避免被遮罩挡住或因 `body` 的 `pointer-events` 无法交互"
|
|
239
|
+
]
|
|
240
|
+
}
|
|
241
|
+
},
|
|
190
242
|
{
|
|
191
243
|
"version": "2.6.0",
|
|
192
244
|
"sections": {
|
|
@@ -206,6 +258,14 @@
|
|
|
206
258
|
}
|
|
207
259
|
],
|
|
208
260
|
"Navigation": [
|
|
261
|
+
{
|
|
262
|
+
"version": "2.8.0",
|
|
263
|
+
"sections": {
|
|
264
|
+
"Fixed": [
|
|
265
|
+
"项菜单 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
266
|
+
]
|
|
267
|
+
}
|
|
268
|
+
},
|
|
209
269
|
{
|
|
210
270
|
"version": "2.6.1",
|
|
211
271
|
"sections": {
|
|
@@ -262,6 +322,15 @@
|
|
|
262
322
|
}
|
|
263
323
|
],
|
|
264
324
|
"Popover": [
|
|
325
|
+
{
|
|
326
|
+
"version": "2.8.0",
|
|
327
|
+
"sections": {
|
|
328
|
+
"Fixed": [
|
|
329
|
+
"箭头 outline 路径恢复填充(去掉 `fill: none`),与面板底色一致,描边仍保留",
|
|
330
|
+
"浮层 Portal 挂到全屏元素或 Modal 容器,避免全屏 / 对话框内看不见、点不到"
|
|
331
|
+
]
|
|
332
|
+
}
|
|
333
|
+
},
|
|
265
334
|
{
|
|
266
335
|
"version": "2.6.1",
|
|
267
336
|
"sections": {
|
|
@@ -326,6 +395,14 @@
|
|
|
326
395
|
}
|
|
327
396
|
],
|
|
328
397
|
"SegmentatorGroup": [
|
|
398
|
+
{
|
|
399
|
+
"version": "2.8.0",
|
|
400
|
+
"sections": {
|
|
401
|
+
"Fixed": [
|
|
402
|
+
"指示器改用布局 offset 测量,避免 Popover 入场 `scale` 让 `getBoundingClientRect` 叠乘导致拇指偏移(点选后才复位)"
|
|
403
|
+
]
|
|
404
|
+
}
|
|
405
|
+
},
|
|
329
406
|
{
|
|
330
407
|
"version": "2.7.0",
|
|
331
408
|
"sections": {
|
|
@@ -373,7 +450,25 @@
|
|
|
373
450
|
}
|
|
374
451
|
}
|
|
375
452
|
],
|
|
453
|
+
"Select": [
|
|
454
|
+
{
|
|
455
|
+
"version": "2.8.0",
|
|
456
|
+
"sections": {
|
|
457
|
+
"Fixed": [
|
|
458
|
+
"菜单与子菜单 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
459
|
+
]
|
|
460
|
+
}
|
|
461
|
+
}
|
|
462
|
+
],
|
|
376
463
|
"Slider": [
|
|
464
|
+
{
|
|
465
|
+
"version": "2.8.0",
|
|
466
|
+
"sections": {
|
|
467
|
+
"Added": [
|
|
468
|
+
"`orientation`:`horizontal`(默认)/ `vertical`,竖向轨道用于 Video 音量弹出层等场景"
|
|
469
|
+
]
|
|
470
|
+
}
|
|
471
|
+
},
|
|
377
472
|
{
|
|
378
473
|
"version": "2.6.1",
|
|
379
474
|
"sections": {
|
|
@@ -403,6 +498,17 @@
|
|
|
403
498
|
}
|
|
404
499
|
}
|
|
405
500
|
],
|
|
501
|
+
"Switch": [
|
|
502
|
+
{
|
|
503
|
+
"version": "2.8.1",
|
|
504
|
+
"sections": {
|
|
505
|
+
"Changed": [
|
|
506
|
+
"拇指改为可打断的流体滑动(`inset-inline` 配对过渡,约 260ms),移动中轻微拉长,连点可从当前进度反转",
|
|
507
|
+
"选中态轨道 Hover / Active 改为可过渡的 `background-color`(高光仍用 gloss 层),避免 `background-image` 瞬切"
|
|
508
|
+
]
|
|
509
|
+
}
|
|
510
|
+
}
|
|
511
|
+
],
|
|
406
512
|
"Tab": [
|
|
407
513
|
{
|
|
408
514
|
"version": "2.6.1",
|
|
@@ -439,6 +545,14 @@
|
|
|
439
545
|
}
|
|
440
546
|
],
|
|
441
547
|
"TimePickerField": [
|
|
548
|
+
{
|
|
549
|
+
"version": "2.8.0",
|
|
550
|
+
"sections": {
|
|
551
|
+
"Fixed": [
|
|
552
|
+
"面板 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
553
|
+
]
|
|
554
|
+
}
|
|
555
|
+
},
|
|
442
556
|
{
|
|
443
557
|
"version": "2.6.1",
|
|
444
558
|
"sections": {
|
|
@@ -450,6 +564,14 @@
|
|
|
450
564
|
}
|
|
451
565
|
],
|
|
452
566
|
"Tooltip": [
|
|
567
|
+
{
|
|
568
|
+
"version": "2.8.0",
|
|
569
|
+
"sections": {
|
|
570
|
+
"Fixed": [
|
|
571
|
+
"Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住"
|
|
572
|
+
]
|
|
573
|
+
}
|
|
574
|
+
},
|
|
453
575
|
{
|
|
454
576
|
"version": "2.6.0",
|
|
455
577
|
"sections": {
|
|
@@ -492,5 +614,33 @@
|
|
|
492
614
|
]
|
|
493
615
|
}
|
|
494
616
|
}
|
|
617
|
+
],
|
|
618
|
+
"Video": [
|
|
619
|
+
{
|
|
620
|
+
"version": "2.8.0",
|
|
621
|
+
"sections": {
|
|
622
|
+
"Added": [
|
|
623
|
+
"新增 `Video` 视频播放器,对齐 Figma Information Display → Video(`Style=default` / `light`)",
|
|
624
|
+
"控件栏复用 `Button`、`Input`、`Slider`、`Popover`、`Select` 菜单样式、`SegmentatorGroup`、`Switch`",
|
|
625
|
+
"支持播放/暂停、跳转、倍速、音量、画面比例、音量平衡与全屏",
|
|
626
|
+
"画面外区域默认使用 Black token(`--box-box-normal-background-blackonly`),可通过 `stageBackground` 传入其它 token / 色值",
|
|
627
|
+
"`volume` / `defaultVolume` / `onVolumeChange`:线性音量 0–1",
|
|
628
|
+
"`autoHideControls` / `autoHideDelay`:播放中空闲后控件栏下滑淡出;指针移动或点按播放器可重新呼出(暂停时始终显示)",
|
|
629
|
+
"播放 / 暂停 / 上一首 / 下一首使用交付的动画 SVG(`currentColor` 填充);点击时播一次形变,静止时停在结束帧"
|
|
630
|
+
],
|
|
631
|
+
"Changed": [
|
|
632
|
+
"倍速弹出层改为 Figma Speed Popover(`1963:4438`):标题「倍速调整」+ Select 菜单项,选中项尾随 `SymbolRight`;菜单项固定宽度 160px",
|
|
633
|
+
"音量改为 Figma Volume Popover(`1963:4424`):竖向 `Slider` + 百分比;默认档位 `0.5 / 1 / 1.5 / 2 / 3`"
|
|
634
|
+
],
|
|
635
|
+
"Fixed": [
|
|
636
|
+
"播放/暂停图标双层叠放:暂停中显示 play,播放中显示 pause;切换时先把目标层 seek 到形变起点再显示,避免换 SVG 闪动",
|
|
637
|
+
"Default 全屏时控件栏铺满播放器宽度(`max-width` 仅用于 Light 悬浮栏)",
|
|
638
|
+
"全屏时倍速 / 音量 / 设置等浮层挂到全屏节点,避免 Portal 到 `body` 后不可用",
|
|
639
|
+
"时间 `Input` 未聚焦时无背景;聚焦后使用普通 Input 选中态(白底 + 主题描边)",
|
|
640
|
+
"Light 全屏时控件栏水平居中(对齐 Figma Controls Container `items-center`)",
|
|
641
|
+
"Light 浮层控件栏补齐磨砂材质:`backdrop-filter` + 半透明 `lightBackground-1`(`<video>` 上纯 `mix-blend-mode: luminosity` 常无法采样画面)"
|
|
642
|
+
]
|
|
643
|
+
}
|
|
644
|
+
}
|
|
495
645
|
]
|
|
496
646
|
}
|