@jerry-fd/ui 0.4.3 → 0.4.5
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/antd-data-filter.d.ts +5 -68
- package/antd-data-filter.js +1 -1
- package/button-DMIeJ1gB.d.ts +272 -0
- package/chunk-GL6SS2S2.js +1 -0
- package/chunk-M7AD2PUT.js +1 -0
- package/chunk-T44X4HCD.js +3 -0
- package/data-table.d.ts +378 -0
- package/data-table.js +2 -0
- package/{types-DAZ2BTzl.d.ts → helpers-Bv-Ixm5L.d.ts} +102 -10
- package/icon-BmaneZ4I.d.ts +10 -0
- package/index.d.ts +269 -40
- package/index.js +2 -1
- package/motion-features-BVPA56CL.js +1 -0
- package/package.json +10 -9
- package/theme/shadows.css +2 -0
- package/theme/typography.css +11 -0
- package/antd-data-table.d.ts +0 -201
- package/antd-data-table.js +0 -2
- package/chunk-MX44Q3PS.js +0 -2
- package/chunk-ULLCSZUV.js +0 -1
- package/chunk-WOT6VMZA.js +0 -1
- package/chunk-ZL5EW5U7.js +0 -2
- package/motion-features-NSSC2G6R.js +0 -1
- package/types-DCCJucSo.d.ts +0 -490
package/index.d.ts
CHANGED
|
@@ -1,19 +1,28 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import {
|
|
4
|
-
export { B as Button, b as baseButtonStyle, a as buttonVariants } from './types-DCCJucSo.js';
|
|
3
|
+
import { PaginationProps } from 'antd';
|
|
5
4
|
import * as tailwind_variants from 'tailwind-variants';
|
|
6
5
|
import { VariantProps } from 'tailwind-variants';
|
|
7
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
|
-
import { Avatar as Avatar$1, Popover as Popover$1,
|
|
7
|
+
import { Avatar as Avatar$1, Tabs as Tabs$1, Popover as Popover$1, Switch as Switch$1, DropdownMenu as DropdownMenu$2, Collapsible as Collapsible$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
9
8
|
import { Command as Command$1 } from 'cmdk';
|
|
10
|
-
import {
|
|
9
|
+
import { DialogProps } from 'vaul';
|
|
10
|
+
import { B as ButtonSharedProps } from './button-DMIeJ1gB.js';
|
|
11
|
+
export { a as Button, b as baseButtonStyle, c as buttonVariants } from './button-DMIeJ1gB.js';
|
|
12
|
+
import { I as IconType } from './icon-BmaneZ4I.js';
|
|
11
13
|
import * as tailwind_merge from 'tailwind-merge';
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
|
|
15
|
+
type IValue = string;
|
|
16
|
+
interface IOptionItem {
|
|
17
|
+
key?: React.Key;
|
|
18
|
+
label: string;
|
|
19
|
+
icon?: React.ReactNode;
|
|
20
|
+
value: IValue;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
}
|
|
23
|
+
type PolymorphicProps<T extends React.ElementType, Props = object> = {
|
|
24
|
+
as?: T;
|
|
25
|
+
} & Props & Omit<React.ComponentPropsWithoutRef<T>, keyof Props | 'as'>;
|
|
17
26
|
|
|
18
27
|
declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
|
|
19
28
|
variant: {
|
|
@@ -37,7 +46,7 @@ declare function CardExtra({ className, ...props }: React__default.HTMLAttribute
|
|
|
37
46
|
declare function CardTable({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
38
47
|
declare function CardFooter({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
39
48
|
declare function CardHeading({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
40
|
-
declare function CardToolbar({ className, ...props }:
|
|
49
|
+
declare function CardToolbar<T extends React__default.ElementType = 'div'>({ as, className, ...props }: PolymorphicProps<T>): react_jsx_runtime.JSX.Element;
|
|
41
50
|
declare function CardTitle({ className, ...props }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
|
|
42
51
|
declare function CardIcon({ className, ...props }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
|
|
43
52
|
declare function CardDescription({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -57,6 +66,8 @@ declare namespace card {
|
|
|
57
66
|
export { card_Card as Card, card_CardContent as CardContent, card_CardDescription as CardDescription, card_CardExtra as CardExtra, card_CardFooter as CardFooter, card_CardHeader as CardHeader, card_CardHeading as CardHeading, card_CardIcon as CardIcon, card_CardTable as CardTable, card_CardTitle as CardTitle, card_CardToolbar as CardToolbar, Card as Root };
|
|
58
67
|
}
|
|
59
68
|
|
|
69
|
+
type PaginationConfig = Omit<PaginationProps, 'total'>;
|
|
70
|
+
|
|
60
71
|
type UILocale = (typeof SUPPORTED_LOCALES)[number];
|
|
61
72
|
declare const SUPPORTED_LOCALES: readonly ["en-US", "zh-CN"];
|
|
62
73
|
|
|
@@ -144,6 +155,8 @@ declare const twMergeConfig: {
|
|
|
144
155
|
declare const tv: tailwind_variants.TV;
|
|
145
156
|
declare const cn: (...classes: ClassNameArray) => string;
|
|
146
157
|
|
|
158
|
+
declare function mergeRefs<T = unknown>(refs: Array<React.Ref<T> | undefined | null>): React.RefCallback<T>;
|
|
159
|
+
|
|
147
160
|
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
148
161
|
asChild?: boolean;
|
|
149
162
|
dotClassName?: string;
|
|
@@ -311,26 +324,6 @@ declare namespace avatar {
|
|
|
311
324
|
export { avatar_Avatar as Avatar, avatar_AvatarFallback as AvatarFallback, avatar_AvatarImage as AvatarImage, avatar_AvatarIndicator as AvatarIndicator, avatar_AvatarStatus as AvatarStatus, Avatar as Root, avatar_avatarStatusVariants as avatarStatusVariants };
|
|
312
325
|
}
|
|
313
326
|
|
|
314
|
-
declare const Popover: React__default.FC<Popover$1.PopoverProps>;
|
|
315
|
-
declare const PopoverTrigger: React__default.ForwardRefExoticComponent<Popover$1.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
316
|
-
declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<Popover$1.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
317
|
-
arrow?: boolean;
|
|
318
|
-
unstyled?: boolean;
|
|
319
|
-
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
320
|
-
declare const PopoverClose: React__default.ForwardRefExoticComponent<Omit<Popover$1.PopoverCloseProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
321
|
-
unstyled?: boolean;
|
|
322
|
-
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
323
|
-
declare function PopoverAnchor({ ...props }: React__default.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
|
|
324
|
-
|
|
325
|
-
declare const popover_Popover: typeof Popover;
|
|
326
|
-
declare const popover_PopoverAnchor: typeof PopoverAnchor;
|
|
327
|
-
declare const popover_PopoverClose: typeof PopoverClose;
|
|
328
|
-
declare const popover_PopoverContent: typeof PopoverContent;
|
|
329
|
-
declare const popover_PopoverTrigger: typeof PopoverTrigger;
|
|
330
|
-
declare namespace popover {
|
|
331
|
-
export { popover_Popover as Popover, popover_PopoverAnchor as PopoverAnchor, popover_PopoverClose as PopoverClose, popover_PopoverContent as PopoverContent, popover_PopoverTrigger as PopoverTrigger, Popover as Root };
|
|
332
|
-
}
|
|
333
|
-
|
|
334
327
|
declare function Command({ className, ...props }: React__default.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
|
|
335
328
|
declare function CommandInput({ className, ...props }: React__default.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
|
|
336
329
|
declare function CommandList({ className, ...props }: React__default.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
|
|
@@ -427,6 +420,155 @@ declare namespace tabs {
|
|
|
427
420
|
export { Tabs as Root, tabs_Tabs as Tabs, tabs_TabsContent as TabsContent, tabs_TabsList as TabsList, tabs_TabsTrigger as TabsTrigger };
|
|
428
421
|
}
|
|
429
422
|
|
|
423
|
+
declare const Popover: React__default.FC<Popover$1.PopoverProps>;
|
|
424
|
+
declare function PopoverTrigger({ asChild, ...props }: React__default.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
425
|
+
declare function PopoverContent({ children, className, align, sideOffset, collisionPadding, arrowPadding, arrow, unstyled, arrowClassName, ref, ...rest }: React__default.ComponentPropsWithRef<typeof Popover$1.Content> & {
|
|
426
|
+
arrow?: boolean;
|
|
427
|
+
unstyled?: boolean;
|
|
428
|
+
arrowClassName?: string;
|
|
429
|
+
}): react_jsx_runtime.JSX.Element;
|
|
430
|
+
declare function PopoverClose({ className, unstyled, ...rest }: React__default.ComponentProps<typeof Popover$1.Close> & {
|
|
431
|
+
unstyled?: boolean;
|
|
432
|
+
}): react_jsx_runtime.JSX.Element;
|
|
433
|
+
declare function PopoverAnchor({ ...props }: React__default.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
|
|
434
|
+
declare function PopoverOverlay<T extends React__default.ElementType = 'div'>({ as, className, ...props }: PolymorphicProps<T>): react_jsx_runtime.JSX.Element;
|
|
435
|
+
|
|
436
|
+
declare const popover_Popover: typeof Popover;
|
|
437
|
+
declare const popover_PopoverAnchor: typeof PopoverAnchor;
|
|
438
|
+
declare const popover_PopoverClose: typeof PopoverClose;
|
|
439
|
+
declare const popover_PopoverContent: typeof PopoverContent;
|
|
440
|
+
declare const popover_PopoverOverlay: typeof PopoverOverlay;
|
|
441
|
+
declare const popover_PopoverTrigger: typeof PopoverTrigger;
|
|
442
|
+
declare namespace popover {
|
|
443
|
+
export { popover_Popover as Popover, popover_PopoverAnchor as PopoverAnchor, popover_PopoverClose as PopoverClose, popover_PopoverContent as PopoverContent, popover_PopoverOverlay as PopoverOverlay, popover_PopoverTrigger as PopoverTrigger, Popover as Root };
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
declare const popoverVariants: tailwind_variants.TVReturnType<{
|
|
447
|
+
variant: {
|
|
448
|
+
default: {
|
|
449
|
+
root: string;
|
|
450
|
+
close: string;
|
|
451
|
+
};
|
|
452
|
+
accent: {
|
|
453
|
+
root: string;
|
|
454
|
+
content: string;
|
|
455
|
+
header: string;
|
|
456
|
+
close: string;
|
|
457
|
+
arrowCls: string;
|
|
458
|
+
};
|
|
459
|
+
};
|
|
460
|
+
}, {
|
|
461
|
+
root: string;
|
|
462
|
+
content: string;
|
|
463
|
+
arrowCls: string;
|
|
464
|
+
header: string;
|
|
465
|
+
close: string;
|
|
466
|
+
}, undefined, {
|
|
467
|
+
variant: {
|
|
468
|
+
default: {
|
|
469
|
+
root: string;
|
|
470
|
+
close: string;
|
|
471
|
+
};
|
|
472
|
+
accent: {
|
|
473
|
+
root: string;
|
|
474
|
+
content: string;
|
|
475
|
+
header: string;
|
|
476
|
+
close: string;
|
|
477
|
+
arrowCls: string;
|
|
478
|
+
};
|
|
479
|
+
};
|
|
480
|
+
}, {
|
|
481
|
+
root: string;
|
|
482
|
+
content: string;
|
|
483
|
+
arrowCls: string;
|
|
484
|
+
header: string;
|
|
485
|
+
close: string;
|
|
486
|
+
}, tailwind_variants.TVReturnType<{
|
|
487
|
+
variant: {
|
|
488
|
+
default: {
|
|
489
|
+
root: string;
|
|
490
|
+
close: string;
|
|
491
|
+
};
|
|
492
|
+
accent: {
|
|
493
|
+
root: string;
|
|
494
|
+
content: string;
|
|
495
|
+
header: string;
|
|
496
|
+
close: string;
|
|
497
|
+
arrowCls: string;
|
|
498
|
+
};
|
|
499
|
+
};
|
|
500
|
+
}, {
|
|
501
|
+
root: string;
|
|
502
|
+
content: string;
|
|
503
|
+
arrowCls: string;
|
|
504
|
+
header: string;
|
|
505
|
+
close: string;
|
|
506
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
507
|
+
type PopoverPresetProps = VariantProps<typeof popoverVariants> & React__default.ComponentProps<typeof PopoverContent> & {
|
|
508
|
+
title?: React__default.ReactNode;
|
|
509
|
+
content?: React__default.ReactNode;
|
|
510
|
+
contentClassName?: string;
|
|
511
|
+
open?: boolean;
|
|
512
|
+
defaultOpen?: boolean;
|
|
513
|
+
closeable?: boolean;
|
|
514
|
+
onOpenChange?: (open: boolean) => void;
|
|
515
|
+
onClose?: () => void;
|
|
516
|
+
};
|
|
517
|
+
declare function PopoverPreset({ variant, className, contentClassName, side, align, arrow, unstyled, closeable, sideOffset, title, content: contentNode, children, asChild, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, onClose, ...rest }: PopoverPresetProps): react_jsx_runtime.JSX.Element;
|
|
518
|
+
|
|
519
|
+
type PopConfirmProps = VariantProps<typeof popoverVariants> & React__default.ComponentProps<typeof PopoverContent> & {
|
|
520
|
+
title?: React__default.ReactNode;
|
|
521
|
+
content?: React__default.ReactNode;
|
|
522
|
+
contentClassName?: string;
|
|
523
|
+
open?: boolean;
|
|
524
|
+
defaultOpen?: boolean;
|
|
525
|
+
closeable?: boolean;
|
|
526
|
+
onOpenChange?: (open: boolean) => void;
|
|
527
|
+
onConfirm?: () => void | Promise<void>;
|
|
528
|
+
onCancel?: () => void;
|
|
529
|
+
};
|
|
530
|
+
declare function PopConfirm({ variant, title, content: contentNode, children, defaultOpen, className, side, align, sideOffset, arrow, open: controlledOpen, contentClassName, onOpenChange: controlledOnOpenChange, onConfirm, onCancel, ...rest }: PopConfirmProps): react_jsx_runtime.JSX.Element;
|
|
531
|
+
|
|
532
|
+
type RootProps = React__default.ComponentProps<typeof Switch$1.Root>;
|
|
533
|
+
declare function Switch({ className, size, disabled, loading, onChange, ...props }: Omit<RootProps, 'onCheckedChange' | 'onChange'> & {
|
|
534
|
+
size?: 'small' | 'default';
|
|
535
|
+
loading?: boolean;
|
|
536
|
+
onChange?: RootProps['onCheckedChange'];
|
|
537
|
+
}): react_jsx_runtime.JSX.Element;
|
|
538
|
+
|
|
539
|
+
type DrawerProps = Omit<DialogProps, 'onOpenChange'> & {
|
|
540
|
+
className?: string;
|
|
541
|
+
footerClassName?: string;
|
|
542
|
+
headerClassName?: string;
|
|
543
|
+
bodyClassName?: string;
|
|
544
|
+
title?: React__default.ReactNode;
|
|
545
|
+
description?: React__default.ReactNode;
|
|
546
|
+
footer?: React__default.ReactNode;
|
|
547
|
+
trigger?: React__default.ReactNode;
|
|
548
|
+
loading?: boolean;
|
|
549
|
+
skeletonItemCount?: number;
|
|
550
|
+
width?: string | number;
|
|
551
|
+
style?: React__default.CSSProperties;
|
|
552
|
+
onOpenChange?: (open: boolean) => void;
|
|
553
|
+
onClose?: () => void;
|
|
554
|
+
onOk?: () => void | Promise<void>;
|
|
555
|
+
};
|
|
556
|
+
declare function Drawer({ direction, dismissible, skeletonItemCount, className, footerClassName, bodyClassName, headerClassName, title, description, footer, trigger, container, children, open: openProp, onOpenChange: onOpenChangeProp, loading, handleOnly, style, width, onClose, onOk, ...rootProps }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
557
|
+
|
|
558
|
+
type InternalDrawerProps = 'open' | 'onOpenChange' | 'trigger' | 'children';
|
|
559
|
+
type UseDrawerOptions = Omit<DrawerProps, InternalDrawerProps>;
|
|
560
|
+
declare function useDrawer<TData = unknown>(options?: UseDrawerOptions): readonly [DrawerProps, TData | null, (record: TData) => void, () => void];
|
|
561
|
+
|
|
562
|
+
type CopyableTextProps = Omit<ButtonSharedProps, 'loading'> & {
|
|
563
|
+
className?: string;
|
|
564
|
+
content: string;
|
|
565
|
+
as?: 'button' | 'inline' | 'text';
|
|
566
|
+
delay?: number;
|
|
567
|
+
tooltipDelayDuration?: number;
|
|
568
|
+
onCopy?: (content: string) => void;
|
|
569
|
+
};
|
|
570
|
+
declare function CopyableText({ content, delay, tooltipDelayDuration, variant, mode, size, as, onCopy, className, }: CopyableTextProps): react_jsx_runtime.JSX.Element;
|
|
571
|
+
|
|
430
572
|
declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
431
573
|
|
|
432
574
|
type OwnProps = {
|
|
@@ -435,15 +577,6 @@ type OwnProps = {
|
|
|
435
577
|
};
|
|
436
578
|
declare function Spinner({ stroke, className }: OwnProps): react_jsx_runtime.JSX.Element;
|
|
437
579
|
|
|
438
|
-
type IValue = string;
|
|
439
|
-
interface IOptionItem {
|
|
440
|
-
key?: React.Key;
|
|
441
|
-
label: string;
|
|
442
|
-
icon?: React.ReactNode;
|
|
443
|
-
value: IValue;
|
|
444
|
-
disabled?: boolean;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
580
|
declare const DropdownMenu$1: React__default.FC<DropdownMenu$2.DropdownMenuProps>;
|
|
448
581
|
declare const DropdownMenuContent: React__default.FC<React__default.ComponentPropsWithRef<typeof DropdownMenu$2.Content>>;
|
|
449
582
|
|
|
@@ -664,4 +797,100 @@ declare function Collapsible({ ...props }: React__default.ComponentProps<typeof
|
|
|
664
797
|
declare function CollapsibleTrigger({ ...props }: React__default.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
|
|
665
798
|
declare function CollapsibleContent({ className, ...props }: React__default.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
|
|
666
799
|
|
|
667
|
-
|
|
800
|
+
declare const TooltipRoot: React__default.FC<Tooltip$1.TooltipProps>;
|
|
801
|
+
declare const TooltipTrigger: React__default.ForwardRefExoticComponent<Tooltip$1.TooltipTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
802
|
+
declare const TooltipArrow: React__default.ForwardRefExoticComponent<Tooltip$1.TooltipArrowProps & React__default.RefAttributes<SVGSVGElement>>;
|
|
803
|
+
interface TooltipProps extends React__default.ComponentPropsWithRef<typeof Tooltip$1.Root>, Omit<React__default.ComponentPropsWithRef<typeof Tooltip$1.Content>, 'content'>, VariantProps<typeof tooltipVariants> {
|
|
804
|
+
arrow?: boolean;
|
|
805
|
+
}
|
|
806
|
+
declare const tooltipVariants: tailwind_variants.TVReturnType<{
|
|
807
|
+
size: {
|
|
808
|
+
large: {
|
|
809
|
+
contentClassnames: string;
|
|
810
|
+
};
|
|
811
|
+
medium: {
|
|
812
|
+
contentClassnames: string;
|
|
813
|
+
};
|
|
814
|
+
small: {
|
|
815
|
+
contentClassnames: string;
|
|
816
|
+
};
|
|
817
|
+
xsmall: {
|
|
818
|
+
contentClassnames: string;
|
|
819
|
+
};
|
|
820
|
+
};
|
|
821
|
+
variant: {
|
|
822
|
+
dark: {
|
|
823
|
+
contentClassnames: string;
|
|
824
|
+
arrowClassnames: string;
|
|
825
|
+
};
|
|
826
|
+
light: {
|
|
827
|
+
contentClassnames: string;
|
|
828
|
+
arrowClassnames: string;
|
|
829
|
+
};
|
|
830
|
+
};
|
|
831
|
+
}, {
|
|
832
|
+
contentClassnames: string[];
|
|
833
|
+
arrowClassnames: string;
|
|
834
|
+
}, undefined, {
|
|
835
|
+
size: {
|
|
836
|
+
large: {
|
|
837
|
+
contentClassnames: string;
|
|
838
|
+
};
|
|
839
|
+
medium: {
|
|
840
|
+
contentClassnames: string;
|
|
841
|
+
};
|
|
842
|
+
small: {
|
|
843
|
+
contentClassnames: string;
|
|
844
|
+
};
|
|
845
|
+
xsmall: {
|
|
846
|
+
contentClassnames: string;
|
|
847
|
+
};
|
|
848
|
+
};
|
|
849
|
+
variant: {
|
|
850
|
+
dark: {
|
|
851
|
+
contentClassnames: string;
|
|
852
|
+
arrowClassnames: string;
|
|
853
|
+
};
|
|
854
|
+
light: {
|
|
855
|
+
contentClassnames: string;
|
|
856
|
+
arrowClassnames: string;
|
|
857
|
+
};
|
|
858
|
+
};
|
|
859
|
+
}, {
|
|
860
|
+
contentClassnames: string[];
|
|
861
|
+
arrowClassnames: string;
|
|
862
|
+
}, tailwind_variants.TVReturnType<{
|
|
863
|
+
size: {
|
|
864
|
+
large: {
|
|
865
|
+
contentClassnames: string;
|
|
866
|
+
};
|
|
867
|
+
medium: {
|
|
868
|
+
contentClassnames: string;
|
|
869
|
+
};
|
|
870
|
+
small: {
|
|
871
|
+
contentClassnames: string;
|
|
872
|
+
};
|
|
873
|
+
xsmall: {
|
|
874
|
+
contentClassnames: string;
|
|
875
|
+
};
|
|
876
|
+
};
|
|
877
|
+
variant: {
|
|
878
|
+
dark: {
|
|
879
|
+
contentClassnames: string;
|
|
880
|
+
arrowClassnames: string;
|
|
881
|
+
};
|
|
882
|
+
light: {
|
|
883
|
+
contentClassnames: string;
|
|
884
|
+
arrowClassnames: string;
|
|
885
|
+
};
|
|
886
|
+
};
|
|
887
|
+
}, {
|
|
888
|
+
contentClassnames: string[];
|
|
889
|
+
arrowClassnames: string;
|
|
890
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
891
|
+
declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React__default.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
892
|
+
declare const Tooltip: React__default.FC<TooltipProps & {
|
|
893
|
+
content: React__default.ReactNode;
|
|
894
|
+
}>;
|
|
895
|
+
|
|
896
|
+
export { avatar as Avatar, badge as Badge, ButtonSharedProps, card as Card, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPanel, command as Command, CopyableText, type CopyableTextProps, type DebouncedFunction, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuVariants, type MenuPropBase, PopConfirm, type PopConfirmProps, popover as Popover, PopoverPreset, type PopoverPresetProps, type Scheduler, Skeleton, Spinner, Switch, tabs as Tabs, type ThrottledFunction, Tooltip, TooltipArrow, TooltipProvider, TooltipRoot, TooltipTrigger, UIProvider, type UseDrawerOptions, cn, dateUtils, debounce, dropdownMenuStyles, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, mergeRefs, throttle, tooltipVariants, tv, twMergeConfig, useDrawer };
|
package/index.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export{k as DropdownMenu,i as Skeleton,h as Tabs,a as UIProvider,c as debounce,j as dropdownMenuStyles,d as throttle}from'./chunk-ULLCSZUV.js';import {d,e}from'./chunk-MX44Q3PS.js';export{K as Button,p as Card,G as Command,t as Popover,H as Spinner,I as baseButtonStyle,J as buttonVariants,e as cn,d as tv,c as twMergeConfig}from'./chunk-MX44Q3PS.js';import {a}from'./chunk-WOT6VMZA.js';import {Slot,Avatar,Collapsible}from'radix-ui';import {jsx}from'react/jsx-runtime';var H={dateDash:"yyyy-MM-dd",dateSlash:"YYYY/MM/DD",dateTimeMinuteDash:"yyyy-MM-dd HH:mm",dateTimeMinuteSlash:"yyyy/MM/dd HH:mm",dateTimeSecondDash:"yyyy-MM-dd HH:mm:ss",dateTimeSecondSlash:"yyyy/MM/dd HH:mm:ss",timeMinute:"HH:mm",timeSecond:"HH:mm:ss"},z={presets:H};var g=new WeakMap;function b(e){return((...t)=>{let a=g.get(e),n=t.map(String).join("_");if(a){let s=a.get(n);if(s)return s}else a=new Map,g.set(e,a);let o=e(...t);return a.set(n,o),o})}function te(e,t,a="zh-CN"){return new Intl.NumberFormat(a,t).format(e)}function ae(e,t,a="zh-CN"){return new Intl.NumberFormat(a,{style:"currency",...t}).format(e)}function re(e,t="en-US"){return new Intl.NumberFormat(t,{notation:"compact",compactDisplay:"short"}).format(e)}var oe=b((e,t=2)=>e.replace(/[.,!@#$%^&*()_+=\-`~[\]/\\{}:"|<>?]+/gi,"").trim().split(/\s+/).slice(0,t).map(a=>{if(!a.length)return "";if(/\s+/.test(e))return a.match(/./u)?.[0].toUpperCase();let n=new RegExp(".".repeat(t),"u"),o=a.match(n)?.[0];return o?o.charAt(0).toUpperCase()+o.slice(1):e.charAt(0).toUpperCase()+e.slice(1,2)}).join(""));var x={};a(x,{Badge:()=>S,BadgeButton:()=>k,BadgeDot:()=>I,Root:()=>S,badgeVariants:()=>v});var v=d({base:["inline-flex items-center justify-center border border-transparent font-medium whitespace-nowrap select-none [&_svg]:-ms-px [&_svg]:shrink-0","focus:ring-2 focus:ring-primary-base focus:ring-offset-2 focus:outline-hidden"],variants:{variant:{primary:"bg-primary-base text-static-white",secondary:"bg-gray-200 text-gray-700",success:"bg-green-500 text-static-white",warning:"bg-yellow-500 text-static-white",info:"bg-violet-500 text-static-white",outline:"border border-stroke-soft bg-transparent text-text-sub",error:"bg-red-600 text-static-white"},appearance:{default:"",light:"",outline:"border-stroke-sub",ghost:"border-transparent bg-transparent"},disabled:{true:"pointer-events-none opacity-50"},size:{large:"h-28 min-w-28 gap-6 rounded-lg px-8 text-[14px] [&_svg]:size-14",medium:"h-24 min-w-24 gap-5 rounded-lg px-[7.2px] text-[14px] [&_svg]:size-14",small:"h-20 min-w-20 gap-4 rounded-md px-[5.2px] text-[12px] leading-14 [&_svg]:size-12",xsmall:"h-16 min-w-16 gap-4 rounded-md px-4 text-[10px] leading-12 [&_svg]:size-12"},shape:{default:"",circle:"rounded-full"}},compoundVariants:[{variant:"primary",appearance:"light",className:"bg-primary-base text-static-white"},{variant:"secondary",appearance:"light",className:"bg-gray-200"},{variant:"success",appearance:"light",className:"bg-green-50 text-green-700"},{variant:"warning",appearance:"light",className:"bg-yellow-50 text-yellow-700"},{variant:"info",appearance:"light",className:"bg-violet-50 text-violet-700"},{variant:"error",appearance:"light",className:"bg-red-50 text-red-700"},{variant:"primary",appearance:"outline",className:"border-blue-100 bg-blue-50 text-blue-700"},{variant:"success",appearance:"outline",className:"border-green-100 bg-green-50 text-green-700"},{variant:"warning",appearance:"outline",className:"border-yellow-100 bg-yellow-50 text-yellow-700"},{variant:"info",appearance:"outline",className:"border-violet-100 bg-violet-50 text-violet-700"},{variant:"error",appearance:"outline",className:"border-red-100 bg-red-50 text-red-700"},{variant:"primary",appearance:"ghost",className:"text-primary-base"},{variant:"secondary",appearance:"ghost",className:"text-gray-700"},{variant:"success",appearance:"ghost",className:"text-green-500"},{variant:"warning",appearance:"ghost",className:"text-yellow-500"},{variant:"info",appearance:"ghost",className:"text-violet-500"},{variant:"error",appearance:"ghost",className:"text-error-base"},{size:"large",appearance:"ghost",className:"px-0"},{size:"medium",appearance:"ghost",className:"px-0"},{size:"small",appearance:"ghost",className:"px-0"},{size:"xsmall",appearance:"ghost",className:"px-0"}],defaultVariants:{variant:"primary",appearance:"default",size:"medium"}}),A=d({base:"-me-2 inline-flex size-14 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-14! [&>svg]:opacity-100!",variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function S({className:e$1,variant:t,size:a,appearance:n,shape:o,asChild:s=false,disabled:C,...N}){let w=s?Slot.Slot:"span";return jsx(w,{"data-slot":"badge",className:e(v({variant:t,size:a,appearance:n,shape:o,disabled:C}),e$1),...N})}function k({className:e$1,variant:t,asChild:a=false,...n}){let o=a?Slot.Slot:"span";return jsx(o,{"data-slot":"badge-button",className:e(A({variant:t,className:e$1})),role:"button",...n})}function I({className:e$1,...t}){return jsx("span",{"data-slot":"badge-dot",className:e("size-6 rounded-full bg-[currentColor] opacity-75",e$1),...t})}var h={};a(h,{Avatar:()=>B,AvatarFallback:()=>F,AvatarImage:()=>D,AvatarIndicator:()=>L,AvatarStatus:()=>_,Root:()=>B,avatarStatusVariants:()=>y});var y=d({base:"border-background flex size-2 items-center rounded-full border-2",variants:{variant:{online:"bg-green-600",offline:"bg-zinc-400 dark:bg-zinc-500",busy:"bg-yellow-600",away:"bg-blue-600"}},defaultVariants:{variant:"online"}});function B({className:e$1,...t}){return jsx(Avatar.Root,{"data-slot":"avatar",className:e("relative flex size-40 shrink-0",e$1),...t})}function D({className:e$1,...t}){return jsx("div",{className:e("relative overflow-hidden rounded-full",e$1),children:jsx(Avatar.Image,{"data-slot":"avatar-image",className:e("aspect-square h-full w-full"),...t})})}function F({className:e$1,...t}){return jsx(Avatar.Fallback,{"data-slot":"avatar-fallback",className:e("flex h-full w-full items-center justify-center rounded-full border border-stroke-soft bg-bg-weak text-[13px] text-text-sub",e$1),...t})}function L({className:e$1,...t}){return jsx("div",{"data-slot":"avatar-indicator",className:e("absolute flex size-24 items-center justify-center",e$1),...t})}function _({className:e$1,variant:t,...a}){return jsx("div",{"data-slot":"avatar-status",className:e(y({variant:t}),e$1),...a})}function fe({asChild:e$1,children:t,className:a,variant:n="slate",...o}){let s=e$1?Slot.Root:"div";return jsx(s,{className:e(`flex shrink-0 items-center justify-center rounded-xl border ui-badge-${n}`,a),...o,children:t})}function Ce({...e}){return jsx(Collapsible.Root,{"data-slot":"collapsible",...e})}function Ne({...e}){return jsx(Collapsible.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...e})}function we({className:e$1,...t}){return jsx(Collapsible.CollapsibleContent,{"data-slot":"collapsible-content",className:e("collapsible-content",e$1),...t})}export{h as Avatar,x as Badge,Ce as Collapsible,we as CollapsibleContent,Ne as CollapsibleTrigger,fe as ColorPanel,z as dateUtils,ae as formatCurrency,re as formatIntegerCompact,te as formatNumber,oe as getFirstLetters};
|
|
1
|
+
import {j,m as m$1}from'./chunk-GL6SS2S2.js';export{o as DropdownMenu,m as Skeleton,i as Tabs,a as UIProvider,c as debounce,n as dropdownMenuStyles,e as mergeRefs,d as throttle}from'./chunk-GL6SS2S2.js';import {b,c,D,H,E,F,G,M,O,i}from'./chunk-T44X4HCD.js';export{M as Button,u as Card,C as Command,I as Popover,J as Spinner,i as Tooltip,f as TooltipArrow,h as TooltipProvider,d as TooltipRoot,e as TooltipTrigger,K as baseButtonStyle,L as buttonVariants,c as cn,g as tooltipVariants,b as tv,a as twMergeConfig}from'./chunk-T44X4HCD.js';import {a}from'./chunk-M7AD2PUT.js';import {Slot,Avatar,Switch,Collapsible}from'radix-ui';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as I from'react';import I__default from'react';import {CircleAlert,Loader2,Copy,CheckCheck}from'lucide-react';import {AnimatePresence,m}from'motion/react';import {Drawer}from'vaul';var We={dateDash:"yyyy-MM-dd",dateSlash:"YYYY/MM/DD",dateTimeMinuteDash:"yyyy-MM-dd HH:mm",dateTimeMinuteSlash:"yyyy/MM/dd HH:mm",dateTimeSecondDash:"yyyy-MM-dd HH:mm:ss",dateTimeSecondSlash:"yyyy/MM/dd HH:mm:ss",timeMinute:"HH:mm",timeSecond:"HH:mm:ss"},Ye={presets:We};var fe=new WeakMap;function ge(e){return((...t)=>{let a=fe.get(e),o=t.map(String).join("_");if(a){let i=a.get(o);if(i)return i}else a=new Map,fe.set(e,a);let n=e(...t);return a.set(o,n),n})}function Yt(e,t,a="zh-CN"){return new Intl.NumberFormat(a,t).format(e)}function qt(e,t,a="zh-CN"){return new Intl.NumberFormat(a,{style:"currency",...t}).format(e)}function $t(e,t="en-US"){return new Intl.NumberFormat(t,{notation:"compact",compactDisplay:"short"}).format(e)}var Kt=ge((e,t=2)=>e.replace(/[.,!@#$%^&*()_+=\-`~[\]/\\{}:"|<>?]+/gi,"").trim().split(/\s+/).slice(0,t).map(a=>{if(!a.length)return "";if(/\s+/.test(e))return a.match(/./u)?.[0].toUpperCase();let o=new RegExp(".".repeat(t),"u"),n=a.match(o)?.[0];return n?n.charAt(0).toUpperCase()+n.slice(1):e.charAt(0).toUpperCase()+e.slice(1,2)}).join(""));var he={};a(he,{Badge:()=>$e,BadgeButton:()=>Ke,BadgeDot:()=>je,Root:()=>$e,badgeVariants:()=>ve});var ve=b({base:["inline-flex items-center justify-center border border-transparent font-medium whitespace-nowrap select-none [&_svg]:-ms-px [&_svg]:shrink-0","focus:ring-2 focus:ring-primary-base focus:ring-offset-2 focus:outline-hidden"],variants:{variant:{primary:"bg-primary-base text-static-white",secondary:"bg-gray-200 text-gray-700",success:"bg-green-500 text-static-white",warning:"bg-yellow-500 text-static-white",info:"bg-violet-500 text-static-white",outline:"border border-stroke-soft bg-transparent text-text-sub",error:"bg-red-600 text-static-white"},appearance:{default:"",light:"",outline:"border-stroke-sub",ghost:"border-transparent bg-transparent"},disabled:{true:"pointer-events-none opacity-50"},size:{large:"h-28 min-w-28 gap-6 rounded-lg px-8 text-[14px] [&_svg]:size-14",medium:"h-24 min-w-24 gap-5 rounded-lg px-[7.2px] text-[14px] [&_svg]:size-14",small:"h-20 min-w-20 gap-4 rounded-md px-[5.2px] text-[12px] leading-14 [&_svg]:size-12",xsmall:"h-16 min-w-16 gap-4 rounded-md px-4 text-[10px] leading-12 [&_svg]:size-12"},shape:{default:"",circle:"rounded-full"}},compoundVariants:[{variant:"primary",appearance:"light",className:"bg-primary-base text-static-white"},{variant:"secondary",appearance:"light",className:"bg-gray-200"},{variant:"success",appearance:"light",className:"bg-green-50 text-green-700"},{variant:"warning",appearance:"light",className:"bg-yellow-50 text-yellow-700"},{variant:"info",appearance:"light",className:"bg-violet-50 text-violet-700"},{variant:"error",appearance:"light",className:"bg-red-50 text-red-700"},{variant:"primary",appearance:"outline",className:"border-blue-100 bg-blue-50 text-blue-700"},{variant:"success",appearance:"outline",className:"border-green-100 bg-green-50 text-green-700"},{variant:"warning",appearance:"outline",className:"border-yellow-100 bg-yellow-50 text-yellow-700"},{variant:"info",appearance:"outline",className:"border-violet-100 bg-violet-50 text-violet-700"},{variant:"error",appearance:"outline",className:"border-red-100 bg-red-50 text-red-700"},{variant:"primary",appearance:"ghost",className:"text-primary-base"},{variant:"secondary",appearance:"ghost",className:"text-gray-700"},{variant:"success",appearance:"ghost",className:"text-green-500"},{variant:"warning",appearance:"ghost",className:"text-yellow-500"},{variant:"info",appearance:"ghost",className:"text-violet-500"},{variant:"error",appearance:"ghost",className:"text-error-base"},{size:"large",appearance:"ghost",className:"px-0"},{size:"medium",appearance:"ghost",className:"px-0"},{size:"small",appearance:"ghost",className:"px-0"},{size:"xsmall",appearance:"ghost",className:"px-0"}],defaultVariants:{variant:"primary",appearance:"default",size:"medium"}}),qe=b({base:"-me-2 inline-flex size-14 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-14! [&>svg]:opacity-100!",variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function $e({className:e,variant:t,size:a,appearance:o,shape:n,asChild:i=false,disabled:d,...l}){let m=i?Slot.Slot:"span";return jsx(m,{"data-slot":"badge",className:c(ve({variant:t,size:a,appearance:o,shape:n,disabled:d}),e),...l})}function Ke({className:e,variant:t,asChild:a=false,...o}){let n=a?Slot.Slot:"span";return jsx(n,{"data-slot":"badge-button",className:c(qe({variant:t,className:e})),role:"button",...o})}function je({className:e,...t}){return jsx("span",{"data-slot":"badge-dot",className:c("size-6 rounded-full bg-[currentColor] opacity-75",e),...t})}var ye={};a(ye,{Avatar:()=>Ge,AvatarFallback:()=>Qe,AvatarImage:()=>Je,AvatarIndicator:()=>Xe,AvatarStatus:()=>Ze,Root:()=>Ge,avatarStatusVariants:()=>xe});var xe=b({base:"border-background flex size-2 items-center rounded-full border-2",variants:{variant:{online:"bg-green-600",offline:"bg-zinc-400 dark:bg-zinc-500",busy:"bg-yellow-600",away:"bg-blue-600"}},defaultVariants:{variant:"online"}});function Ge({className:e,...t}){return jsx(Avatar.Root,{"data-slot":"avatar",className:c("relative flex size-40 shrink-0",e),...t})}function Je({className:e,...t}){return jsx("div",{className:c("relative overflow-hidden rounded-full",e),children:jsx(Avatar.Image,{"data-slot":"avatar-image",className:c("aspect-square h-full w-full"),...t})})}function Qe({className:e,...t}){return jsx(Avatar.Fallback,{"data-slot":"avatar-fallback",className:c("flex h-full w-full items-center justify-center rounded-full border border-stroke-soft bg-bg-weak text-[13px] text-text-sub",e),...t})}function Xe({className:e,...t}){return jsx("div",{"data-slot":"avatar-indicator",className:c("absolute flex size-24 items-center justify-center",e),...t})}function Ze({className:e,variant:t,...a}){return jsx("div",{"data-slot":"avatar-status",className:c(xe({variant:t}),e),...a})}function $({className:e,variant:t="neutral",mode:a="stroke",size:o="small",...n}){return jsx(M,{variant:t,mode:a,size:o,className:c("absolute top-12 right-10 z-10 m-auto aspect-square rounded-full border-transparent text-text-soft hover:text-text-strong",e),...n,children:jsxs("svg",{width:"1em",height:"1em",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M10.4854 1.99998L2.00007 10.4853",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),jsx("path",{d:"M10.4854 10.4844L2.00007 1.99908",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}var se=b({slots:{root:"relative flex w-fit max-w-xl flex-col rounded-[12px] border border-stroke-soft p-0 text-md",content:"",arrowCls:"",header:"flex items-center pe-28 select-none",close:"rounded-full"},variants:{variant:{default:{root:"gap-8 bg-bg-white p-16 pt-12",close:"top-12 right-12 hover:bg-bg-weak"},accent:{root:"bg-bg-weak p-4",content:"rounded-[8px] bg-bg-white px-12 py-8 shadow-sm",header:"px-12 py-4 pb-6",close:"top-9 right-8 hover:bg-bg-white",arrowCls:"bg-bg-weak"}}},defaultVariants:{variant:"default"}});function tt({variant:e,className:t,contentClassName:a,side:o="bottom",align:n="start",arrow:i=true,unstyled:d=true,closeable:l=true,sideOffset:m=1,title:p,content:c$1,children:v,asChild:O,defaultOpen:x,open:y,onOpenChange:g,onClose:w,...C}){let{root:P,content:N,header:R,close:W,arrowCls:k}=se({variant:e}),[A,M]=I__default.useState(x??false),D$1=y!==void 0,u=D$1?y:A,L=I__default.useCallback(T=>{D$1||M(T),g?.(T);},[D$1,g]);return jsxs(D,{open:u,onOpenChange:L,children:[D$1&&u&&jsx(H,{}),jsx(E,{className:c(u&&"active",D$1&&u&&"relative z-20"),asChild:O,children:v}),jsxs(F,{className:P({className:t}),arrowClassName:k(),unstyled:d,side:o,align:n,sideOffset:m,arrow:i,...C,children:[p&&jsxs("header",{className:R(),children:[jsx("h4",{className:"m-0 text-15 leading-26 font-medium text-text-strong",children:p}),l&&jsx(G,{asChild:true,onClick:w,children:jsx($,{size:"xsmall",mode:"ghost",className:W({class:"size-24 p-0"})})})]}),jsx("div",{className:N({className:a}),children:c$1})]})]})}function nt({variant:e="default",title:t,content:a,children:o,defaultOpen:n,className:i,side:d="top",align:l="center",sideOffset:m$1=1,arrow:p=true,open:c$1,contentClassName:v,onOpenChange:O,onConfirm:x,onCancel:y,...g}){let{root:w,content:C,header:P,arrowCls:N}=se({variant:e}),[R,W]=I__default.useState(n??false),k=c$1!==void 0,A=k?c$1:R,M$1=I__default.useCallback(T=>{k||W(T),O?.(T);},[k,O]),[D$1,u]=I__default.useState(false),L=I__default.useCallback(async()=>{M$1(false);try{u(!0),await x?.();}catch{}finally{u(false);}},[M$1,x]);return jsxs(D,{open:A,onOpenChange:M$1,children:[jsx(AnimatePresence,{children:A&&jsx(H,{as:m.div,...j,className:"bg-black/5"})}),jsx(E,{className:c(A&&"relative z-20"),children:jsx("div",{className:"inline-flex items-center",children:I__default.isValidElement(o)?I__default.cloneElement(o,{loading:D$1}):o})}),jsxs(F,{className:w({className:c("max-w-lg",i)}),arrowClassName:N(),unstyled:true,side:d,align:l,sideOffset:m$1,arrow:p,...g,children:[t&&jsxs("header",{className:P({className:"gap-6"}),children:[jsx(CircleAlert,{className:"text-red-500",size:16}),jsx("h4",{className:"m-0 text-15 leading-26 font-medium text-text-strong",children:t})]}),jsxs("div",{className:C({className:v}),children:[a,jsxs("div",{className:"mt-8 flex justify-end gap-12",children:[jsx(G,{unstyled:true,onClick:y,asChild:true,children:jsx(M,{size:"xsmall",variant:"neutral",mode:"stroke",className:"h-26",children:"Cancel"})}),jsx(M,{size:"xsmall",mode:"stroke",className:"h-26",onClick:L,children:"Confirm"})]})]})]})]})}function it({className:e,size:t="default",disabled:a,loading:o,onChange:n,...i}){return jsxs(Switch.Root,{"data-slot":"switch","data-size":t,onCheckedChange:n,className:c("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent p-0 transition-all outline-none","focus-visible:ring-2 focus-visible:ring-primary-base focus-visible:ring-offset-1 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[state=checked]:bg-primary-base data-[state=unchecked]:bg-bg-sub","data-[size=default]:h-20 data-[size=default]:w-38 data-[size=small]:h-18 data-[size=small]:w-32","aria-invalid:border-error-base aria-invalid:ring-3 aria-invalid:ring-error-light","after:absolute after:-inset-x-12 after:-inset-y-8",e),disabled:a||o,...i,children:[jsx(Switch.Thumb,{"data-slot":"switch-thumb",className:c("pointer-events-none block rounded-full bg-bg-white ring-0 transition-transform duration-250","group-data-[size=default]/switch:size-16 group-data-[size=default]/switch:data-[state=checked]:translate-x-19","group-data-[size=default]/switch:data-[state=unchecked]:translate-x-1","group-data-[size=small]/switch:size-14 group-data-[size=small]/switch:data-[state=checked]:translate-x-15","group-data-[size=small]/switch:data-[state=unchecked]:translate-x-1")}),o&&jsx("span",{"data-slot":"switch-loader",className:c("absolute inset-y-0 left-0 m-auto flex items-center justify-center text-text-soft transition-transform","group-data-[size=default]/switch:size-16 group-data-[size=default]/switch:group-data-[state=checked]/switch:translate-x-19","group-data-[size=default]/switch:group-data-[state=unchecked]/switch:translate-x-1","group-data-[size=small]/switch:size-14 group-data-[size=small]/switch:group-data-[state=checked]/switch:translate-x-15","group-data-[size=small]/switch:group-data-[state=unchecked]/switch:translate-x-1"),children:jsx(Loader2,{className:"animate-spin group-data-[size=default]/switch:size-14 group-data-[size=small]/switch:size-12",strokeWidth:"1"})})]})}function Ne({...e}){return jsx(Drawer.Root,{"data-slot":"drawer",...e})}function Re({...e}){return jsx(Drawer.Trigger,{"data-slot":"drawer-trigger",...e})}function pt({...e}){return jsx(Drawer.Portal,{"data-slot":"drawer-portal",...e})}function le({...e}){return jsx(Drawer.Close,{"data-slot":"drawer-close",...e})}function ct({className:e,...t}){return jsx(Drawer.Overlay,{"data-slot":"drawer-overlay",className:c("fixed inset-0 z-50 bg-black/10 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0",e),...t})}var mt={top:"inset-x-8 top-8 max-h-[80vh]",bottom:"inset-x-8 bottom-8 mt-96 max-h-[80vh]",left:"inset-y-8 left-8 w-3/5",right:"inset-y-8 right-8 w-3/5"};function ke({className:e,direction:t,children:a,...o}){let n=I.useRef({"--initial-transform":"calc(100% + 8px)"});return jsxs(pt,{"data-slot":"drawer-portal",children:[jsx(ct,{}),jsx(Drawer.Content,{"data-slot":"drawer-content",style:n.current,className:c("group/drawer-content fixed z-50 flex h-auto flex-col rounded-[12px] bg-static-white outline-none",t&&mt[t],e),...o,children:a})]})}function De({className:e,...t}){return jsx("div",{"data-slot":"drawer-header",className:c("flex flex-col px-16 py-12",e),...t})}function Te({className:e,...t}){return jsx("div",{"data-slot":"drawer-body",className:c("scrollbar-thin overflow-y-auto p-16 select-text",e),...t})}function ze({className:e,...t}){return jsx("div",{"data-slot":"drawer-footer",className:c("mt-auto flex flex-col gap-8 px-16 py-18",e),...t})}function Se({className:e,...t}){return jsx(Drawer.Title,{"data-slot":"drawer-title",className:c("m-0 text-xl leading-32 font-medium text-text-strong",e),...t})}function Oe({className:e,...t}){return jsx(Drawer.Description,{"data-slot":"drawer-description",className:c("m-0 text-md text-text-sub",e),...t})}function ft({direction:e="right",dismissible:t=true,skeletonItemCount:a=5,className:o,footerClassName:n,bodyClassName:i,headerClassName:d,title:l="Title",description:m,footer:p,trigger:c$1,container:v,children:O$1,open:x,onOpenChange:y,loading:g,handleOnly:w=true,style:C,width:P,onClose:N,onOk:R,...W}){let k=O(),A=I__default.useRef({...C,width:P}),[M$1,D]=I__default.useState(false),[u,L]=I__default.useState(false),T=x!==void 0,Me=T?x:M$1,Y=I__default.useCallback(F=>{!F&&u||(T||D(F),y?.(F));},[T,y,u]),He=I__default.useCallback(async()=>{if(!R){Y(false);return}let F=R();if(F instanceof Promise){L(true);try{await F,Y(!1);}catch{}finally{L(false);}}else Y(false);},[R,Y]),q=!u&&t;return jsxs(Ne,{container:v,direction:e,dismissible:q,handleOnly:w,autoFocus:true,open:Me,onOpenChange:Y,...W,children:[c$1&&jsx(Re,{asChild:true,children:c$1}),jsxs(ke,{direction:e,className:c(v&&v!==document.body&&"absolute",o),style:A.current,children:[t&&jsx(le,{asChild:true,children:jsx($,{disabled:!q})}),t===false&&jsx($,{disabled:!q,onClick:N}),jsxs(De,{className:c("border-b border-b-stroke-antd",d),children:[jsx(Se,{className:"pe-42",asChild:true,children:typeof l=="string"?jsx("h3",{children:l}):jsx("div",{children:l})}),jsx(Oe,{className:c(!m&&"sr-only"),children:m})]}),jsxs(Te,{className:i,children:[g&&jsx(gt,{count:a}),!g&&O$1]}),jsxs(ze,{className:c("flex-row border-t border-t-stroke-antd",n),children:[p,!p&&jsxs(Fragment,{children:[t&&jsx(le,{asChild:true,children:jsx(M,{variant:"neutral",mode:"stroke",className:"w-2/5",disabled:!q,children:k("close")})}),t===false&&jsx(M,{variant:"neutral",mode:"stroke",className:"w-2/5",disabled:!q,onClick:N,children:k("close")}),jsx(M,{variant:"neutral",mode:"filled",className:"w-3/5",loading:g||u,onClick:He,children:k("ok")})]})]})]})]})}function gt({count:e=5}){let t=Array.from({length:e});return jsxs("div",{className:"flex flex-col gap-16",children:[jsxs("div",{className:"flex flex-row items-center gap-12",children:[jsx(m$1,{className:"size-58 rounded-2xl"}),jsxs("div",{className:"flex flex-1 flex-col gap-4",children:[jsx(m$1,{className:"mb-4 h-14 w-3/10"}),jsx(m$1,{className:"h-10 w-7/10"}),jsx(m$1,{className:"h-10 w-9/10"})]})]}),t.map((a,o)=>jsxs("div",{className:"flex flex-col gap-8",children:[jsx(m$1,{className:"h-12 w-5/10"}),jsx(m$1,{className:"h-12 w-7/10"}),jsx(m$1,{className:"h-12 w-full"})]},o))]})}function vt(e){let[t,a]=I__default.useState(false),[o,n]=I__default.useState(null),i=I__default.useCallback(p=>{n(p),a(true);},[]),d=I__default.useCallback(()=>{a(false),n(null);},[]),l=I__default.useCallback(p=>{a(p),p||n(null);},[]);return [{...e,open:t,onOpenChange:l,onClose:d},o,i,d]}var yt={initial:{scale:.5,opacity:0,filter:"blur(2px)"},animate:{scale:1,opacity:1,filter:"blur(0px)"},exit:{scale:.5,opacity:0,filter:"blur(2px)"}},wt={opacity:{duration:.25},filter:{duration:.25},scale:{duration:.35,ease:[.34,1.56,.64,1]}};function Be({state:e,states:t,className:a}){return jsx(AnimatePresence,{initial:false,mode:"popLayout",children:jsx(m.span,{className:c("inline-flex items-center justify-center",a),variants:yt,initial:"initial",animate:"animate",exit:"exit",transition:wt,children:t[e]},e)})}var Ae=async e=>{if(!e)return;if(navigator.clipboard){await navigator.clipboard.writeText(e);return}let t=document.createElement("textarea");t.setAttribute("readonly",""),t.tabIndex=-1,t.style.position="fixed",t.style.left="-9999px",t.value=e,document.body.appendChild(t);let a=document.getSelection();if(a){let o=a.rangeCount>0&&a.getRangeAt(0);t.select(),document.execCommand("copy"),o&&(a.removeAllRanges(),a.addRange(o));}document.body.removeChild(t);};function Nt({content:e,delay:t=2e3,tooltipDelayDuration:a=700,variant:o="neutral",mode:n="stroke",size:i$1="small",as:d="button",onCopy:l,className:m}){let p=O(),[c$1,v]=I__default.useState(false),[O$1,x]=I__default.useState(false),[y,g]=I__default.useState(false),w=I__default.useRef(null),C=I__default.useRef(null);I__default.useEffect(()=>()=>{w.current&&clearTimeout(w.current),C.current&&clearTimeout(C.current);},[]);let P=I__default.useCallback(async()=>{c$1||(v(true),g(true),await Ae(e),l?.(e),w.current=setTimeout(()=>{g(false),C.current=setTimeout(()=>v(false),150);},t));},[c$1,t,e,l]),N=jsx(Be,{state:c$1?"succeed":"normal",states:{succeed:jsx(CheckCheck,{width:"1em",height:"1em"}),normal:jsx(Copy,{width:"1em",height:"1em"})}}),R=(()=>{switch(d){case "text":return jsx("span",{className:c("relative cursor-pointer before:absolute before:-inset-x-6 before:-inset-y-2 before:rounded-md hover:before:bg-bg-antd",m),onClick:P,children:jsx("span",{className:"relative z-1",children:e})});case "inline":return jsxs("span",{className:c("relative inline-flex cursor-pointer items-center gap-6 before:absolute before:-inset-x-6 before:-inset-y-2 before:rounded-md hover:before:bg-bg-antd",m),onClick:P,children:[jsx("span",{className:"relative z-1",children:e}),jsx("span",{className:c("inline-flex items-center text-zinc-500",c$1&&"text-primary-base"),children:N})]});default:return jsx(M,{variant:o,mode:n,size:i$1,className:c(c$1&&"cursor-not-allowed",m),onClick:P,startContent:N})}})();return jsx(i,{content:p(c$1?"copied":"copy"),size:i$1,open:y||O$1,delayDuration:a,onOpenChange:x,children:R})}function or({asChild:e,children:t,className:a,variant:o="slate",...n}){let i=e?Slot.Root:"div";return jsx(i,{className:c(`flex shrink-0 items-center justify-center rounded-xl border ui-badge-${o}`,a),...n,children:t})}function pr({...e}){return jsx(Collapsible.Root,{"data-slot":"collapsible",...e})}function cr({...e}){return jsx(Collapsible.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...e})}function mr({className:e,...t}){return jsx(Collapsible.CollapsibleContent,{"data-slot":"collapsible-content",className:c("collapsible-content",e),...t})}
|
|
2
|
+
export{ye as Avatar,he as Badge,pr as Collapsible,mr as CollapsibleContent,cr as CollapsibleTrigger,or as ColorPanel,Nt as CopyableText,ft as Drawer,nt as PopConfirm,tt as PopoverPreset,it as Switch,Ye as dateUtils,qt as formatCurrency,$t as formatIntegerCompact,Yt as formatNumber,Kt as getFirstLetters,vt as useDrawer};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import'./chunk-M7AD2PUT.js';import {domMax}from'motion/react';var r=domMax;export{r as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jerry-fd/ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.5",
|
|
4
4
|
"description": "UI component library based on Ant Design (Client-side only)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": ["index.js", "*.css"],
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"types": "./antd-data-filter.d.ts",
|
|
16
16
|
"import": "./antd-data-filter.js"
|
|
17
17
|
},
|
|
18
|
-
"./
|
|
19
|
-
"types": "./
|
|
20
|
-
"import": "./
|
|
18
|
+
"./data-table": {
|
|
19
|
+
"types": "./data-table.d.ts",
|
|
20
|
+
"import": "./data-table.js"
|
|
21
21
|
},
|
|
22
22
|
"./theme": "./theme/index.css",
|
|
23
23
|
"./theme/colors": "./theme/colors.css",
|
|
@@ -32,19 +32,20 @@
|
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"react": ">=18",
|
|
34
34
|
"react-dom": ">=18",
|
|
35
|
-
"antd": ">=
|
|
35
|
+
"antd": ">=6.0.0",
|
|
36
36
|
"dayjs": ">=1.11.0",
|
|
37
|
-
"tailwindcss": "
|
|
37
|
+
"tailwindcss": "^4.2.1",
|
|
38
38
|
"zustand": "^5.0.11",
|
|
39
|
-
"lucide-react": "^0.
|
|
39
|
+
"lucide-react": "^0.575.0",
|
|
40
40
|
"immer": "^11.1.3"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"cmdk": "^1.1.1",
|
|
44
|
-
"motion": "^12.
|
|
44
|
+
"motion": "^12.34.3",
|
|
45
45
|
"radix-ui": "^1.4.3",
|
|
46
|
+
"vaul": "^1.1.2",
|
|
46
47
|
"react-use-measure": "^2.1.7",
|
|
47
|
-
"tailwind-merge": "^3.
|
|
48
|
+
"tailwind-merge": "^3.5.0",
|
|
48
49
|
"tailwind-variants": "^3.2.2",
|
|
49
50
|
"tw-animate-css": "^1.4.0"
|
|
50
51
|
}
|
package/theme/shadows.css
CHANGED
package/theme/typography.css
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
@theme {
|
|
6
|
+
--text-xs: 10px;
|
|
7
|
+
--text-11: 11px;
|
|
8
|
+
--text-sm: 12px;
|
|
9
|
+
--text-13: 13px;
|
|
10
|
+
--text-md: 14px;
|
|
11
|
+
--text-15: 15px;
|
|
12
|
+
--text-lg: 16px;
|
|
13
|
+
--text-xl: 18px;
|
|
14
|
+
--text-2xl: 20px;
|
|
15
|
+
--text-3xl: 24px;
|
|
16
|
+
|
|
6
17
|
/* Font Families */
|
|
7
18
|
--font-sans: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, sans-serif;
|
|
8
19
|
--font-mono: ui-monospace, sfmono-regular, 'SF Mono', menlo, consolas, 'Liberation Mono', monospace;
|