x-ui-design 0.2.2 → 0.2.4

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 (140) hide show
  1. package/dist/esm/types/index.d.ts +0 -25
  2. package/dist/index.d.ts +2 -655
  3. package/dist/index.esm.js +9 -2962
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/index.js +5 -2994
  6. package/dist/index.js.map +1 -1
  7. package/lib/components/Button/index.ts +1 -1
  8. package/lib/index.ts +1 -53
  9. package/package.json +1 -1
  10. package/{lib → src}/components/Checkbox/Checkbox.tsx +2 -2
  11. package/{lib → src}/components/Form/Form.tsx +1 -1
  12. package/{lib → src}/components/Form/Item/Item.tsx +2 -2
  13. package/{lib → src}/components/Input/Input.tsx +2 -2
  14. package/{lib → src}/components/Input/Textarea/Textarea.tsx +2 -2
  15. package/{lib → src}/components/Select/Option/Option.tsx +2 -2
  16. package/{lib → src}/components/Select/Select.tsx +2 -2
  17. package/{lib → src}/components/Select/Tag/Tag.tsx +1 -1
  18. package/{lib → src}/components/Skeleton/Avatar/Avatar.tsx +2 -2
  19. package/{lib → src}/components/Skeleton/Button/Button.tsx +2 -2
  20. package/{lib → src}/components/Skeleton/Image/Image.tsx +1 -1
  21. package/{lib → src}/components/Skeleton/Input/Input.tsx +2 -2
  22. package/{lib → src}/components/Skeleton/Skeleton.tsx +2 -2
  23. package/{lib → src}/hooks/useForm.ts +2 -2
  24. package/{lib → src}/hooks/useWatch.ts +2 -2
  25. package/{lib → src}/types/checkbox.ts +1 -1
  26. package/src/types/index.ts +27 -0
  27. package/dist/esm/types/components/Checkbox/Checkbox.d.ts +0 -23
  28. package/dist/esm/types/components/Checkbox/index.d.ts +0 -1
  29. package/dist/esm/types/components/DatePicker/DatePicker.d.ts +0 -9
  30. package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts +0 -4
  31. package/dist/esm/types/components/DatePicker/RangePicker/index.d.ts +0 -1
  32. package/dist/esm/types/components/DatePicker/TimePicker/TimePicker.d.ts +0 -5
  33. package/dist/esm/types/components/DatePicker/TimePicker/index.d.ts +0 -1
  34. package/dist/esm/types/components/DatePicker/index.d.ts +0 -1
  35. package/dist/esm/types/components/Empty/Empty.d.ts +0 -4
  36. package/dist/esm/types/components/Empty/index.d.ts +0 -1
  37. package/dist/esm/types/components/Form/Form.d.ts +0 -7
  38. package/dist/esm/types/components/Form/Item/Item.d.ts +0 -7
  39. package/dist/esm/types/components/Form/Item/index.d.ts +0 -1
  40. package/dist/esm/types/components/Form/index.d.ts +0 -1
  41. package/dist/esm/types/components/Icons/Icons.d.ts +0 -16
  42. package/dist/esm/types/components/Icons/index.d.ts +0 -1
  43. package/dist/esm/types/components/Input/Input.d.ts +0 -28
  44. package/dist/esm/types/components/Input/Textarea/Textarea.d.ts +0 -27
  45. package/dist/esm/types/components/Input/Textarea/index.d.ts +0 -1
  46. package/dist/esm/types/components/Input/index.d.ts +0 -1
  47. package/dist/esm/types/components/Radio/Button/Button.d.ts +0 -4
  48. package/dist/esm/types/components/Radio/Button/index.d.ts +0 -1
  49. package/dist/esm/types/components/Radio/Group/Group.d.ts +0 -4
  50. package/dist/esm/types/components/Radio/Group/index.d.ts +0 -1
  51. package/dist/esm/types/components/Radio/Radio.d.ts +0 -30
  52. package/dist/esm/types/components/Radio/index.d.ts +0 -1
  53. package/dist/esm/types/components/Select/Option/Option.d.ts +0 -5
  54. package/dist/esm/types/components/Select/Option/index.d.ts +0 -1
  55. package/dist/esm/types/components/Select/Select.d.ts +0 -51
  56. package/dist/esm/types/components/Select/Tag/Tag.d.ts +0 -5
  57. package/dist/esm/types/components/Select/Tag/index.d.ts +0 -1
  58. package/dist/esm/types/components/Select/index.d.ts +0 -1
  59. package/dist/esm/types/components/Skeleton/Avatar/Avatar.d.ts +0 -8
  60. package/dist/esm/types/components/Skeleton/Avatar/index.d.ts +0 -1
  61. package/dist/esm/types/components/Skeleton/Button/Button.d.ts +0 -5
  62. package/dist/esm/types/components/Skeleton/Button/index.d.ts +0 -1
  63. package/dist/esm/types/components/Skeleton/Image/Image.d.ts +0 -5
  64. package/dist/esm/types/components/Skeleton/Image/index.d.ts +0 -1
  65. package/dist/esm/types/components/Skeleton/Input/Input.d.ts +0 -5
  66. package/dist/esm/types/components/Skeleton/Input/index.d.ts +0 -1
  67. package/dist/esm/types/components/Skeleton/Skeleton.d.ts +0 -11
  68. package/dist/esm/types/components/Skeleton/index.d.ts +0 -1
  69. package/dist/esm/types/components/Upload/Upload.d.ts +0 -4
  70. package/dist/esm/types/components/Upload/index.d.ts +0 -1
  71. package/dist/esm/types/hooks/useForm.d.ts +0 -4
  72. package/dist/esm/types/hooks/useWatch.d.ts +0 -9
  73. package/dist/esm/types/types/checkbox.d.ts +0 -22
  74. package/dist/esm/types/types/datepicker.d.ts +0 -119
  75. package/dist/esm/types/types/empty.d.ts +0 -7
  76. package/dist/esm/types/types/form.d.ts +0 -107
  77. package/dist/esm/types/types/input.d.ts +0 -47
  78. package/dist/esm/types/types/radio.d.ts +0 -57
  79. package/dist/esm/types/types/select.d.ts +0 -97
  80. package/dist/esm/types/types/skeleton.d.ts +0 -50
  81. package/dist/esm/types/types/upload.d.ts +0 -54
  82. /package/{lib → src}/components/Checkbox/index.ts +0 -0
  83. /package/{lib → src}/components/Checkbox/style.css +0 -0
  84. /package/{lib → src}/components/DatePicker/DatePicker.tsx +0 -0
  85. /package/{lib → src}/components/DatePicker/RangePicker/RangePicker.tsx +0 -0
  86. /package/{lib → src}/components/DatePicker/RangePicker/index.ts +0 -0
  87. /package/{lib → src}/components/DatePicker/RangePicker/style.css +0 -0
  88. /package/{lib → src}/components/DatePicker/TimePicker/TimePicker.tsx +0 -0
  89. /package/{lib → src}/components/DatePicker/TimePicker/index.ts +0 -0
  90. /package/{lib → src}/components/DatePicker/TimePicker/style.css +0 -0
  91. /package/{lib → src}/components/DatePicker/index.ts +0 -0
  92. /package/{lib → src}/components/DatePicker/style.css +0 -0
  93. /package/{lib → src}/components/Empty/Empty.tsx +0 -0
  94. /package/{lib → src}/components/Empty/index.ts +0 -0
  95. /package/{lib → src}/components/Empty/style.css +0 -0
  96. /package/{lib → src}/components/Form/Item/index.ts +0 -0
  97. /package/{lib → src}/components/Form/Item/style.css +0 -0
  98. /package/{lib → src}/components/Form/index.ts +0 -0
  99. /package/{lib → src}/components/Icons/Icons.tsx +0 -0
  100. /package/{lib → src}/components/Icons/index.ts +0 -0
  101. /package/{lib → src}/components/Input/Textarea/index.ts +0 -0
  102. /package/{lib → src}/components/Input/Textarea/style.css +0 -0
  103. /package/{lib → src}/components/Input/index.ts +0 -0
  104. /package/{lib → src}/components/Input/style.css +0 -0
  105. /package/{lib → src}/components/Radio/Button/Button.tsx +0 -0
  106. /package/{lib → src}/components/Radio/Button/index.ts +0 -0
  107. /package/{lib → src}/components/Radio/Button/style.css +0 -0
  108. /package/{lib → src}/components/Radio/Group/Group.tsx +0 -0
  109. /package/{lib → src}/components/Radio/Group/index.ts +0 -0
  110. /package/{lib → src}/components/Radio/Group/style.css +0 -0
  111. /package/{lib → src}/components/Radio/Radio.tsx +0 -0
  112. /package/{lib → src}/components/Radio/index.ts +0 -0
  113. /package/{lib → src}/components/Radio/style.css +0 -0
  114. /package/{lib → src}/components/Select/Option/index.ts +0 -0
  115. /package/{lib → src}/components/Select/Option/style.css +0 -0
  116. /package/{lib → src}/components/Select/Tag/index.ts +0 -0
  117. /package/{lib → src}/components/Select/Tag/style.css +0 -0
  118. /package/{lib → src}/components/Select/index.ts +0 -0
  119. /package/{lib → src}/components/Select/style.css +0 -0
  120. /package/{lib → src}/components/Skeleton/Avatar/index.ts +0 -0
  121. /package/{lib → src}/components/Skeleton/Avatar/style.css +0 -0
  122. /package/{lib → src}/components/Skeleton/Button/index.ts +0 -0
  123. /package/{lib → src}/components/Skeleton/Button/style.css +0 -0
  124. /package/{lib → src}/components/Skeleton/Image/index.ts +0 -0
  125. /package/{lib → src}/components/Skeleton/Image/style.css +0 -0
  126. /package/{lib → src}/components/Skeleton/Input/index.ts +0 -0
  127. /package/{lib → src}/components/Skeleton/Input/style.css +0 -0
  128. /package/{lib → src}/components/Skeleton/index.ts +0 -0
  129. /package/{lib → src}/components/Skeleton/style.css +0 -0
  130. /package/{lib → src}/components/Upload/Upload.tsx +0 -0
  131. /package/{lib → src}/components/Upload/index.ts +0 -0
  132. /package/{lib → src}/components/Upload/style.css +0 -0
  133. /package/{lib → src}/types/datepicker.ts +0 -0
  134. /package/{lib → src}/types/empty.ts +0 -0
  135. /package/{lib → src}/types/form.ts +0 -0
  136. /package/{lib → src}/types/input.ts +0 -0
  137. /package/{lib → src}/types/radio.ts +0 -0
  138. /package/{lib → src}/types/select.ts +0 -0
  139. /package/{lib → src}/types/skeleton.ts +0 -0
  140. /package/{lib → src}/types/upload.ts +0 -0
