@aviala-design/spiral 2.7.2 → 2.9.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 +158 -0
- package/dist/index.cjs +2969 -1318
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +222 -4
- package/dist/index.d.ts +222 -4
- package/dist/index.js +2732 -1068
- package/dist/index.js.map +1 -1
- package/dist/props.json +361 -0
- package/dist/styles.css +81 -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
|
+
"Drawer": [
|
|
160
|
+
{
|
|
161
|
+
"version": "2.9.0",
|
|
162
|
+
"sections": {
|
|
163
|
+
"Added": [
|
|
164
|
+
"新增 `Drawer` 抽屉组件(对齐 Figma Components → Drawer):支持 `position`(`left` / `right` / `top` / `bottom`),复合结构含 `DrawerHeader` / `DrawerHeaderText` / `DrawerBody` / `DrawerFooter`,遮罩与滑入退场动画;关闭文案由 `LocaleProvider` 提供"
|
|
165
|
+
]
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
],
|
|
135
169
|
"FormField": [
|
|
136
170
|
{
|
|
137
171
|
"version": "2.7.2",
|
|
@@ -185,6 +219,16 @@
|
|
|
185
219
|
}
|
|
186
220
|
}
|
|
187
221
|
],
|
|
222
|
+
"Loading": [
|
|
223
|
+
{
|
|
224
|
+
"version": "2.8.0",
|
|
225
|
+
"sections": {
|
|
226
|
+
"Fixed": [
|
|
227
|
+
"旋转环改为 SVG 2px stroke(Figma r15−r13,与 Progress 环形一致),避免 CSS mask 内沿发虚"
|
|
228
|
+
]
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
],
|
|
188
232
|
"LocaleProvider": [
|
|
189
233
|
{
|
|
190
234
|
"version": "2.6.0",
|
|
@@ -197,6 +241,14 @@
|
|
|
197
241
|
}
|
|
198
242
|
],
|
|
199
243
|
"Modal": [
|
|
244
|
+
{
|
|
245
|
+
"version": "2.8.0",
|
|
246
|
+
"sections": {
|
|
247
|
+
"Fixed": [
|
|
248
|
+
"Modal 内的 Popover / Select / Tooltip 等浮层改为挂到对话框内容节点,避免被遮罩挡住或因 `body` 的 `pointer-events` 无法交互"
|
|
249
|
+
]
|
|
250
|
+
}
|
|
251
|
+
},
|
|
200
252
|
{
|
|
201
253
|
"version": "2.6.0",
|
|
202
254
|
"sections": {
|
|
@@ -216,6 +268,14 @@
|
|
|
216
268
|
}
|
|
217
269
|
],
|
|
218
270
|
"Navigation": [
|
|
271
|
+
{
|
|
272
|
+
"version": "2.8.0",
|
|
273
|
+
"sections": {
|
|
274
|
+
"Fixed": [
|
|
275
|
+
"项菜单 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
276
|
+
]
|
|
277
|
+
}
|
|
278
|
+
},
|
|
219
279
|
{
|
|
220
280
|
"version": "2.6.1",
|
|
221
281
|
"sections": {
|
|
@@ -272,6 +332,15 @@
|
|
|
272
332
|
}
|
|
273
333
|
],
|
|
274
334
|
"Popover": [
|
|
335
|
+
{
|
|
336
|
+
"version": "2.8.0",
|
|
337
|
+
"sections": {
|
|
338
|
+
"Fixed": [
|
|
339
|
+
"箭头 outline 路径恢复填充(去掉 `fill: none`),与面板底色一致,描边仍保留",
|
|
340
|
+
"浮层 Portal 挂到全屏元素或 Modal 容器,避免全屏 / 对话框内看不见、点不到"
|
|
341
|
+
]
|
|
342
|
+
}
|
|
343
|
+
},
|
|
275
344
|
{
|
|
276
345
|
"version": "2.6.1",
|
|
277
346
|
"sections": {
|
|
@@ -336,6 +405,14 @@
|
|
|
336
405
|
}
|
|
337
406
|
],
|
|
338
407
|
"SegmentatorGroup": [
|
|
408
|
+
{
|
|
409
|
+
"version": "2.8.0",
|
|
410
|
+
"sections": {
|
|
411
|
+
"Fixed": [
|
|
412
|
+
"指示器改用布局 offset 测量,避免 Popover 入场 `scale` 让 `getBoundingClientRect` 叠乘导致拇指偏移(点选后才复位)"
|
|
413
|
+
]
|
|
414
|
+
}
|
|
415
|
+
},
|
|
339
416
|
{
|
|
340
417
|
"version": "2.7.0",
|
|
341
418
|
"sections": {
|
|
@@ -383,7 +460,33 @@
|
|
|
383
460
|
}
|
|
384
461
|
}
|
|
385
462
|
],
|
|
463
|
+
"Select": [
|
|
464
|
+
{
|
|
465
|
+
"version": "2.8.0",
|
|
466
|
+
"sections": {
|
|
467
|
+
"Fixed": [
|
|
468
|
+
"菜单与子菜单 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
469
|
+
]
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
],
|
|
386
473
|
"Slider": [
|
|
474
|
+
{
|
|
475
|
+
"version": "2.9.0",
|
|
476
|
+
"sections": {
|
|
477
|
+
"Fixed": [
|
|
478
|
+
"挂载 / 重载 / 切换场景下,拇指与进度条不再从起点动画到当前值;位移过渡仍保留给点击轨道与键盘跳变"
|
|
479
|
+
]
|
|
480
|
+
}
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"version": "2.8.0",
|
|
484
|
+
"sections": {
|
|
485
|
+
"Added": [
|
|
486
|
+
"`orientation`:`horizontal`(默认)/ `vertical`,竖向轨道用于 Video 音量弹出层等场景"
|
|
487
|
+
]
|
|
488
|
+
}
|
|
489
|
+
},
|
|
387
490
|
{
|
|
388
491
|
"version": "2.6.1",
|
|
389
492
|
"sections": {
|
|
@@ -413,6 +516,17 @@
|
|
|
413
516
|
}
|
|
414
517
|
}
|
|
415
518
|
],
|
|
519
|
+
"Switch": [
|
|
520
|
+
{
|
|
521
|
+
"version": "2.8.1",
|
|
522
|
+
"sections": {
|
|
523
|
+
"Changed": [
|
|
524
|
+
"拇指改为可打断的流体滑动(`inset-inline` 配对过渡,约 260ms),移动中轻微拉长,连点可从当前进度反转",
|
|
525
|
+
"选中态轨道 Hover / Active 改为可过渡的 `background-color`(高光仍用 gloss 层),避免 `background-image` 瞬切"
|
|
526
|
+
]
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
],
|
|
416
530
|
"Tab": [
|
|
417
531
|
{
|
|
418
532
|
"version": "2.6.1",
|
|
@@ -449,6 +563,14 @@
|
|
|
449
563
|
}
|
|
450
564
|
],
|
|
451
565
|
"TimePickerField": [
|
|
566
|
+
{
|
|
567
|
+
"version": "2.8.0",
|
|
568
|
+
"sections": {
|
|
569
|
+
"Fixed": [
|
|
570
|
+
"面板 Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住或全屏后不可用"
|
|
571
|
+
]
|
|
572
|
+
}
|
|
573
|
+
},
|
|
452
574
|
{
|
|
453
575
|
"version": "2.6.1",
|
|
454
576
|
"sections": {
|
|
@@ -460,6 +582,14 @@
|
|
|
460
582
|
}
|
|
461
583
|
],
|
|
462
584
|
"Tooltip": [
|
|
585
|
+
{
|
|
586
|
+
"version": "2.8.0",
|
|
587
|
+
"sections": {
|
|
588
|
+
"Fixed": [
|
|
589
|
+
"Portal 挂到全屏元素或 Modal 容器,避免被对话框遮罩挡住"
|
|
590
|
+
]
|
|
591
|
+
}
|
|
592
|
+
},
|
|
463
593
|
{
|
|
464
594
|
"version": "2.6.0",
|
|
465
595
|
"sections": {
|
|
@@ -502,5 +632,33 @@
|
|
|
502
632
|
]
|
|
503
633
|
}
|
|
504
634
|
}
|
|
635
|
+
],
|
|
636
|
+
"Video": [
|
|
637
|
+
{
|
|
638
|
+
"version": "2.8.0",
|
|
639
|
+
"sections": {
|
|
640
|
+
"Added": [
|
|
641
|
+
"新增 `Video` 视频播放器,对齐 Figma Information Display → Video(`Style=default` / `light`)",
|
|
642
|
+
"控件栏复用 `Button`、`Input`、`Slider`、`Popover`、`Select` 菜单样式、`SegmentatorGroup`、`Switch`",
|
|
643
|
+
"支持播放/暂停、跳转、倍速、音量、画面比例、音量平衡与全屏",
|
|
644
|
+
"画面外区域默认使用 Black token(`--box-box-normal-background-blackonly`),可通过 `stageBackground` 传入其它 token / 色值",
|
|
645
|
+
"`volume` / `defaultVolume` / `onVolumeChange`:线性音量 0–1",
|
|
646
|
+
"`autoHideControls` / `autoHideDelay`:播放中空闲后控件栏下滑淡出;指针移动或点按播放器可重新呼出(暂停时始终显示)",
|
|
647
|
+
"播放 / 暂停 / 上一首 / 下一首使用交付的动画 SVG(`currentColor` 填充);点击时播一次形变,静止时停在结束帧"
|
|
648
|
+
],
|
|
649
|
+
"Changed": [
|
|
650
|
+
"倍速弹出层改为 Figma Speed Popover(`1963:4438`):标题「倍速调整」+ Select 菜单项,选中项尾随 `SymbolRight`;菜单项固定宽度 160px",
|
|
651
|
+
"音量改为 Figma Volume Popover(`1963:4424`):竖向 `Slider` + 百分比;默认档位 `0.5 / 1 / 1.5 / 2 / 3`"
|
|
652
|
+
],
|
|
653
|
+
"Fixed": [
|
|
654
|
+
"播放/暂停图标双层叠放:暂停中显示 play,播放中显示 pause;切换时先把目标层 seek 到形变起点再显示,避免换 SVG 闪动",
|
|
655
|
+
"Default 全屏时控件栏铺满播放器宽度(`max-width` 仅用于 Light 悬浮栏)",
|
|
656
|
+
"全屏时倍速 / 音量 / 设置等浮层挂到全屏节点,避免 Portal 到 `body` 后不可用",
|
|
657
|
+
"时间 `Input` 未聚焦时无背景;聚焦后使用普通 Input 选中态(白底 + 主题描边)",
|
|
658
|
+
"Light 全屏时控件栏水平居中(对齐 Figma Controls Container `items-center`)",
|
|
659
|
+
"Light 浮层控件栏补齐磨砂材质:`backdrop-filter` + 半透明 `lightBackground-1`(`<video>` 上纯 `mix-blend-mode: luminosity` 常无法采样画面)"
|
|
660
|
+
]
|
|
661
|
+
}
|
|
662
|
+
}
|
|
505
663
|
]
|
|
506
664
|
}
|