klun-ui 0.5.0 → 0.7.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/CHANGELOG.md +522 -0
- package/README.md +6 -0
- package/dist/{chunk-WONPY7ZX.js → chunk-2S6ZRGPW.js} +1554 -240
- package/dist/chunk-2S6ZRGPW.js.map +1 -0
- package/dist/{chunk-ODVX2AVA.cjs → chunk-DW4IUUWE.cjs} +1557 -235
- package/dist/chunk-DW4IUUWE.cjs.map +1 -0
- package/dist/index.cjs +267 -235
- package/dist/index.d.cts +690 -27
- package/dist/index.d.ts +690 -27
- package/dist/index.js +1 -1
- package/dist/styles.css +1306 -917
- package/dist/templates/index.cjs +943 -943
- package/dist/templates/index.js +1 -1
- package/package.json +10 -3
- package/dist/chunk-ODVX2AVA.cjs.map +0 -1
- package/dist/chunk-WONPY7ZX.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -271,6 +271,7 @@ interface Locale {
|
|
|
271
271
|
imageUpload: {
|
|
272
272
|
label: string;
|
|
273
273
|
remove: string;
|
|
274
|
+
hint: string;
|
|
274
275
|
};
|
|
275
276
|
passwordStrength: {
|
|
276
277
|
weak: string;
|
|
@@ -366,6 +367,55 @@ interface Locale {
|
|
|
366
367
|
min: string;
|
|
367
368
|
max: string;
|
|
368
369
|
};
|
|
370
|
+
/** 多步流程的底栏按钮。此前 Wizard 把这三个词**硬编码成英文**,locale 里也没有对应键。 */
|
|
371
|
+
wizard: {
|
|
372
|
+
back: string;
|
|
373
|
+
next: string;
|
|
374
|
+
finish: string;
|
|
375
|
+
};
|
|
376
|
+
/**
|
|
377
|
+
* 组件内建的**无障碍名称**。
|
|
378
|
+
* 这些此前是硬编码英文 `aria-label`——消费方**无法覆盖**,读屏会直接念英文,
|
|
379
|
+
* 与「可被 props 覆盖的默认值」是两回事。
|
|
380
|
+
*/
|
|
381
|
+
a11y: {
|
|
382
|
+
zoomIn: string;
|
|
383
|
+
zoomOut: string;
|
|
384
|
+
rotate: string;
|
|
385
|
+
collapseStart: string;
|
|
386
|
+
collapseEnd: string;
|
|
387
|
+
bulkActions: string;
|
|
388
|
+
clearSelection: string;
|
|
389
|
+
back: string;
|
|
390
|
+
};
|
|
391
|
+
/** 富文本编辑器的空态占位与编辑区无障碍名(此前是英文默认值)。 */
|
|
392
|
+
richEditor: {
|
|
393
|
+
placeholder: string;
|
|
394
|
+
editorLabel: string;
|
|
395
|
+
};
|
|
396
|
+
/** 复制按钮的默认提示。 */
|
|
397
|
+
copy: {
|
|
398
|
+
label: string;
|
|
399
|
+
};
|
|
400
|
+
/** 表情选择器:搜索占位、空态、以及触发按钮的名称。 */
|
|
401
|
+
emojiPicker: {
|
|
402
|
+
searchPlaceholder: string;
|
|
403
|
+
emptyText: string;
|
|
404
|
+
addReaction: string;
|
|
405
|
+
};
|
|
406
|
+
/** 侧边栏:搜索框占位与导航地标名(此前 `aria-label="Primary"` 是硬编码)。 */
|
|
407
|
+
sidebar: {
|
|
408
|
+
searchPlaceholder: string;
|
|
409
|
+
primary: string;
|
|
410
|
+
};
|
|
411
|
+
/**
|
|
412
|
+
* 图片查看器。仅 `reset`/`download` 需要新键;
|
|
413
|
+
* `previous`/`next` 复用 `pagination`,`close` 复用 `modal`——语义与文案一致,避免重复。
|
|
414
|
+
*/
|
|
415
|
+
imageViewer: {
|
|
416
|
+
reset: string;
|
|
417
|
+
download: string;
|
|
418
|
+
};
|
|
369
419
|
/** `pageRange` has `{from}`/`{to}`/`{total}`; `perPage` has `{size}`. */
|
|
370
420
|
table: {
|
|
371
421
|
noData: string;
|
|
@@ -445,8 +495,482 @@ declare const locales: {
|
|
|
445
495
|
idID: Locale;
|
|
446
496
|
};
|
|
447
497
|
|
|
498
|
+
/**
|
|
499
|
+
* KDS 尺寸契约(size contract)——**每个组件尺寸的唯一来源**。
|
|
500
|
+
*
|
|
501
|
+
* 背景(KDS `01-foundations.md` §1.5 / `02-components.md` §2.2):
|
|
502
|
+
* 库在 0.6.0 之前有 **20 套互不相同的 size 取值集合**,全局 `ConfigProvider size`
|
|
503
|
+
* 只覆盖 25/137 个组件,于是「每个组件每一档多高」既无法一处定义,也无法机器校验。
|
|
504
|
+
* 本文件把这件事收成一张表:
|
|
505
|
+
*
|
|
506
|
+
* - `SIZE_CONTRACTS[组件名]` 声明该组件的自有档位、默认档位、以及
|
|
507
|
+
* **全局档位 → 自有档位**的映射;
|
|
508
|
+
* - 不跟随全局档位的组件必须写 `exempt`(理由),不允许"沉默地不跟随";
|
|
509
|
+
* - `resolveSize()` 是唯一的解析函数:**显式 prop > 全局档位 > 默认值**;
|
|
510
|
+
* - `scripts/kds-size-contract.mjs` 以本表为准做门禁:新增 size prop 而未登记、
|
|
511
|
+
* 登记了却不接解析器、或类型里出现未登记的档位值,都会失败。
|
|
512
|
+
*
|
|
513
|
+
* 规范档位(KDS §1.5 的控件阶梯)是 `SizeType`;全局档位 `GlobalSize` 少一档
|
|
514
|
+
* `xsmall`——`xsmall` 是"附属尺寸"(tiny / compact 动作),不做整库默认。
|
|
515
|
+
*/
|
|
516
|
+
/** KDS §1.5 规范控件档位(由小到大)。 */
|
|
517
|
+
type SizeType = "xsmall" | "small" | "medium" | "large";
|
|
518
|
+
/** `ConfigProvider size` 的取值:全局默认档位(无 xsmall,见文件头说明)。 */
|
|
519
|
+
type GlobalSize = "small" | "medium" | "large";
|
|
520
|
+
/** 一条尺寸契约。 */
|
|
521
|
+
interface SizeContract<S extends string = string> {
|
|
522
|
+
/** 组件自有档位(由小到大),必须与组件 TS 里的 size 取值集合完全一致。 */
|
|
523
|
+
readonly scale: readonly S[];
|
|
524
|
+
/** 没有 prop、也没有全局档位时使用的档位;必须与组件此前的默认值一致。 */
|
|
525
|
+
readonly fallback: S;
|
|
526
|
+
/** 全局档位 → 自有档位。与 `exempt` 二选一。 */
|
|
527
|
+
readonly fromGlobal?: Readonly<Record<GlobalSize, S>>;
|
|
528
|
+
/** 不跟随全局档位时的理由(门禁要求非空)。与 `fromGlobal` 二选一。 */
|
|
529
|
+
readonly exempt?: string;
|
|
530
|
+
/**
|
|
531
|
+
* 本组件把尺寸**原样转发**给另一个已登记组件(如 CheckboxGroup → Checkbox),
|
|
532
|
+
* 由被转发方解析全局档位。门禁接受这种形态,但要求实现里确有该转发。
|
|
533
|
+
* (用 string 而非 SizeContractName,避免与 `keyof typeof SIZE_CONTRACTS` 形成循环。)
|
|
534
|
+
*/
|
|
535
|
+
readonly inherits?: string;
|
|
536
|
+
/** 规范档位视图,供规格文档使用;不填则由 `fromGlobal` 反推。 */
|
|
537
|
+
readonly tiers?: Readonly<Partial<Record<SizeType, S>>>;
|
|
538
|
+
/**
|
|
539
|
+
* 同一个文件里**其它**组件的尺寸刻度(如 `Button.tsx` 的 fancy/compact/link 变体)。
|
|
540
|
+
* 它们不参与全局档位解析,但门禁要求显式登记——避免"文件里还藏着第二套刻度"。
|
|
541
|
+
*/
|
|
542
|
+
readonly extraScales?: ReadonlyArray<readonly S[]>;
|
|
543
|
+
}
|
|
544
|
+
declare const SIZE_CONTRACTS: {
|
|
545
|
+
readonly Button: {
|
|
546
|
+
readonly scale: readonly ["tiny", "xsmall", "small", "medium", "large"];
|
|
547
|
+
readonly fallback: "medium";
|
|
548
|
+
readonly fromGlobal: {
|
|
549
|
+
readonly small: "small";
|
|
550
|
+
readonly medium: "medium";
|
|
551
|
+
readonly large: "large";
|
|
552
|
+
};
|
|
553
|
+
readonly tiers: {
|
|
554
|
+
readonly xsmall: "xsmall";
|
|
555
|
+
readonly small: "small";
|
|
556
|
+
readonly medium: "medium";
|
|
557
|
+
readonly large: "large";
|
|
558
|
+
};
|
|
559
|
+
readonly extraScales: readonly [readonly ["small", "medium", "large"], readonly ["small", "medium"]];
|
|
560
|
+
};
|
|
561
|
+
readonly ButtonGroup: {
|
|
562
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
563
|
+
readonly fallback: "medium";
|
|
564
|
+
readonly fromGlobal: {
|
|
565
|
+
readonly small: "small";
|
|
566
|
+
readonly medium: "medium";
|
|
567
|
+
readonly large: "large";
|
|
568
|
+
};
|
|
569
|
+
};
|
|
570
|
+
readonly Input: {
|
|
571
|
+
readonly scale: readonly ["xsmall", "small", "medium", "large"];
|
|
572
|
+
readonly fallback: "medium";
|
|
573
|
+
readonly fromGlobal: {
|
|
574
|
+
readonly small: "small";
|
|
575
|
+
readonly medium: "medium";
|
|
576
|
+
readonly large: "large";
|
|
577
|
+
};
|
|
578
|
+
readonly tiers: {
|
|
579
|
+
readonly xsmall: "xsmall";
|
|
580
|
+
readonly small: "small";
|
|
581
|
+
readonly medium: "medium";
|
|
582
|
+
readonly large: "large";
|
|
583
|
+
};
|
|
584
|
+
};
|
|
585
|
+
readonly Select: {
|
|
586
|
+
readonly scale: readonly ["xsmall", "small", "medium", "large"];
|
|
587
|
+
readonly fallback: "medium";
|
|
588
|
+
readonly fromGlobal: {
|
|
589
|
+
readonly small: "small";
|
|
590
|
+
readonly medium: "medium";
|
|
591
|
+
readonly large: "large";
|
|
592
|
+
};
|
|
593
|
+
readonly tiers: {
|
|
594
|
+
readonly xsmall: "xsmall";
|
|
595
|
+
readonly small: "small";
|
|
596
|
+
readonly medium: "medium";
|
|
597
|
+
readonly large: "large";
|
|
598
|
+
};
|
|
599
|
+
};
|
|
600
|
+
readonly Textarea: {
|
|
601
|
+
readonly scale: readonly ["xsmall", "small", "medium", "large"];
|
|
602
|
+
readonly fallback: "medium";
|
|
603
|
+
readonly fromGlobal: {
|
|
604
|
+
readonly small: "small";
|
|
605
|
+
readonly medium: "medium";
|
|
606
|
+
readonly large: "large";
|
|
607
|
+
};
|
|
608
|
+
};
|
|
609
|
+
readonly AutoComplete: {
|
|
610
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
611
|
+
readonly fallback: "medium";
|
|
612
|
+
readonly fromGlobal: {
|
|
613
|
+
readonly small: "small";
|
|
614
|
+
readonly medium: "medium";
|
|
615
|
+
readonly large: "large";
|
|
616
|
+
};
|
|
617
|
+
};
|
|
618
|
+
readonly Cascader: {
|
|
619
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
620
|
+
readonly fallback: "medium";
|
|
621
|
+
readonly fromGlobal: {
|
|
622
|
+
readonly small: "small";
|
|
623
|
+
readonly medium: "medium";
|
|
624
|
+
readonly large: "large";
|
|
625
|
+
};
|
|
626
|
+
};
|
|
627
|
+
readonly SelectMenu: {
|
|
628
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
629
|
+
readonly fallback: "medium";
|
|
630
|
+
readonly fromGlobal: {
|
|
631
|
+
readonly small: "small";
|
|
632
|
+
readonly medium: "medium";
|
|
633
|
+
readonly large: "large";
|
|
634
|
+
};
|
|
635
|
+
};
|
|
636
|
+
readonly CounterInput: {
|
|
637
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
638
|
+
readonly fallback: "medium";
|
|
639
|
+
readonly fromGlobal: {
|
|
640
|
+
readonly small: "small";
|
|
641
|
+
readonly medium: "medium";
|
|
642
|
+
readonly large: "large";
|
|
643
|
+
};
|
|
644
|
+
};
|
|
645
|
+
readonly DigitInput: {
|
|
646
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
647
|
+
readonly fallback: "medium";
|
|
648
|
+
readonly fromGlobal: {
|
|
649
|
+
readonly small: "small";
|
|
650
|
+
readonly medium: "medium";
|
|
651
|
+
readonly large: "large";
|
|
652
|
+
};
|
|
653
|
+
};
|
|
654
|
+
readonly CronEditor: {
|
|
655
|
+
readonly scale: readonly ["small", "medium"];
|
|
656
|
+
readonly fallback: "medium";
|
|
657
|
+
readonly fromGlobal: {
|
|
658
|
+
readonly small: "small";
|
|
659
|
+
readonly medium: "medium";
|
|
660
|
+
readonly large: "medium";
|
|
661
|
+
};
|
|
662
|
+
};
|
|
663
|
+
readonly Checkbox: {
|
|
664
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
665
|
+
readonly fallback: "medium";
|
|
666
|
+
readonly fromGlobal: {
|
|
667
|
+
readonly small: "small";
|
|
668
|
+
readonly medium: "medium";
|
|
669
|
+
readonly large: "large";
|
|
670
|
+
};
|
|
671
|
+
};
|
|
672
|
+
readonly Radio: {
|
|
673
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
674
|
+
readonly fallback: "medium";
|
|
675
|
+
readonly fromGlobal: {
|
|
676
|
+
readonly small: "small";
|
|
677
|
+
readonly medium: "medium";
|
|
678
|
+
readonly large: "large";
|
|
679
|
+
};
|
|
680
|
+
};
|
|
681
|
+
readonly Switch: {
|
|
682
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
683
|
+
readonly fallback: "medium";
|
|
684
|
+
readonly fromGlobal: {
|
|
685
|
+
readonly small: "small";
|
|
686
|
+
readonly medium: "medium";
|
|
687
|
+
readonly large: "large";
|
|
688
|
+
};
|
|
689
|
+
};
|
|
690
|
+
readonly Slider: {
|
|
691
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
692
|
+
readonly fallback: "medium";
|
|
693
|
+
readonly fromGlobal: {
|
|
694
|
+
readonly small: "small";
|
|
695
|
+
readonly medium: "medium";
|
|
696
|
+
readonly large: "large";
|
|
697
|
+
};
|
|
698
|
+
};
|
|
699
|
+
readonly RangeSlider: {
|
|
700
|
+
readonly scale: readonly ["sm", "md", "lg"];
|
|
701
|
+
readonly fallback: "md";
|
|
702
|
+
readonly fromGlobal: {
|
|
703
|
+
readonly small: "sm";
|
|
704
|
+
readonly medium: "md";
|
|
705
|
+
readonly large: "lg";
|
|
706
|
+
};
|
|
707
|
+
readonly tiers: {
|
|
708
|
+
readonly small: "sm";
|
|
709
|
+
readonly medium: "md";
|
|
710
|
+
readonly large: "lg";
|
|
711
|
+
};
|
|
712
|
+
};
|
|
713
|
+
readonly ColorSlider: {
|
|
714
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
715
|
+
readonly fallback: "medium";
|
|
716
|
+
readonly fromGlobal: {
|
|
717
|
+
readonly small: "small";
|
|
718
|
+
readonly medium: "medium";
|
|
719
|
+
readonly large: "large";
|
|
720
|
+
};
|
|
721
|
+
};
|
|
722
|
+
readonly HorizontalFilter: {
|
|
723
|
+
readonly scale: readonly ["small", "medium"];
|
|
724
|
+
readonly fallback: "medium";
|
|
725
|
+
readonly fromGlobal: {
|
|
726
|
+
readonly small: "small";
|
|
727
|
+
readonly medium: "medium";
|
|
728
|
+
readonly large: "medium";
|
|
729
|
+
};
|
|
730
|
+
};
|
|
731
|
+
readonly CompactSelect: {
|
|
732
|
+
readonly scale: readonly ["xsmall", "small", "medium"];
|
|
733
|
+
readonly fallback: "small";
|
|
734
|
+
readonly fromGlobal: {
|
|
735
|
+
readonly small: "small";
|
|
736
|
+
readonly medium: "medium";
|
|
737
|
+
readonly large: "medium";
|
|
738
|
+
};
|
|
739
|
+
};
|
|
740
|
+
readonly CompactSelectForInput: {
|
|
741
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
742
|
+
readonly fallback: "small";
|
|
743
|
+
readonly fromGlobal: {
|
|
744
|
+
readonly small: "small";
|
|
745
|
+
readonly medium: "medium";
|
|
746
|
+
readonly large: "large";
|
|
747
|
+
};
|
|
748
|
+
};
|
|
749
|
+
readonly ColorDot: {
|
|
750
|
+
readonly scale: readonly ["sm", "md", "lg"];
|
|
751
|
+
readonly fallback: "md";
|
|
752
|
+
readonly fromGlobal: {
|
|
753
|
+
readonly small: "sm";
|
|
754
|
+
readonly medium: "md";
|
|
755
|
+
readonly large: "lg";
|
|
756
|
+
};
|
|
757
|
+
readonly tiers: {
|
|
758
|
+
readonly small: "sm";
|
|
759
|
+
readonly medium: "md";
|
|
760
|
+
readonly large: "lg";
|
|
761
|
+
};
|
|
762
|
+
};
|
|
763
|
+
readonly Badge: {
|
|
764
|
+
readonly scale: readonly ["small", "medium"];
|
|
765
|
+
readonly fallback: "medium";
|
|
766
|
+
readonly fromGlobal: {
|
|
767
|
+
readonly small: "small";
|
|
768
|
+
readonly medium: "medium";
|
|
769
|
+
readonly large: "medium";
|
|
770
|
+
};
|
|
771
|
+
readonly tiers: {
|
|
772
|
+
readonly xsmall: "small";
|
|
773
|
+
readonly small: "small";
|
|
774
|
+
readonly medium: "medium";
|
|
775
|
+
readonly large: "medium";
|
|
776
|
+
};
|
|
777
|
+
};
|
|
778
|
+
readonly StatusBadge: {
|
|
779
|
+
readonly scale: readonly ["small", "medium"];
|
|
780
|
+
readonly fallback: "medium";
|
|
781
|
+
readonly fromGlobal: {
|
|
782
|
+
readonly small: "small";
|
|
783
|
+
readonly medium: "medium";
|
|
784
|
+
readonly large: "medium";
|
|
785
|
+
};
|
|
786
|
+
};
|
|
787
|
+
readonly ChartLegend: {
|
|
788
|
+
readonly scale: readonly ["sm", "md"];
|
|
789
|
+
readonly fallback: "md";
|
|
790
|
+
readonly fromGlobal: {
|
|
791
|
+
readonly small: "sm";
|
|
792
|
+
readonly medium: "md";
|
|
793
|
+
readonly large: "md";
|
|
794
|
+
};
|
|
795
|
+
};
|
|
796
|
+
readonly ContentLabel: {
|
|
797
|
+
readonly scale: readonly ["sm", "md"];
|
|
798
|
+
readonly fallback: "md";
|
|
799
|
+
readonly fromGlobal: {
|
|
800
|
+
readonly small: "sm";
|
|
801
|
+
readonly medium: "md";
|
|
802
|
+
readonly large: "md";
|
|
803
|
+
};
|
|
804
|
+
};
|
|
805
|
+
readonly GaugeBar: {
|
|
806
|
+
readonly scale: readonly ["sm", "md", "lg"];
|
|
807
|
+
readonly fallback: "md";
|
|
808
|
+
readonly fromGlobal: {
|
|
809
|
+
readonly small: "sm";
|
|
810
|
+
readonly medium: "md";
|
|
811
|
+
readonly large: "lg";
|
|
812
|
+
};
|
|
813
|
+
};
|
|
814
|
+
readonly KeyIcon: {
|
|
815
|
+
readonly scale: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
816
|
+
readonly fallback: "md";
|
|
817
|
+
readonly fromGlobal: {
|
|
818
|
+
readonly small: "sm";
|
|
819
|
+
readonly medium: "md";
|
|
820
|
+
readonly large: "lg";
|
|
821
|
+
};
|
|
822
|
+
};
|
|
823
|
+
readonly Money: {
|
|
824
|
+
readonly scale: readonly ["sm", "md", "lg", "big"];
|
|
825
|
+
readonly fallback: "md";
|
|
826
|
+
readonly fromGlobal: {
|
|
827
|
+
readonly small: "sm";
|
|
828
|
+
readonly medium: "md";
|
|
829
|
+
readonly large: "lg";
|
|
830
|
+
};
|
|
831
|
+
};
|
|
832
|
+
readonly StatusDot: {
|
|
833
|
+
readonly scale: readonly ["xs", "sm", "md", "lg"];
|
|
834
|
+
readonly fallback: "sm";
|
|
835
|
+
readonly fromGlobal: {
|
|
836
|
+
readonly small: "sm";
|
|
837
|
+
readonly medium: "md";
|
|
838
|
+
readonly large: "lg";
|
|
839
|
+
};
|
|
840
|
+
};
|
|
841
|
+
readonly Item: {
|
|
842
|
+
readonly scale: readonly ["default", "small", "xsmall"];
|
|
843
|
+
readonly fallback: "default";
|
|
844
|
+
readonly fromGlobal: {
|
|
845
|
+
readonly small: "small";
|
|
846
|
+
readonly medium: "default";
|
|
847
|
+
readonly large: "default";
|
|
848
|
+
};
|
|
849
|
+
};
|
|
850
|
+
readonly Toggle: {
|
|
851
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
852
|
+
readonly fallback: "medium";
|
|
853
|
+
readonly fromGlobal: {
|
|
854
|
+
readonly small: "small";
|
|
855
|
+
readonly medium: "medium";
|
|
856
|
+
readonly large: "large";
|
|
857
|
+
};
|
|
858
|
+
};
|
|
859
|
+
readonly CopyButton: {
|
|
860
|
+
readonly scale: readonly ["sm", "md", "lg"];
|
|
861
|
+
readonly fallback: "md";
|
|
862
|
+
readonly fromGlobal: {
|
|
863
|
+
readonly small: "sm";
|
|
864
|
+
readonly medium: "md";
|
|
865
|
+
readonly large: "lg";
|
|
866
|
+
};
|
|
867
|
+
};
|
|
868
|
+
readonly CheckboxGroup: {
|
|
869
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
870
|
+
readonly fallback: "medium";
|
|
871
|
+
readonly fromGlobal: {
|
|
872
|
+
readonly small: "small";
|
|
873
|
+
readonly medium: "medium";
|
|
874
|
+
readonly large: "large";
|
|
875
|
+
};
|
|
876
|
+
readonly inherits: "Checkbox";
|
|
877
|
+
};
|
|
878
|
+
readonly Statistic: {
|
|
879
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
880
|
+
readonly fallback: "medium";
|
|
881
|
+
readonly fromGlobal: {
|
|
882
|
+
readonly small: "small";
|
|
883
|
+
readonly medium: "medium";
|
|
884
|
+
readonly large: "large";
|
|
885
|
+
};
|
|
886
|
+
};
|
|
887
|
+
readonly Descriptions: {
|
|
888
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
889
|
+
readonly fallback: "medium";
|
|
890
|
+
readonly fromGlobal: {
|
|
891
|
+
readonly small: "small";
|
|
892
|
+
readonly medium: "medium";
|
|
893
|
+
readonly large: "large";
|
|
894
|
+
};
|
|
895
|
+
};
|
|
896
|
+
readonly List: {
|
|
897
|
+
readonly scale: readonly ["small", "medium", "large"];
|
|
898
|
+
readonly fallback: "medium";
|
|
899
|
+
readonly fromGlobal: {
|
|
900
|
+
readonly small: "small";
|
|
901
|
+
readonly medium: "medium";
|
|
902
|
+
readonly large: "large";
|
|
903
|
+
};
|
|
904
|
+
};
|
|
905
|
+
readonly Avatar: {
|
|
906
|
+
readonly scale: readonly ["20", "24", "32", "40", "48", "56", "64", "72", "80"];
|
|
907
|
+
readonly fallback: "40";
|
|
908
|
+
readonly exempt: string;
|
|
909
|
+
};
|
|
910
|
+
readonly ActorAvatar: {
|
|
911
|
+
readonly scale: readonly ["20", "24", "32", "40", "56"];
|
|
912
|
+
readonly fallback: "24";
|
|
913
|
+
readonly exempt: "同 Avatar:像素刻度,不是控件档位。";
|
|
914
|
+
};
|
|
915
|
+
readonly AvatarGroup: {
|
|
916
|
+
readonly scale: readonly ["24", "32", "40", "48"];
|
|
917
|
+
readonly fallback: "40";
|
|
918
|
+
readonly exempt: "同 Avatar:像素刻度(决定叠加头像与 +N 徽标的直径)。";
|
|
919
|
+
};
|
|
920
|
+
readonly Space: {
|
|
921
|
+
readonly scale: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl"];
|
|
922
|
+
readonly fallback: "md";
|
|
923
|
+
readonly exempt: "这是**间距刻度**(gap),不是控件尺寸;KDS §1.4 的空间阶与控件档位是两条轴。";
|
|
924
|
+
};
|
|
925
|
+
readonly InputGroup: {
|
|
926
|
+
readonly scale: readonly ["xsmall", "icon-xsmall", "icon-small"];
|
|
927
|
+
readonly fallback: "xsmall";
|
|
928
|
+
readonly exempt: "该 size 描述的是组内嵌按钮的变体(含 icon-* 形态),不是控件高度档位。";
|
|
929
|
+
};
|
|
930
|
+
readonly Drawer: {
|
|
931
|
+
readonly scale: readonly ["default", "large"];
|
|
932
|
+
readonly fallback: "default";
|
|
933
|
+
readonly exempt: "宽度档位(480/640/800 口径),不是控件尺寸;浮层宽度由任务决定,不随全局 size 漂移。";
|
|
934
|
+
};
|
|
935
|
+
readonly CircularProgress: {
|
|
936
|
+
readonly scale: readonly ["number"];
|
|
937
|
+
readonly fallback: "number";
|
|
938
|
+
readonly exempt: "数值直径(px),由调用方按容器给定。";
|
|
939
|
+
};
|
|
940
|
+
readonly ImageUpload: {
|
|
941
|
+
readonly scale: readonly ["number"];
|
|
942
|
+
readonly fallback: "number";
|
|
943
|
+
readonly exempt: "数值边长(px),由调用方按容器给定。";
|
|
944
|
+
};
|
|
945
|
+
readonly Rating: {
|
|
946
|
+
readonly scale: readonly ["number"];
|
|
947
|
+
readonly fallback: "number";
|
|
948
|
+
readonly exempt: "数值星标字号(px)。";
|
|
949
|
+
};
|
|
950
|
+
readonly Spinner: {
|
|
951
|
+
readonly scale: readonly ["number"];
|
|
952
|
+
readonly fallback: "number";
|
|
953
|
+
readonly exempt: "数值直径(px);命名档位见 SpinnerSize,由调用方按容器选定。";
|
|
954
|
+
};
|
|
955
|
+
readonly Splitter: {
|
|
956
|
+
readonly scale: readonly ["number"];
|
|
957
|
+
readonly fallback: "number";
|
|
958
|
+
readonly exempt: "分割条厚度/尺寸,接受数值或 CSS 长度,属布局量而非控件档位。";
|
|
959
|
+
};
|
|
960
|
+
};
|
|
961
|
+
type SizeContractName = keyof typeof SIZE_CONTRACTS;
|
|
962
|
+
/** 取某个组件契约里的档位联合类型。 */
|
|
963
|
+
type ContractSize<K extends SizeContractName> = (typeof SIZE_CONTRACTS)[K] extends SizeContract<infer S> ? S : never;
|
|
964
|
+
/**
|
|
965
|
+
* 唯一的尺寸解析入口:**显式 prop > 全局档位 > 组件默认值**。
|
|
966
|
+
* 组件实现不应该再自己写 `size ?? "medium"`。
|
|
967
|
+
*/
|
|
968
|
+
declare function resolveSize<K extends SizeContractName>(name: K, explicit: ContractSize<K> | undefined, global: GlobalSize | undefined): ContractSize<K>;
|
|
969
|
+
/** 规格文档用:组件在某规范档位下的自有档位(无对应档位返回 undefined)。 */
|
|
970
|
+
declare function tierOf<K extends SizeContractName>(name: K, tier: SizeType): ContractSize<K> | undefined;
|
|
971
|
+
|
|
448
972
|
/** Global default size for components whose scale includes these values. */
|
|
449
|
-
type ComponentSize =
|
|
973
|
+
type ComponentSize = GlobalSize;
|
|
450
974
|
/** Text direction. */
|
|
451
975
|
type Direction = "ltr" | "rtl";
|
|
452
976
|
/** Color scheme. */
|
|
@@ -465,12 +989,16 @@ type Accent = "blue" | "purple" | "orange" | "green" | "slate" | "metronic" | "k
|
|
|
465
989
|
*/
|
|
466
990
|
type Radius = "default" | "sharp" | "square" | "rounded";
|
|
467
991
|
/**
|
|
468
|
-
* Global control density (maps to `data-density`).
|
|
469
|
-
*
|
|
470
|
-
*
|
|
471
|
-
*
|
|
992
|
+
* Global control density (maps to `data-density`).
|
|
993
|
+
*
|
|
994
|
+
* - `"compact"` 把每条控件尺寸 token 下移一档,用于密集后台/工具栏/数据表;
|
|
995
|
+
* - `"kk"` 是 kk 控制台的紧凑尺度(2xs…xl = 18/20/24/28/32/36),第 62 批从
|
|
996
|
+
* `[data-mode="kk"]` 皮肤里搬出来成为**显式密度轴**——皮肤不再顺带改几何,
|
|
997
|
+
* `size` 因此成为跨皮肤稳定的契约。
|
|
998
|
+
*
|
|
999
|
+
* `size` props 在这两条密度上照常生效。
|
|
472
1000
|
*/
|
|
473
|
-
type Density = "default" | "compact";
|
|
1001
|
+
type Density = "default" | "compact" | "kk";
|
|
474
1002
|
interface KlunConfig {
|
|
475
1003
|
/** Active locale dictionary. */
|
|
476
1004
|
locale: Locale;
|
|
@@ -545,6 +1073,23 @@ declare function useSize<S extends string = ComponentSize>(explicit?: S): S;
|
|
|
545
1073
|
* supports); with no provider size it returns `fallback`.
|
|
546
1074
|
*/
|
|
547
1075
|
declare function useMappedSize<S extends string>(explicit: S | undefined, map: Record<ComponentSize, S>, fallback: S): S;
|
|
1076
|
+
/**
|
|
1077
|
+
* 按 **KDS 尺寸契约**解析组件档位(映射表在 `./size.ts` 的 `SIZE_CONTRACTS`)。
|
|
1078
|
+
*
|
|
1079
|
+
* 与 `useSize` / `useMappedSize` 的区别:后两者的映射散落在每个组件里,且只覆盖
|
|
1080
|
+
* 25 个组件;`useScaleSize` 把映射收进一张表,由 `scripts/kds-size-contract.mjs`
|
|
1081
|
+
* 门禁保证「每个 size prop 都被登记、每个登记的组件都真的走这里」。
|
|
1082
|
+
*
|
|
1083
|
+
* 解析顺序:**显式 prop > 全局 `ConfigProvider size` > 组件默认值**。
|
|
1084
|
+
*/
|
|
1085
|
+
declare function useScaleSize<K extends SizeContractName>(name: K, explicit?: ContractSize<K>): ContractSize<K>;
|
|
1086
|
+
/**
|
|
1087
|
+
* 解析当前生效的控件密度:**Provider 优先 > 文档根 `data-density` > `"default"`**。
|
|
1088
|
+
*
|
|
1089
|
+
* JS 侧需要知道密度的组件(目前是 Table 的密度继承)必须用这个 hook,
|
|
1090
|
+
* 不要直接读 `useConfig().density`——那会漏掉 `<html data-density="…">` 这条通道。
|
|
1091
|
+
*/
|
|
1092
|
+
declare function useDensity(): Density;
|
|
548
1093
|
|
|
549
1094
|
declare function localTodayIso(): string;
|
|
550
1095
|
interface HeatmapCell {
|
|
@@ -1379,7 +1924,7 @@ interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"
|
|
|
1379
1924
|
* Centralizes status→color so every list/detail page reads identically.
|
|
1380
1925
|
* Override or extend with the `map` prop ({ statusKey: tone }) or pass an explicit `tone`.
|
|
1381
1926
|
*/
|
|
1382
|
-
declare function StatusBadge({ status, label, tone, map, dot, variant, size, pulse, className, ...props }: StatusBadgeProps): react.JSX.Element;
|
|
1927
|
+
declare function StatusBadge({ status, label, tone, map, dot, variant, size: sizeProp, pulse, className, ...props }: StatusBadgeProps): react.JSX.Element;
|
|
1383
1928
|
declare namespace StatusBadge {
|
|
1384
1929
|
var displayName: string;
|
|
1385
1930
|
var STATUS_TONE: Record<string, StatusTone>;
|
|
@@ -1577,7 +2122,7 @@ interface TableProps<Row = any> extends Omit<HTMLAttributes<HTMLDivElement>, "st
|
|
|
1577
2122
|
* pagination, expandable & tree rows, density/zebra/sticky, fixed columns,
|
|
1578
2123
|
* inline editing, drag resize/reorder, CSV export, copy & context menu.
|
|
1579
2124
|
*/
|
|
1580
|
-
declare function Table<Row = any>({ columns, rows, getRowId, selectable, selected, onSelectRow, onSelectAll, sortable, sort, onSortChange, defaultSort, filters, onFiltersChange, pagination, expandable, density, zebra, stickyHeader, hover, bordered, selectionType, rowStatus, summary, contextMenu, copyable, onCopy, resizable, tree, childrenKey, indentSize, defaultExpandedRowKeys, columnSettings, rowDraggable, onReorder, onCellEdit, title, toolbar, exportable, selectionActions, onRowClick, rowHref, loading, loadingRows, empty, caption, footer, className, style, ...props }: TableProps<Row>): react.JSX.Element;
|
|
2125
|
+
declare function Table<Row = any>({ columns, rows, getRowId, selectable, selected, onSelectRow, onSelectAll, sortable, sort, onSortChange, defaultSort, filters, onFiltersChange, pagination, expandable, density: densityProp, zebra, stickyHeader, hover, bordered, selectionType, rowStatus, summary, contextMenu, copyable, onCopy, resizable, tree, childrenKey, indentSize, defaultExpandedRowKeys, columnSettings, rowDraggable, onReorder, onCellEdit, title, toolbar, exportable, selectionActions, onRowClick, rowHref, loading, loadingRows, empty, caption, footer, className, style, ...props }: TableProps<Row>): react.JSX.Element;
|
|
1581
2126
|
|
|
1582
2127
|
interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
1583
2128
|
leadingIcon?: ReactNode;
|
|
@@ -2274,6 +2819,16 @@ interface AutoCompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChan
|
|
|
2274
2819
|
leadingIcon?: ReactNode;
|
|
2275
2820
|
emptyText?: ReactNode;
|
|
2276
2821
|
maxVisible?: number;
|
|
2822
|
+
/** 校验错误态(FormItem 会自动注入)。消费它是必要的:否则该布尔值会被透传到 DOM。 */
|
|
2823
|
+
error?: boolean;
|
|
2824
|
+
/**
|
|
2825
|
+
* 透传到**真实 `<input>`** 的属性通道。
|
|
2826
|
+
*
|
|
2827
|
+
* 本组件的根节点是 wrapper `div`,因此用 `InputHTMLAttributes` 之外的属性
|
|
2828
|
+
* (如 `name`、`required`)无法直接写在组件上——它们既不在类型里,写上去也会落到
|
|
2829
|
+
* wrapper 而不是输入框。需要这些原生输入属性时用这个通道。
|
|
2830
|
+
*/
|
|
2831
|
+
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
2277
2832
|
}
|
|
2278
2833
|
/**
|
|
2279
2834
|
* AutoComplete — text input with a filtered suggestion dropdown + keyboard nav.
|
|
@@ -2554,8 +3109,13 @@ interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange
|
|
|
2554
3109
|
placeholder?: string;
|
|
2555
3110
|
/** Intl options used to format the trigger label. */
|
|
2556
3111
|
format?: Intl.DateTimeFormatOptions;
|
|
2557
|
-
/**
|
|
2558
|
-
|
|
3112
|
+
/**
|
|
3113
|
+
* 面板与触发器的对齐边。
|
|
3114
|
+
*
|
|
3115
|
+
* `"start"`(默认)/`"end"` 是**逻辑**值:LTR 下 start=左、**RTL 下 start=右**。
|
|
3116
|
+
* `"left"` / `"right"` 保留为**物理**值,不随方向变化。
|
|
3117
|
+
*/
|
|
3118
|
+
align?: "start" | "end" | "left" | "right";
|
|
2559
3119
|
/** Disable the trigger. */
|
|
2560
3120
|
disabled?: boolean;
|
|
2561
3121
|
style?: CSSProperties;
|
|
@@ -2580,8 +3140,13 @@ interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onC
|
|
|
2580
3140
|
placeholder?: string;
|
|
2581
3141
|
/** Intl options used to format the trigger labels. */
|
|
2582
3142
|
format?: Intl.DateTimeFormatOptions;
|
|
2583
|
-
/**
|
|
2584
|
-
|
|
3143
|
+
/**
|
|
3144
|
+
* 面板与触发器的对齐边。
|
|
3145
|
+
*
|
|
3146
|
+
* `"start"`(默认)/`"end"` 是**逻辑**值:LTR 下 start=左、**RTL 下 start=右**。
|
|
3147
|
+
* `"left"` / `"right"` 保留为**物理**值,不随方向变化。
|
|
3148
|
+
*/
|
|
3149
|
+
align?: "start" | "end" | "left" | "right";
|
|
2585
3150
|
/** Disable the trigger. */
|
|
2586
3151
|
disabled?: boolean;
|
|
2587
3152
|
style?: CSSProperties;
|
|
@@ -2601,8 +3166,13 @@ interface DateTimePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCh
|
|
|
2601
3166
|
placeholder?: string;
|
|
2602
3167
|
/** Intl options used to format the trigger label. */
|
|
2603
3168
|
format?: Intl.DateTimeFormatOptions;
|
|
2604
|
-
/**
|
|
2605
|
-
|
|
3169
|
+
/**
|
|
3170
|
+
* 面板与触发器的对齐边。
|
|
3171
|
+
*
|
|
3172
|
+
* `"start"`(默认)/`"end"` 是**逻辑**值:LTR 下 start=左、**RTL 下 start=右**。
|
|
3173
|
+
* `"left"` / `"right"` 保留为**物理**值,不随方向变化。
|
|
3174
|
+
*/
|
|
3175
|
+
align?: "start" | "end" | "left" | "right";
|
|
2606
3176
|
/** Disable the trigger. */
|
|
2607
3177
|
disabled?: boolean;
|
|
2608
3178
|
style?: CSSProperties;
|
|
@@ -2759,8 +3329,6 @@ interface FormInstance {
|
|
|
2759
3329
|
/** Scroll to + focus a field. */
|
|
2760
3330
|
scrollToField: (name: NamePath) => void;
|
|
2761
3331
|
reset: () => void;
|
|
2762
|
-
/** @deprecated use FormItem rules; kept for back-compat. */
|
|
2763
|
-
registerRules: (name: NamePath, rules: FormRule[]) => void;
|
|
2764
3332
|
}
|
|
2765
3333
|
interface UseFormOptions {
|
|
2766
3334
|
initialValues?: Record<string, any>;
|
|
@@ -3198,8 +3766,13 @@ interface SelectMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange
|
|
|
3198
3766
|
leadingIcon?: ReactNode;
|
|
3199
3767
|
error?: boolean;
|
|
3200
3768
|
disabled?: boolean;
|
|
3201
|
-
/**
|
|
3202
|
-
|
|
3769
|
+
/**
|
|
3770
|
+
* 面板与触发器的对齐边。
|
|
3771
|
+
*
|
|
3772
|
+
* `"start"`(默认)/`"end"` 是**逻辑**值:LTR 下 start=左、**RTL 下 start=右**。
|
|
3773
|
+
* `"left"` / `"right"` 保留为**物理**值,不随方向变化。
|
|
3774
|
+
*/
|
|
3775
|
+
align?: "start" | "end" | "left" | "right";
|
|
3203
3776
|
/** Style applied to the outer wrapper. */
|
|
3204
3777
|
style?: CSSProperties;
|
|
3205
3778
|
}
|
|
@@ -3974,8 +4547,6 @@ interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "st
|
|
|
3974
4547
|
title?: ReactNode;
|
|
3975
4548
|
/** Edge the drawer slides from. Default `"right"`. */
|
|
3976
4549
|
placement?: DrawerPlacement;
|
|
3977
|
-
/** Alias of `placement`, kept for back-compat. */
|
|
3978
|
-
side?: "left" | "right";
|
|
3979
4550
|
/** Width for left/right placements. Default `"50%"`. */
|
|
3980
4551
|
width?: number | string;
|
|
3981
4552
|
/** Height for top/bottom placements. Default `"50%"`. */
|
|
@@ -4019,7 +4590,8 @@ interface DropdownItem {
|
|
|
4019
4590
|
interface DropdownProps extends HTMLAttributes<HTMLSpanElement> {
|
|
4020
4591
|
trigger: ReactNode;
|
|
4021
4592
|
items: DropdownItem[];
|
|
4022
|
-
|
|
4593
|
+
/** 同 Popover:`"start"`/`"end"` 为逻辑值(随 RTL 翻转),`"left"`/`"right"` 为物理值。默认 `"start"`。 */
|
|
4594
|
+
align?: "start" | "end" | "left" | "right";
|
|
4023
4595
|
width?: number;
|
|
4024
4596
|
}
|
|
4025
4597
|
/** Klun UI Dropdown — click-to-open menu anchored to a trigger. */
|
|
@@ -4175,20 +4747,111 @@ declare const Popconfirm: react.ForwardRefExoticComponent<PopconfirmProps & reac
|
|
|
4175
4747
|
|
|
4176
4748
|
interface PopoverProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
4177
4749
|
trigger: ReactNode;
|
|
4178
|
-
|
|
4750
|
+
/**
|
|
4751
|
+
* 面板与触发器的对齐边。
|
|
4752
|
+
*
|
|
4753
|
+
* `"start"`(默认)与 `"end"` 是**逻辑**值:随书写方向解析——
|
|
4754
|
+
* LTR 下 start=左、end=右;**RTL 下 start=右、end=左**。
|
|
4755
|
+
* `"left"` / `"right"` 保留为**物理**值(不随方向变化),供确需固定一侧的场景使用。
|
|
4756
|
+
*
|
|
4757
|
+
* 修复前只有 `"left" | "right"` 且默认 `"left"`,于是 RTL 下面板仍贴物理左边缘,
|
|
4758
|
+
* 相当于「末尾对齐」——与 LTR 的语义相反,是覆盖层最典型的 RTL 破法。
|
|
4759
|
+
*/
|
|
4760
|
+
align?: "start" | "end" | "left" | "right";
|
|
4179
4761
|
width?: number;
|
|
4180
4762
|
/** Panel content, or a render-fn receiving a close() callback. */
|
|
4181
4763
|
children: ReactNode | ((close: () => void) => ReactNode);
|
|
4764
|
+
/** Controlled open state. Leave undefined for uncontrolled. */
|
|
4765
|
+
open?: boolean;
|
|
4766
|
+
/** Initial state when uncontrolled. */
|
|
4767
|
+
defaultOpen?: boolean;
|
|
4768
|
+
/** Called whenever the open state should change. */
|
|
4769
|
+
onOpenChange?: (open: boolean) => void;
|
|
4770
|
+
/** Explicit id for the panel; otherwise generated. The trigger references it via aria-controls. */
|
|
4771
|
+
panelId?: string;
|
|
4182
4772
|
}
|
|
4183
4773
|
/**
|
|
4184
|
-
* Klun UI Popover — click-triggered floating panel anchored to a trigger.
|
|
4774
|
+
* Klun UI Popover — click- **or keyboard**-triggered floating panel anchored to a trigger.
|
|
4775
|
+
*
|
|
4776
|
+
* 键盘支持(KDS 04-accessibility.md):触发器原本只是一个 `<span onClick>`,
|
|
4777
|
+
* 既不可聚焦也无法用键盘打开——DatePicker / DateTimePicker 因此完全无法用键盘操作。
|
|
4778
|
+
* 现在:
|
|
4779
|
+
* - 触发器内部**没有**可聚焦元素时,外层本身变成 `role="button" tabIndex={0}`;
|
|
4780
|
+
* 有可聚焦元素时(readonly Input、Button…)不额外增加 Tab 停靠点,只给它绑
|
|
4781
|
+
* `aria-haspopup="dialog"` / `aria-expanded` / `aria-controls`。
|
|
4782
|
+
* - ArrowDown 打开;Enter/Space 在「当前焦点不是原生按钮」时打开(避免与原生
|
|
4783
|
+
* click 重复触发);Escape 关闭并把焦点还给触发器。
|
|
4784
|
+
* - 键盘打开后把焦点送进面板,否则焦点留在触发器、Tab 顺序不可预期。
|
|
4185
4785
|
*
|
|
4186
4786
|
* The panel renders in a portal on `document.body` and is positioned with
|
|
4187
4787
|
* `fixed` coordinates anchored to the trigger, so no ancestor `overflow`/
|
|
4188
|
-
* `transform` can clip it
|
|
4189
|
-
*
|
|
4190
|
-
* there's no room below, is clamped to the viewport, and sits above overlays.
|
|
4788
|
+
* `transform` can clip it. It follows the trigger on scroll/resize, flips above
|
|
4789
|
+
* when there's no room below, is clamped to the viewport, and sits above overlays.
|
|
4191
4790
|
*/
|
|
4192
4791
|
declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLSpanElement>>;
|
|
4193
4792
|
|
|
4194
|
-
export { type Accent, Accordion, type AccordionItem, type AccordionProps, ActivityHeatmap, type ActivityHeatmapProps, ActorAvatar, type ActorAvatarProps, type ActorAvatarSize, type ActorKind, Alert, type AlertProps, type AlertStatus, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeColor, type BadgeProps, type BadgeVariant, Banner, type BannerProps, type BannerStatus, type BannerVariant, BorderBeam, type BorderBeamProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type Breakpoint, BulkAction, BulkActionBar, type BulkActionBarProps, type BulkActionProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupItem, type ButtonGroupProps, type ButtonGroupSize, type ButtonKind, type ButtonProps, type ButtonSize, type ButtonVariant, CRON_PRESETS, CapabilityBanner, type CapabilityBannerProps, type CapabilityReason, type CapabilityResource, CappedNumberFlow, type CappedNumberFlowProps, Card, type CardProps, type CardVariant, Carousel, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, CharacterCounter, type CharacterCounterProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, CheckboxCard, type CheckboxCardAlign, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ChipColor, CircularProgress, type CircularProgressColor, type CircularProgressProps, type ClassValue, CodeViewer, type CodeViewerProps, Col, type ColProps, type ColSize, Collapse, type CollapseProps, ColorDot, type ColorDotProps, type ColorDotSize, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, type ColorSliderSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, type CompactButtonAppearance, type CompactButtonProps, type CompactButtonSize, CompactNumberFlow, type CompactNumberFlowProps, CompactSelect, type CompactSelectAppearance, CompactSelectForInput, type CompactSelectForInputProps, type CompactSelectForInputSide, type CompactSelectForInputSize, type CompactSelectProps, type CompactSelectSize, type ComponentSize, ConfigProvider, type ConfigProviderProps, Confirm, type ConfirmIntent, type ConfirmOptions, type ConfirmRequireInput, type ConfirmResult, ContentLabel, type ContentLabelColor, type ContentLabelProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuState, CopyButton, type CopyButtonProps, type CopyButtonSize, type CopyButtonVariant, type CountdownResult, CounterInput, type CounterInputProps, type CounterInputSize, CronEditor, type CronEditorLabels, type CronEditorProps, type CronPreset, CrossRefBadge, type CrossRefBadgeProps, type CrossRefKind, type CrossRefPreview, CurrencyNumberFlow, type CurrencyNumberFlowProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, type DefaultButtonProps, type Density, type DescriptionItem, Descriptions, type DescriptionsLayout, type DescriptionsProps, type DescriptionsSize, type DescriptionsVariant, type DiffHunk, type DiffLine, type DiffLineType, type DiffMode, type DiffSide, DiffViewer, type DiffViewerProps, DigitInput, type DigitInputProps, type DigitInputSize, type Direction, Divider, type DividerProps, type DividerVariant, DotSphere, type DotSphereProps, type DotTone, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, EmojiPicker, type EmojiPickerProps, EmptyState, type EmptyStateProps, ExpiryCountdown, type ExpiryCountdownProps, type FancyButtonProps, type FancyButtonSize, type FancyButtonVariant, Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, type FieldOrientation, type FieldProps, type FieldSize, FieldTitle, type FieldTitleProps, FileUpload, type FileUploadProps, Flex, type FlexGap, type FlexProps, Form, type FormInstance, FormItem, type FormItemProps, FormList, type FormListField, type FormListOperations, type FormListProps, type FormProps, type FormRule, Format, type FormatApi, GaugeBar, type GaugeBarColor, type GaugeBarProps, type GaugeBarSize, Grid, type Gutter, type HeatmapCell, type HeatmapGrid, type HeatmapMonthLabel, type HeatmapOptions, type HeatmapSummary, Hint, type HintProps, HorizontalFilter, type HorizontalFilterItem, type HorizontalFilterProps, type HorizontalFilterSize, HoverCard, type HoverCardAlign, HoverCardContent, type HoverCardContentProps, type HoverCardProps, type HoverCardSide, HoverCardTrigger, type HoverCardTriggerProps, ICON_GROUPS, type IconGroup, IconPicker, type IconPickerProps, type ImageItem, ImageUpload, type ImageUploadProps, type ImageUploadShape, ImageViewer, type ImageViewerProps, InlineInput, type InlineInputProps, type InlineInputTone, type InlineInputWeight, InlineSelect, type InlineSelectProps, type InlineSelectTone, type InlineSelectWeight, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, type InputGroupButtonVariant, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, type InputProps, Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSeparatorProps, type ItemSize, ItemTitle, type ItemTitleProps, type ItemVariant, Kanban, type KanbanCard, type KanbanColumn, type KanbanProps, Kbd, type KbdProps, KeyIcon, type KeyIconAppearance, type KeyIconColor, type KeyIconProps, type KeyIconSize, type KlunConfig, LIST_GRID_BOTTOM_CLEARANCE, Label, type LabelProps, Layout, LayoutContent, type LayoutContentProps, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, type LayoutProps, LayoutSider, type LinkButtonProps, type LinkButtonSize, type LinkButtonVariant, List, ListGrid, ListGridBody, ListGridCell, ListGridHeader, ListGridHeaderCell, type ListGridHeaderCellProps, type ListGridProps, ListGridRow, type ListGridSortDirection, ListItem, type ListItemProps, type ListProps, LiveDot, type LiveDotProps, type Locale, type LogLevel, type LogLine, LogViewer, type LogViewerProps, Markdown, type MarkdownProps, Masonry, type MasonryBreakpoints, type MasonryColumns, type MasonryGutter, type MasonryProps, Menu, type MenuItem, type MenuProps, Message, type MessageApi, type MessageOptions, type MessageProps, type MessageStatus, Modal, type ModalProps, Money, type MoneyOptions, type MoneyPeriod, type MoneyProps, type MoneyResult, type MoneySize, type MoneyTone, type NamePath, NavigationProgress, type NavigationProgressProps, Notification, type NotificationApi, type NotificationOptions, type NotificationPlacement, type NotificationProps, type NotificationStatus, NumberFlow, type NumberFlowFormat, type NumberFlowProps, PageHeader, type PageHeaderProps, type PageHeaderTab, Pagination, type PaginationProps, PasswordStrength, type PasswordStrengthLevel, type PasswordStrengthProps, type PctOptions, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressColor, QUICK_EMOJIS, QuickEmojiPicker, type QuickEmojiPickerProps, Radio, RadioCard, type RadioCardAlign, type RadioCardProps, type RadioProps, type RadioSize, type Radius, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, type Reaction, ReactionBar, type ReactionBarProps, type ReactionItem, type RelTimeOptions, RelativeTime, type RelativeTimeProps, type Responsive, Result, type ResultProps, type ResultStatus, RichEditor, type RichEditorProps, RichEditorToolbar, type RichEditorToolbarProps, Row, type RowAlign, type RowJustify, type RowProps, type Rules, type ScreenMap, type SegmentItem, SegmentedControl, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressColor, type SegmentedProgressProps, Select, SelectMenu, type SelectMenuOption, type SelectMenuProps, type SelectMenuSize, type SelectProps, ShimmerText, type ShimmerTextProps, Sidebar, type SidebarMenuItem, type SidebarNavItem, type SidebarProps, type SidebarSection, type SiderProps, type SiderTheme, type SizeOptions, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, type SortDir, Space, type SpaceProps, type SpaceSize, Spinner, type SpinnerProps, type SpinnerSize, Splitter, type SplitterLayout, SplitterPanel, type SplitterPanelProps, type SplitterProps, StatCard, type StatCardProps, type StatCardTint, Statistic, type StatisticProps, StatusBadge, type StatusBadgeProps, StatusDot, type StatusDotProps, type StatusTone, type Step, StepIndicator, type StepIndicatorProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, type StepperIndicators, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, type StepperOrientation, StepperPanel, type StepperPanelProps, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperStepState, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, type SwitchSize, type TabItem, Table, type TableColumn, type TableMenuItem, type TableProps, type TableSort, Tabs, type TabsProps, type TabsVariant, Tag, type TagProps, Textarea, type TextareaProps, type TextareaSize, type Theme, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastAction, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, type ToastStatus, Toaster, type ToasterProps, Toggle, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, UnicodeSpinner, type UnicodeSpinnerProps, type UseFormOptions, type UseMessageDefaults, type UseNotificationDefaults, type VirtualColumn, VirtualTable, type VirtualTableProps, type WikiLinkResolver, Wizard, type WizardProps, type WizardStep, arSA, buildHeatmapGrid, cx, deDE, describeCron, enUS, esES, fmt, formatAvatarEmoji, frFR, groupReactions, idID, itIT, jaJP, koKR, localTodayIso, locales, nlNL, parseAvatarEmoji, parsePatch, plPL, primaryColorVars, ptBR, renderMarkdown, resolveMove, ruRU, summarizeHeatmap, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, useStepItem, useStepper, viVN, zhCN, zhTW };
|
|
4793
|
+
/**
|
|
4794
|
+
* KDS U04 — 内部浮层栈底座(**不是公开 API**,不从 index.ts 导出)。
|
|
4795
|
+
*
|
|
4796
|
+
* 解决的问题(都是先在生产结构里确认过的真实缺陷):
|
|
4797
|
+
*
|
|
4798
|
+
* 1. **Escape 会关掉所有打开层。** 每个 Modal/Drawer 实例各自往 document 挂一个
|
|
4799
|
+
* keydown 监听,按一次 Esc 会依次调用所有实例的关闭回调;两层弹窗时一次全关。
|
|
4800
|
+
* → 只有栈顶那一层响应(isTopOverlay)。
|
|
4801
|
+
*
|
|
4802
|
+
* 2. **滚动锁没有计数。** 每层打开时记住当时 body.overflow 并在关闭时还原。
|
|
4803
|
+
* A 先开(记 "",置 hidden)、B 后开(记 "hidden",置 hidden);
|
|
4804
|
+
* 先关 A → 还原成 ""(B 还开着却解锁了);再关 B → 还原成 "hidden"(body 被永久锁死)。
|
|
4805
|
+
* → 计数,只有最后一层关闭时才还原。
|
|
4806
|
+
*
|
|
4807
|
+
* 3. **层级靠各组件自己写常量。** 改为按栈深分配(KDS 05-engineering.md §5.3 提案值)。
|
|
4808
|
+
*
|
|
4809
|
+
* 焦点范围(scope)另外登记「属于本层的 DOM 根」:portal 到 body 的子面板
|
|
4810
|
+
* (例如模态里的 Select 下拉)不在 dialog 子树内,必须显式登记,否则会被当成
|
|
4811
|
+
* 「背景」而被 inert,或让 Tab 顺序漏掉它。
|
|
4812
|
+
*/
|
|
4813
|
+
type OverlayId = symbol;
|
|
4814
|
+
|
|
4815
|
+
interface UseOverlayScopeOptions {
|
|
4816
|
+
/** 本层是否处于打开状态。 */
|
|
4817
|
+
active: boolean;
|
|
4818
|
+
/** Escape 回调;仅在**本层是栈顶**且 escapeEnabled 时触发。 */
|
|
4819
|
+
onEscape?: () => void;
|
|
4820
|
+
/** 允许 Escape 关闭(例如 Modal 的 keyboard && closable)。 */
|
|
4821
|
+
escapeEnabled?: boolean;
|
|
4822
|
+
/** 打开后把焦点放到第一个可聚焦元素;没有则聚焦容器本身。 */
|
|
4823
|
+
autoFocus?: boolean;
|
|
4824
|
+
/** 关闭后把焦点还给打开前的元素。 */
|
|
4825
|
+
restoreFocus?: boolean;
|
|
4826
|
+
/** 把本层之外的兄弟节点标记 inert。 */
|
|
4827
|
+
inertBackground?: boolean;
|
|
4828
|
+
}
|
|
4829
|
+
interface OverlayScope {
|
|
4830
|
+
/** 挂到本层的根元素(dialog / drawer 面板)上。 */
|
|
4831
|
+
ref: (el: HTMLElement | null) => void;
|
|
4832
|
+
scopeId: OverlayId | null;
|
|
4833
|
+
/** 按栈深算出的层级基准;加上 scrim/dialog/popup 偏移使用。 */
|
|
4834
|
+
layerBase: number;
|
|
4835
|
+
}
|
|
4836
|
+
/**
|
|
4837
|
+
* KDS U04 — 一个浮层(Modal/Drawer/命令面板…)的公共行为:
|
|
4838
|
+
* 栈顶判定、滚动锁计数、层级、焦点陷阱与恢复、背景 inert。
|
|
4839
|
+
*
|
|
4840
|
+
* 刻意只做「所有模态都需要的部分」,不涉及具体视觉。
|
|
4841
|
+
*/
|
|
4842
|
+
declare function useOverlayScope({ active, onEscape, escapeEnabled, autoFocus, restoreFocus, inertBackground, }: UseOverlayScopeOptions): OverlayScope;
|
|
4843
|
+
interface OverlayLayerContextValue {
|
|
4844
|
+
layerBase: number;
|
|
4845
|
+
}
|
|
4846
|
+
declare function OverlayLayerProvider({ layerBase, children }: {
|
|
4847
|
+
layerBase: number;
|
|
4848
|
+
children: ReactNode;
|
|
4849
|
+
}): react.JSX.Element;
|
|
4850
|
+
/**
|
|
4851
|
+
* 面板应该使用的 z-index。
|
|
4852
|
+
* 在浮层内 → 所属浮层基准 + popupOffset(默认 +20,即 KDS §5.3 的该层 popup);
|
|
4853
|
+
* 不在浮层内 → 页面级 popup(100)。
|
|
4854
|
+
*/
|
|
4855
|
+
declare function useOverlayLayer(kind?: "popup" | "tooltip"): number;
|
|
4856
|
+
|
|
4857
|
+
export { type Accent, Accordion, type AccordionItem, type AccordionProps, ActivityHeatmap, type ActivityHeatmapProps, ActorAvatar, type ActorAvatarProps, type ActorAvatarSize, type ActorKind, Alert, type AlertProps, type AlertStatus, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeColor, type BadgeProps, type BadgeVariant, Banner, type BannerProps, type BannerStatus, type BannerVariant, BorderBeam, type BorderBeamProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type Breakpoint, BulkAction, BulkActionBar, type BulkActionBarProps, type BulkActionProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupItem, type ButtonGroupProps, type ButtonGroupSize, type ButtonKind, type ButtonProps, type ButtonSize, type ButtonVariant, CRON_PRESETS, CapabilityBanner, type CapabilityBannerProps, type CapabilityReason, type CapabilityResource, CappedNumberFlow, type CappedNumberFlowProps, Card, type CardProps, type CardVariant, Carousel, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, CharacterCounter, type CharacterCounterProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, CheckboxCard, type CheckboxCardAlign, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ChipColor, CircularProgress, type CircularProgressColor, type CircularProgressProps, type ClassValue, CodeViewer, type CodeViewerProps, Col, type ColProps, type ColSize, Collapse, type CollapseProps, ColorDot, type ColorDotProps, type ColorDotSize, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, type ColorSliderSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, type CompactButtonAppearance, type CompactButtonProps, type CompactButtonSize, CompactNumberFlow, type CompactNumberFlowProps, CompactSelect, type CompactSelectAppearance, CompactSelectForInput, type CompactSelectForInputProps, type CompactSelectForInputSide, type CompactSelectForInputSize, type CompactSelectProps, type CompactSelectSize, type ComponentSize, ConfigProvider, type ConfigProviderProps, Confirm, type ConfirmIntent, type ConfirmOptions, type ConfirmRequireInput, type ConfirmResult, ContentLabel, type ContentLabelColor, type ContentLabelProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuState, type ContractSize, CopyButton, type CopyButtonProps, type CopyButtonSize, type CopyButtonVariant, type CountdownResult, CounterInput, type CounterInputProps, type CounterInputSize, CronEditor, type CronEditorLabels, type CronEditorProps, type CronPreset, CrossRefBadge, type CrossRefBadgeProps, type CrossRefKind, type CrossRefPreview, CurrencyNumberFlow, type CurrencyNumberFlowProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, type DefaultButtonProps, type Density, type DescriptionItem, Descriptions, type DescriptionsLayout, type DescriptionsProps, type DescriptionsSize, type DescriptionsVariant, type DiffHunk, type DiffLine, type DiffLineType, type DiffMode, type DiffSide, DiffViewer, type DiffViewerProps, DigitInput, type DigitInputProps, type DigitInputSize, type Direction, Divider, type DividerProps, type DividerVariant, DotSphere, type DotSphereProps, type DotTone, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, EmojiPicker, type EmojiPickerProps, EmptyState, type EmptyStateProps, ExpiryCountdown, type ExpiryCountdownProps, type FancyButtonProps, type FancyButtonSize, type FancyButtonVariant, Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, type FieldOrientation, type FieldProps, type FieldSize, FieldTitle, type FieldTitleProps, FileUpload, type FileUploadProps, Flex, type FlexGap, type FlexProps, Form, type FormInstance, FormItem, type FormItemProps, FormList, type FormListField, type FormListOperations, type FormListProps, type FormProps, type FormRule, Format, type FormatApi, GaugeBar, type GaugeBarColor, type GaugeBarProps, type GaugeBarSize, type GlobalSize, Grid, type Gutter, type HeatmapCell, type HeatmapGrid, type HeatmapMonthLabel, type HeatmapOptions, type HeatmapSummary, Hint, type HintProps, HorizontalFilter, type HorizontalFilterItem, type HorizontalFilterProps, type HorizontalFilterSize, HoverCard, type HoverCardAlign, HoverCardContent, type HoverCardContentProps, type HoverCardProps, type HoverCardSide, HoverCardTrigger, type HoverCardTriggerProps, ICON_GROUPS, type IconGroup, IconPicker, type IconPickerProps, type ImageItem, ImageUpload, type ImageUploadProps, type ImageUploadShape, ImageViewer, type ImageViewerProps, InlineInput, type InlineInputProps, type InlineInputTone, type InlineInputWeight, InlineSelect, type InlineSelectProps, type InlineSelectTone, type InlineSelectWeight, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, type InputGroupButtonVariant, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, type InputProps, Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSeparatorProps, type ItemSize, ItemTitle, type ItemTitleProps, type ItemVariant, Kanban, type KanbanCard, type KanbanColumn, type KanbanProps, Kbd, type KbdProps, KeyIcon, type KeyIconAppearance, type KeyIconColor, type KeyIconProps, type KeyIconSize, type KlunConfig, LIST_GRID_BOTTOM_CLEARANCE, Label, type LabelProps, Layout, LayoutContent, type LayoutContentProps, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, type LayoutProps, LayoutSider, type LinkButtonProps, type LinkButtonSize, type LinkButtonVariant, List, ListGrid, ListGridBody, ListGridCell, ListGridHeader, ListGridHeaderCell, type ListGridHeaderCellProps, type ListGridProps, ListGridRow, type ListGridSortDirection, ListItem, type ListItemProps, type ListProps, LiveDot, type LiveDotProps, type Locale, type LogLevel, type LogLine, LogViewer, type LogViewerProps, Markdown, type MarkdownProps, Masonry, type MasonryBreakpoints, type MasonryColumns, type MasonryGutter, type MasonryProps, Menu, type MenuItem, type MenuProps, Message, type MessageApi, type MessageOptions, type MessageProps, type MessageStatus, Modal, type ModalProps, Money, type MoneyOptions, type MoneyPeriod, type MoneyProps, type MoneyResult, type MoneySize, type MoneyTone, type NamePath, NavigationProgress, type NavigationProgressProps, Notification, type NotificationApi, type NotificationOptions, type NotificationPlacement, type NotificationProps, type NotificationStatus, NumberFlow, type NumberFlowFormat, type NumberFlowProps, type OverlayLayerContextValue, OverlayLayerProvider, type OverlayScope, PageHeader, type PageHeaderProps, type PageHeaderTab, Pagination, type PaginationProps, PasswordStrength, type PasswordStrengthLevel, type PasswordStrengthProps, type PctOptions, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressColor, QUICK_EMOJIS, QuickEmojiPicker, type QuickEmojiPickerProps, Radio, RadioCard, type RadioCardAlign, type RadioCardProps, type RadioProps, type RadioSize, type Radius, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, type Reaction, ReactionBar, type ReactionBarProps, type ReactionItem, type RelTimeOptions, RelativeTime, type RelativeTimeProps, type Responsive, Result, type ResultProps, type ResultStatus, RichEditor, type RichEditorProps, RichEditorToolbar, type RichEditorToolbarProps, Row, type RowAlign, type RowJustify, type RowProps, type Rules, SIZE_CONTRACTS, type ScreenMap, type SegmentItem, SegmentedControl, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressColor, type SegmentedProgressProps, Select, SelectMenu, type SelectMenuOption, type SelectMenuProps, type SelectMenuSize, type SelectProps, ShimmerText, type ShimmerTextProps, Sidebar, type SidebarMenuItem, type SidebarNavItem, type SidebarProps, type SidebarSection, type SiderProps, type SiderTheme, type SizeContract, type SizeContractName, type SizeOptions, type SizeType, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, type SortDir, Space, type SpaceProps, type SpaceSize, Spinner, type SpinnerProps, type SpinnerSize, Splitter, type SplitterLayout, SplitterPanel, type SplitterPanelProps, type SplitterProps, StatCard, type StatCardProps, type StatCardTint, Statistic, type StatisticProps, StatusBadge, type StatusBadgeProps, StatusDot, type StatusDotProps, type StatusTone, type Step, StepIndicator, type StepIndicatorProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, type StepperIndicators, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, type StepperOrientation, StepperPanel, type StepperPanelProps, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperStepState, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, type SwitchSize, type TabItem, Table, type TableColumn, type TableMenuItem, type TableProps, type TableSort, Tabs, type TabsProps, type TabsVariant, Tag, type TagProps, Textarea, type TextareaProps, type TextareaSize, type Theme, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastAction, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, type ToastStatus, Toaster, type ToasterProps, Toggle, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, UnicodeSpinner, type UnicodeSpinnerProps, type UseFormOptions, type UseMessageDefaults, type UseNotificationDefaults, type UseOverlayScopeOptions, type VirtualColumn, VirtualTable, type VirtualTableProps, type WikiLinkResolver, Wizard, type WizardProps, type WizardStep, arSA, buildHeatmapGrid, cx, deDE, describeCron, enUS, esES, fmt, formatAvatarEmoji, frFR, groupReactions, idID, itIT, jaJP, koKR, localTodayIso, locales, nlNL, parseAvatarEmoji, parsePatch, plPL, primaryColorVars, ptBR, renderMarkdown, resolveMove, resolveSize, ruRU, summarizeHeatmap, tierOf, toast, trTR, useBreakpoint, useConfig, useContextMenu, useDensity, useForm, useLocale, useMappedSize, useMessage, useNotification, useOverlayLayer, useOverlayScope, useScaleSize, useSize, useStepItem, useStepper, viVN, zhCN, zhTW };
|