x-ui-design 0.1.95 → 0.1.97
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/dist/esm/types/components/Button/Button.client.d.ts +3 -0
- package/dist/esm/types/components/Button/Button.d.ts +6 -2
- package/dist/esm/types/components/Button/index.d.ts +1 -1
- package/dist/esm/types/components/DatePicker/DatePicker.d.ts +2 -2
- package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts +1 -1
- package/dist/esm/types/components/Empty/Empty.d.ts +1 -1
- package/dist/esm/types/components/Form/Item/Item.d.ts +1 -1
- package/dist/esm/types/components/Icons/Icons.d.ts +13 -13
- package/dist/esm/types/components/Radio/Button/Button.d.ts +1 -1
- package/dist/esm/types/components/Radio/Group/Group.d.ts +1 -1
- package/dist/esm/types/components/Radio/Radio.d.ts +2 -2
- package/dist/esm/types/components/Upload/Upload.d.ts +1 -1
- package/dist/esm/types/index.d.ts +1 -1
- package/dist/index.d.ts +25 -26
- package/dist/index.esm.js +916 -1062
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +915 -1061
- package/dist/index.js.map +1 -1
- package/lib/components/Button/Button.client.tsx +39 -0
- package/lib/components/Button/Button.tsx +17 -37
- package/lib/components/Button/index.ts +1 -1
- package/lib/index.ts +1 -1
- package/package.json +1 -1
- package/src/app/page.tsx +3 -1
- package/tsconfig.json +8 -2
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { ButtonProps } from '../../types/button';
|
|
3
3
|
import './style.css';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
type ButtonBaseProps = ButtonProps & {
|
|
5
|
+
iconNode?: React.ReactNode;
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const ButtonBase: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, iconPosition, disabled, ghost, danger, block, children, href, iconNode, isLoading, ...restProps }: ButtonBaseProps) => ReactElement;
|
|
9
|
+
export default ButtonBase;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as Button } from './Button';
|
|
1
|
+
export { default as Button } from './Button.client';
|
|
@@ -3,7 +3,7 @@ import './style.css';
|
|
|
3
3
|
export declare const NUMBER_SIX = 6;
|
|
4
4
|
export declare const MONTH_LENGTH = 11;
|
|
5
5
|
export declare const NEXT_DAYS_COUNT_AS_CURRENT_MUNTH = 35;
|
|
6
|
-
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) => import("react
|
|
7
|
-
RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: import("../../types/datepicker").TRangePickerProps) => import("react
|
|
6
|
+
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) => import("react").JSX.Element) & {
|
|
7
|
+
RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: import("../../types/datepicker").TRangePickerProps) => import("react").JSX.Element;
|
|
8
8
|
};
|
|
9
9
|
export default DatePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { TRangePickerProps } from '../../../types/datepicker';
|
|
2
2
|
import './style.css';
|
|
3
|
-
declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => import("react
|
|
3
|
+
declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => import("react").JSX.Element;
|
|
4
4
|
export default RangePicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { EmptyContentProps } from '../../types/empty';
|
|
2
2
|
import './style.css';
|
|
3
|
-
declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) => import("react
|
|
3
|
+
declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) => import("react").JSX.Element;
|
|
4
4
|
export default EmptyContent;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormItemProps } from '../../../types/form';
|
|
2
2
|
import './style.css';
|
|
3
3
|
declare const FormItem: {
|
|
4
|
-
({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): import("react
|
|
4
|
+
({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): import("react").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
export default FormItem;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
declare const ClearIcon: () => import("react
|
|
1
|
+
declare const ClearIcon: () => import("react").JSX.Element;
|
|
2
2
|
declare const ArrowIcon: ({ isOpen }: {
|
|
3
3
|
isOpen: boolean;
|
|
4
|
-
}) => import("react
|
|
5
|
-
declare const LoadingIcon: () => import("react
|
|
6
|
-
declare const CheckIcon: () => import("react
|
|
7
|
-
declare const SearchIcon: () => import("react
|
|
8
|
-
declare const CalendarIcon: () => import("react
|
|
9
|
-
declare const SuccessIcon: () => import("react
|
|
10
|
-
declare const ErrorIcon: () => import("react
|
|
11
|
-
declare const DateDistanceIcon: () => import("react
|
|
12
|
-
declare const TimeIcon: () => import("react
|
|
13
|
-
declare const StampleIcon: () => import("react
|
|
14
|
-
declare const TrashIcon: () => import("react
|
|
15
|
-
declare const SpinerIcon: () => import("react
|
|
4
|
+
}) => import("react").JSX.Element;
|
|
5
|
+
declare const LoadingIcon: () => import("react").JSX.Element;
|
|
6
|
+
declare const CheckIcon: () => import("react").JSX.Element;
|
|
7
|
+
declare const SearchIcon: () => import("react").JSX.Element;
|
|
8
|
+
declare const CalendarIcon: () => import("react").JSX.Element;
|
|
9
|
+
declare const SuccessIcon: () => import("react").JSX.Element;
|
|
10
|
+
declare const ErrorIcon: () => import("react").JSX.Element;
|
|
11
|
+
declare const DateDistanceIcon: () => import("react").JSX.Element;
|
|
12
|
+
declare const TimeIcon: () => import("react").JSX.Element;
|
|
13
|
+
declare const StampleIcon: () => import("react").JSX.Element;
|
|
14
|
+
declare const TrashIcon: () => import("react").JSX.Element;
|
|
15
|
+
declare const SpinerIcon: () => import("react").JSX.Element;
|
|
16
16
|
export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { RadioButtonProps } from '../../../types/radio';
|
|
2
2
|
import './style.css';
|
|
3
|
-
declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => import("react
|
|
3
|
+
declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => import("react").JSX.Element;
|
|
4
4
|
export default RadioButton;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { RadioGroupProps } from '../../../types/radio';
|
|
2
2
|
import './style.css';
|
|
3
|
-
declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => import("react
|
|
3
|
+
declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => import("react").JSX.Element;
|
|
4
4
|
export default RadioGroup;
|
|
@@ -24,7 +24,7 @@ declare const Radio: import("react").ForwardRefExoticComponent<import("../../typ
|
|
|
24
24
|
button?: boolean;
|
|
25
25
|
error?: boolean;
|
|
26
26
|
} & import("react").RefAttributes<HTMLLabelElement>> & {
|
|
27
|
-
Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: import("../../types/radio").RadioGroupProps) => import("react
|
|
28
|
-
Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("../../types/radio").RadioButtonProps) => import("react
|
|
27
|
+
Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: import("../../types/radio").RadioGroupProps) => import("react").JSX.Element;
|
|
28
|
+
Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("../../types/radio").RadioButtonProps) => import("react").JSX.Element;
|
|
29
29
|
};
|
|
30
30
|
export default Radio;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { UploadProps } from '../../types/upload';
|
|
2
2
|
import './style.css';
|
|
3
|
-
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) => import("react
|
|
3
|
+
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) => import("react").JSX.Element;
|
|
4
4
|
export default Upload;
|
|
@@ -18,7 +18,7 @@ export { default as SkeletonInput } from "./components/Skeleton/Input/Input";
|
|
|
18
18
|
export { default as SkeletonAvatar } from "./components/Skeleton/Avatar/Avatar";
|
|
19
19
|
export { default as SkeletonButton } from "./components/Skeleton/Button/Button";
|
|
20
20
|
export { default as Empty } from "./components/Empty/Empty";
|
|
21
|
-
export { default as Button } from "./components/Button/Button";
|
|
21
|
+
export { default as Button } from "./components/Button/Button.client";
|
|
22
22
|
export { default as Upload } from "./components/Upload/Upload";
|
|
23
23
|
export { default as Checkbox } from "./components/Checkbox/Checkbox";
|
|
24
24
|
export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from './components/Icons/Icons';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { CSSProperties, ReactNode, MouseEventHandler, MouseEvent, ReactEventHandler, Key, FC, ComponentClass, FormEvent, ReactElement, FocusEvent, KeyboardEvent, FocusEventHandler, KeyboardEventHandler, ButtonHTMLAttributes } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
|
|
5
4
|
type RuleType = any;
|
|
6
5
|
type RuleTypes = RuleType | RuleType[];
|
|
@@ -164,7 +163,7 @@ declare const Form: FC<FormProps> & {
|
|
|
164
163
|
};
|
|
165
164
|
|
|
166
165
|
declare const FormItem: {
|
|
167
|
-
({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps):
|
|
166
|
+
({ prefixCls, name, label, rules, children, className, layout, style, valuePropName, dependencies, initialValue, feedbackIcons, ...props }: FormItemProps): react.JSX.Element;
|
|
168
167
|
displayName: string;
|
|
169
168
|
};
|
|
170
169
|
|
|
@@ -282,13 +281,13 @@ type TimePickerProps = DefaultProps & {
|
|
|
282
281
|
placeholder?: string;
|
|
283
282
|
};
|
|
284
283
|
|
|
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) =>
|
|
286
|
-
RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) =>
|
|
284
|
+
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.Element) & {
|
|
285
|
+
RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => react.JSX.Element;
|
|
287
286
|
};
|
|
288
287
|
|
|
289
288
|
declare const TimePicker: FC<TimePickerProps>;
|
|
290
289
|
|
|
291
|
-
declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) =>
|
|
290
|
+
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.Element;
|
|
292
291
|
|
|
293
292
|
declare const Textarea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & DefaultProps & {
|
|
294
293
|
value?: string;
|
|
@@ -420,13 +419,13 @@ declare const Radio: react.ForwardRefExoticComponent<DefaultProps & {
|
|
|
420
419
|
button?: boolean;
|
|
421
420
|
error?: boolean;
|
|
422
421
|
} & react.RefAttributes<HTMLLabelElement>> & {
|
|
423
|
-
Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) =>
|
|
424
|
-
Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) =>
|
|
422
|
+
Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => react.JSX.Element;
|
|
423
|
+
Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => react.JSX.Element;
|
|
425
424
|
};
|
|
426
425
|
|
|
427
|
-
declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) =>
|
|
426
|
+
declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => react.JSX.Element;
|
|
428
427
|
|
|
429
|
-
declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) =>
|
|
428
|
+
declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => react.JSX.Element;
|
|
430
429
|
|
|
431
430
|
declare const Select: react.ForwardRefExoticComponent<DefaultProps & {
|
|
432
431
|
id?: string;
|
|
@@ -550,7 +549,7 @@ type EmptyContentProps = DefaultProps & {
|
|
|
550
549
|
icon?: ReactNode;
|
|
551
550
|
};
|
|
552
551
|
|
|
553
|
-
declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) =>
|
|
552
|
+
declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) => react.JSX.Element;
|
|
554
553
|
|
|
555
554
|
declare const ButtonTypes: readonly ["default", "primary", "dashed", "link", "text", "ghost"];
|
|
556
555
|
declare const ButtonShapes: readonly ["default", "circle", "round"];
|
|
@@ -594,7 +593,7 @@ interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLBut
|
|
|
594
593
|
htmlType?: ButtonHTMLType;
|
|
595
594
|
}
|
|
596
595
|
|
|
597
|
-
declare const
|
|
596
|
+
declare const MyButton: (props: ButtonProps) => react.JSX.Element;
|
|
598
597
|
|
|
599
598
|
interface RcFile extends File {
|
|
600
599
|
uid: string;
|
|
@@ -650,7 +649,7 @@ type UploadProps = DefaultProps & {
|
|
|
650
649
|
children?: React.ReactNode;
|
|
651
650
|
};
|
|
652
651
|
|
|
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) =>
|
|
652
|
+
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.Element;
|
|
654
653
|
|
|
655
654
|
declare const Checkbox: react.ForwardRefExoticComponent<DefaultProps & {
|
|
656
655
|
disabled?: boolean;
|
|
@@ -673,21 +672,21 @@ declare const Checkbox: react.ForwardRefExoticComponent<DefaultProps & {
|
|
|
673
672
|
checked?: boolean;
|
|
674
673
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
675
674
|
|
|
676
|
-
declare const ClearIcon: () =>
|
|
675
|
+
declare const ClearIcon: () => react.JSX.Element;
|
|
677
676
|
declare const ArrowIcon: ({ isOpen }: {
|
|
678
677
|
isOpen: boolean;
|
|
679
|
-
}) =>
|
|
680
|
-
declare const LoadingIcon: () =>
|
|
681
|
-
declare const CheckIcon: () =>
|
|
682
|
-
declare const SearchIcon: () =>
|
|
683
|
-
declare const CalendarIcon: () =>
|
|
684
|
-
declare const SuccessIcon: () =>
|
|
685
|
-
declare const ErrorIcon: () =>
|
|
686
|
-
declare const DateDistanceIcon: () =>
|
|
687
|
-
declare const TimeIcon: () =>
|
|
688
|
-
declare const StampleIcon: () =>
|
|
689
|
-
declare const TrashIcon: () =>
|
|
690
|
-
declare const SpinerIcon: () =>
|
|
678
|
+
}) => react.JSX.Element;
|
|
679
|
+
declare const LoadingIcon: () => react.JSX.Element;
|
|
680
|
+
declare const CheckIcon: () => react.JSX.Element;
|
|
681
|
+
declare const SearchIcon: () => react.JSX.Element;
|
|
682
|
+
declare const CalendarIcon: () => react.JSX.Element;
|
|
683
|
+
declare const SuccessIcon: () => react.JSX.Element;
|
|
684
|
+
declare const ErrorIcon: () => react.JSX.Element;
|
|
685
|
+
declare const DateDistanceIcon: () => react.JSX.Element;
|
|
686
|
+
declare const TimeIcon: () => react.JSX.Element;
|
|
687
|
+
declare const StampleIcon: () => react.JSX.Element;
|
|
688
|
+
declare const TrashIcon: () => react.JSX.Element;
|
|
689
|
+
declare const SpinerIcon: () => react.JSX.Element;
|
|
691
690
|
|
|
692
691
|
declare const useForm: (initialValues?: Record<string, RuleTypes>, onFieldsChange?: (changedFields: FieldData[]) => void, onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void) => FormInstance;
|
|
693
692
|
|
|
@@ -698,4 +697,4 @@ type UseWatchProps = {
|
|
|
698
697
|
};
|
|
699
698
|
declare const useWatch: ({ name, defaultValue, form }: UseWatchProps) => any;
|
|
700
699
|
|
|
701
|
-
export { ArrowIcon,
|
|
700
|
+
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 };
|