@996-design/996-ui 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.
Files changed (110) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE.md +35 -0
  3. package/README.md +31 -0
  4. package/dist/cjs/index.cjs +4228 -0
  5. package/dist/cjs/index.cjs.map +41 -0
  6. package/dist/cjs/legacy-index.cjs +17297 -0
  7. package/dist/cjs/legacy-index.cjs.map +96 -0
  8. package/dist/cjs/pro/index.cjs +8544 -0
  9. package/dist/cjs/pro/index.cjs.map +35 -0
  10. package/dist/esm/index.js +4063 -0
  11. package/dist/esm/index.js.map +41 -0
  12. package/dist/esm/legacy-index.js +17294 -0
  13. package/dist/esm/legacy-index.js.map +96 -0
  14. package/dist/esm/pro/index.js +8554 -0
  15. package/dist/esm/pro/index.js.map +35 -0
  16. package/dist/styles.css +5816 -0
  17. package/dist/theme.css +601 -0
  18. package/dist/types/ConfigProvider.d.ts +195 -0
  19. package/dist/types/antd-theme.d.ts +12 -0
  20. package/dist/types/components/Alert.d.ts +51 -0
  21. package/dist/types/components/Avatar.d.ts +44 -0
  22. package/dist/types/components/Badge.d.ts +31 -0
  23. package/dist/types/components/Breadcrumb.d.ts +45 -0
  24. package/dist/types/components/Button.d.ts +42 -0
  25. package/dist/types/components/ButtonGroup.d.ts +13 -0
  26. package/dist/types/components/Card.d.ts +55 -0
  27. package/dist/types/components/Carousel.d.ts +70 -0
  28. package/dist/types/components/Checkbox.d.ts +43 -0
  29. package/dist/types/components/Collapse.d.ts +23 -0
  30. package/dist/types/components/ColorPicker.d.ts +143 -0
  31. package/dist/types/components/DataDisplayPrimitives.d.ts +205 -0
  32. package/dist/types/components/DataEntryPrimitives.d.ts +454 -0
  33. package/dist/types/components/Divider.d.ts +24 -0
  34. package/dist/types/components/Drawer.d.ts +68 -0
  35. package/dist/types/components/Dropdown.d.ts +41 -0
  36. package/dist/types/components/Empty.d.ts +14 -0
  37. package/dist/types/components/EmptyState.d.ts +6 -0
  38. package/dist/types/components/FeedbackPrimitives.d.ts +102 -0
  39. package/dist/types/components/Form.d.ts +67 -0
  40. package/dist/types/components/GameCover.d.ts +8 -0
  41. package/dist/types/components/Grid.d.ts +50 -0
  42. package/dist/types/components/Icon.d.ts +13 -0
  43. package/dist/types/components/IconButton.d.ts +14 -0
  44. package/dist/types/components/Input.d.ts +110 -0
  45. package/dist/types/components/InputNumber.d.ts +29 -0
  46. package/dist/types/components/LayoutPrimitives.d.ts +130 -0
  47. package/dist/types/components/List.d.ts +64 -0
  48. package/dist/types/components/Masonry.d.ts +43 -0
  49. package/dist/types/components/MenuList.d.ts +24 -0
  50. package/dist/types/components/Message.d.ts +58 -0
  51. package/dist/types/components/MessageToast.d.ts +27 -0
  52. package/dist/types/components/Modal.d.ts +123 -0
  53. package/dist/types/components/NavigationPrimitives.d.ts +73 -0
  54. package/dist/types/components/OtherPrimitives.d.ts +36 -0
  55. package/dist/types/components/Pagination.d.ts +18 -0
  56. package/dist/types/components/Panel.d.ts +8 -0
  57. package/dist/types/components/Popconfirm.d.ts +18 -0
  58. package/dist/types/components/Popover.d.ts +10 -0
  59. package/dist/types/components/PriceText.d.ts +9 -0
  60. package/dist/types/components/Progress.d.ts +57 -0
  61. package/dist/types/components/ProgressBar.d.ts +8 -0
  62. package/dist/types/components/ProgressButton.d.ts +9 -0
  63. package/dist/types/components/Radio.d.ts +67 -0
  64. package/dist/types/components/Rate.d.ts +17 -0
  65. package/dist/types/components/Result.d.ts +11 -0
  66. package/dist/types/components/SectionHeader.d.ts +11 -0
  67. package/dist/types/components/Segmented.d.ts +41 -0
  68. package/dist/types/components/SegmentedTabs.d.ts +42 -0
  69. package/dist/types/components/SelectInput.d.ts +33 -0
  70. package/dist/types/components/Skeleton.d.ts +54 -0
  71. package/dist/types/components/Slider.d.ts +48 -0
  72. package/dist/types/components/Spin.d.ts +21 -0
  73. package/dist/types/components/Splitter.d.ts +7 -0
  74. package/dist/types/components/StatCard.d.ts +10 -0
  75. package/dist/types/components/Statistic.d.ts +48 -0
  76. package/dist/types/components/StatusItem.d.ts +12 -0
  77. package/dist/types/components/Steps.d.ts +40 -0
  78. package/dist/types/components/Switch.d.ts +41 -0
  79. package/dist/types/components/Table.d.ts +61 -0
  80. package/dist/types/components/Tabs.d.ts +50 -0
  81. package/dist/types/components/Tag.d.ts +52 -0
  82. package/dist/types/components/TagPill.d.ts +7 -0
  83. package/dist/types/components/Tooltip.d.ts +64 -0
  84. package/dist/types/components/Typography.d.ts +374 -0
  85. package/dist/types/components/affix/utils.d.ts +10 -0
  86. package/dist/types/components/feedback/FloatButton.d.ts +51 -0
  87. package/dist/types/components/feedback/Watermark.d.ts +33 -0
  88. package/dist/types/components/feedback/globalHolder.d.ts +17 -0
  89. package/dist/types/components/form/statusContext.d.ts +18 -0
  90. package/dist/types/components/form/statusContext.type-smoke.d.ts +24 -0
  91. package/dist/types/components/splitter/Panel.d.ts +6 -0
  92. package/dist/types/components/splitter/SplitBar.d.ts +32 -0
  93. package/dist/types/components/splitter/interface.d.ts +89 -0
  94. package/dist/types/components/splitter/sizeUtil.d.ts +5 -0
  95. package/dist/types/components/splitter/useItems.d.ts +3 -0
  96. package/dist/types/components/splitter/useResizable.d.ts +9 -0
  97. package/dist/types/components/splitter/useResize.d.ts +9 -0
  98. package/dist/types/components/splitter/useSizes.d.ts +11 -0
  99. package/dist/types/components/table/columnState.d.ts +36 -0
  100. package/dist/types/components/table/pagination.d.ts +34 -0
  101. package/dist/types/components/table/selection.d.ts +23 -0
  102. package/dist/types/components/table/types.d.ts +163 -0
  103. package/dist/types/hooks/useReducedMotion.d.ts +1 -0
  104. package/dist/types/index.d.ts +44 -0
  105. package/dist/types/legacy-index.d.ts +136 -0
  106. package/dist/types/pro/index.d.ts +17 -0
  107. package/dist/types/tokens.d.ts +266 -0
  108. package/dist/types/utils/cn.d.ts +3 -0
  109. package/dist/types/utils/slots.d.ts +5 -0
  110. package/package.json +126 -0
