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.
@@ -0,0 +1,3 @@
1
+ import { ButtonProps } from '../../types/button';
2
+ declare const MyButton: (props: ButtonProps) => import("react").JSX.Element;
3
+ export default MyButton;
@@ -1,5 +1,9 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { ButtonProps } from '../../types/button';
3
3
  import './style.css';
4
- declare const ButtonComponent: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, icon, iconPosition, loading, disabled, ghost, danger, block, children, href, ...restProps }: ButtonProps) => ReactElement;
5
- export default ButtonComponent;
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/jsx-runtime").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-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
1
+ declare const ClearIcon: () => import("react").JSX.Element;
2
2
  declare const ArrowIcon: ({ isOpen }: {
3
3
  isOpen: boolean;
4
- }) => import("react/jsx-runtime").JSX.Element;
5
- declare const LoadingIcon: () => import("react/jsx-runtime").JSX.Element;
6
- declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
7
- declare const SearchIcon: () => import("react/jsx-runtime").JSX.Element;
8
- declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
9
- declare const SuccessIcon: () => import("react/jsx-runtime").JSX.Element;
10
- declare const ErrorIcon: () => import("react/jsx-runtime").JSX.Element;
11
- declare const DateDistanceIcon: () => import("react/jsx-runtime").JSX.Element;
12
- declare const TimeIcon: () => import("react/jsx-runtime").JSX.Element;
13
- declare const StampleIcon: () => import("react/jsx-runtime").JSX.Element;
14
- declare const TrashIcon: () => import("react/jsx-runtime").JSX.Element;
15
- declare const SpinerIcon: () => import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
28
- Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("../../types/radio").RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
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/jsx-runtime").JSX.Element;
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): react_jsx_runtime.JSX.Element;
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) => 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;
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) => react_jsx_runtime.JSX.Element;
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) => react_jsx_runtime.JSX.Element;
424
- Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => react_jsx_runtime.JSX.Element;
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) => react_jsx_runtime.JSX.Element;
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) => react_jsx_runtime.JSX.Element;
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) => react_jsx_runtime.JSX.Element;
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 ButtonComponent: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, icon, iconPosition, loading, disabled, ghost, danger, block, children, href, ...restProps }: ButtonProps) => ReactElement;
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) => react_jsx_runtime.JSX.Element;
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: () => react_jsx_runtime.JSX.Element;
675
+ declare const ClearIcon: () => react.JSX.Element;
677
676
  declare const ArrowIcon: ({ isOpen }: {
678
677
  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;
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, ButtonComponent 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 };
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 };