@ioca/react 1.1.3 → 1.1.5

package/lib/types/index.d.ts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, CSSProperties, ForwardRefExoticComponent, RefAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, ChangeEvent, InputHTMLAttributes, MouseEvent, TextareaHTMLAttributes, FC, Ref } from 'react';
+import { HTMLAttributes, ReactNode, CSSProperties, ForwardRefExoticComponent, RefAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, ChangeEvent, KeyboardEvent, InputHTMLAttributes, MouseEvent, FC, TextareaHTMLAttributes, Ref } from 'react';
 import { LinkProps } from 'react-router-dom';
-import { Dayjs } from 'dayjs';
 import { ListProps } from 'rc-virtual-list';
+import { ColorPickerProps } from '@rc-component/color-picker';
+import { Dayjs } from 'dayjs';
 
 interface IAffix extends HTMLAttributes<HTMLElement> {
     position?: "fixed" | "absolute" | "sticky" | "static";
@@ -48,7 +49,7 @@ interface BaseButtonProps {
     flat?: boolean;
     outline?: boolean;
     square?: boolean;
-    size?: "small" | "normal" | "large" | "extreme";
+    size?: "mini" | "small" | "normal" | "large" | "extreme";
     disabled?: boolean;
     block?: boolean;
     round?: boolean;
@@ -113,7 +114,7 @@ interface BaseInput extends TValidate {
     border?: boolean;
     tip?: ReactNode;
     onChange?: (value: any, e?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onEnter?: () => void;
+    onEnter?: (e: KeyboardEvent) => void;
 }
 type TPosition = "top" | "right" | "left" | "bottom";
 
@@ -206,93 +207,6 @@ interface IDatagrid {
 
 declare const Datagrid: (props: IDatagrid) => JSX.Element;
 
-declare const Number$2: react.ForwardRefExoticComponent<IInputNumber & react.RefAttributes<HTMLInputElement>>;
-
-declare const Range: (props: IInputRange) => react_jsx_runtime.JSX.Element;
-
-declare const Textarea: react.ForwardRefExoticComponent<ITextarea & react.RefAttributes<HTMLTextAreaElement>>;
-
-interface IInput extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange"> {
-    prepend?: ReactNode;
-    append?: ReactNode;
-    hideVisible?: boolean;
-}
-interface ITextarea extends BaseInput, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange"> {
-    autoSize?: boolean;
-}
-interface IInputNumber extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue"> {
-    value?: string | number;
-    prepend?: ReactNode;
-    append?: ReactNode;
-    step?: number;
-    min?: number;
-    max?: number;
-    thousand?: string;
-    precision?: number;
-    hideControl?: boolean;
-}
-interface IInputRange extends Omit<BaseInput, "value" | "onChange">, Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "placeholder" | "onChange"> {
-    value?: (number | string | undefined)[];
-    placeholder?: string[];
-    min?: number;
-    max?: number;
-    prepend?: ReactNode;
-    append?: ReactNode;
-    step?: number;
-    thousand?: string;
-    precision?: number;
-    hideControl?: boolean;
-    onChange?: (value: (number | string | undefined)[], e?: ChangeEvent<HTMLInputElement> | MouseEvent<Element>) => void;
-}
-type CompositionInput = ForwardRefExoticComponent<IInput & RefAttributes<HTMLInputElement>> & {
-    Textarea: typeof Textarea;
-    Number: typeof Number$2;
-    Range: typeof Range;
-};
-
-interface IPopup {
-    visible?: boolean;
-    content?: ReactNode;
-    trigger?: "hover" | "click" | "focus" | "none" | "contextmenu";
-    gap?: number;
-    offset?: number;
-    fixed?: boolean;
-    position?: TPosition;
-    arrow?: boolean;
-    align?: "start" | "center" | "end";
-    showDelay?: number;
-    hideDelay?: number;
-    touchable?: boolean;
-    fitSize?: boolean;
-    watchResize?: boolean;
-    clickOutside?: boolean;
-    disabled?: boolean;
-    referToWindow?: boolean;
-    style?: CSSProperties;
-    children?: ReactNode;
-    className?: string;
-    getContainer?: (trigger?: HTMLElement) => HTMLElement;
-    onVisibleChange?: (visible: boolean) => void;
-}
-
-interface IDatePicker extends BaseInput, IInput, Omit<IBaseDates, "value"> {
-    popupProps?: IPopup;
-}
-interface IBaseDates {
-    value?: any;
-    format?: string;
-    weeks?: ReactNode[];
-    unitYear?: ReactNode;
-    unitMonth?: ReactNode;
-    renderDate?: (date: Dayjs) => ReactNode;
-    renderMonth?: (month: number) => ReactNode;
-    renderYear?: (year: number) => ReactNode;
-    onDateClick?: (date: Dayjs) => void;
-    disabledDate?: (date: Dayjs) => boolean;
-}
-
-declare const Datepicker: (props: IDatePicker) => JSX.Element;
-
 type IData = {
     label: ReactNode;
     value: ReactNode;
@@ -344,6 +258,31 @@ interface IVirtual extends Omit<ListProps<any>, "children"> {
     renderItem: (item: any, i: number) => ReactNode;
 }
 
+interface IPopup {
+    visible?: boolean;
+    content?: ReactNode;
+    trigger?: "hover" | "click" | "focus" | "none" | "contextmenu";
+    gap?: number;
+    offset?: number;
+    fixed?: boolean;
+    position?: TPosition;
+    arrow?: boolean;
+    align?: "start" | "center" | "end";
+    showDelay?: number;
+    hideDelay?: number;
+    touchable?: boolean;
+    fitSize?: boolean;
+    watchResize?: boolean;
+    clickOutside?: boolean;
+    disabled?: boolean;
+    referToWindow?: boolean;
+    style?: CSSProperties;
+    children?: ReactNode;
+    className?: string;
+    getContainer?: (trigger?: HTMLElement) => HTMLElement;
+    onVisibleChange?: (visible: boolean) => void;
+}
+
 interface IDropdown extends IPopup {
     width?: string | number;
 }
@@ -398,6 +337,7 @@ interface IForm extends HTMLAttributes<HTMLFormElement> {
     };
     initialValues?: Record<string, any>;
     width?: string | number;
+    onEnter?: (values: Record<string, any>, form: IFormInstance) => void;
 }
 interface IField {
     name?: string;
@@ -434,6 +374,8 @@ interface IImage extends HTMLAttributes<HTMLImageElement> {
     lazyload?: boolean;
     fallback?: ReactNode;
     fit?: any;
+    cover?: ReactNode;
+    coverClass?: string;
     usePreview?: boolean;
 }
 interface IImageList extends Omit<IImage, "src" | "alt"> {
@@ -449,6 +391,50 @@ interface CompositionImage extends FC<IImage> {
 
 declare const _default$2: CompositionImage;
 
+declare const Number$2: react.ForwardRefExoticComponent<IInputNumber & react.RefAttributes<HTMLInputElement>>;
+
+declare const Range: (props: IInputRange) => react_jsx_runtime.JSX.Element;
+
+declare const Textarea: react.ForwardRefExoticComponent<ITextarea & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface IInput extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange"> {
+    prepend?: ReactNode;
+    append?: ReactNode;
+    hideVisible?: boolean;
+}
+interface ITextarea extends BaseInput, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange"> {
+    autoSize?: boolean;
+}
+interface IInputNumber extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue"> {
+    value?: string | number;
+    prepend?: ReactNode;
+    append?: ReactNode;
+    step?: number;
+    min?: number;
+    max?: number;
+    thousand?: string;
+    precision?: number;
+    hideControl?: boolean;
+}
+interface IInputRange extends Omit<BaseInput, "value" | "onChange">, Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "placeholder" | "onChange"> {
+    value?: (number | string | undefined)[];
+    placeholder?: string[];
+    min?: number;
+    max?: number;
+    prepend?: ReactNode;
+    append?: ReactNode;
+    step?: number;
+    thousand?: string;
+    precision?: number;
+    hideControl?: boolean;
+    onChange?: (value: (number | string | undefined)[], e?: ChangeEvent<HTMLInputElement> | MouseEvent<Element>) => void;
+}
+type CompositionInput = ForwardRefExoticComponent<IInput & RefAttributes<HTMLInputElement>> & {
+    Textarea: typeof Textarea;
+    Number: typeof Number$2;
+    Range: typeof Range;
+};
+
 declare const Input: CompositionInput;
 
 declare const List: {
@@ -484,6 +470,11 @@ interface IMessage {
 }
 
 declare function message(config: IMessage | ReactNode): () => void;
+declare namespace message {
+    var error: (content: ReactNode) => () => void;
+    var success: (content: ReactNode) => () => void;
+    var warning: (content: ReactNode) => () => void;
+}
 
 declare function useModal(): {
     open: (props: IModal) => void;
@@ -533,6 +524,45 @@ interface IPagination extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
 
 declare const Pagination: (props: IPagination) => JSX.Element;
 
+interface IDatePicker extends BaseInput, IInput, Omit<IBaseDates, "value"> {
+    popupProps?: IPopup;
+}
+interface IBaseDates {
+    value?: any;
+    format?: string;
+    weeks?: ReactNode[];
+    unitYear?: ReactNode;
+    unitMonth?: ReactNode;
+    renderDate?: (date: Dayjs) => ReactNode;
+    renderMonth?: (month: number) => ReactNode;
+    renderYear?: (year: number) => ReactNode;
+    onDateClick?: (date: Dayjs) => void;
+    disabledDate?: (date: Dayjs) => boolean;
+}
+interface ITimePicker extends BaseInput, IInput {
+    value?: any;
+    format?: string;
+    periods?: string[];
+    renderItem?: (number: number, active: boolean, unit: "hour" | "minute" | "second") => ReactNode;
+    popupProps?: IPopup;
+}
+interface IColorPicker extends ColorPickerProps {
+    value?: any;
+    type?: "HEX" | "RGB" | "HSB";
+    children?: ReactNode;
+    popupProps?: IPopup;
+    usePanel?: boolean;
+    handle?: "text" | "square" | "both";
+    placeholder?: ReactNode;
+    onChange?: (value: any) => void;
+}
+
+declare function ColorPicker(props: IColorPicker): react_jsx_runtime.JSX.Element;
+
+declare function Timepicker(props: ITimePicker): react_jsx_runtime.JSX.Element;
+
+declare const Datepicker: (props: IDatePicker) => JSX.Element;
+
 interface IPopconfirm extends IPopup {
     icon?: ReactNode;
     okButtonProps?: IButton;
@@ -583,12 +613,31 @@ declare namespace Radio {
     var Item: typeof RadioItem;
 }
 
+interface IResizable {
+    other?: ReactNode;
+    children?: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+    asPercent?: boolean;
+    vertical?: boolean;
+    line?: ReactNode;
+    height?: string | number;
+    size?: string | number;
+    minSize?: string | number;
+    maxSize?: string | number;
+    onResize?: (size: string | number) => void;
+    onResizeComplete?: (size: string | number) => void;
+}
+
+declare const Resizable: (props: IResizable) => JSX.Element;
+
 interface ISelect extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onSelect" | "onChange">, BaseInput {
     options: TOptions;
     multiple?: boolean;
     prepend?: ReactNode;
     append?: ReactNode;
     hideClear?: boolean;
+    hideArrow?: boolean;
     max?: number;
     maxDisplay?: number;
     filter?: boolean | (() => boolean);
@@ -893,4 +942,4 @@ interface IPreview {
 
 declare function usePreview(): (config: IPreview) => void;
 
-export { Affix, Badge, Button, Card, Checkbox, Collapse, Datagrid, Datepicker, Description, Drawer, Dropdown, Flex, Form, Icon, _default$2 as Image, Input, List, Loading, message as Message, _default$1 as Modal, Pagination, Popconfirm, Popup, Progress, Radio, Select, Step, Swiper, Tabs, Tag, _default as Text, Tree, Upload, Video, usePreview };
+export { Affix, Badge, Button, Card, Checkbox, Collapse, ColorPicker, Datagrid, Datepicker as DatePicker, Description, Drawer, Dropdown, Flex, Form, Icon, _default$2 as Image, Input, List, Loading, message as Message, _default$1 as Modal, Pagination, Popconfirm, Popup, Progress, Radio, Resizable, Select, Step, Swiper, Tabs, Tag, _default as Text, Timepicker as TimePicker, Tree, Upload, Video, usePreview };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ioca/react",
-	"version": "1.1.3",
+	"version": "1.1.5",
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
@@ -10,12 +10,13 @@
 		"lib": "rm -rf lib && npx rollup -c"
 	},
 	"dependencies": {
+		"@rc-component/color-picker": "^2.0.1",
 		"@ricons/material": "^0.12.0",
-		"radash": "^12.1.0",
-		"classnames": "^2.5.1",
 		"ahooks": "^3.8.1",
+		"classnames": "^2.5.1",
 		"dayjs": "^1.11.13",
 		"pubsub-js": "^1.9.5",
+		"radash": "^12.1.0",
 		"rc-virtual-list": "^3.15.0",
 		"react": "^18.3.1",
 		"react-custom-scrollbars-2": "^4.5.0",
@@ -32,6 +33,8 @@
 		"@types/react": "18.2.52",
 		"@types/react-dom": "^18.3.1",
 		"@vitejs/plugin-react": "^4.3.3",
+		"chalk": "^5.4.1",
+		"fs": "^0.0.1-security",
 		"mockjs": "^1.1.0",
 		"path": "^0.12.7",
 		"react-syntax-highlighter": "^15.6.1",
@@ -55,6 +58,9 @@
 			"types": "./lib/types/index.d.ts",
 			"import": "./lib/index.js"
 		},
+		"./types": {
+			"import": "./lib/types/index.d.ts"
+		},
 		"./index.css": {
 			"import": "./lib/css/index.css"
 		}