@@ -1,27 +1,2 @@
1
1
  import './styles/global.css';
2
- export { default as Form } from "./components/Form/Form";
3
- export { default as FormItem } from "./components/Form/Item/Item";
4
- export { default as DatePicker } from "./components/DatePicker/DatePicker";
5
- export { default as TimePicker } from "./components/DatePicker/TimePicker/TimePicker";
6
- export { default as RangePicker } from "./components/DatePicker/RangePicker/RangePicker";
7
- export { default as Input } from "./components/Input/Input";
8
- export { default as Textarea } from "./components/Input/Textarea/Textarea";
9
- export { default as Radio } from "./components/Radio/Radio";
10
- export { default as RadioGroup } from "./components/Radio/Group/Group";
11
- export { default as RadioButton } from "./components/Radio/Button/Button";
12
- export { default as Select } from "./components/Select/Select";
13
- export { default as Tag } from "./components/Select/Tag/Tag";
14
- export { default as Option } from "./components/Select/Option/Option";
15
- export { default as Skeleton } from "./components/Skeleton/Skeleton";
16
- export { default as SkeletonImage } from "./components/Skeleton/Image/Image";
17
- export { default as SkeletonInput } from "./components/Skeleton/Input/Input";
18
- export { default as SkeletonAvatar } from "./components/Skeleton/Avatar/Avatar";
19
- export { default as SkeletonButton } from "./components/Skeleton/Button/Button";
20
- export { default as Empty } from "./components/Empty/Empty";
21
2
  export { default as Button } from "./components/Button/Button.client";