@@ -0,0 +1,454 @@
1
+ import type { DefaultOptionType as RcCascaderDefaultOptionType, CascaderProps as RcCascaderProps } from "@rc-component/cascader";
2
+ import type { PanelProps as RcCascaderPanelProps } from "@rc-component/cascader/es/Panel";
3
+ import type { MentionsProps as RcMentionsProps } from "@rc-component/mentions";
4
+ import type { PickerRef, PickerProps as RcPickerProps, RangePickerProps as RcRangePickerProps } from "@rc-component/picker";
5
+ import type { GenerateConfig } from "@rc-component/picker/generate";
6
+ import type { PickerMode, RangePickerRef, Locale as RcPickerLocale } from "@rc-component/picker/interface";
7
+ import type { BaseOptionType as RcSelectBaseOptionType, SelectProps as RcSelectProps } from "@rc-component/select";
8
+ import type { TreeSelectProps as RcTreeSelectProps } from "@rc-component/tree-select";
9
+ import RcUpload from "@rc-component/upload";
10
+ import type { RcFile, UploadProps as RcUploadProps } from "@rc-component/upload";
11
+ import { type Dayjs } from "dayjs";
12
+ import type { CSSProperties, ComponentRef, DragEvent, HTMLAttributes, ReactElement, ReactNode, RefAttributes } from "react";
13
+ import { type InputSize, type InputStatus, type InputVariant } from "./Input";
14
+ export interface SelectOption extends RcSelectBaseOptionType {
15
+ readonly disabled?: boolean;
16
+ readonly label: ReactNode;
17
+ readonly value: string | number;
18
+ }
19
+ type SelectVisualProps = {
20
+ readonly rootClassName?: string;
21
+ readonly size?: InputSize;
22
+ readonly status?: InputStatus;
23
+ readonly variant?: InputVariant;
24
+ };
25
+ export interface SelectProps<ValueType = unknown, OptionType extends RcSelectBaseOptionType = SelectOption> extends Omit<RcSelectProps<ValueType, OptionType>, "onPopupVisibleChange" | "options" | "prefixCls">, SelectVisualProps {
26
+ /** @deprecated Use onOpenChange instead. */
27
+ readonly onDropdownVisibleChange?: (open: boolean) => void;
28
+ readonly onOpenChange?: (open: boolean) => void;
29
+ /** @deprecated Use onOpenChange instead. */
30
+ readonly onPopupVisibleChange?: (open: boolean) => void;
31
+ readonly options?: readonly OptionType[];
32
+ }
33
+ declare function InternalSelect<ValueType = unknown, OptionType extends RcSelectBaseOptionType = SelectOption>({ className, disabled, getPopupContainer, onDropdownVisibleChange, onOpenChange, onPopupVisibleChange, options, rootClassName, size, status, suffix, suffixIcon, variant, ...props }: SelectProps<ValueType, OptionType>): import("react").JSX.Element;
34
+ export declare const Select: typeof InternalSelect & {
35
+ OptGroup: import("@rc-component/select/lib/OptGroup").OptionGroupFC;
36
+ Option: import("@rc-component/select/lib/Option").OptionFC;
37
+ };
38
+ export interface AutoCompleteOption extends SelectOption {
39
+ readonly description?: ReactNode;
40
+ }
41
+ export interface AutoCompleteProps<ValueType = string, OptionType extends RcSelectBaseOptionType = AutoCompleteOption> extends Omit<SelectProps<ValueType, OptionType>, "labelInValue" | "loading" | "mode" | "optionLabelProp" | "options" | "showSearch"> {
42
+ readonly options?: readonly OptionType[];
43
+ readonly showSearch?: RcSelectProps<ValueType, OptionType>["showSearch"];
44
+ }
45
+ declare function InternalAutoComplete<ValueType = string, OptionType extends RcSelectBaseOptionType = AutoCompleteOption>({ defaultOpen, defaultValue, className, disabled, filterOption, getPopupContainer, onChange, onDropdownVisibleChange, onOpenChange, onPopupVisibleChange, onSelect, open, optionRender, options, rootClassName, showSearch, size, status, suffix, suffixIcon, value, variant, ...props }: AutoCompleteProps<ValueType, OptionType>): import("react").JSX.Element;
46
+ export declare const AutoComplete: typeof InternalAutoComplete & {
47
+ Option: import("@rc-component/select/lib/Option").OptionFC;
48
+ };
49
+ export interface CascaderOption extends RcCascaderDefaultOptionType {
50
+ children?: CascaderOption[];
51
+ readonly disabled?: boolean;
52
+ readonly label: ReactNode;
53
+ readonly value: string | number;
54
+ }
55
+ export interface CascaderProps<OptionType extends RcCascaderDefaultOptionType = CascaderOption, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = false> extends Omit<RcCascaderProps<OptionType, ValueField, Multiple>, "checkable" | "onPopupVisibleChange" | "options" | "prefixCls">, SelectVisualProps {
56
+ readonly multiple?: Multiple;
57
+ /** @deprecated Use onOpenChange instead. */
58
+ readonly onDropdownVisibleChange?: (open: boolean) => void;
59
+ readonly onOpenChange?: (open: boolean) => void;
60
+ /** @deprecated Use onOpenChange instead. */
61
+ readonly onPopupVisibleChange?: (open: boolean) => void;
62
+ readonly options?: readonly OptionType[];
63
+ }
64
+ declare function InternalCascader<OptionType extends RcCascaderDefaultOptionType = CascaderOption, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = false>({ className, disabled, getPopupContainer, multiple, onDropdownVisibleChange, onOpenChange, onPopupVisibleChange, options, rootClassName, size, status, suffix, suffixIcon, variant, ...props }: CascaderProps<OptionType, ValueField, Multiple>): import("react").JSX.Element;
65
+ export type CascaderPanelProps<OptionType extends RcCascaderDefaultOptionType = CascaderOption, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = false> = Omit<RcCascaderPanelProps<OptionType, ValueField, Multiple>, "checkable" | "prefixCls"> & {
66
+ readonly multiple?: Multiple;
67
+ readonly rootClassName?: string;
68
+ };
69
+ declare function CascaderPanel<OptionType extends RcCascaderDefaultOptionType = CascaderOption, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = false>({ className, direction, disabled, multiple, notFoundContent, rootClassName, ...props }: CascaderPanelProps<OptionType, ValueField, Multiple>): import("react").JSX.Element;
70
+ export declare const Cascader: typeof InternalCascader & {
71
+ readonly Panel: typeof CascaderPanel;
72
+ readonly SHOW_CHILD: "SHOW_CHILD";
73
+ readonly SHOW_PARENT: "SHOW_PARENT";
74
+ };
75
+ export type PickerValue = Dayjs | Date | string;
76
+ type PickerInputValue<ValueType, Multiple extends boolean> = Multiple extends true ? readonly ValueType[] : ValueType;
77
+ type PickerOutputValue<Multiple extends boolean> = Multiple extends true ? Dayjs[] : Dayjs;
78
+ type PickerStringValue<Multiple extends boolean> = Multiple extends true ? string[] : string;
79
+ export type DatePickerProps<ValueType extends PickerValue = PickerValue, Multiple extends boolean = false> = Omit<RcPickerProps<Dayjs>, "defaultValue" | "generateConfig" | "locale" | "multiple" | "onChange" | "prefixCls" | "rootClassName" | "value"> & SelectVisualProps & {
80
+ readonly defaultValue?: PickerInputValue<ValueType, Multiple> | null;
81
+ readonly locale?: RcPickerLocale;
82
+ readonly multiple?: Multiple;
83
+ readonly onChange?: (value: PickerOutputValue<Multiple> | null, dateString: PickerStringValue<Multiple>) => void;
84
+ readonly value?: PickerInputValue<ValueType, Multiple> | null;
85
+ };
86
+ export type PickerRangeValue = readonly [
87
+ PickerValue | null | undefined,
88
+ PickerValue | null | undefined
89
+ ];
90
+ export interface RangePickerProps extends Omit<RcRangePickerProps<Dayjs>, "defaultValue" | "generateConfig" | "locale" | "onChange" | "prefixCls" | "rootClassName" | "value">, SelectVisualProps {
91
+ readonly defaultValue?: PickerRangeValue;
92
+ readonly locale?: RcPickerLocale;
93
+ readonly onChange?: (value: [Dayjs | null, Dayjs | null] | null, dateString: [string, string]) => void;
94
+ readonly value?: PickerRangeValue | null;
95
+ }
96
+ type DayjsPickerComponent = <ValueType extends PickerValue = PickerValue, Multiple extends boolean = false>(props: DatePickerProps<ValueType, Multiple> & RefAttributes<PickerRef>) => ReactElement;
97
+ export type GeneratedDatePickerProps<DateType extends object> = Omit<RcPickerProps<DateType>, "generateConfig" | "locale" | "prefixCls" | "rootClassName"> & SelectVisualProps & {
98
+ readonly locale?: RcPickerLocale;
99
+ };
100
+ export type GeneratedRangePickerProps<DateType extends object> = Omit<RcRangePickerProps<DateType>, "generateConfig" | "locale" | "prefixCls" | "rootClassName"> & SelectVisualProps & {
101
+ readonly locale?: RcPickerLocale;
102
+ };
103
+ export declare function generatePicker<DateType extends object>(generateConfig: GenerateConfig<DateType>): import("react").ForwardRefExoticComponent<Omit<RcPickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
104
+ readonly locale?: RcPickerLocale;
105
+ } & RefAttributes<PickerRef>> & {
106
+ MonthPicker: import("react").ForwardRefExoticComponent<Omit<RcPickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
107
+ readonly locale?: RcPickerLocale;
108
+ } & RefAttributes<PickerRef>>;
109
+ QuarterPicker: import("react").ForwardRefExoticComponent<Omit<RcPickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
110
+ readonly locale?: RcPickerLocale;
111
+ } & RefAttributes<PickerRef>>;
112
+ RangePicker: import("react").ForwardRefExoticComponent<Omit<RcRangePickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
113
+ readonly locale?: RcPickerLocale;
114
+ } & RefAttributes<RangePickerRef>>;
115
+ TimePicker: import("react").ForwardRefExoticComponent<Omit<RcPickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
116
+ readonly locale?: RcPickerLocale;
117
+ } & RefAttributes<PickerRef>>;
118
+ WeekPicker: import("react").ForwardRefExoticComponent<Omit<RcPickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
119
+ readonly locale?: RcPickerLocale;
120
+ } & RefAttributes<PickerRef>>;
121
+ YearPicker: import("react").ForwardRefExoticComponent<Omit<RcPickerProps<DateType>, "locale" | "prefixCls" | "rootClassName" | "generateConfig"> & SelectVisualProps & {
122
+ readonly locale?: RcPickerLocale;
123
+ } & RefAttributes<PickerRef>>;
124
+ };
125
+ export type TimePickerProps<ValueType extends PickerValue = PickerValue, Multiple extends boolean = false> = Omit<DatePickerProps<ValueType, Multiple>, "picker" | "showTime"> & {
126
+ /** @deprecated Use renderExtraFooter instead. */
127
+ readonly addon?: () => ReactNode;
128
+ /** @deprecated Use onCalendarChange instead. */
129
+ readonly onSelect?: (value: Dayjs) => void;
130
+ };
131
+ type TimePickerComponent = <ValueType extends PickerValue = PickerValue, Multiple extends boolean = false>(props: TimePickerProps<ValueType, Multiple> & RefAttributes<PickerRef>) => ReactElement;
132
+ export type TimeRangePickerProps = Omit<RangePickerProps, "picker" | "showTime">;
133
+ export declare const DatePicker: DayjsPickerComponent & {
134
+ MonthPicker: DayjsPickerComponent;
135
+ QuarterPicker: DayjsPickerComponent;
136
+ RangePicker: import("react").ForwardRefExoticComponent<RangePickerProps & {
137
+ readonly fixedPicker?: PickerMode;
138
+ } & RefAttributes<RangePickerRef>>;
139
+ TimePicker: TimePickerComponent;
140
+ WeekPicker: DayjsPickerComponent;
141
+ YearPicker: DayjsPickerComponent;
142
+ generatePicker: typeof generatePicker;
143
+ };
144
+ export declare const TimePicker: TimePickerComponent & {
145
+ RangePicker: import("react").ForwardRefExoticComponent<TimeRangePickerProps & RefAttributes<RangePickerRef>>;
146
+ };
147
+ type RcMentionsOption = NonNullable<RcMentionsProps["options"]>[number];
148
+ export interface MentionsOption extends RcMentionsOption {
149
+ readonly disabled?: boolean;
150
+ readonly label?: ReactNode;
151
+ readonly value: string;
152
+ }
153
+ export interface MentionsProps extends Omit<RcMentionsProps, "options" | "prefixCls">, SelectVisualProps {
154
+ readonly options?: readonly MentionsOption[];
155
+ }
156
+ export interface MentionsConfig {
157
+ readonly prefix?: string | readonly string[];
158
+ readonly split?: string;
159
+ }
160
+ export interface MentionsEntity {
161
+ readonly prefix: string;
162
+ readonly value: string;
163
+ }
164
+ declare function getMentions(value?: string, config?: MentionsConfig): MentionsEntity[];
165
+ declare function InternalMentions({ className, disabled, getPopupContainer, options, rootClassName, size, status, variant, ...props }: MentionsProps): import("react").JSX.Element;
166
+ export declare const Mentions: typeof InternalMentions & {
167
+ getMentions: typeof getMentions;
168
+ Option: import("react").FC<import("@rc-component/mentions/lib/Option").OptionProps>;
169
+ };
170
+ export type TransferDirection = "left" | "right";
171
+ export type TransferKey = React.Key;
172
+ export interface TransferItem {
173
+ description?: ReactNode;
174
+ disabled?: boolean;
175
+ key?: TransferKey;
176
+ title?: ReactNode;
177
+ [name: string]: unknown;
178
+ }
179
+ export interface TransferRenderResultObject {
180
+ readonly label: ReactNode;
181
+ readonly value: string;
182
+ }
183
+ export type TransferRenderResult = ReactNode | TransferRenderResultObject;
184
+ export interface TransferSearchOption {
185
+ readonly defaultValue?: string;
186
+ readonly placeholder?: string;
187
+ }
188
+ export interface TransferPaginationConfig {
189
+ readonly pageSize?: number;
190
+ readonly showLessItems?: boolean;
191
+ readonly showSizeChanger?: boolean;
192
+ readonly simple?: boolean;
193
+ }
194
+ export type TransferPagination = boolean | TransferPaginationConfig;
195
+ export type TransferSelectAllLabel = ReactNode | ((info: {
196
+ readonly selectedCount: number;
197
+ readonly totalCount: number;
198
+ }) => ReactNode);
199
+ type TransferSemanticSlot = "root" | "section" | "header" | "title" | "body" | "list" | "item" | "itemIcon" | "itemContent" | "footer" | "actions";
200
+ type TransferSectionSemanticSlot = Exclude<TransferSemanticSlot, "root" | "actions">;
201
+ export type TransferClassNames = Partial<Record<TransferSemanticSlot, string>> & {
202
+ readonly source?: Partial<Record<TransferSectionSemanticSlot, string>>;
203
+ readonly target?: Partial<Record<TransferSectionSemanticSlot, string>>;
204
+ };
205
+ export type TransferStyles = Partial<Record<TransferSemanticSlot, CSSProperties>> & {
206
+ readonly source?: Partial<Record<TransferSectionSemanticSlot, CSSProperties>>;
207
+ readonly target?: Partial<Record<TransferSectionSemanticSlot, CSSProperties>>;
208
+ };
209
+ export interface TransferLocale {
210
+ readonly deselectAll?: string;
211
+ readonly itemUnit?: string;
212
+ readonly itemsUnit?: string;
213
+ readonly notFoundContent?: ReactNode | readonly ReactNode[];
214
+ readonly remove?: string;
215
+ readonly removeAll?: string;
216
+ readonly removeCurrent?: string;
217
+ readonly searchPlaceholder?: string;
218
+ readonly selectAll?: string;
219
+ readonly selectCurrent?: string;
220
+ readonly selectInvert?: string;
221
+ readonly titles?: readonly ReactNode[];
222
+ }
223
+ type KeyWise<RecordType> = RecordType & {
224
+ key: TransferKey;
225
+ };
226
+ export interface TransferCustomListBodyProps<RecordType extends TransferItem = TransferItem> {
227
+ readonly direction: TransferDirection;
228
+ readonly disabled?: boolean;
229
+ readonly filteredItems: KeyWise<RecordType>[];
230
+ readonly onItemRemove?: (keys: TransferKey[]) => void;
231
+ readonly onItemSelect: (key: TransferKey, checked: boolean, event?: React.MouseEvent<Element>) => void;
232
+ readonly onItemSelectAll: (keys: TransferKey[], checked: boolean | "replace") => void;
233
+ readonly selectedKeys: TransferKey[];
234
+ }
235
+ export interface TransferProps<RecordType extends TransferItem = TransferItem> extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange" | "onScroll"> {
236
+ readonly actions?: readonly ReactNode[];
237
+ readonly children?: (props: TransferCustomListBodyProps<RecordType>) => ReactNode;
238
+ readonly classNames?: TransferClassNames;
239
+ readonly dataSource?: readonly RecordType[];
240
+ readonly defaultSelectedKeys?: readonly TransferKey[];
241
+ readonly defaultTargetKeys?: readonly TransferKey[];
242
+ readonly disabled?: boolean;
243
+ readonly filterOption?: (inputValue: string, item: RecordType, direction: TransferDirection) => boolean;
244
+ readonly footer?: (props: TransferListProps<RecordType>, info?: {
245
+ readonly direction: TransferDirection;
246
+ }) => ReactNode;
247
+ readonly listStyle?: CSSProperties | ((info: {
248
+ readonly direction: TransferDirection;
249
+ }) => CSSProperties);
250
+ readonly locale?: TransferLocale;
251
+ readonly notFoundContent?: ReactNode | readonly ReactNode[];
252
+ readonly onChange?: (targetKeys: TransferKey[], direction: TransferDirection, moveKeys: TransferKey[]) => void;
253
+ readonly onScroll?: (direction: TransferDirection, event: React.SyntheticEvent<HTMLUListElement>) => void;
254
+ readonly onSearch?: (direction: TransferDirection, value: string) => void;
255
+ readonly onSelectChange?: (sourceSelectedKeys: TransferKey[], targetSelectedKeys: TransferKey[]) => void;
256
+ readonly oneWay?: boolean;
257
+ readonly operations?: readonly string[];
258
+ readonly operationStyle?: CSSProperties;
259
+ readonly pagination?: TransferPagination;
260
+ readonly render?: (item: RecordType) => TransferRenderResult;
261
+ readonly rowKey?: (record: RecordType) => TransferKey;
262
+ readonly rootClassName?: string;
263
+ readonly selectedKeys?: readonly TransferKey[];
264
+ readonly selectAllLabels?: readonly TransferSelectAllLabel[];
265
+ readonly selectionsIcon?: ReactNode;
266
+ readonly showSearch?: boolean | TransferSearchOption;
267
+ readonly showSelectAll?: boolean;
268
+ readonly status?: InputStatus;
269
+ readonly styles?: TransferStyles;
270
+ readonly targetKeys?: readonly TransferKey[];
271
+ readonly titles?: readonly ReactNode[];
272
+ }
273
+ export interface TransferSearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
274
+ readonly onChange?: (value: string) => void;
275
+ readonly onClear?: () => void;
276
+ readonly value?: string;
277
+ }
278
+ declare function TransferSearch({ disabled, onChange, onClear, placeholder, value, ...props }: TransferSearchProps): import("react").JSX.Element;
279
+ export interface TransferOperationProps {
280
+ readonly actions?: readonly ReactNode[];
281
+ readonly disabled?: boolean;
282
+ readonly leftActive?: boolean;
283
+ readonly moveToLeft?: () => void;
284
+ readonly moveToRight?: () => void;
285
+ readonly oneWay?: boolean;
286
+ readonly rightActive?: boolean;
287
+ readonly style?: CSSProperties;
288
+ }
289
+ declare function TransferOperation({ actions, disabled, leftActive, moveToLeft, moveToRight, oneWay, rightActive, style, }: TransferOperationProps): import("react").JSX.Element;
290
+ export interface TransferListProps<RecordType extends TransferItem = TransferItem> {
291
+ readonly checkedKeys: TransferKey[];
292
+ readonly classNames?: TransferClassNames;
293
+ readonly dataSource?: readonly KeyWise<RecordType>[];
294
+ readonly direction: TransferDirection;
295
+ readonly disabled?: boolean;
296
+ readonly filterOption?: TransferProps<RecordType>["filterOption"];
297
+ readonly footer?: TransferProps<RecordType>["footer"];
298
+ readonly listStyle?: CSSProperties;
299
+ readonly locale: Required<TransferLocale>;
300
+ readonly onItemRemove?: (keys: TransferKey[]) => void;
301
+ readonly onItemSelect: TransferCustomListBodyProps<RecordType>["onItemSelect"];
302
+ readonly onItemSelectAll: TransferCustomListBodyProps<RecordType>["onItemSelectAll"];
303
+ readonly onScroll?: (event: React.SyntheticEvent<HTMLUListElement>) => void;
304
+ readonly onSearch?: (value: string) => void;
305
+ readonly pagination?: TransferPagination;
306
+ readonly render?: TransferProps<RecordType>["render"];
307
+ readonly renderList?: (props: TransferCustomListBodyProps<RecordType>) => ReactNode;
308
+ readonly selectAllLabel?: TransferSelectAllLabel;
309
+ readonly selectionsIcon?: ReactNode;
310
+ readonly showRemove?: boolean;
311
+ readonly showSearch?: boolean | TransferSearchOption;
312
+ readonly showSelectAll?: boolean;
313
+ readonly styles?: TransferStyles;
314
+ readonly title?: ReactNode;
315
+ }
316
+ declare function TransferSection<RecordType extends TransferItem>(props: TransferListProps<RecordType>): import("react").JSX.Element;
317
+ declare function InternalTransfer<RecordType extends TransferItem = TransferItem>({ actions, children, className, classNames, dataSource, defaultSelectedKeys, defaultTargetKeys, disabled, filterOption, footer, listStyle, locale, notFoundContent, onChange, onScroll, onSearch, onSelectChange, oneWay, operations, operationStyle, pagination, render, rowKey, rootClassName, selectedKeys, selectAllLabels, selectionsIcon, showSearch, showSelectAll, status, style, styles, targetKeys, titles, ...props }: TransferProps<RecordType>): import("react").JSX.Element;
318
+ export declare const Transfer: typeof InternalTransfer & {
319
+ List: typeof TransferSection;
320
+ Operation: typeof TransferOperation;
321
+ Search: typeof TransferSearch;
322
+ };
323
+ export interface TreeSelectNode extends Record<string, unknown> {
324
+ children?: TreeSelectNode[];
325
+ readonly disabled?: boolean;
326
+ readonly disableCheckbox?: boolean;
327
+ readonly key?: string | number;
328
+ readonly label?: ReactNode;
329
+ readonly title?: ReactNode;
330
+ readonly value?: string | number;
331
+ }
332
+ export interface TreeSelectProps<ValueType = unknown, OptionType extends TreeSelectNode = TreeSelectNode> extends Omit<RcTreeSelectProps<ValueType, OptionType>, "onPopupVisibleChange" | "prefixCls" | "treeData">, SelectVisualProps {
333
+ /** @deprecated Use onOpenChange instead. */
334
+ readonly onDropdownVisibleChange?: (open: boolean) => void;
335
+ readonly onOpenChange?: (open: boolean) => void;
336
+ /** @deprecated Use onOpenChange instead. */
337
+ readonly onPopupVisibleChange?: (open: boolean) => void;
338
+ readonly treeData?: readonly OptionType[];
339
+ }
340
+ declare function InternalTreeSelect<ValueType = unknown, OptionType extends TreeSelectNode = TreeSelectNode>({ className, disabled, getPopupContainer, onDropdownVisibleChange, onOpenChange, onPopupVisibleChange, rootClassName, size, status, suffix, suffixIcon, treeData, variant, ...props }: TreeSelectProps<ValueType, OptionType>): import("react").JSX.Element;
341
+ export declare const TreeSelect: typeof InternalTreeSelect & {
342
+ readonly SHOW_ALL: "SHOW_ALL";
343
+ readonly SHOW_CHILD: "SHOW_CHILD";
344
+ readonly SHOW_PARENT: "SHOW_PARENT";
345
+ readonly TreeNode: import("react").FC<import("@rc-component/tree-select/lib/TreeNode").TreeNodeProps>;
346
+ };
347
+ export declare const LIST_IGNORE: string;
348
+ export type UploadFileStatus = "ready" | "uploading" | "done" | "error" | "removed";
349
+ export type UploadListType = "text" | "picture" | "picture-card" | "picture-circle";
350
+ export type UploadType = "drag" | "select";
351
+ export interface UploadFile<ResponseType = unknown> {
352
+ "aria-label"?: string;
353
+ "aria-labelledby"?: string;
354
+ crossOrigin?: "anonymous" | "use-credentials" | "";
355
+ error?: unknown;
356
+ fileName?: string;
357
+ lastModified?: number;
358
+ lastModifiedDate?: Date;
359
+ linkProps?: Record<string, string>;
360
+ name: string;
361
+ originFileObj?: RcFile;
362
+ percent?: number;
363
+ preview?: string;
364
+ response?: ResponseType;
365
+ size?: number;
366
+ status?: UploadFileStatus;
367
+ thumbUrl?: string;
368
+ type?: string;
369
+ uid: string;
370
+ url?: string;
371
+ xhr?: XMLHttpRequest;
372
+ }
373
+ export interface UploadChangeParam<ResponseType = unknown> {
374
+ readonly event?: {
375
+ readonly percent: number;
376
+ };
377
+ readonly file: UploadFile<ResponseType>;
378
+ readonly fileList: UploadFile<ResponseType>[];
379
+ }
380
+ export interface ShowUploadListInterface<ResponseType = unknown> {
381
+ readonly downloadIcon?: ReactNode | ((file: UploadFile<ResponseType>) => ReactNode);
382
+ readonly extra?: ReactNode | ((file: UploadFile<ResponseType>) => ReactNode);
383
+ readonly previewIcon?: ReactNode | ((file: UploadFile<ResponseType>) => ReactNode);
384
+ readonly removeIcon?: ReactNode | ((file: UploadFile<ResponseType>) => ReactNode);
385
+ readonly showDownloadIcon?: boolean | ((file: UploadFile<ResponseType>) => boolean);
386
+ readonly showPreviewIcon?: boolean | ((file: UploadFile<ResponseType>) => boolean);
387
+ readonly showRemoveIcon?: boolean | ((file: UploadFile<ResponseType>) => boolean);
388
+ }
389
+ export interface UploadLocale {
390
+ readonly downloadFile?: string;
391
+ readonly previewFile?: string;
392
+ readonly removeFile?: string;
393
+ readonly uploadError?: string;
394
+ readonly uploading?: string;
395
+ }
396
+ export interface UploadListProgressProps {
397
+ readonly showInfo?: boolean;
398
+ readonly strokeWidth?: number;
399
+ }
400
+ export interface UploadActions {
401
+ readonly download: () => void;
402
+ readonly preview: () => void;
403
+ readonly remove: () => void;
404
+ }
405
+ export type UploadItemRender<ResponseType = unknown> = (originNode: ReactElement, file: UploadFile<ResponseType>, fileList: UploadFile<ResponseType>[], actions: UploadActions) => ReactNode;
406
+ export interface UploadSemanticProps {
407
+ readonly classNames?: Partial<Record<"root" | "list" | "item" | "trigger", string>>;
408
+ readonly styles?: Partial<Record<"root" | "list" | "item" | "trigger", CSSProperties>>;
409
+ }
410
+ type UploadBeforeValue = boolean | undefined | string | Blob | File;
411
+ export interface UploadProps<ResponseType = unknown> extends Omit<RcUploadProps, "beforeUpload" | "children" | "classNames" | "onBatchStart" | "onChange" | "onDrop" | "onError" | "onProgress" | "onStart" | "onSuccess" | "prefixCls" | "style" | "styles">, UploadSemanticProps {
412
+ readonly beforeUpload?: (file: RcFile, fileList: RcFile[]) => UploadBeforeValue | Promise<UploadBeforeValue>;
413
+ readonly children?: ReactNode;
414
+ readonly defaultFileList?: UploadFile<ResponseType>[];
415
+ readonly fileList?: UploadFile<ResponseType>[];
416
+ readonly iconRender?: (file: UploadFile<ResponseType>, listType?: UploadListType) => ReactNode;
417
+ readonly isImageUrl?: (file: UploadFile<ResponseType>) => boolean;
418
+ readonly itemRender?: UploadItemRender<ResponseType>;
419
+ readonly listType?: UploadListType;
420
+ readonly locale?: UploadLocale;
421
+ readonly maxCount?: number;
422
+ readonly onChange?: (info: UploadChangeParam<ResponseType>) => void;
423
+ readonly onDownload?: (file: UploadFile<ResponseType>) => void;
424
+ readonly onDrop?: (event: DragEvent<HTMLDivElement>) => void;
425
+ readonly onPreview?: (file: UploadFile<ResponseType>) => void;
426
+ readonly onRemove?: (file: UploadFile<ResponseType>) => boolean | void | Promise<boolean | void>;
427
+ readonly previewFile?: (file: File | Blob) => PromiseLike<string>;
428
+ readonly progress?: UploadListProgressProps;
429
+ readonly rootClassName?: string;
430
+ readonly showUploadList?: boolean | ShowUploadListInterface<ResponseType>;
431
+ readonly style?: CSSProperties;
432
+ readonly type?: UploadType;
433
+ }
434
+ export interface UploadRef<ResponseType = unknown> {
435
+ readonly fileList: UploadFile<ResponseType>[];
436
+ readonly nativeElement: HTMLSpanElement | null;
437
+ readonly onBatchStart: NonNullable<RcUploadProps["onBatchStart"]>;
438
+ readonly onError: NonNullable<RcUploadProps["onError"]>;
439
+ readonly onProgress: NonNullable<RcUploadProps["onProgress"]>;
440
+ readonly onSuccess: NonNullable<RcUploadProps["onSuccess"]>;
441
+ readonly upload: ComponentRef<typeof RcUpload> | null;
442
+ }
443
+ export interface DraggerProps<ResponseType = unknown> extends UploadProps<ResponseType> {
444
+ readonly height?: CSSProperties["height"];
445
+ }
446
+ declare const UploadDragger: import("react").ForwardRefExoticComponent<DraggerProps<unknown> & RefAttributes<UploadRef<unknown>>>;
447
+ export declare const Upload: (<ResponseType = unknown>(props: UploadProps<ResponseType> & RefAttributes<UploadRef<ResponseType>>) => ReactElement | null) & {
448
+ Dragger: typeof UploadDragger;
449
+ LIST_IGNORE: string;
450
+ } & {
451
+ Dragger: import("react").ForwardRefExoticComponent<DraggerProps<unknown> & RefAttributes<UploadRef<unknown>>>;
452
+ LIST_IGNORE: string;
453
+ };
454
+ export {};
@@ -0,0 +1,24 @@
1
+ import type { HTMLAttributes, ReactNode } from "react";
2
+ export type DividerOrientation = "horizontal" | "vertical";
3
+ export type DividerTitlePlacement = "left" | "right" | "center" | "start" | "end";
4
+ export type DividerVariant = "dashed" | "dotted" | "solid";
5
+ export type DividerSize = "small" | "medium" | "middle" | "large" | "default";
6
+ export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
7
+ readonly children?: ReactNode;
8
+ readonly dashed?: boolean;
9
+ /**
10
+ * AntD 6 orientation. The legacy title-placement values remain accepted for compatibility.
11
+ */
12
+ readonly orientation?: DividerOrientation | "left" | "right" | "center";
13
+ /** @deprecated Use `styles.content.margin` in AntD-compatible code. */
14
+ readonly orientationMargin?: number | string;
15
+ readonly plain?: boolean;
16
+ readonly rootClassName?: string;
17
+ readonly size?: DividerSize;
18
+ readonly titlePlacement?: DividerTitlePlacement;
19
+ /** @deprecated Use `orientation` instead. */
20
+ readonly type?: DividerOrientation;
21
+ readonly variant?: DividerVariant;
22
+ readonly vertical?: boolean;
23
+ }
24
+ export declare function Divider({ children, className, dashed, orientation, orientationMargin, plain, rootClassName, size, style, titlePlacement, type, variant, vertical, ...props }: DividerProps): import("react").JSX.Element;
@@ -0,0 +1,68 @@
1
+ import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, ReactNode, Ref } from "react";
2
+ import type { SlotClassNames, SlotStyles } from "../utils/slots";
3
+ export type DrawerPlacement = "top" | "right" | "bottom" | "left";
4
+ export type DrawerSize = "default" | "large" | number | string;
5
+ export type DrawerPush = boolean | {
6
+ readonly distance?: number | string;
7
+ };
8
+ export type DrawerResizable = boolean | {
9
+ readonly onResize?: (size: number) => void;
10
+ readonly onResizeEnd?: () => void;
11
+ readonly onResizeStart?: () => void;
12
+ };
13
+ export type DrawerClosable = boolean | {
14
+ readonly closeIcon?: ReactNode;
15
+ readonly disabled?: boolean;
16
+ readonly placement?: "start" | "end";
17
+ };
18
+ export type DrawerMask = boolean | {
19
+ readonly blur?: boolean;
20
+ readonly closable?: boolean;
21
+ };
22
+ type DrawerSlot = "root" | "mask" | "wrapper" | "panel" | "dragger" | "header" | "title" | "extra" | "close" | "body" | "footer";
23
+ export interface DrawerProps {
24
+ readonly afterOpenChange?: (open: boolean) => void;
25
+ readonly autoFocus?: boolean;
26
+ readonly children?: ReactNode;
27
+ readonly bodyStyle?: CSSProperties;
28
+ readonly className?: string;
29
+ readonly classNames?: SlotClassNames<DrawerSlot>;
30
+ readonly closeIcon?: ReactNode;
31
+ readonly closable?: DrawerClosable;
32
+ readonly contentWrapperStyle?: CSSProperties;
33
+ readonly defaultSize?: number | string;
34
+ readonly destroyOnClose?: boolean;
35
+ readonly destroyOnHidden?: boolean;
36
+ readonly drawerRender?: (node: ReactNode) => ReactNode;
37
+ readonly drawerStyle?: CSSProperties;
38
+ readonly extra?: ReactNode;
39
+ readonly focusTriggerAfterClose?: boolean;
40
+ readonly forceRender?: boolean;
41
+ readonly footer?: ReactNode;
42
+ readonly footerStyle?: CSSProperties;
43
+ readonly getContainer?: false | HTMLElement | (() => HTMLElement);
44
+ readonly height?: number | string;
45
+ readonly headerStyle?: CSSProperties;
46
+ readonly keyboard?: boolean;
47
+ readonly loading?: boolean;
48
+ readonly mask?: DrawerMask;
49
+ readonly maskClosable?: boolean;
50
+ readonly maskStyle?: CSSProperties;
51
+ readonly maxSize?: number;
52
+ readonly open?: boolean;
53
+ readonly panelRef?: Ref<HTMLDivElement>;
54
+ readonly placement?: DrawerPlacement;
55
+ readonly push?: DrawerPush;
56
+ readonly resizable?: DrawerResizable;
57
+ readonly rootClassName?: string;
58
+ readonly rootStyle?: CSSProperties;
59
+ readonly size?: DrawerSize;
60
+ readonly style?: CSSProperties;
61
+ readonly styles?: SlotStyles<DrawerSlot>;
62
+ readonly title?: ReactNode;
63
+ readonly width?: number | string;
64
+ readonly zIndex?: number;
65
+ readonly onClose?: (event?: ReactMouseEvent<HTMLButtonElement> | ReactMouseEvent | ReactKeyboardEvent | KeyboardEvent) => void;
66
+ }
67
+ export declare function Drawer({ afterOpenChange, autoFocus, bodyStyle, children, className, classNames, closeIcon, closable, contentWrapperStyle, defaultSize, destroyOnClose, destroyOnHidden, drawerRender, drawerStyle, extra, focusTriggerAfterClose, forceRender, footer, footerStyle, getContainer, height, headerStyle, keyboard, loading, mask, maskClosable, maskStyle, maxSize, onClose, open, panelRef, placement, push, resizable, rootClassName, rootStyle, size, style, styles, title, width, zIndex, }: DrawerProps): import("react").JSX.Element;
68
+ export {};
@@ -0,0 +1,41 @@
1
+ import type { DropdownProps as RcDropdownProps } from "@rc-component/dropdown";
2
+ import type { CSSProperties, ReactNode } from "react";
3
+ import { type MenuItem, type MenuProps } from "./NavigationPrimitives";
4
+ export type DropdownPlacement = "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
5
+ export type DropdownTrigger = "click" | "hover" | "contextMenu";
6
+ export interface DropdownArrowOptions {
7
+ readonly pointAtCenter?: boolean;
8
+ }
9
+ export interface DropdownMenuItem extends MenuItem {
10
+ readonly id?: string;
11
+ }
12
+ export interface DropdownMenu extends Omit<MenuProps, "items"> {
13
+ readonly activeKey?: string;
14
+ readonly items?: readonly (DropdownMenuItem | null)[];
15
+ }
16
+ type DropdownSlot = "root";
17
+ export interface DropdownProps extends Omit<RcDropdownProps, "arrow" | "children" | "onVisibleChange" | "overlay" | "placement" | "trigger" | "visible"> {
18
+ readonly arrow?: boolean | DropdownArrowOptions;
19
+ readonly children: ReactNode;
20
+ readonly className?: string;
21
+ readonly classNames?: Partial<Record<DropdownSlot, string>>;
22
+ readonly defaultOpen?: boolean;
23
+ readonly disabled?: boolean;
24
+ readonly destroyOnHidden?: boolean;
25
+ readonly destroyPopupOnHide?: boolean;
26
+ readonly dropdownRender?: (originNode: ReactNode) => ReactNode;
27
+ readonly forceRender?: boolean;
28
+ readonly menu?: DropdownMenu;
29
+ readonly open?: boolean;
30
+ readonly overlay?: ReactNode;
31
+ readonly placement?: DropdownPlacement;
32
+ readonly popupRender?: (originNode: ReactNode) => ReactNode;
33
+ readonly rootClassName?: string;
34
+ readonly styles?: Partial<Record<DropdownSlot, CSSProperties>>;
35
+ readonly trigger?: readonly DropdownTrigger[];
36
+ readonly onOpenChange?: (open: boolean, info: {
37
+ source: "trigger" | "menu";
38
+ }) => void;
39
+ }
40
+ export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLElement>>;
41
+ export {};
@@ -0,0 +1,14 @@
1
+ import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
2
+ export interface EmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
3
+ readonly description?: ReactNode;
4
+ readonly image?: ReactNode;
5
+ /** @deprecated Use `styles.image` in AntD-compatible code. */
6
+ readonly imageStyle?: CSSProperties;
7
+ readonly rootClassName?: string;
8
+ }
9
+ declare function EmptyRoot({ children, className, description, image, imageStyle, rootClassName, ...props }: EmptyProps): import("react").JSX.Element;
10
+ export declare const Empty: typeof EmptyRoot & {
11
+ PRESENTED_IMAGE_DEFAULT: import("react").JSX.Element;
12
+ PRESENTED_IMAGE_SIMPLE: import("react").JSX.Element;
13
+ };
14
+ export {};
@@ -0,0 +1,6 @@
1
+ interface EmptyStateProps {
2
+ readonly description?: string;
3
+ readonly title: string;
4
+ }
5
+ export declare function EmptyState({ description, title }: EmptyStateProps): import("react").JSX.Element;
6
+ export {};