orizon 0.1.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/LICENSE +21 -0
- package/README.md +101 -0
- package/dist/components/affix/Affix.d.ts +4 -0
- package/dist/components/affix/index.d.ts +2 -0
- package/dist/components/affix/types.d.ts +10 -0
- package/dist/components/alert/Alert.d.ts +4 -0
- package/dist/components/alert/ErrorBoundary.d.ts +12 -0
- package/dist/components/alert/index.d.ts +8 -0
- package/dist/components/alert/types.d.ts +45 -0
- package/dist/components/anchor/Anchor.d.ts +4 -0
- package/dist/components/anchor/index.d.ts +2 -0
- package/dist/components/anchor/types.d.ts +47 -0
- package/dist/components/app/App.d.ts +13 -0
- package/dist/components/app/index.d.ts +7 -0
- package/dist/components/app/types.d.ts +9 -0
- package/dist/components/auto-complete/AutoComplete.d.ts +4 -0
- package/dist/components/auto-complete/index.d.ts +3 -0
- package/dist/components/auto-complete/types.d.ts +36 -0
- package/dist/components/avatar/Avatar.d.ts +5 -0
- package/dist/components/avatar/index.d.ts +7 -0
- package/dist/components/avatar/types.d.ts +49 -0
- package/dist/components/badge/Badge.d.ts +5 -0
- package/dist/components/badge/index.d.ts +7 -0
- package/dist/components/badge/types.d.ts +45 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +4 -0
- package/dist/components/breadcrumb/index.d.ts +2 -0
- package/dist/components/breadcrumb/types.d.ts +35 -0
- package/dist/components/button/Button.d.ts +4 -0
- package/dist/components/button/ButtonGroup.d.ts +4 -0
- package/dist/components/button/index.d.ts +8 -0
- package/dist/components/button/types.d.ts +35 -0
- package/dist/components/calendar/Calendar.d.ts +4 -0
- package/dist/components/calendar/index.d.ts +3 -0
- package/dist/components/calendar/types.d.ts +45 -0
- package/dist/components/card/Card.d.ts +6 -0
- package/dist/components/card/index.d.ts +8 -0
- package/dist/components/card/types.d.ts +53 -0
- package/dist/components/carousel/Carousel.d.ts +4 -0
- package/dist/components/carousel/index.d.ts +3 -0
- package/dist/components/carousel/types.d.ts +41 -0
- package/dist/components/cascader/Cascader.d.ts +4 -0
- package/dist/components/cascader/index.d.ts +3 -0
- package/dist/components/cascader/types.d.ts +42 -0
- package/dist/components/checkbox/Checkbox.d.ts +4 -0
- package/dist/components/checkbox/CheckboxGroup.d.ts +10 -0
- package/dist/components/checkbox/index.d.ts +8 -0
- package/dist/components/checkbox/types.d.ts +55 -0
- package/dist/components/collapse/Collapse.d.ts +4 -0
- package/dist/components/collapse/index.d.ts +3 -0
- package/dist/components/collapse/types.d.ts +58 -0
- package/dist/components/color-picker/ColorPicker.d.ts +4 -0
- package/dist/components/color-picker/index.d.ts +3 -0
- package/dist/components/color-picker/types.d.ts +30 -0
- package/dist/components/date-picker/DatePicker.d.ts +9 -0
- package/dist/components/date-picker/RangePicker.d.ts +4 -0
- package/dist/components/date-picker/index.d.ts +8 -0
- package/dist/components/date-picker/types.d.ts +60 -0
- package/dist/components/descriptions/Descriptions.d.ts +4 -0
- package/dist/components/descriptions/index.d.ts +3 -0
- package/dist/components/descriptions/types.d.ts +55 -0
- package/dist/components/divider/Divider.d.ts +4 -0
- package/dist/components/divider/index.d.ts +2 -0
- package/dist/components/divider/types.d.ts +19 -0
- package/dist/components/drawer/Drawer.d.ts +4 -0
- package/dist/components/drawer/index.d.ts +3 -0
- package/dist/components/drawer/types.d.ts +49 -0
- package/dist/components/dropdown/Dropdown.d.ts +4 -0
- package/dist/components/dropdown/DropdownButton.d.ts +4 -0
- package/dist/components/dropdown/index.d.ts +8 -0
- package/dist/components/dropdown/types.d.ts +76 -0
- package/dist/components/empty/Empty.d.ts +12 -0
- package/dist/components/empty/index.d.ts +8 -0
- package/dist/components/empty/types.d.ts +15 -0
- package/dist/components/flex/Flex.d.ts +4 -0
- package/dist/components/flex/index.d.ts +2 -0
- package/dist/components/flex/types.d.ts +21 -0
- package/dist/components/float-button/BackTop.d.ts +4 -0
- package/dist/components/float-button/FloatButton.d.ts +4 -0
- package/dist/components/float-button/FloatButtonGroup.d.ts +4 -0
- package/dist/components/float-button/index.d.ts +10 -0
- package/dist/components/float-button/types.d.ts +42 -0
- package/dist/components/form/Form.d.ts +7 -0
- package/dist/components/form/FormContext.d.ts +3 -0
- package/dist/components/form/FormErrorList.d.ts +6 -0
- package/dist/components/form/FormItem.d.ts +7 -0
- package/dist/components/form/FormList.d.ts +6 -0
- package/dist/components/form/index.d.ts +16 -0
- package/dist/components/form/types.d.ts +148 -0
- package/dist/components/form/useForm.d.ts +21 -0
- package/dist/components/grid/Col.d.ts +4 -0
- package/dist/components/grid/Row.d.ts +4 -0
- package/dist/components/grid/RowContext.d.ts +4 -0
- package/dist/components/grid/index.d.ts +3 -0
- package/dist/components/grid/types.d.ts +53 -0
- package/dist/components/image/Image.d.ts +5 -0
- package/dist/components/image/index.d.ts +7 -0
- package/dist/components/image/types.d.ts +48 -0
- package/dist/components/input/Input.d.ts +4 -0
- package/dist/components/input/OTP.d.ts +4 -0
- package/dist/components/input/Password.d.ts +4 -0
- package/dist/components/input/Search.d.ts +4 -0
- package/dist/components/input/TextArea.d.ts +4 -0
- package/dist/components/input/index.d.ts +14 -0
- package/dist/components/input/types.d.ts +126 -0
- package/dist/components/input-number/InputNumber.d.ts +4 -0
- package/dist/components/input-number/index.d.ts +3 -0
- package/dist/components/input-number/types.d.ts +42 -0
- package/dist/components/layout/Layout.d.ts +7 -0
- package/dist/components/layout/Sider.d.ts +4 -0
- package/dist/components/layout/index.d.ts +11 -0
- package/dist/components/layout/types.d.ts +52 -0
- package/dist/components/list/List.d.ts +9 -0
- package/dist/components/list/index.d.ts +11 -0
- package/dist/components/list/types.d.ts +83 -0
- package/dist/components/masonry/Masonry.d.ts +4 -0
- package/dist/components/masonry/index.d.ts +3 -0
- package/dist/components/masonry/types.d.ts +11 -0
- package/dist/components/mentions/Mentions.d.ts +4 -0
- package/dist/components/mentions/index.d.ts +3 -0
- package/dist/components/mentions/types.d.ts +33 -0
- package/dist/components/menu/Menu.d.ts +4 -0
- package/dist/components/menu/index.d.ts +2 -0
- package/dist/components/menu/types.d.ts +66 -0
- package/dist/components/message/MessageContainer.d.ts +7 -0
- package/dist/components/message/index.d.ts +8 -0
- package/dist/components/message/messageManager.d.ts +3 -0
- package/dist/components/message/types.d.ts +52 -0
- package/dist/components/message/useMessage.d.ts +3 -0
- package/dist/components/modal/ConfirmModal.d.ts +7 -0
- package/dist/components/modal/Modal.d.ts +4 -0
- package/dist/components/modal/index.d.ts +9 -0
- package/dist/components/modal/staticMethods.d.ts +6 -0
- package/dist/components/modal/types.d.ts +92 -0
- package/dist/components/modal/useModal.d.ts +3 -0
- package/dist/components/notification/NotificationContainer.d.ts +10 -0
- package/dist/components/notification/index.d.ts +8 -0
- package/dist/components/notification/notificationManager.d.ts +3 -0
- package/dist/components/notification/types.d.ts +69 -0
- package/dist/components/notification/useNotification.d.ts +3 -0
- package/dist/components/pagination/Pagination.d.ts +4 -0
- package/dist/components/pagination/index.d.ts +2 -0
- package/dist/components/pagination/types.d.ts +34 -0
- package/dist/components/popconfirm/Popconfirm.d.ts +4 -0
- package/dist/components/popconfirm/index.d.ts +3 -0
- package/dist/components/popconfirm/types.d.ts +39 -0
- package/dist/components/popover/Popover.d.ts +4 -0
- package/dist/components/popover/index.d.ts +3 -0
- package/dist/components/popover/types.d.ts +31 -0
- package/dist/components/progress/Progress.d.ts +4 -0
- package/dist/components/progress/index.d.ts +3 -0
- package/dist/components/progress/types.d.ts +39 -0
- package/dist/components/qrcode/QRCode.d.ts +4 -0
- package/dist/components/qrcode/index.d.ts +3 -0
- package/dist/components/qrcode/types.d.ts +32 -0
- package/dist/components/radio/Radio.d.ts +4 -0
- package/dist/components/radio/RadioButton.d.ts +4 -0
- package/dist/components/radio/RadioGroup.d.ts +12 -0
- package/dist/components/radio/index.d.ts +10 -0
- package/dist/components/radio/types.d.ts +72 -0
- package/dist/components/rate/Rate.d.ts +4 -0
- package/dist/components/rate/index.d.ts +3 -0
- package/dist/components/rate/types.d.ts +18 -0
- package/dist/components/result/Result.d.ts +4 -0
- package/dist/components/result/index.d.ts +3 -0
- package/dist/components/result/types.d.ts +20 -0
- package/dist/components/segmented/Segmented.d.ts +4 -0
- package/dist/components/segmented/index.d.ts +3 -0
- package/dist/components/segmented/types.d.ts +30 -0
- package/dist/components/select/Select.d.ts +4 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/types.d.ts +65 -0
- package/dist/components/skeleton/Skeleton.d.ts +4 -0
- package/dist/components/skeleton/SkeletonElements.d.ts +8 -0
- package/dist/components/skeleton/index.d.ts +12 -0
- package/dist/components/skeleton/types.d.ts +76 -0
- package/dist/components/slider/Slider.d.ts +4 -0
- package/dist/components/slider/index.d.ts +3 -0
- package/dist/components/slider/types.d.ts +29 -0
- package/dist/components/space/Compact.d.ts +4 -0
- package/dist/components/space/Space.d.ts +4 -0
- package/dist/components/space/index.d.ts +8 -0
- package/dist/components/space/types.d.ts +30 -0
- package/dist/components/spin/Spin.d.ts +4 -0
- package/dist/components/spin/index.d.ts +3 -0
- package/dist/components/spin/types.d.ts +28 -0
- package/dist/components/splitter/Panel.d.ts +4 -0
- package/dist/components/splitter/Splitter.d.ts +4 -0
- package/dist/components/splitter/index.d.ts +8 -0
- package/dist/components/splitter/types.d.ts +25 -0
- package/dist/components/statistic/Statistic.d.ts +5 -0
- package/dist/components/statistic/index.d.ts +7 -0
- package/dist/components/statistic/types.d.ts +37 -0
- package/dist/components/steps/Steps.d.ts +4 -0
- package/dist/components/steps/index.d.ts +2 -0
- package/dist/components/steps/types.d.ts +54 -0
- package/dist/components/switch/Switch.d.ts +4 -0
- package/dist/components/switch/index.d.ts +3 -0
- package/dist/components/switch/types.d.ts +25 -0
- package/dist/components/table/Table.d.ts +6 -0
- package/dist/components/table/index.d.ts +4 -0
- package/dist/components/table/types.d.ts +162 -0
- package/dist/components/tabs/Tabs.d.ts +4 -0
- package/dist/components/tabs/index.d.ts +2 -0
- package/dist/components/tabs/types.d.ts +51 -0
- package/dist/components/tag/Tag.d.ts +5 -0
- package/dist/components/tag/index.d.ts +7 -0
- package/dist/components/tag/types.d.ts +32 -0
- package/dist/components/time-picker/TimePicker.d.ts +5 -0
- package/dist/components/time-picker/TimeRangePicker.d.ts +4 -0
- package/dist/components/time-picker/index.d.ts +8 -0
- package/dist/components/time-picker/types.d.ts +48 -0
- package/dist/components/timeline/Timeline.d.ts +4 -0
- package/dist/components/timeline/index.d.ts +3 -0
- package/dist/components/timeline/types.d.ts +35 -0
- package/dist/components/tooltip/Tooltip.d.ts +4 -0
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/types.d.ts +33 -0
- package/dist/components/tour/Tour.d.ts +4 -0
- package/dist/components/tour/index.d.ts +3 -0
- package/dist/components/tour/types.d.ts +63 -0
- package/dist/components/transfer/Transfer.d.ts +4 -0
- package/dist/components/transfer/index.d.ts +3 -0
- package/dist/components/transfer/types.d.ts +40 -0
- package/dist/components/tree/Tree.d.ts +5 -0
- package/dist/components/tree/index.d.ts +7 -0
- package/dist/components/tree/types.d.ts +103 -0
- package/dist/components/tree-select/TreeSelect.d.ts +4 -0
- package/dist/components/tree-select/index.d.ts +3 -0
- package/dist/components/tree-select/types.d.ts +48 -0
- package/dist/components/typography/Typography.d.ts +12 -0
- package/dist/components/typography/index.d.ts +10 -0
- package/dist/components/typography/types.d.ts +92 -0
- package/dist/components/upload/Dragger.d.ts +4 -0
- package/dist/components/upload/Upload.d.ts +4 -0
- package/dist/components/upload/index.d.ts +8 -0
- package/dist/components/upload/types.d.ts +59 -0
- package/dist/components/watermark/Watermark.d.ts +4 -0
- package/dist/components/watermark/index.d.ts +3 -0
- package/dist/components/watermark/types.d.ts +43 -0
- package/dist/config-provider/ConfigProvider.d.ts +5 -0
- package/dist/config-provider/context.d.ts +7 -0
- package/dist/config-provider/index.d.ts +3 -0
- package/dist/config-provider/theme.d.ts +7 -0
- package/dist/config-provider/types.d.ts +23 -0
- package/dist/hooks/useComponentSize.d.ts +2 -0
- package/dist/hooks/useConfig.d.ts +1 -0
- package/dist/index.d.ts +138 -0
- package/dist/orizon.cjs.js +244 -0
- package/dist/orizon.es.js +61213 -0
- package/dist/preset.css +160 -0
- package/dist/vite.svg +1 -0
- package/package.json +96 -0
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import { ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, KeyboardEventHandler, ChangeEventHandler } from 'react';
|
|
2
|
+
export type InputSize = "small" | "middle" | "large";
|
|
3
|
+
export type InputStatus = "error" | "warning";
|
|
4
|
+
export type InputVariant = "outlined" | "borderless" | "filled" | "underlined";
|
|
5
|
+
export interface ShowCountInfo {
|
|
6
|
+
value: string;
|
|
7
|
+
count: number;
|
|
8
|
+
maxLength?: number;
|
|
9
|
+
}
|
|
10
|
+
export type ShowCountFormatter = (info: ShowCountInfo) => ReactNode;
|
|
11
|
+
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "onChange"> {
|
|
12
|
+
/** Controlled value */
|
|
13
|
+
value?: string;
|
|
14
|
+
/** Default (uncontrolled) value */
|
|
15
|
+
defaultValue?: string;
|
|
16
|
+
/** Change handler – receives the native React ChangeEvent */
|
|
17
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
18
|
+
/** Component size */
|
|
19
|
+
size?: InputSize;
|
|
20
|
+
/** Prefix icon / node rendered inside the input (left) */
|
|
21
|
+
prefix?: ReactNode;
|
|
22
|
+
/** Suffix icon / node rendered inside the input (right) */
|
|
23
|
+
suffix?: ReactNode;
|
|
24
|
+
/** Addon rendered *before* the input as a separate segment */
|
|
25
|
+
addonBefore?: ReactNode;
|
|
26
|
+
/** Addon rendered *after* the input as a separate segment */
|
|
27
|
+
addonAfter?: ReactNode;
|
|
28
|
+
/** Show a clear button when the input has value */
|
|
29
|
+
allowClear?: boolean | {
|
|
30
|
+
clearIcon?: ReactNode;
|
|
31
|
+
};
|
|
32
|
+
/** Validation status */
|
|
33
|
+
status?: InputStatus;
|
|
34
|
+
/** Visual variant */
|
|
35
|
+
variant?: InputVariant;
|
|
36
|
+
/** Display character count below / after the input */
|
|
37
|
+
showCount?: boolean | ShowCountFormatter;
|
|
38
|
+
/** Maximum number of characters */
|
|
39
|
+
maxLength?: number;
|
|
40
|
+
/** Whether the input is disabled */
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
/** Whether the input is read-only */
|
|
43
|
+
readOnly?: boolean;
|
|
44
|
+
/** Placeholder text */
|
|
45
|
+
placeholder?: string;
|
|
46
|
+
/** Callback fired when Enter is pressed */
|
|
47
|
+
onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
|
|
48
|
+
/** Callback fired when the clear button is clicked */
|
|
49
|
+
onClear?: () => void;
|
|
50
|
+
/** Extra class name */
|
|
51
|
+
className?: string;
|
|
52
|
+
}
|
|
53
|
+
export interface InputPasswordProps extends Omit<InputProps, "type"> {
|
|
54
|
+
/** Whether to show the toggle icon – defaults to true */
|
|
55
|
+
visibilityToggle?: boolean;
|
|
56
|
+
/** Controlled visible state */
|
|
57
|
+
visible?: boolean;
|
|
58
|
+
/** Callback when visibility changes */
|
|
59
|
+
onVisibleChange?: (visible: boolean) => void;
|
|
60
|
+
/** Custom icons: [visible, hidden] */
|
|
61
|
+
iconRender?: (visible: boolean) => ReactNode;
|
|
62
|
+
}
|
|
63
|
+
export interface AutoSizeConfig {
|
|
64
|
+
minRows?: number;
|
|
65
|
+
maxRows?: number;
|
|
66
|
+
}
|
|
67
|
+
export interface InputTextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
|
|
68
|
+
/** Controlled value */
|
|
69
|
+
value?: string;
|
|
70
|
+
/** Default (uncontrolled) value */
|
|
71
|
+
defaultValue?: string;
|
|
72
|
+
/** Change handler */
|
|
73
|
+
onChange?: ChangeEventHandler<HTMLTextAreaElement>;
|
|
74
|
+
/** Auto-resize the textarea to fit content */
|
|
75
|
+
autoSize?: boolean | AutoSizeConfig;
|
|
76
|
+
/** Display character count */
|
|
77
|
+
showCount?: boolean | ShowCountFormatter;
|
|
78
|
+
/** Maximum number of characters */
|
|
79
|
+
maxLength?: number;
|
|
80
|
+
/** Component size */
|
|
81
|
+
size?: InputSize;
|
|
82
|
+
/** Validation status */
|
|
83
|
+
status?: InputStatus;
|
|
84
|
+
/** Visual variant */
|
|
85
|
+
variant?: InputVariant;
|
|
86
|
+
/** Callback fired when Enter is pressed */
|
|
87
|
+
onPressEnter?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
88
|
+
/** Callback fired when the clear button is clicked */
|
|
89
|
+
onClear?: () => void;
|
|
90
|
+
/** Show a clear button */
|
|
91
|
+
allowClear?: boolean | {
|
|
92
|
+
clearIcon?: ReactNode;
|
|
93
|
+
};
|
|
94
|
+
/** Extra class name */
|
|
95
|
+
className?: string;
|
|
96
|
+
}
|
|
97
|
+
export interface InputSearchProps extends InputProps {
|
|
98
|
+
/** Render a button after the input; `true` renders the default "Search" text */
|
|
99
|
+
enterButton?: boolean | ReactNode;
|
|
100
|
+
/** Show a loading spinner */
|
|
101
|
+
loading?: boolean;
|
|
102
|
+
/** Callback fired on search (Enter key or button click) */
|
|
103
|
+
onSearch?: (value: string, event?: React.SyntheticEvent) => void;
|
|
104
|
+
}
|
|
105
|
+
export interface InputOTPProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "defaultValue" | "size"> {
|
|
106
|
+
/** Number of input fields – defaults to 6 */
|
|
107
|
+
length?: number;
|
|
108
|
+
/** Controlled value (full string) */
|
|
109
|
+
value?: string;
|
|
110
|
+
/** Default value */
|
|
111
|
+
defaultValue?: string;
|
|
112
|
+
/** Fires with the combined value string */
|
|
113
|
+
onChange?: (value: string) => void;
|
|
114
|
+
/** Mask character (e.g. "*") – hides entered characters */
|
|
115
|
+
mask?: boolean | string;
|
|
116
|
+
/** Component size */
|
|
117
|
+
size?: InputSize;
|
|
118
|
+
/** Validation status */
|
|
119
|
+
status?: InputStatus;
|
|
120
|
+
/** Whether the input is disabled */
|
|
121
|
+
disabled?: boolean;
|
|
122
|
+
/** Auto-focus the first input on mount */
|
|
123
|
+
autoFocus?: boolean;
|
|
124
|
+
/** Extra class name for the wrapper */
|
|
125
|
+
className?: string;
|
|
126
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const InputNumber: import('react').ForwardRefExoticComponent<import('./types').InputNumberProps<number> & import('react').RefAttributes<HTMLInputElement>>;
|
|
2
|
+
export { InputNumber };
|
|
3
|
+
export type { InputNumberProps, InputNumberSize, InputNumberStatus, InputNumberVariant, } from './types';
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export type InputNumberSize = "small" | "middle" | "large";
|
|
3
|
+
export type InputNumberStatus = "error" | "warning";
|
|
4
|
+
export type InputNumberVariant = "outlined" | "borderless" | "filled";
|
|
5
|
+
export interface InputNumberProps<T = number> {
|
|
6
|
+
value?: T;
|
|
7
|
+
defaultValue?: T;
|
|
8
|
+
onChange?: (value: T | null) => void;
|
|
9
|
+
min?: T;
|
|
10
|
+
max?: T;
|
|
11
|
+
step?: T extends number ? number : never;
|
|
12
|
+
precision?: number;
|
|
13
|
+
formatter?: (value: T | undefined, info: {
|
|
14
|
+
userTyping: boolean;
|
|
15
|
+
input: string;
|
|
16
|
+
}) => string;
|
|
17
|
+
parser?: (displayValue: string | undefined) => T;
|
|
18
|
+
controls?: boolean | {
|
|
19
|
+
upIcon?: ReactNode;
|
|
20
|
+
downIcon?: ReactNode;
|
|
21
|
+
};
|
|
22
|
+
addonBefore?: ReactNode;
|
|
23
|
+
addonAfter?: ReactNode;
|
|
24
|
+
prefix?: ReactNode;
|
|
25
|
+
suffix?: ReactNode;
|
|
26
|
+
size?: InputNumberSize;
|
|
27
|
+
status?: InputNumberStatus;
|
|
28
|
+
variant?: InputNumberVariant;
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
readOnly?: boolean;
|
|
31
|
+
placeholder?: string;
|
|
32
|
+
stringMode?: boolean;
|
|
33
|
+
keyboard?: boolean;
|
|
34
|
+
changeOnWheel?: boolean;
|
|
35
|
+
className?: string;
|
|
36
|
+
style?: CSSProperties;
|
|
37
|
+
onStep?: (value: number, info: {
|
|
38
|
+
offset: number;
|
|
39
|
+
type: "up" | "down";
|
|
40
|
+
}) => void;
|
|
41
|
+
onPressEnter?: (e: React.KeyboardEvent) => void;
|
|
42
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LayoutProps, HeaderProps, ContentProps, FooterProps } from './types';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const InternalLayout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLElement>>;
|
|
4
|
+
declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
|
|
5
|
+
declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
export { InternalLayout, Header, Content, Footer };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InternalLayout, Header, Content, Footer } from './Layout';
|
|
2
|
+
import { Sider } from './Sider';
|
|
3
|
+
type LayoutComponent = typeof InternalLayout & {
|
|
4
|
+
Header: typeof Header;
|
|
5
|
+
Sider: typeof Sider;
|
|
6
|
+
Content: typeof Content;
|
|
7
|
+
Footer: typeof Footer;
|
|
8
|
+
};
|
|
9
|
+
declare const Layout: LayoutComponent;
|
|
10
|
+
export { Layout };
|
|
11
|
+
export type { LayoutProps, HeaderProps, ContentProps, FooterProps, SiderProps, SiderTheme, SiderBreakpoint, } from './types';
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes, CSSProperties } from 'react';
|
|
2
|
+
export type SiderTheme = "light" | "dark";
|
|
3
|
+
export type SiderBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
|
|
4
|
+
export interface LayoutProps extends HTMLAttributes<HTMLElement> {
|
|
5
|
+
/** Whether the layout contains a Sider (auto-detected) */
|
|
6
|
+
hasSider?: boolean;
|
|
7
|
+
/** Extra class name */
|
|
8
|
+
className?: string;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface HeaderProps extends HTMLAttributes<HTMLElement> {
|
|
12
|
+
/** Extra class name */
|
|
13
|
+
className?: string;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export interface ContentProps extends HTMLAttributes<HTMLElement> {
|
|
17
|
+
/** Extra class name */
|
|
18
|
+
className?: string;
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
22
|
+
/** Extra class name */
|
|
23
|
+
className?: string;
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export interface SiderProps extends HTMLAttributes<HTMLElement> {
|
|
27
|
+
/** Whether the sider is collapsed */
|
|
28
|
+
collapsed?: boolean;
|
|
29
|
+
/** Whether the sider can be collapsed */
|
|
30
|
+
collapsible?: boolean;
|
|
31
|
+
/** Width of collapsed sider */
|
|
32
|
+
collapsedWidth?: number;
|
|
33
|
+
/** Width of sider */
|
|
34
|
+
width?: number | string;
|
|
35
|
+
/** Breakpoint at which to auto-collapse */
|
|
36
|
+
breakpoint?: SiderBreakpoint;
|
|
37
|
+
/** Theme of the sider */
|
|
38
|
+
theme?: SiderTheme;
|
|
39
|
+
/** Custom trigger element; null hides the default trigger */
|
|
40
|
+
trigger?: ReactNode | null;
|
|
41
|
+
/** Callback when collapsed state changes */
|
|
42
|
+
onCollapse?: (collapsed: boolean, type: "clickTrigger" | "responsive") => void;
|
|
43
|
+
/** Callback when breakpoint changes */
|
|
44
|
+
onBreakpoint?: (broken: boolean) => void;
|
|
45
|
+
/** Reverse arrow direction */
|
|
46
|
+
reverseArrow?: boolean;
|
|
47
|
+
/** Zero-width trigger style */
|
|
48
|
+
zeroWidthTriggerStyle?: CSSProperties;
|
|
49
|
+
/** Extra class name */
|
|
50
|
+
className?: string;
|
|
51
|
+
children?: ReactNode;
|
|
52
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ListProps, ListItemProps, ListItemMetaProps } from './types';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const ListItemMeta: React.FC<ListItemMetaProps>;
|
|
4
|
+
declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare function InternalList<T = unknown>({ dataSource, renderItem, header, footer, bordered, loading, pagination: paginationProp, size, grid, itemLayout, split, locale, className, style, rowKey, }: ListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare namespace InternalList {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
|
+
export { InternalList, ListItem, ListItemMeta };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InternalList, ListItem as InternalListItem, ListItemMeta } from './List';
|
|
2
|
+
type ListItemComponent = typeof InternalListItem & {
|
|
3
|
+
Meta: typeof ListItemMeta;
|
|
4
|
+
};
|
|
5
|
+
declare const ListItemWithMeta: ListItemComponent;
|
|
6
|
+
type ListComponent = typeof InternalList & {
|
|
7
|
+
Item: typeof ListItemWithMeta;
|
|
8
|
+
};
|
|
9
|
+
declare const List: ListComponent;
|
|
10
|
+
export { List };
|
|
11
|
+
export type { ListProps, ListItemProps, ListItemMetaProps, ListSize, ListItemLayout, ListGridConfig, ListPaginationConfig, } from './types';
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
2
|
+
export type ListSize = "default" | "large" | "small";
|
|
3
|
+
export type ListItemLayout = "horizontal" | "vertical";
|
|
4
|
+
export interface ListGridConfig {
|
|
5
|
+
/** Number of columns */
|
|
6
|
+
column?: number;
|
|
7
|
+
/** Gap between items */
|
|
8
|
+
gutter?: number;
|
|
9
|
+
/** Responsive columns */
|
|
10
|
+
xs?: number;
|
|
11
|
+
sm?: number;
|
|
12
|
+
md?: number;
|
|
13
|
+
lg?: number;
|
|
14
|
+
xl?: number;
|
|
15
|
+
xxl?: number;
|
|
16
|
+
}
|
|
17
|
+
export interface ListPaginationConfig {
|
|
18
|
+
current?: number;
|
|
19
|
+
pageSize?: number;
|
|
20
|
+
total?: number;
|
|
21
|
+
onChange?: (page: number, pageSize: number) => void;
|
|
22
|
+
position?: "top" | "bottom" | "both";
|
|
23
|
+
align?: "start" | "center" | "end";
|
|
24
|
+
simple?: boolean;
|
|
25
|
+
size?: "default" | "small";
|
|
26
|
+
}
|
|
27
|
+
export interface ListProps<T = unknown> {
|
|
28
|
+
/** Data source */
|
|
29
|
+
dataSource?: T[];
|
|
30
|
+
/** Render each item */
|
|
31
|
+
renderItem?: (item: T, index: number) => ReactNode;
|
|
32
|
+
/** List header */
|
|
33
|
+
header?: ReactNode;
|
|
34
|
+
/** List footer */
|
|
35
|
+
footer?: ReactNode;
|
|
36
|
+
/** Show border */
|
|
37
|
+
bordered?: boolean;
|
|
38
|
+
/** Loading state */
|
|
39
|
+
loading?: boolean;
|
|
40
|
+
/** Pagination config */
|
|
41
|
+
pagination?: ListPaginationConfig | false;
|
|
42
|
+
/** Size */
|
|
43
|
+
size?: ListSize;
|
|
44
|
+
/** Grid config */
|
|
45
|
+
grid?: ListGridConfig;
|
|
46
|
+
/** Item layout direction */
|
|
47
|
+
itemLayout?: ListItemLayout;
|
|
48
|
+
/** Show split line between items */
|
|
49
|
+
split?: boolean;
|
|
50
|
+
/** Empty text */
|
|
51
|
+
locale?: {
|
|
52
|
+
emptyText?: ReactNode;
|
|
53
|
+
};
|
|
54
|
+
/** Extra class name */
|
|
55
|
+
className?: string;
|
|
56
|
+
/** Style */
|
|
57
|
+
style?: CSSProperties;
|
|
58
|
+
/** Row key */
|
|
59
|
+
rowKey?: string | ((item: T) => string);
|
|
60
|
+
}
|
|
61
|
+
export interface ListItemProps {
|
|
62
|
+
/** Action list */
|
|
63
|
+
actions?: ReactNode[];
|
|
64
|
+
/** Extra content */
|
|
65
|
+
extra?: ReactNode;
|
|
66
|
+
/** Extra class name */
|
|
67
|
+
className?: string;
|
|
68
|
+
/** Style */
|
|
69
|
+
style?: CSSProperties;
|
|
70
|
+
children?: ReactNode;
|
|
71
|
+
}
|
|
72
|
+
export interface ListItemMetaProps {
|
|
73
|
+
/** Avatar or icon */
|
|
74
|
+
avatar?: ReactNode;
|
|
75
|
+
/** Title */
|
|
76
|
+
title?: ReactNode;
|
|
77
|
+
/** Description */
|
|
78
|
+
description?: ReactNode;
|
|
79
|
+
/** Extra class name */
|
|
80
|
+
className?: string;
|
|
81
|
+
/** Style */
|
|
82
|
+
style?: CSSProperties;
|
|
83
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export interface MasonryProps {
|
|
3
|
+
columns?: number | Record<string, number>;
|
|
4
|
+
gutter?: number | [number, number];
|
|
5
|
+
items?: ReactNode[];
|
|
6
|
+
itemRender?: (item: ReactNode, index: number) => ReactNode;
|
|
7
|
+
sequential?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const Mentions: import('react').ForwardRefExoticComponent<import('./types').MentionsProps & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
2
|
+
export { Mentions };
|
|
3
|
+
export type { MentionsProps, MentionOption, MentionsPlacement, MentionsStatus, MentionsVariant, } from './types';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export interface MentionOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export type MentionsPlacement = "top" | "bottom";
|
|
8
|
+
export type MentionsStatus = "error" | "warning";
|
|
9
|
+
export type MentionsVariant = "outlined" | "borderless" | "filled";
|
|
10
|
+
export interface MentionsProps {
|
|
11
|
+
value?: string;
|
|
12
|
+
defaultValue?: string;
|
|
13
|
+
onChange?: (text: string) => void;
|
|
14
|
+
onSelect?: (option: MentionOption, prefix: string) => void;
|
|
15
|
+
onSearch?: (text: string, prefix: string) => void;
|
|
16
|
+
options?: MentionOption[];
|
|
17
|
+
prefix?: string | string[];
|
|
18
|
+
split?: string;
|
|
19
|
+
placement?: MentionsPlacement;
|
|
20
|
+
status?: MentionsStatus;
|
|
21
|
+
variant?: MentionsVariant;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
readOnly?: boolean;
|
|
24
|
+
placeholder?: string;
|
|
25
|
+
allowClear?: boolean;
|
|
26
|
+
autoSize?: boolean | {
|
|
27
|
+
minRows?: number;
|
|
28
|
+
maxRows?: number;
|
|
29
|
+
};
|
|
30
|
+
rows?: number;
|
|
31
|
+
className?: string;
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
2
|
+
export type MenuMode = "horizontal" | "vertical" | "inline";
|
|
3
|
+
export type MenuTheme = "light" | "dark";
|
|
4
|
+
export interface MenuItemType {
|
|
5
|
+
/** Unique key */
|
|
6
|
+
key: string;
|
|
7
|
+
/** Label content */
|
|
8
|
+
label: ReactNode;
|
|
9
|
+
/** Icon for the item */
|
|
10
|
+
icon?: ReactNode;
|
|
11
|
+
/** Child menu items (creates a submenu) */
|
|
12
|
+
children?: MenuItemType[];
|
|
13
|
+
/** Whether the item is disabled */
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
/** Danger styling */
|
|
16
|
+
danger?: boolean;
|
|
17
|
+
/** Type of item */
|
|
18
|
+
type?: "group" | "divider";
|
|
19
|
+
/** Title for group type */
|
|
20
|
+
title?: string;
|
|
21
|
+
/** Extra class name */
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface MenuInfo {
|
|
25
|
+
key: string;
|
|
26
|
+
keyPath: string[];
|
|
27
|
+
domEvent: React.MouseEvent | React.KeyboardEvent;
|
|
28
|
+
}
|
|
29
|
+
export interface MenuProps {
|
|
30
|
+
/** Menu mode */
|
|
31
|
+
mode?: MenuMode;
|
|
32
|
+
/** Menu items */
|
|
33
|
+
items?: MenuItemType[];
|
|
34
|
+
/** Currently selected keys (controlled) */
|
|
35
|
+
selectedKeys?: string[];
|
|
36
|
+
/** Default selected keys */
|
|
37
|
+
defaultSelectedKeys?: string[];
|
|
38
|
+
/** Currently open submenu keys (controlled) */
|
|
39
|
+
openKeys?: string[];
|
|
40
|
+
/** Default open submenu keys */
|
|
41
|
+
defaultOpenKeys?: string[];
|
|
42
|
+
/** Callback when an item is clicked */
|
|
43
|
+
onClick?: (info: MenuInfo) => void;
|
|
44
|
+
/** Callback when open submenus change */
|
|
45
|
+
onOpenChange?: (openKeys: string[]) => void;
|
|
46
|
+
/** Callback when an item is selected */
|
|
47
|
+
onSelect?: (info: MenuInfo & {
|
|
48
|
+
selectedKeys: string[];
|
|
49
|
+
}) => void;
|
|
50
|
+
/** Callback when an item is deselected */
|
|
51
|
+
onDeselect?: (info: MenuInfo & {
|
|
52
|
+
selectedKeys: string[];
|
|
53
|
+
}) => void;
|
|
54
|
+
/** Theme */
|
|
55
|
+
theme?: MenuTheme;
|
|
56
|
+
/** Allow multiple selection */
|
|
57
|
+
multiple?: boolean;
|
|
58
|
+
/** Indent width for inline mode (in px) */
|
|
59
|
+
inlineIndent?: number;
|
|
60
|
+
/** Whether to collapse the menu */
|
|
61
|
+
inlineCollapsed?: boolean;
|
|
62
|
+
/** Style */
|
|
63
|
+
style?: CSSProperties;
|
|
64
|
+
/** Extra class name */
|
|
65
|
+
className?: string;
|
|
66
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { MessageInstance } from './types';
|
|
2
|
+
interface MessageContainerProps {
|
|
3
|
+
messages: MessageInstance[];
|
|
4
|
+
top?: number;
|
|
5
|
+
}
|
|
6
|
+
export declare function MessageContainer({ messages, top }: MessageContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { useMessage } from './useMessage';
|
|
2
|
+
import { MessageAPI } from './types';
|
|
3
|
+
type MessageApiWithHook = MessageAPI & {
|
|
4
|
+
useMessage: typeof useMessage;
|
|
5
|
+
};
|
|
6
|
+
declare const message: MessageApiWithHook;
|
|
7
|
+
export { message };
|
|
8
|
+
export type { MessageAPI, MessageConfig, MessageGlobalConfig, MessageType, MessageClosePromise, } from './types';
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
2
|
+
export type MessageType = "success" | "error" | "info" | "warning" | "loading";
|
|
3
|
+
export interface MessageConfig {
|
|
4
|
+
/** Message content */
|
|
5
|
+
content: ReactNode;
|
|
6
|
+
/** Duration in seconds (0 means no auto-close) */
|
|
7
|
+
duration?: number;
|
|
8
|
+
/** Custom icon */
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
/** Unique key for the message */
|
|
11
|
+
key?: string | number;
|
|
12
|
+
/** Extra class name */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Click handler */
|
|
15
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
16
|
+
/** Called when message closes */
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
/** Message type */
|
|
19
|
+
type?: MessageType;
|
|
20
|
+
/** Inline style */
|
|
21
|
+
style?: CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export interface MessageGlobalConfig {
|
|
24
|
+
/** Top offset */
|
|
25
|
+
top?: number;
|
|
26
|
+
/** Default duration in seconds */
|
|
27
|
+
duration?: number;
|
|
28
|
+
/** Maximum count of messages */
|
|
29
|
+
maxCount?: number;
|
|
30
|
+
/** Mount container */
|
|
31
|
+
getContainer?: () => HTMLElement;
|
|
32
|
+
}
|
|
33
|
+
export interface MessageAPI {
|
|
34
|
+
success: (content: ReactNode | MessageConfig, duration?: number, onClose?: () => void) => MessageClosePromise;
|
|
35
|
+
error: (content: ReactNode | MessageConfig, duration?: number, onClose?: () => void) => MessageClosePromise;
|
|
36
|
+
info: (content: ReactNode | MessageConfig, duration?: number, onClose?: () => void) => MessageClosePromise;
|
|
37
|
+
warning: (content: ReactNode | MessageConfig, duration?: number, onClose?: () => void) => MessageClosePromise;
|
|
38
|
+
loading: (content: ReactNode | MessageConfig, duration?: number, onClose?: () => void) => MessageClosePromise;
|
|
39
|
+
open: (config: MessageConfig) => MessageClosePromise;
|
|
40
|
+
destroy: (key?: string | number) => void;
|
|
41
|
+
config: (options: MessageGlobalConfig) => void;
|
|
42
|
+
}
|
|
43
|
+
export interface MessageClosePromise {
|
|
44
|
+
(): void;
|
|
45
|
+
then: (resolve: () => void, reject?: () => void) => Promise<void>;
|
|
46
|
+
}
|
|
47
|
+
export interface MessageInstance {
|
|
48
|
+
id: string;
|
|
49
|
+
config: MessageConfig;
|
|
50
|
+
type: MessageType;
|
|
51
|
+
closing: boolean;
|
|
52
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ModalStaticConfig } from './types';
|
|
2
|
+
interface ConfirmModalProps extends ModalStaticConfig {
|
|
3
|
+
open: boolean;
|
|
4
|
+
onInternalClose: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function ConfirmModal({ open, onInternalClose, type, title, content, icon, onOk, onCancel, okText, cancelText, okType, okButtonProps, cancelButtonProps, closable, closeIcon, confirmLoading, width, centered, mask, maskClosable, zIndex, className, style, }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { InternalModal } from './Modal';
|
|
2
|
+
import { useModal } from './useModal';
|
|
3
|
+
import { ModalStaticFunctions } from './types';
|
|
4
|
+
type ModalComponent = typeof InternalModal & ModalStaticFunctions & {
|
|
5
|
+
useModal: typeof useModal;
|
|
6
|
+
};
|
|
7
|
+
declare const Modal: ModalComponent;
|
|
8
|
+
export { Modal };
|
|
9
|
+
export type { ModalProps, ModalStaticConfig, ModalStaticFunctions, ModalReturnType, ModalHookAPI, ModalType, } from './types';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ModalStaticConfig, ModalReturnType } from './types';
|
|
2
|
+
export declare function confirm(config: ModalStaticConfig): ModalReturnType;
|
|
3
|
+
export declare function info(config: ModalStaticConfig): ModalReturnType;
|
|
4
|
+
export declare function success(config: ModalStaticConfig): ModalReturnType;
|
|
5
|
+
export declare function error(config: ModalStaticConfig): ModalReturnType;
|
|
6
|
+
export declare function warning(config: ModalStaticConfig): ModalReturnType;
|