22
- export { default as Upload } from "./components/Upload/Upload";
23
- export { default as Checkbox } from "./components/Checkbox/Checkbox";
24
- export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from './components/Icons/Icons';
25
- import { useForm } from './hooks/useForm';
26
- import { useWatch } from './hooks/useWatch';
27
- export { useForm, useWatch };
package/dist/index.d.ts CHANGED
@@ -1,556 +1,5 @@
1
- import * as react from 'react';
2
- import { CSSProperties, ReactNode, MouseEventHandler, MouseEvent, ReactEventHandler, Key, FC, ComponentClass, FormEvent, ReactElement, FocusEvent, KeyboardEvent, FocusEventHandler, KeyboardEventHandler, ButtonHTMLAttributes } from 'react';
3
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
-
5
- type RuleType = any;
6
- type RuleTypes = RuleType | RuleType[];
7
- type SizeType$1 = 'small' | 'middle' | 'large';
8
- interface DefaultProps {
9
- prefixCls?: string;
10
- className?: string;
11
- style?: CSSProperties;
12
- noStyle?: boolean;
13
- }
14
- type TargetProps = {
15
- target: {
16
- value: RuleType;
17
- };
18
- };
19
- type SyntheticBaseEvent = {
20
- target: EventTarget & {
21
- value: RuleType;
22
- };
23
- nativeEvent?: Event & {
24
- data?: string | null;
25
- };
26
- currentTarget: EventTarget;
27
- };
28
-
29
- interface OptionType {
30
- value: RuleType;
31
- disabled?: boolean;
32
- children?: ReactNode;
33
- className?: string;
34
- style?: CSSProperties;
35
- onClick?: MouseEventHandler<HTMLDivElement>;
36
- render?: (label: string) => ReactNode;
37
- prefixCls?: string;
38
- label?: RuleType;
39
- }
40
- type CustomTagProps = DefaultProps & {
41
- label?: ReactNode;
42
- value: string;
43
- onClose: (e: MouseEvent<HTMLSpanElement> & TargetProps) => void;
44
- onMouseDown?: MouseEventHandler | undefined;
45
- onLoadCapture?: ReactEventHandler | undefined;
46
- closable?: boolean;
47
- isMaxTag?: boolean;
48
- color?: string;
49
- icon?: ReactNode;
50
- };
51
- interface DisplayValueType {
52
- key?: Key;
53
- value?: RuleType;
54
- label?: ReactNode;
55
- title?: string | number;
56
- disabled?: boolean;
57
- }
58
- interface OptionProps {
59
- value: RuleType;
60
- disabled?: boolean;
61
- children?: ReactNode;
62
- className?: string;
63
- style?: CSSProperties;
64
- onClick?: MouseEventHandler<HTMLDivElement>;
65
- render?: (label: string) => ReactNode;
66
- onMouseEnter?: MouseEventHandler<HTMLDivElement>;
67
- prefixCls?: string;
68
- selected?: boolean;
69
- title?: string;
70
- }
71
-
72
- type RuleRender = (form: FormInstance) => RuleObject;
73
- type RuleObject = RuleRender | {
74
- required?: boolean;
75
- message?: string;
76
- pattern?: RegExp;
77
- min?: number;
78
- max?: number;
79
- warningPattern?: RegExp;
80
- warningMessage?: string;
81
- validator?: (rule: RuleObject, value: RuleTypes, callback: (error?: string) => void) => Promise<void> | void;
82
- };
83
- interface FieldData {
84
- name: string | string[];
85
- value?: RuleTypes;
86
- errors?: string[];
87
- }
88
- type FieldInstancesInputRef = HTMLInputElement | null;
89
- type FieldInstancesRef = {
90
- input?: FieldInstancesInputRef;
91
- };
92
- interface FieldError {
93
- name: string;
94
- errors: string[];
95
- }
96
- type FormLayoutTypes = 'horizontal' | 'vertical' | 'inline';
97
- type FormProps = DefaultProps & {
98
- colon?: boolean;
99
- name?: string;
100
- layout?: FormLayoutTypes;
101
- form?: FormInstance;
102
- size?: SizeType$1;
103
- initialValues?: Record<string, RuleTypes>;
104
- children?: ReactNode;
105
- component?: false | string | FC<ReactNode> | ComponentClass<ReactNode>;
106
- fields?: FieldData[];
107
- onChange?: (e: FormEvent<HTMLFormElement>) => void;
108
- onFieldsChange?: (changedFields: FieldData[]) => void;
109
- onSubmitCapture?: (changedFields: FieldData[]) => void;
110
- onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
111
- onFinish?: (values: Record<string, RuleTypes>) => void;
112
- onFinishFailed?: (errorInfo: {
113
- values: Record<string, RuleTypes>;
114
- errorFields: Pick<FieldError, 'errors' | 'name'>[];
115
- }) => void;
116
- };
117
- type FormItemProps = DefaultProps & {
118
- name: string;
119
- label?: string | ReactNode;
120
- rules?: RuleObject[];
121
- initialValue?: RuleType;
122
- children: (ReactElement & {
123
- props: {
124
- value: RuleTypes;
125
- };
126
- }) | (ReactElement & {
127
- props: {
128
- value: RuleTypes;
129
- };
130
- })[];
131
- layout?: FormLayoutTypes;
132
- valuePropName?: string;
133
- dependencies?: string[];
134
- normalize?: (value: RuleType, prevValue: RuleType, allValues: RuleType) => RuleType;
135
- feedbackIcons?: boolean;
136
- };
137
- interface FormInstance {
138
- submit: () => Promise<Record<string, RuleTypes> | undefined>;
139
- setFields: (fields: FieldData[]) => void;
140
- resetFields: (nameList?: string[]) => void;
141
- getFieldError: (name: string) => string[];
142
- registerField: (name: string, rules?: RuleObject[]) => void;
143
- setFieldValue: (name: string, value: RuleTypes) => void;
144
- getFieldValue: (name: string) => RuleTypes;
145
- validateFields: (nameList?: string[]) => Promise<boolean>;
146
- setFieldsValue: (values: Partial<Record<string, RuleTypes>>) => void;
147
- getFieldsValue: (nameList?: string[]) => Record<string, RuleTypes>;
148
- isFieldTouched: (name: string) => boolean;
149
- getFieldsError: () => Pick<FieldError, 'errors' | 'name'>[];
150
- isFieldsTouched: (nameList?: string[], allFieldsTouched?: boolean) => boolean;
151
- getFieldWarning: (name: string) => string[];
152
- subscribeToField: (name: string, callback: (value: RuleTypes) => void) => () => void;
153
- subscribeToForm: (callback: (values: Record<string, RuleTypes>) => void) => () => void;
154
- subscribeToFields: (names: string[], callback: (values: Record<string, RuleTypes>) => void) => () => void;
155
- isFieldValidating: (name: string) => boolean;
156
- onFieldsChange?: (changedFields: FieldData[]) => void;
157
- onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void;
158
- getFieldInstance: (fieldName: string) => FieldInstancesRef;
159
- isReseting: boolean;
160
- }
161
-
162
- declare const Form: FC<FormProps> & {
163
- Item: FC<FormItemProps>;
164
- };
165
-
166
- declare const FormItem: {
167
- ({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): react_jsx_runtime.JSX.Element;
168
- displayName: string;
169
- };
170
-
171
- interface BaseInfo {
172
- range?: 'start' | 'end';
173
- source?: string;
174
- }
175
- type CustomFormat<RuleType> = (value: RuleType) => string;
176
- type FormatType<DateType = RuleType> = string | CustomFormat<DateType>;
177
- type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
178
- type TDatePickerProps = DefaultProps & {
179
- value?: Date;
180
- disabled?: boolean;
181
- placeholder?: string;
182
- error?: boolean;
183
- feedbackIcons?: boolean;
184
- locale?: Locale;
185
- placement?: string;
186
- defaultOpen?: boolean;
187
- allowClear?: boolean | {
188
- clearIcon?: ReactNode;
189
- };
190
- defaultValue?: Date;
191
- disabledDate?: (date: RuleType, info: {
192
- to: RuleType;
193
- from?: RuleType;
194
- }) => boolean;
195
- suffixIcon?: ReactNode;
196
- prefix?: ReactNode;
197
- size?: SizeType$1;
198
- format?: FormatType<RuleType> | FormatType<RuleType>[] | {
199
- format: string;
200
- type?: 'mask';
201
- };
202
- onChange?: (date: RuleType | RuleType[], dateString: string | string[]) => void;
203
- onCalendarChange?: (date: RuleType | RuleType[], dateString: string | string[], info: BaseInfo) => void;
204
- getPopupContainer?: (node: HTMLElement) => HTMLElement;
205
- showToday?: boolean;
206
- inputReadOnly?: boolean;
207
- picker?: PanelMode;
208
- bordered?: boolean;
209
- };
210
- type TRangePickerProps = Omit<TDatePickerProps, 'placeholder' | 'value' | 'defaultValue'> & {
211
- placeholder?: string[];
212
- value?: Date[];
213
- defaultValue?: Date[];
214
- separator?: ReactNode;
215
- };
216
- type Locale = {
217
- locale: string;
218
- dateFormat?: string;
219
- dateTimeFormat?: string;
220
- fieldDateTimeFormat?: string;
221
- fieldDateFormat?: string;
222
- fieldTimeFormat?: string;
223
- fieldMonthFormat?: string;
224
- fieldYearFormat?: string;
225
- fieldWeekFormat?: string;
226
- fieldQuarterFormat?: string;
227
- monthBeforeYear?: boolean;
228
- yearFormat?: string;
229
- monthFormat?: string;
230
- cellYearFormat?: string;
231
- cellQuarterFormat?: string;
232
- dayFormat?: string;
233
- cellDateFormat?: string;
234
- cellMeridiemFormat?: string;
235
- today: string;
236
- now: string;
237
- backToToday: string;
238
- ok: string;
239
- timeSelect: string;
240
- dateSelect: string;
241
- weekSelect?: string;
242
- clear: string;
243
- week: string;
244
- month: string;
245
- year: string;
246
- previousMonth: string;
247
- nextMonth: string;
248
- monthSelect: string;
249
- yearSelect: string;
250
- decadeSelect: string;
251
- previousYear: string;
252
- nextYear: string;
253
- previousDecade: string;
254
- nextDecade: string;
255
- previousCentury: string;
256
- nextCentury: string;
257
- shortWeekDays?: string[];
258
- shortMonths?: string[];
259
- };
260
- interface DisabledTimes {
261
- disabledHours?: () => number[];
262
- disabledMinutes?: (hour: number) => number[];
263
- disabledSeconds?: (hour: number, minute: number) => number[];
264
- }
265
- type PickerFocusEventHandler = (e: FocusEvent<HTMLElement>, info: BaseInfo) => void;
266
- type TimePickerProps = DefaultProps & {
267
- disabledTime?: (date: RuleType) => DisabledTimes;
268
- inputReadOnly?: boolean;
269
- format?: FormatType<RuleType> | FormatType<RuleType>[] | {
270
- format: string;
271
- type?: 'mask';
272
- };
273
- defaultValue?: RuleType | null;
274
- value?: RuleType | null;
275
- onChange?: (date: RuleType, dateString: string | string[]) => void;
276
- onBlur?: PickerFocusEventHandler;
277
- onSelect?: ((value: Date | null) => void) | undefined;
278
- showNow?: boolean;
279
- clearIcon?: ReactNode;
280
- getPopupContainer?: (node: HTMLElement) => HTMLElement;
281
- suffixIcon?: ReactNode;
282
- placeholder?: string;
283
- };
284
-
285
- declare const DatePicker: (({ value, onChange, onCalendarChange, disabled, error, placeholder, prefixCls, noStyle, feedbackIcons, locale, placement, defaultValue, size, format, getPopupContainer, showToday, allowClear, disabledDate, suffixIcon, picker, prefix, defaultOpen, inputReadOnly, bordered }: TDatePickerProps) => react_jsx_runtime.JSX.Element) & {
286
- RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => react_jsx_runtime.JSX.Element;
287
- };
288
-
289
- declare const TimePicker: FC<TimePickerProps>;
290
-
291
- declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => react_jsx_runtime.JSX.Element;
292
-
293
- declare const Textarea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & DefaultProps & {
294
- value?: string;
295
- className?: string;
296
- style?: react.CSSProperties;
297
- autoSize?: boolean | {
298
- minRows?: number;
299
- maxRows?: number;
300
- };
301
- onPressEnter?: react.KeyboardEventHandler<HTMLTextAreaElement>;
302
- onResize?: (size: {
303
- width: number;
304
- height: number;
305
- }) => void;
306
- styles?: {
307
- textarea?: react.CSSProperties;
308
- count?: react.CSSProperties;
309
- };
310
- bordered?: boolean;
311
- size?: SizeType$1;
312
- status?: "success" | "error";
313
- rootClassName?: string;
314
- variant?: "outlined" | "borderless" | "filled" | "underlined";
315
- error?: boolean;
316
- allowClear?: boolean;
317
- } & react.RefAttributes<HTMLTextAreaElement>>;
318
-
319
- declare const InputComponent: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & DefaultProps & {
320
- addonBefore?: react.ReactNode;
321
- addonAfter?: react.ReactNode;
322
- size?: SizeType$1;
323
- prefix?: react.ReactNode;
324
- suffix?: react.ReactNode;
325
- disabled?: boolean;
326
- allowClear?: boolean;
327
- error?: boolean;
328
- bordered?: boolean;
329
- iconRender?: (visible: boolean) => react.ReactElement;
330
- onChange?: (event: SyntheticBaseEvent) => void;
331
- onClick?: react.MouseEventHandler<HTMLElement>;
332
- onMouseEnter?: react.MouseEventHandler<HTMLElement>;
333
- onMouseLeave?: react.MouseEventHandler<HTMLElement>;
334
- onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
335
- onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
336
- onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
337
- feedbackIcons?: boolean;
338
- } & react.RefAttributes<HTMLInputElement>>;
339
- declare const Input: typeof InputComponent & {
340
- TextArea: typeof Textarea;
341
- };
342
-
343
- interface RadioGroupProps {
344
- defaultValue?: RuleType;
345
- value?: RuleType;
346
- onChange?: (e: SyntheticBaseEvent) => void;
347
- size?: SizeType$1;
348
- disabled?: boolean;
349
- onMouseEnter?: MouseEventHandler<HTMLDivElement>;
350
- onMouseLeave?: MouseEventHandler<HTMLDivElement>;
351
- name?: string;
352
- children?: ReactNode;
353
- id?: string;
354
- optionType?: 'default' | 'button';
355
- buttonStyle?: 'outline' | 'solid';
356
- onFocus?: FocusEventHandler<HTMLDivElement>;
357
- onBlur?: FocusEventHandler<HTMLDivElement>;
358
- block?: boolean;
359
- prefixCls?: string;
360
- className?: string;
361
- options?: Array<{
362
- label: ReactNode;
363
- value: RuleType;
364
- disabled?: boolean;
365
- }> | string[] | number[];
366
- style?: CSSProperties;
367
- }
368
- type RadioProps = DefaultProps & {
369
- defaultChecked?: boolean;
370
- checked?: boolean;
371
- disabled?: boolean;
372
- title?: string;
373
- onChange?: (e: SyntheticBaseEvent) => void;
374
- onClick?: MouseEventHandler<HTMLElement>;
375
- onMouseEnter?: MouseEventHandler<HTMLElement>;
376
- onMouseLeave?: MouseEventHandler<HTMLElement>;
377
- onKeyPress?: KeyboardEventHandler<HTMLElement>;
378
- onKeyDown?: KeyboardEventHandler<HTMLElement>;
379
- onFocus?: FocusEventHandler<HTMLInputElement>;
380
- onBlur?: FocusEventHandler<HTMLInputElement>;
381
- value?: RuleType;
382
- tabIndex?: number;
383
- name?: string;
384
- children?: ReactNode;
385
- id?: string;
386
- autoFocus?: boolean;
387
- type?: string;
388
- skipGroup?: boolean;
389
- required?: boolean;
390
- button?: boolean;
391
- error?: boolean;
392
- };
393
- type RadioButtonProps = RadioProps & {
394
- children?: ReactNode;
395
- size?: SizeType$1;
396
- };
397
-
398
- declare const Radio: react.ForwardRefExoticComponent<DefaultProps & {
399
- defaultChecked?: boolean;
400
- checked?: boolean;
401
- disabled?: boolean;
402
- title?: string;
403
- onChange?: (e: SyntheticBaseEvent) => void;
404
- onClick?: react.MouseEventHandler<HTMLElement>;
405
- onMouseEnter?: react.MouseEventHandler<HTMLElement>;
406
- onMouseLeave?: react.MouseEventHandler<HTMLElement>;
407
- onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
408
- onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
409
- onFocus?: react.FocusEventHandler<HTMLInputElement>;
410
- onBlur?: react.FocusEventHandler<HTMLInputElement>;
411
- value?: RuleType;
412
- tabIndex?: number;
413
- name?: string;
414
- children?: react.ReactNode;
415
- id?: string;
416
- autoFocus?: boolean;
417
- type?: string;
418
- skipGroup?: boolean;
419
- required?: boolean;
420
- button?: boolean;
421
- error?: boolean;
422
- } & react.RefAttributes<HTMLLabelElement>> & {
423
- Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
424
- Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => react_jsx_runtime.JSX.Element;
425
- };
426
-
427
- declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => react_jsx_runtime.JSX.Element;
428
-
429
- declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => react_jsx_runtime.JSX.Element;
430
-
431
- declare const Select: react.ForwardRefExoticComponent<DefaultProps & {
432
- id?: string;
433
- searchValue?: string;
434
- onSearch?: (value: string) => void;
435
- autoClearSearchValue?: boolean;
436
- onSelect?: (value: RuleTypes, option?: OptionType) => void;
437
- onDeselect?: (value: string, option?: OptionType) => void;
438
- filterOption?: boolean | ((input: string, option: OptionType) => boolean);
439
- optionFilterProp?: string;
440
- options?: OptionType[];
441
- children?: react.ReactNode;
442
- defaultActiveFirstOption?: boolean;
443
- listHeight?: number;
444
- menuItemSelectedIcon?: react.ReactNode;
445
- mode?: "default" | "multiple" | "tags";
446
- value?: RuleTypes;
447
- defaultValue?: RuleTypes;
448
- maxCount?: number;
449
- onChange?: (e: RuleTypes, option?: OptionType) => void;
450
- disabled?: boolean;
451
- loading?: boolean;
452
- placeholder?: string;
453
- allowClear?: boolean;
454
- filterable?: boolean;
455
- defaultOpen?: boolean;
456
- size?: "small" | "middle" | "large";
457
- onClear?: () => void;
458
- error?: boolean;
459
- showSearch?: boolean;
460
- tagRender?: ((props: CustomTagProps) => ReactElement) | undefined;
461
- maxTagPlaceholder?: react.ReactNode | ((omittedValues: DisplayValueType[]) => react.ReactNode);
462
- dropdownClassName?: string;
463
- showArrow?: boolean;
464
- onBlur?: react.FocusEventHandler<HTMLElement> | undefined;
465
- onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
466
- showAction?: ("click" | "focus")[] | undefined;
467
- suffixIcon?: react.ReactNode;
468
- open?: boolean;
469
- notFoundContent?: react.ReactNode;
470
- getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
471
- dropdownRender?: (menu: react.ReactNode) => react.ReactNode;
472
- feedbackIcons?: boolean;
473
- placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
474
- removeIcon?: react.ReactNode;
475
- } & react.RefAttributes<HTMLDivElement>> & {
476
- Option: react.FC<OptionProps>;
477
- };
478
-
479
- declare const Tag: FC<CustomTagProps>;
480
-
481
- declare const Option: FC<OptionProps>;
482
-
483
- declare type widthUnit = number | string;
484
- interface SkeletonElementProps {
485
- className?: string;
486
- style?: CSSProperties;
487
- size?: 'large' | 'small' | 'default' | number;
488
- shape?: 'circle' | 'square' | 'round';
489
- active?: boolean;
490
- }
491
- type SkeletonProps = DefaultProps & {
492
- active?: boolean;
493
- loading?: boolean;
494
- className?: string;
495
- style?: CSSProperties;
496
- children?: ReactNode;
497
- avatar?: SkeletonAvatarProps | boolean;
498
- title?: SkeletonTitleProps | boolean;
499
- paragraph?: SkeletonParagraphProps | boolean;
500
- round?: boolean;
501
- teamLogo?: boolean;
502
- };
503
- interface SkeletonTitleProps {
504
- className?: string;
505
- style?: CSSProperties;
506
- width?: number | string;
507
- }
508
- interface SkeletonParagraphProps {
509
- className?: string;
510
- style?: CSSProperties;
511
- width?: widthUnit | Array<widthUnit>;
512
- rows?: number;
513
- }
514
- type SkeletonAvatarProps = Omit<SkeletonElementProps, 'shape'> & DefaultProps & {
515
- shape?: 'circle' | 'square';
516
- active?: boolean;
517
- applyElementStyle?: boolean;
518
- wrapperStyle?: CSSProperties;
519
- };
520
- type SkeletonImageProps = DefaultProps & Omit<SkeletonElementProps, 'size' | 'shape' | 'active'>;
521
- type SkeletonInputProps = Omit<SkeletonElementProps, 'size' | 'shape'> & DefaultProps & {
522
- size?: 'large' | 'small' | 'default';
523
- block?: boolean;
524
- };
525
- type SkeletonButtonProps = Omit<SkeletonElementProps, 'size'> & DefaultProps & {
526
- size?: 'large' | 'small' | 'default';
527
- block?: boolean;
528
- applyElementStyle?: boolean;
529
- };
530
-
531
- declare const Skeleton: {
532
- ({ prefixCls, active, className, style, avatar, paragraph, round, title, teamLogo }: SkeletonProps): ReactElement;
533
- Image: react.FC<SkeletonImageProps>;
534
- Input: react.FC<SkeletonInputProps>;
535
- Avatar: react.FC<SkeletonAvatarProps>;
536
- Button: react.FC<SkeletonButtonProps>;
537
- };
538
-
539
- declare const SkeletonImage: FC<SkeletonImageProps>;
540
-
541
- declare const SkeletonInput: FC<SkeletonInputProps>;
542
-
543
- declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
544
-
545
- declare const SkeletonButton: FC<SkeletonButtonProps>;
546
-
547
- type EmptyContentProps = DefaultProps & {
548
- title?: string;
549
- description?: string;
550
- icon?: ReactNode;
551
- };
552
-
553
- declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) => react_jsx_runtime.JSX.Element;
2
+ import { ButtonHTMLAttributes, ReactNode, CSSProperties } from 'react';
554
3
 
