vxui-re 1.0.2 → 1.0.3
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/README.md +1 -3
- package/README.zh.md +1 -3
- package/package.json +1 -1
- package/dist/.assetsignore +0 -2
- package/dist/404.html +0 -18
- package/dist/colorful_flat_icon.ico +0 -0
- package/dist/colorful_flat_icon.svg +0 -46
- package/dist/index.cjs +0 -144
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.js +0 -13289
- package/dist/src/components/Accordion.d.ts +0 -14
- package/dist/src/components/Alert.d.ts +0 -10
- package/dist/src/components/AppShell.d.ts +0 -33
- package/dist/src/components/Article.d.ts +0 -72
- package/dist/src/components/Avatar.d.ts +0 -12
- package/dist/src/components/Badge.d.ts +0 -7
- package/dist/src/components/Breadcrumb.d.ts +0 -12
- package/dist/src/components/Button.d.ts +0 -18
- package/dist/src/components/Calendar.d.ts +0 -10
- package/dist/src/components/Card.d.ts +0 -17
- package/dist/src/components/Carousel.d.ts +0 -15
- package/dist/src/components/Checkbox.d.ts +0 -7
- package/dist/src/components/CodeBlock.d.ts +0 -9
- package/dist/src/components/ColorPicker.d.ts +0 -13
- package/dist/src/components/CommandPalette.d.ts +0 -22
- package/dist/src/components/ContextMenu.d.ts +0 -20
- package/dist/src/components/DatePicker.d.ts +0 -15
- package/dist/src/components/Descriptions.d.ts +0 -29
- package/dist/src/components/Dialog.d.ts +0 -49
- package/dist/src/components/DropdownMenu.d.ts +0 -55
- package/dist/src/components/EmptyState.d.ts +0 -9
- package/dist/src/components/FileUpload.d.ts +0 -17
- package/dist/src/components/Form.d.ts +0 -28
- package/dist/src/components/Heading.d.ts +0 -13
- package/dist/src/components/HoverCard.d.ts +0 -11
- package/dist/src/components/Image.d.ts +0 -30
- package/dist/src/components/Input.d.ts +0 -18
- package/dist/src/components/Label.d.ts +0 -5
- package/dist/src/components/LanguageSwitcher.d.ts +0 -9
- package/dist/src/components/Menubar.d.ts +0 -24
- package/dist/src/components/MultiSelect.d.ts +0 -27
- package/dist/src/components/NavigationMenu.d.ts +0 -20
- package/dist/src/components/Notification.d.ts +0 -30
- package/dist/src/components/NumberInput.d.ts +0 -12
- package/dist/src/components/Pagination.d.ts +0 -9
- package/dist/src/components/PinInput.d.ts +0 -37
- package/dist/src/components/Popover.d.ts +0 -13
- package/dist/src/components/Progress.d.ts +0 -11
- package/dist/src/components/Radio.d.ts +0 -12
- package/dist/src/components/Rating.d.ts +0 -14
- package/dist/src/components/Resizable.d.ts +0 -35
- package/dist/src/components/Responsive.d.ts +0 -25
- package/dist/src/components/Result.d.ts +0 -18
- package/dist/src/components/ScrollArea.d.ts +0 -21
- package/dist/src/components/SegmentedControl.d.ts +0 -16
- package/dist/src/components/Select.d.ts +0 -31
- package/dist/src/components/Separator.d.ts +0 -6
- package/dist/src/components/Sheet/Sheet.d.ts +0 -30
- package/dist/src/components/Sheet/SheetPanel.d.ts +0 -44
- package/dist/src/components/Sheet/index.d.ts +0 -2
- package/dist/src/components/Sheet/useSheetState.d.ts +0 -34
- package/dist/src/components/Shell.d.ts +0 -88
- package/dist/src/components/Skeleton.d.ts +0 -8
- package/dist/src/components/Slider.d.ts +0 -7
- package/dist/src/components/Spinner.d.ts +0 -8
- package/dist/src/components/Stepper.d.ts +0 -14
- package/dist/src/components/Switch.d.ts +0 -7
- package/dist/src/components/Table.d.ts +0 -90
- package/dist/src/components/Tabs.d.ts +0 -5
- package/dist/src/components/TagInput.d.ts +0 -18
- package/dist/src/components/Text.d.ts +0 -14
- package/dist/src/components/Textarea.d.ts +0 -7
- package/dist/src/components/ThemeProvider.d.ts +0 -51
- package/dist/src/components/TimePicker.d.ts +0 -14
- package/dist/src/components/Timeline.d.ts +0 -14
- package/dist/src/components/Toast.d.ts +0 -15
- package/dist/src/components/Toggle.d.ts +0 -24
- package/dist/src/components/Tooltip.d.ts +0 -11
- package/dist/src/components/TreeView.d.ts +0 -20
- package/dist/src/components/__tests__/Accordion.test.d.ts +0 -1
- package/dist/src/components/__tests__/ActionSheet.test.d.ts +0 -1
- package/dist/src/components/__tests__/Alert.test.d.ts +0 -1
- package/dist/src/components/__tests__/AlertDialog.test.d.ts +0 -1
- package/dist/src/components/__tests__/AppShell.test.d.ts +0 -1
- package/dist/src/components/__tests__/Avatar.test.d.ts +0 -1
- package/dist/src/components/__tests__/Badge.test.d.ts +0 -1
- package/dist/src/components/__tests__/BottomNav.test.d.ts +0 -1
- package/dist/src/components/__tests__/Breadcrumb.test.d.ts +0 -1
- package/dist/src/components/__tests__/Button.test.d.ts +0 -1
- package/dist/src/components/__tests__/Calendar.test.d.ts +0 -1
- package/dist/src/components/__tests__/Card.test.d.ts +0 -1
- package/dist/src/components/__tests__/Carousel.test.d.ts +0 -1
- package/dist/src/components/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/src/components/__tests__/CodeBlock.test.d.ts +0 -1
- package/dist/src/components/__tests__/ColorPicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/CommandPalette.test.d.ts +0 -1
- package/dist/src/components/__tests__/ContextMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/DatePicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/Dialog.test.d.ts +0 -1
- package/dist/src/components/__tests__/DialogFormControls.test.d.ts +0 -1
- package/dist/src/components/__tests__/DropdownMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/EmptyState.test.d.ts +0 -1
- package/dist/src/components/__tests__/FileUpload.test.d.ts +0 -1
- package/dist/src/components/__tests__/Form.test.d.ts +0 -1
- package/dist/src/components/__tests__/Heading.test.d.ts +0 -1
- package/dist/src/components/__tests__/HoverCard.test.d.ts +0 -1
- package/dist/src/components/__tests__/Input.test.d.ts +0 -1
- package/dist/src/components/__tests__/Label.test.d.ts +0 -1
- package/dist/src/components/__tests__/LanguageSwitcher.test.d.ts +0 -1
- package/dist/src/components/__tests__/Menubar.test.d.ts +0 -1
- package/dist/src/components/__tests__/MobileDrawer.test.d.ts +0 -1
- package/dist/src/components/__tests__/MobileList.test.d.ts +0 -1
- package/dist/src/components/__tests__/MultiSelect.test.d.ts +0 -1
- package/dist/src/components/__tests__/NavigationMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/NumberInput.test.d.ts +0 -1
- package/dist/src/components/__tests__/Pagination.test.d.ts +0 -1
- package/dist/src/components/__tests__/Popover.test.d.ts +0 -1
- package/dist/src/components/__tests__/Progress.test.d.ts +0 -1
- package/dist/src/components/__tests__/Radio.test.d.ts +0 -1
- package/dist/src/components/__tests__/Rating.test.d.ts +0 -1
- package/dist/src/components/__tests__/Resizable.test.d.ts +0 -1
- package/dist/src/components/__tests__/Responsive.test.d.ts +0 -1
- package/dist/src/components/__tests__/ScrollArea.test.d.ts +0 -1
- package/dist/src/components/__tests__/SegmentedControl.test.d.ts +0 -1
- package/dist/src/components/__tests__/Select.test.d.ts +0 -1
- package/dist/src/components/__tests__/Separator.test.d.ts +0 -1
- package/dist/src/components/__tests__/Sheet.test.d.ts +0 -1
- package/dist/src/components/__tests__/Shell.test.d.ts +0 -1
- package/dist/src/components/__tests__/Skeleton.test.d.ts +0 -1
- package/dist/src/components/__tests__/Slider.test.d.ts +0 -1
- package/dist/src/components/__tests__/Spinner.test.d.ts +0 -1
- package/dist/src/components/__tests__/Stepper.test.d.ts +0 -1
- package/dist/src/components/__tests__/Switch.test.d.ts +0 -1
- package/dist/src/components/__tests__/Table.test.d.ts +0 -1
- package/dist/src/components/__tests__/Tabs.test.d.ts +0 -1
- package/dist/src/components/__tests__/TagInput.test.d.ts +0 -1
- package/dist/src/components/__tests__/Text.test.d.ts +0 -1
- package/dist/src/components/__tests__/Textarea.test.d.ts +0 -1
- package/dist/src/components/__tests__/ThemeProvider.test.d.ts +0 -1
- package/dist/src/components/__tests__/TimePicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/Timeline.test.d.ts +0 -1
- package/dist/src/components/__tests__/Toast.test.d.ts +0 -1
- package/dist/src/components/__tests__/Toggle.test.d.ts +0 -1
- package/dist/src/components/__tests__/Tooltip.test.d.ts +0 -1
- package/dist/src/components/__tests__/TreeView.test.d.ts +0 -1
- package/dist/src/components/mobile/ActionSheet.d.ts +0 -15
- package/dist/src/components/mobile/BottomNav.d.ts +0 -23
- package/dist/src/components/mobile/MobileApp.d.ts +0 -1
- package/dist/src/components/mobile/MobileDrawer.d.ts +0 -31
- package/dist/src/components/mobile/MobileList.d.ts +0 -24
- package/dist/src/components/mobile/MobilePreviewPage.d.ts +0 -5
- package/dist/src/components/mobile/MobileShell.d.ts +0 -24
- package/dist/src/components/pages/ErrorPage.d.ts +0 -9
- package/dist/src/components/pages/HomePage.d.ts +0 -10
- package/dist/src/components/pages/LoginPage.d.ts +0 -12
- package/dist/src/components/pages/PrivacyPolicyPage.d.ts +0 -5
- package/dist/src/components/pages/RegisterPage.d.ts +0 -14
- package/dist/src/components/pages/TermsOfServicePage.d.ts +0 -5
- package/dist/src/components/pages/homePageContent.d.ts +0 -25
- package/dist/src/components/pages/legalPageContent.d.ts +0 -15
- package/dist/src/lib/VXUIProvider.d.ts +0 -29
- package/dist/src/lib/__tests__/cx.test.d.ts +0 -1
- package/dist/src/lib/__tests__/viewport.test.d.ts +0 -1
- package/dist/src/lib/breakpoints.d.ts +0 -63
- package/dist/src/lib/cx.d.ts +0 -1
- package/dist/src/lib/dialogPopover.d.ts +0 -30
- package/dist/src/lib/index.d.ts +0 -152
- package/dist/src/lib/version.d.ts +0 -1
- package/dist/src/lib/viewport.d.ts +0 -21
- package/dist/wrangler.json +0 -1
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface MultiSelectOption {
|
|
3
|
-
value: string;
|
|
4
|
-
/** 选项显示文本,支持 ReactNode 自定义渲染 */
|
|
5
|
-
label: ReactNode;
|
|
6
|
-
/** 当 label 为 ReactNode 时,用于搜索过滤的纯文本。不传且 label 非字符串时,该选项不参与搜索匹配。 */
|
|
7
|
-
searchLabel?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface MultiSelectProps {
|
|
11
|
-
options: MultiSelectOption[];
|
|
12
|
-
value?: string[];
|
|
13
|
-
defaultValue?: string[];
|
|
14
|
-
onChange?: (value: string[]) => void;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
searchPlaceholder?: string;
|
|
17
|
-
label?: string;
|
|
18
|
-
hint?: string;
|
|
19
|
-
error?: string;
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
clearable?: boolean;
|
|
22
|
-
emptyText?: string;
|
|
23
|
-
/** Max number of visible tags before showing "+N more" badge */
|
|
24
|
-
maxDisplay?: number;
|
|
25
|
-
className?: string;
|
|
26
|
-
}
|
|
27
|
-
export declare function MultiSelect({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, maxDisplay, className, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface NavMenuSubItem {
|
|
3
|
-
label: string;
|
|
4
|
-
description?: string;
|
|
5
|
-
href?: string;
|
|
6
|
-
onClick?: () => void;
|
|
7
|
-
icon?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export interface NavMenuItem {
|
|
10
|
-
label: string;
|
|
11
|
-
href?: string;
|
|
12
|
-
onClick?: () => void;
|
|
13
|
-
items?: NavMenuSubItem[];
|
|
14
|
-
active?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export interface NavigationMenuProps {
|
|
17
|
-
items: NavMenuItem[];
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare function NavigationMenu({ items, className }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
type NotificationTone = 'info' | 'success' | 'warning' | 'danger';
|
|
3
|
-
type NotificationPlacement = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
4
|
-
interface NotificationInput {
|
|
5
|
-
title: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
tone?: NotificationTone;
|
|
8
|
-
/** Auto-dismiss duration in ms. 0 = persistent (manual dismiss). Default: 0 */
|
|
9
|
-
duration?: number;
|
|
10
|
-
/** Custom action node rendered at the bottom-right of the notification */
|
|
11
|
-
action?: ReactNode;
|
|
12
|
-
}
|
|
13
|
-
interface NotificationContextValue {
|
|
14
|
-
/** Push a new notification. Returns the notification id for programmatic dismiss. */
|
|
15
|
-
push: (notification: NotificationInput) => number;
|
|
16
|
-
/** Dismiss a notification by id. */
|
|
17
|
-
dismiss: (id: number) => void;
|
|
18
|
-
/** Dismiss all notifications. */
|
|
19
|
-
clear: () => void;
|
|
20
|
-
}
|
|
21
|
-
export interface NotificationProviderProps {
|
|
22
|
-
children: ReactNode;
|
|
23
|
-
/** Placement of the notification stack. Default: 'top-right' */
|
|
24
|
-
placement?: NotificationPlacement;
|
|
25
|
-
/** Maximum number of visible notifications. Default: 5 */
|
|
26
|
-
maxCount?: number;
|
|
27
|
-
}
|
|
28
|
-
export declare function NotificationProvider({ children, placement, maxCount, }: NotificationProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
export declare function useNotification(): NotificationContextValue;
|
|
30
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value'> {
|
|
3
|
-
label?: string;
|
|
4
|
-
hint?: string;
|
|
5
|
-
error?: string;
|
|
6
|
-
value?: number;
|
|
7
|
-
onChange?: (value: number) => void;
|
|
8
|
-
min?: number;
|
|
9
|
-
max?: number;
|
|
10
|
-
step?: number;
|
|
11
|
-
}
|
|
12
|
-
export declare function NumberInput({ className, label, hint, error, value, onChange, min, max, step, disabled, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface PaginationProps {
|
|
2
|
-
page: number;
|
|
3
|
-
total: number;
|
|
4
|
-
pageSize?: number;
|
|
5
|
-
siblingCount?: number;
|
|
6
|
-
onChange: (page: number) => void;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare function Pagination({ page, total, pageSize, siblingCount, onChange, className }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
type PinInputType = 'numeric' | 'alphanumeric';
|
|
2
|
-
type PinInputSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export interface PinInputProps {
|
|
4
|
-
/** Number of input fields. Default: 6 */
|
|
5
|
-
length?: number;
|
|
6
|
-
/** Controlled value (string of length `length`) */
|
|
7
|
-
value?: string;
|
|
8
|
-
/** Default value for uncontrolled mode */
|
|
9
|
-
defaultValue?: string;
|
|
10
|
-
/** Callback when all fields are filled or value changes */
|
|
11
|
-
onChange?: (value: string) => void;
|
|
12
|
-
/** Callback when all fields are filled */
|
|
13
|
-
onComplete?: (value: string) => void;
|
|
14
|
-
/** Input type. Default: 'numeric' */
|
|
15
|
-
type?: PinInputType;
|
|
16
|
-
/** Size preset. Default: 'md' */
|
|
17
|
-
size?: PinInputSize;
|
|
18
|
-
/** Placeholder character shown in empty fields. Default: '○' */
|
|
19
|
-
placeholder?: string;
|
|
20
|
-
/** Disable all inputs */
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
/** Show error state */
|
|
23
|
-
error?: string;
|
|
24
|
-
/** Label above the input group */
|
|
25
|
-
label?: string;
|
|
26
|
-
/** Hint text below the input group */
|
|
27
|
-
hint?: string;
|
|
28
|
-
/** Mask input (show dots). Default: false */
|
|
29
|
-
mask?: boolean;
|
|
30
|
-
/** Auto-focus the first input on mount. Default: false */
|
|
31
|
-
autoFocus?: boolean;
|
|
32
|
-
/** ARIA label for the group */
|
|
33
|
-
'aria-label'?: string;
|
|
34
|
-
className?: string;
|
|
35
|
-
}
|
|
36
|
-
export declare function PinInput({ length, value: controlledValue, defaultValue, onChange, onComplete, type, size, placeholder, disabled, error, label, hint, mask, autoFocus, 'aria-label': ariaLabel, className, }: PinInputProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
-
export interface PopoverProps {
|
|
4
|
-
content: ReactNode;
|
|
5
|
-
placement?: PopoverPlacement;
|
|
6
|
-
trigger?: 'click' | 'hover';
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
open?: boolean;
|
|
10
|
-
onOpenChange?: (open: boolean) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare function Popover({ content, placement, trigger, children, className, open: controlledOpen, onOpenChange, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
value?: number;
|
|
4
|
-
max?: number;
|
|
5
|
-
label?: string;
|
|
6
|
-
showLabel?: boolean;
|
|
7
|
-
size?: 'sm' | 'md' | 'lg';
|
|
8
|
-
variant?: 'default' | 'success' | 'warning' | 'danger' | 'rainbow';
|
|
9
|
-
indeterminate?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare function Progress({ className, value, max, label, showLabel, size, variant, indeterminate, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
3
|
-
label?: ReactNode;
|
|
4
|
-
description?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare function Radio({ className, label, description, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export interface RadioGroupProps {
|
|
8
|
-
label?: string;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
export declare function RadioGroup({ label, children, className }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export interface RatingProps {
|
|
2
|
-
value?: number;
|
|
3
|
-
defaultValue?: number;
|
|
4
|
-
onChange?: (value: number) => void;
|
|
5
|
-
max?: number;
|
|
6
|
-
/** Allow half-star values */
|
|
7
|
-
allowHalf?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
readOnly?: boolean;
|
|
10
|
-
label?: string;
|
|
11
|
-
className?: string;
|
|
12
|
-
size?: 'sm' | 'md' | 'lg';
|
|
13
|
-
}
|
|
14
|
-
export declare function Rating({ value: controlledValue, defaultValue, onChange, max, allowHalf, disabled, readOnly, label, className, size, }: RatingProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type ResizableDirection = 'horizontal' | 'vertical';
|
|
3
|
-
export interface ResizablePanelGroupProps {
|
|
4
|
-
direction?: ResizableDirection;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
className?: string;
|
|
7
|
-
style?: React.CSSProperties;
|
|
8
|
-
/** Disable user interaction on every child handle */
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare function ResizablePanelGroup({ direction, children, className, style, disabled, }: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export interface ResizablePanelProps {
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
/** Initial size as percentage (0–100) */
|
|
15
|
-
defaultSize?: number;
|
|
16
|
-
/** Min size in percentage */
|
|
17
|
-
minSize?: number;
|
|
18
|
-
/** Max size in percentage */
|
|
19
|
-
maxSize?: number;
|
|
20
|
-
className?: string;
|
|
21
|
-
style?: React.CSSProperties;
|
|
22
|
-
}
|
|
23
|
-
export declare function ResizablePanel({ children, defaultSize, minSize, maxSize, className, style, }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export interface ResizableHandleProps {
|
|
25
|
-
/**
|
|
26
|
-
* @deprecated Direction is now inherited from the surrounding
|
|
27
|
-
* `<ResizablePanelGroup>`. This prop is kept for backwards compatibility
|
|
28
|
-
* and is ignored at runtime.
|
|
29
|
-
*/
|
|
30
|
-
direction?: ResizableDirection;
|
|
31
|
-
/** Optional aria-label for assistive tech. */
|
|
32
|
-
ariaLabel?: string;
|
|
33
|
-
className?: string;
|
|
34
|
-
}
|
|
35
|
-
export declare function ResizableHandle({ direction: _legacyDirection, ariaLabel, className, }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ResponsiveProps {
|
|
3
|
-
/** Rendered on desktop (≥1024px) and, when tablet is omitted, on tablet too */
|
|
4
|
-
desktop: ReactNode;
|
|
5
|
-
/** Rendered on phone (≤767px) */
|
|
6
|
-
mobile: ReactNode;
|
|
7
|
-
/**
|
|
8
|
-
* Rendered on tablet (768–1023px).
|
|
9
|
-
* When omitted, the desktop node is used instead.
|
|
10
|
-
*/
|
|
11
|
-
tablet?: ReactNode;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Renders the correct subtree based on the current viewport.
|
|
15
|
-
* Viewport detection is synchronous on first render so there is no flash.
|
|
16
|
-
*
|
|
17
|
-
* Usage:
|
|
18
|
-
* ```tsx
|
|
19
|
-
* <Responsive
|
|
20
|
-
* desktop={<AppShell>…</AppShell>}
|
|
21
|
-
* mobile={<MobileApp />}
|
|
22
|
-
* />
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export declare function Responsive({ desktop, mobile, tablet }: ResponsiveProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
type ResultStatus = 'success' | 'error' | 'warning' | 'info' | 'forbidden' | 'not-found' | 'server-error';
|
|
3
|
-
export interface ResultProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/** Pre-built status with default icon and color */
|
|
5
|
-
status: ResultStatus;
|
|
6
|
-
/** Title text */
|
|
7
|
-
title: string;
|
|
8
|
-
/** Description text below the title */
|
|
9
|
-
description?: string;
|
|
10
|
-
/** Custom icon (overrides the default status icon) */
|
|
11
|
-
icon?: ReactNode;
|
|
12
|
-
/** Action area: buttons, links, etc. */
|
|
13
|
-
actions?: ReactNode;
|
|
14
|
-
/** Extra content area below actions */
|
|
15
|
-
extra?: ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare function Result({ status, title, description, icon, actions, extra, className, ...props }: ResultProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
export interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
* 滚动条样式变体。
|
|
5
|
-
* - `'overlay'`(默认):自定义悬浮滚动条,不占用布局空间,自动隐藏。
|
|
6
|
-
* - `'native'`:浏览器原生滚动条,零 JS 开销。
|
|
7
|
-
*/
|
|
8
|
-
variant?: 'overlay' | 'native';
|
|
9
|
-
/** 最大高度,超出后滚动。数字按 px 处理,字符串如 `"50vh"` 按相对尺寸。 */
|
|
10
|
-
maxHeight?: string | number;
|
|
11
|
-
/** 最大宽度,超出后滚动。数字按 px 处理,字符串如 `"100%"` 按相对尺寸。 */
|
|
12
|
-
maxWidth?: string | number;
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* ScrollArea — 统一滚动容器组件。
|
|
17
|
-
*
|
|
18
|
-
* 默认使用 overlay 模式(自定义悬浮滚动条),
|
|
19
|
-
* 可通过 `variant="native"` 切换为浏览器原生滚动条。
|
|
20
|
-
*/
|
|
21
|
-
export declare function ScrollArea({ variant, maxHeight, maxWidth, children, className, style, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface SegmentedControlOption {
|
|
3
|
-
label: ReactNode;
|
|
4
|
-
value: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export interface SegmentedControlProps {
|
|
8
|
-
options: SegmentedControlOption[];
|
|
9
|
-
value?: string;
|
|
10
|
-
defaultValue?: string;
|
|
11
|
-
onChange?: (value: string) => void;
|
|
12
|
-
className?: string;
|
|
13
|
-
fullWidth?: boolean;
|
|
14
|
-
size?: 'sm' | 'md' | 'lg';
|
|
15
|
-
}
|
|
16
|
-
export declare function SegmentedControl({ options, value: controlledValue, defaultValue, onChange, className, fullWidth, size, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface SelectOption {
|
|
3
|
-
value: string;
|
|
4
|
-
/** 选项显示文本,支持 ReactNode 自定义渲染 */
|
|
5
|
-
label: ReactNode;
|
|
6
|
-
/** 当 label 为 ReactNode 时,用于搜索过滤的纯文本。不传且 label 非字符串时,该选项不参与搜索匹配。 */
|
|
7
|
-
searchLabel?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface SelectProps {
|
|
11
|
-
options: SelectOption[];
|
|
12
|
-
value?: string;
|
|
13
|
-
defaultValue?: string;
|
|
14
|
-
onChange?: (value: string | undefined) => void;
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
searchPlaceholder?: string;
|
|
17
|
-
label?: string;
|
|
18
|
-
hint?: string;
|
|
19
|
-
error?: string;
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
clearable?: boolean;
|
|
22
|
-
emptyText?: string;
|
|
23
|
-
searchable?: boolean | number;
|
|
24
|
-
className?: string;
|
|
25
|
-
/**
|
|
26
|
-
* 自定义移动端选择面板组件。
|
|
27
|
-
* 默认使用 Sheet 组件。传入 null 可禁用移动端面板。
|
|
28
|
-
*/
|
|
29
|
-
mobileSheet?: ReactNode;
|
|
30
|
-
}
|
|
31
|
-
export declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, searchable, className, mobileSheet, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
export interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
3
|
-
orientation?: 'horizontal' | 'vertical';
|
|
4
|
-
decorative?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { SheetActionItem, SheetSide } from './SheetPanel';
|
|
3
|
-
export type { SheetSide } from './SheetPanel';
|
|
4
|
-
export type { SheetActionItemProps } from './SheetPanel';
|
|
5
|
-
export type SheetVariant = 'default' | 'action';
|
|
6
|
-
export interface SheetProps {
|
|
7
|
-
trigger?: ReactNode;
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
side?: SheetSide;
|
|
10
|
-
variant?: SheetVariant;
|
|
11
|
-
title?: ReactNode;
|
|
12
|
-
description?: ReactNode;
|
|
13
|
-
header?: ReactNode;
|
|
14
|
-
footer?: ReactNode;
|
|
15
|
-
open?: boolean;
|
|
16
|
-
defaultOpen?: boolean;
|
|
17
|
-
onOpenChange?: (open: boolean) => void;
|
|
18
|
-
showClose?: boolean;
|
|
19
|
-
closeOnOverlayClick?: boolean;
|
|
20
|
-
showConfirm?: boolean;
|
|
21
|
-
confirmText?: string;
|
|
22
|
-
confirmDisabled?: boolean;
|
|
23
|
-
onConfirm?: () => void;
|
|
24
|
-
className?: string;
|
|
25
|
-
width?: number;
|
|
26
|
-
}
|
|
27
|
-
export declare function Sheet({ trigger, title, description, side, variant, children, header, footer, className, open: openProp, defaultOpen, onOpenChange, showClose, closeOnOverlayClick, showConfirm, confirmText, confirmDisabled, onConfirm, width, }: SheetProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export declare namespace Sheet {
|
|
29
|
-
var Item: typeof SheetActionItem;
|
|
30
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { ReactNode, ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { SheetPhase } from './useSheetState';
|
|
3
|
-
export type SheetSide = 'left' | 'right' | 'top' | 'bottom';
|
|
4
|
-
export interface SheetPanelProps {
|
|
5
|
-
side: SheetSide;
|
|
6
|
-
phase: SheetPhase;
|
|
7
|
-
title?: ReactNode;
|
|
8
|
-
description?: ReactNode;
|
|
9
|
-
children: ReactNode;
|
|
10
|
-
header?: ReactNode;
|
|
11
|
-
footer?: ReactNode;
|
|
12
|
-
className?: string;
|
|
13
|
-
showClose?: boolean;
|
|
14
|
-
showConfirm?: boolean;
|
|
15
|
-
confirmText?: string;
|
|
16
|
-
confirmDisabled?: boolean;
|
|
17
|
-
onConfirm?: () => void;
|
|
18
|
-
onClose: () => void;
|
|
19
|
-
/** 点击遮罩层关闭 */
|
|
20
|
-
closeOnOverlayClick?: boolean;
|
|
21
|
-
/** action 变体:使用操作列表样式(无关闭按钮、无确认按钮) */
|
|
22
|
-
action?: boolean;
|
|
23
|
-
/** 抽屉宽度(仅 left/right 有效) */
|
|
24
|
-
width?: number;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* 统一的 Sheet 面板组件
|
|
28
|
-
*
|
|
29
|
-
* 同时处理桌面端和移动端的所有方向:
|
|
30
|
-
* - left/right:侧边滑入面板
|
|
31
|
-
* - top/bottom:顶部/底部滑入面板
|
|
32
|
-
* - action:底部操作列表(无关闭/确认按钮)
|
|
33
|
-
*
|
|
34
|
-
* 行为统一:
|
|
35
|
-
* - 只能通过关闭按钮或确认按钮关闭,不能点击遮罩
|
|
36
|
-
* - 统一的打开/关闭 animation
|
|
37
|
-
* - 统一的确认按钮
|
|
38
|
-
*/
|
|
39
|
-
export declare function SheetPanel({ side, phase, title, description, children, header, footer, className, showClose, showConfirm, confirmText, confirmDisabled, onConfirm, onClose, closeOnOverlayClick, action, width, }: SheetPanelProps): import('react').ReactPortal | null;
|
|
40
|
-
export interface SheetActionItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
41
|
-
icon?: ReactNode;
|
|
42
|
-
destructive?: boolean;
|
|
43
|
-
}
|
|
44
|
-
export declare function SheetActionItem({ icon, destructive, className, children, ...props }: SheetActionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export type SheetPhase = 'hidden' | 'visible' | 'exiting';
|
|
2
|
-
export interface UseSheetStateProps {
|
|
3
|
-
open?: boolean;
|
|
4
|
-
defaultOpen?: boolean;
|
|
5
|
-
onOpenChange?: (open: boolean) => void;
|
|
6
|
-
}
|
|
7
|
-
export interface UseSheetStateReturn {
|
|
8
|
-
/** 当前是否在视觉上可见 */
|
|
9
|
-
isVisible: boolean;
|
|
10
|
-
/** 当前动画阶段 */
|
|
11
|
-
phase: SheetPhase;
|
|
12
|
-
/** 打开 */
|
|
13
|
-
open: () => void;
|
|
14
|
-
/** 关闭(启动退出动画) */
|
|
15
|
-
close: () => void;
|
|
16
|
-
/** dialog 状态:是否逻辑上已打开 */
|
|
17
|
-
isOpen: boolean;
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* Sheet 状态管理 hook
|
|
21
|
-
*
|
|
22
|
-
* 三阶段:hidden → visible → exiting → hidden
|
|
23
|
-
*
|
|
24
|
-
* - visible: 组件可见,入场 animation 已在挂载时自动播放完毕
|
|
25
|
-
* - exiting: 用户触发关闭,CSS animation 播放退场动画
|
|
26
|
-
* - hidden: 退场动画完成,组件卸载
|
|
27
|
-
*
|
|
28
|
-
* 关闭流程统一由 isOpen 驱动:
|
|
29
|
-
* close() → dialogClose() → isOpen=false → useEffect → setPhase('exiting')
|
|
30
|
-
* → setTimeout → setPhase('hidden')
|
|
31
|
-
*
|
|
32
|
-
* 避免重复触发:使用 ref 标记是否正在退出,防止 isOpen 变化重复触发。
|
|
33
|
-
*/
|
|
34
|
-
export declare function useSheetState(props: UseSheetStateProps): UseSheetStateReturn;
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ShellNavItem {
|
|
3
|
-
key: string;
|
|
4
|
-
label: string;
|
|
5
|
-
icon?: ReactNode;
|
|
6
|
-
badge?: string;
|
|
7
|
-
trailing?: ReactNode;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
onSelect?: () => void;
|
|
10
|
-
/** Nested sub-items; renders an expandable sub-menu */
|
|
11
|
-
children?: ShellNavItem[];
|
|
12
|
-
/** Whether sub-menu is open by default */
|
|
13
|
-
defaultOpen?: boolean;
|
|
14
|
-
}
|
|
15
|
-
export interface ShellNavSection {
|
|
16
|
-
key?: string;
|
|
17
|
-
title?: string;
|
|
18
|
-
items: ShellNavItem[];
|
|
19
|
-
}
|
|
20
|
-
export interface ShellProps {
|
|
21
|
-
collapsed?: boolean;
|
|
22
|
-
mobileNavOpen?: boolean;
|
|
23
|
-
density?: 'comfortable' | 'compact';
|
|
24
|
-
/** Optional: Configure sidebar width via string (e.g., "18rem") or number (e.g., 280 for px) */
|
|
25
|
-
sidebarWidth?: number | string;
|
|
26
|
-
className?: string;
|
|
27
|
-
children: ReactNode;
|
|
28
|
-
}
|
|
29
|
-
export declare function Shell({ collapsed, mobileNavOpen, density, sidebarWidth, className, children }: ShellProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
export interface ShellSidebarProps {
|
|
31
|
-
brand?: string;
|
|
32
|
-
brandCaption?: string;
|
|
33
|
-
brandIcon?: ReactNode;
|
|
34
|
-
collapsed?: boolean;
|
|
35
|
-
footer?: ReactNode;
|
|
36
|
-
onToggle?: () => void;
|
|
37
|
-
collapseLabel?: string;
|
|
38
|
-
expandLabel?: string;
|
|
39
|
-
onSidebarClick?: (e: React.MouseEvent<HTMLElement>) => void;
|
|
40
|
-
children?: ReactNode;
|
|
41
|
-
}
|
|
42
|
-
export declare function ShellSidebar({ brand, brandCaption, brandIcon, collapsed, footer, onToggle, collapseLabel, expandLabel, onSidebarClick, children, }: ShellSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
export interface ShellNavProps {
|
|
44
|
-
label?: string;
|
|
45
|
-
children?: ReactNode;
|
|
46
|
-
}
|
|
47
|
-
export declare function ShellNav({ label, children }: ShellNavProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
export interface ShellNavSectionProps {
|
|
49
|
-
title?: string;
|
|
50
|
-
children?: ReactNode;
|
|
51
|
-
}
|
|
52
|
-
export declare function ShellNavSection({ title, children }: ShellNavSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
53
|
-
export interface ShellNavItemProps {
|
|
54
|
-
label: string;
|
|
55
|
-
icon?: ReactNode;
|
|
56
|
-
badge?: string;
|
|
57
|
-
trailing?: ReactNode;
|
|
58
|
-
active?: boolean;
|
|
59
|
-
onSelect?: () => void;
|
|
60
|
-
/** Nested sub-items rendered as an expandable sub-menu */
|
|
61
|
-
children?: ReactNode;
|
|
62
|
-
/** Whether sub-menu starts open. Defaults to false */
|
|
63
|
-
defaultOpen?: boolean;
|
|
64
|
-
}
|
|
65
|
-
export declare function ShellNavItem({ label, icon, badge, trailing, active, onSelect, children, defaultOpen }: ShellNavItemProps): import("react/jsx-runtime").JSX.Element;
|
|
66
|
-
export interface ShellOverlayProps {
|
|
67
|
-
onClose?: () => void;
|
|
68
|
-
closeLabel?: string;
|
|
69
|
-
}
|
|
70
|
-
export declare function ShellOverlay({ onClose, closeLabel }: ShellOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
71
|
-
export interface ShellMainProps {
|
|
72
|
-
children: ReactNode;
|
|
73
|
-
}
|
|
74
|
-
export declare function ShellMain({ children }: ShellMainProps): import("react/jsx-runtime").JSX.Element;
|
|
75
|
-
export interface ShellTopbarProps {
|
|
76
|
-
title?: string;
|
|
77
|
-
description?: string;
|
|
78
|
-
breadcrumb?: ReactNode;
|
|
79
|
-
actions?: ReactNode;
|
|
80
|
-
onMenuToggle?: () => void;
|
|
81
|
-
mobileNavOpen?: boolean;
|
|
82
|
-
menuButtonLabel?: string;
|
|
83
|
-
}
|
|
84
|
-
export declare const ShellTopbar: import('react').ForwardRefExoticComponent<ShellTopbarProps & import('react').RefAttributes<HTMLElement>>;
|
|
85
|
-
export interface ShellContentProps {
|
|
86
|
-
children: ReactNode;
|
|
87
|
-
}
|
|
88
|
-
export declare function ShellContent({ children }: ShellContentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
export interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
|
-
width?: string | number;
|
|
4
|
-
height?: string | number;
|
|
5
|
-
variant?: 'text' | 'rect' | 'circle';
|
|
6
|
-
lines?: number;
|
|
7
|
-
}
|
|
8
|
-
export declare function Skeleton({ className, width, height, variant, lines, style, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { InputHTMLAttributes } from 'react';
|
|
2
|
-
export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
3
|
-
label?: string;
|
|
4
|
-
showValue?: boolean;
|
|
5
|
-
hint?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function Slider({ className, label, showValue, hint, value, defaultValue, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
type SpinnerSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
|
|
4
|
-
size?: SpinnerSize;
|
|
5
|
-
label?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function Spinner({ className, size, label, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export type StepStatus = 'completed' | 'active' | 'pending' | 'error';
|
|
2
|
-
export interface StepItem {
|
|
3
|
-
label: string;
|
|
4
|
-
description?: string;
|
|
5
|
-
status?: StepStatus;
|
|
6
|
-
}
|
|
7
|
-
export interface StepperProps {
|
|
8
|
-
steps: StepItem[];
|
|
9
|
-
/** 0-based index of the current step (used when status is not set per step) */
|
|
10
|
-
currentStep?: number;
|
|
11
|
-
orientation?: 'horizontal' | 'vertical';
|
|
12
|
-
className?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare function Stepper({ steps, currentStep, orientation, className, }: StepperProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
-
export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
|
|
4
|
-
label: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function Switch({ className, label, description, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|