555
4
  declare const ButtonTypes: readonly ["default", "primary", "dashed", "link", "text", "ghost"];
556
5
  declare const ButtonShapes: readonly ["default", "circle", "round"];
@@ -596,106 +45,4 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
596
45
 
597
46
  declare const MyButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
598
47
 
599
- interface RcFile extends File {
600
- uid: string;
601
- lastModifiedDate: Date;
602
- webkitRelativePath: string;
603
- }
604
- type UploadFile<RcFile> = {
605
- originFileObj: RcFile;
606
- uid: string;
607
- name: string;
608
- status?: 'uploading' | 'done' | 'error' | 'removed';
609
- percent?: number;
610
- url?: string;
611
- file?: RcFile;
612
- };
613
- type UploadChangeParam = {
614
- file: UploadFile<RuleType>;
615
- fileList: UploadFile<RuleType>[];
616
- };
617
- type UploadProps = DefaultProps & {
618
- type?: string;
619
- name?: string;
620
- defaultFileList?: UploadFile<RuleType>[];
621
- fileList?: UploadFile<RuleType>[];
622
- action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
623
- directory?: boolean;
624
- data?: Record<string, unknown> | ((file: UploadFile<RuleType>) => Record<string, unknown> | Promise<Record<string, unknown>>);
625
- method?: 'POST' | 'PUT' | 'PATCH';
626
- headers?: Record<string, string>;
627
- showUploadList?: boolean;
628
- multiple?: boolean;
629
- accept?: string;
630
- beforeUpload?: (file: RcFile, fileList: File[]) => boolean | Promise<boolean>;
631
- onChange?: (info: UploadChangeParam) => void;
632
- onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
633
- listType?: string;
634
- className?: string;
635
- rootClassName?: string;
636
- onPreview?: (file: UploadFile<RuleType>) => void;
637
- onDownload?: (file: UploadFile<RuleType>) => void;
638
- onRemove?: (file: UploadFile<RuleType>) => void | boolean | Promise<void | boolean>;
639
- disabled?: boolean;
640
- style?: React.CSSProperties;
641
- customRequest?: (options: {
642
- file: RcFile;
643
- onSuccess: (response: RuleType) => void;
644
- onError: (error: RuleType) => void;
645
- onProgress: (event: ProgressEvent) => void;
646
- }) => void;
647
- withCredentials?: boolean;
648
- openFileDialogOnClick?: boolean;
649
- maxCount?: number;
650
- children?: React.ReactNode;
651
- };
652
-
653
- declare const Upload: ({ prefixCls, multiple, style, className, onChange, action, name, method, headers, directory, beforeUpload, rootClassName, onRemove, disabled, withCredentials, openFileDialogOnClick, maxCount, fileList: controlledFileList, customRequest, accept, listType, showUploadList, children, noStyle, defaultFileList }: UploadProps) => react_jsx_runtime.JSX.Element;
654
-
655
- declare const Checkbox: react.ForwardRefExoticComponent<DefaultProps & {
656
- disabled?: boolean;
657
- onChange?: (e: MouseEvent<HTMLInputElement> & TargetProps) => void;
658
- onClick?: react.MouseEventHandler<HTMLElement>;
659
- onMouseEnter?: react.MouseEventHandler<HTMLElement>;
660
- onMouseLeave?: react.MouseEventHandler<HTMLElement>;
661
- onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
662
- onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
663
- value?: boolean;
664
- tabIndex?: number;
665
- name?: string;
666
- children?: react.ReactNode;
667
- id?: string;
668
- autoFocus?: boolean;
669
- type?: string;
670
- skipGroup?: boolean;
671
- required?: boolean;
672
- defaultChecked?: boolean;
673
- checked?: boolean;
674
- } & react.RefAttributes<HTMLDivElement>>;
675
-
676
- declare const ClearIcon: () => react_jsx_runtime.JSX.Element;
677
- declare const ArrowIcon: ({ isOpen }: {
678
- isOpen: boolean;
679
- }) => react_jsx_runtime.JSX.Element;
680
- declare const LoadingIcon: () => react_jsx_runtime.JSX.Element;
681
- declare const CheckIcon: () => react_jsx_runtime.JSX.Element;
682
- declare const SearchIcon: () => react_jsx_runtime.JSX.Element;
683
- declare const CalendarIcon: () => react_jsx_runtime.JSX.Element;
684
- declare const SuccessIcon: () => react_jsx_runtime.JSX.Element;
685
- declare const ErrorIcon: () => react_jsx_runtime.JSX.Element;
686
- declare const DateDistanceIcon: () => react_jsx_runtime.JSX.Element;
687
- declare const TimeIcon: () => react_jsx_runtime.JSX.Element;
688
- declare const StampleIcon: () => react_jsx_runtime.JSX.Element;
689
- declare const TrashIcon: () => react_jsx_runtime.JSX.Element;
690
- declare const SpinerIcon: () => react_jsx_runtime.JSX.Element;
691
-
692
- declare const useForm: (initialValues?: Record<string, RuleTypes>, onFieldsChange?: (changedFields: FieldData[]) => void, onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void) => FormInstance;
693
-
694
- type UseWatchProps = {
695
- name?: string;
696
- defaultValue?: RuleType;
697
- form?: FormInstance;
698
- };
699
- declare const useWatch: ({ name, defaultValue, form }: UseWatchProps) => any;
700
-
701
- export { ArrowIcon, MyButton as Button, CalendarIcon, CheckIcon, Checkbox, ClearIcon, DateDistanceIcon, DatePicker, EmptyContent as Empty, ErrorIcon, Form, FormItem, Input, LoadingIcon, Option, Radio, RadioButton, RadioGroup, RangePicker, SearchIcon, Select, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, SpinerIcon, StampleIcon, SuccessIcon, Tag, Textarea, TimeIcon, TimePicker, TrashIcon, Upload, useForm, useWatch };
48
+ export { MyButton as Button };