@ioca/react 1.3.2 → 1.3.4

package/lib/types/components/drawer/type.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface IDrawer extends HTMLAttributes<HTMLDivElement> {
+    visible?: boolean;
+    position?: "top" | "left" | "right" | "bottom";
+    header?: ReactNode;
+    footer?: ReactNode;
+    hideCloseButton?: boolean;
+    backdropClosable?: boolean;
+    keepDOM?: boolean;
+    disabledEsc?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    onClose?: () => void;
+}
+
+export type { IDrawer };

package/lib/types/components/dropdown/dropdown.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+
+import { IDropdown, IDropItem } from './type.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Dropdown: {
+    (props: IDropdown): react_jsx_runtime.JSX.Element;
+    Item: (props: IDropItem) => react_jsx_runtime.JSX.Element;
+};
+
+export { Dropdown as default };

package/lib/types/components/dropdown/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Dropdown from './dropdown.js';
+
+
+
+export { Dropdown as default };

package/lib/types/components/dropdown/type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+
+import { ReactNode } from 'react';
+import { IListItem } from '../list/type.js';
+import { IPopup } from '../popup/type.js';
+
+interface IDropdown extends IPopup {
+    width?: string | number;
+}
+interface IDropItem extends IListItem {
+    more?: ReactNode;
+    moreProps?: IDropdown;
+}
+
+export type { IDropItem, IDropdown };

package/lib/types/components/editor/editor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IEditor } from './type.js';
+
+declare const Editor: (props: IEditor) => react_jsx_runtime.JSX.Element;
+
+export { Editor as default };

package/lib/types/components/editor/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Editor from './editor.js';
+
+
+
+export { Editor as default };

package/lib/types/components/editor/type.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, RefObject, FormEvent } from 'react';
+
+interface IEditor extends Omit<HTMLAttributes<HTMLDivElement>, "onInput"> {
+    ref?: RefObject<RefEditor | null>;
+    placeholder?: string;
+    width?: string | number;
+    height?: string | number;
+    autosize?: boolean;
+    richPaste?: boolean;
+    controls?: string[] | "simple" | "all" | "none";
+    border?: boolean;
+    onInput?: (html: string, e: FormEvent<HTMLDivElement>) => void;
+}
+interface RefEditor {
+    getSafeValue: () => string;
+    setValue: (html: string) => void;
+}
+
+export type { IEditor, RefEditor };

package/lib/types/components/flex/flex.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import { IFlex } from './type.js';
+
+declare const Flex: React.FC<IFlex>;
+
+export { Flex as default };

package/lib/types/components/flex/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Flex from './flex.js';
+
+
+
+export { Flex as default };

package/lib/types/components/flex/type.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, JSX } from 'react';
+
+interface IFlex extends HTMLAttributes<HTMLElement> {
+    as?: keyof JSX.IntrinsicElements;
+    align?: string;
+    justify?: string;
+    gap?: string | number;
+    direction?: any;
+    wrap?: any;
+    columns?: string | number;
+}
+
+export type { IFlex };

package/lib/types/components/form/field.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react from 'react';
+import { IField } from './type.js';
+
+declare function Field(props: IField): react.ReactNode;
+
+export { Field as default };

package/lib/types/components/form/form.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Field from './field.js';
+import { IForm } from './type.js';
+import useForm from './useForm.js';
+
+declare const Form: {
+    (props: IForm): react_jsx_runtime.JSX.Element;
+    useForm: typeof useForm;
+    Field: typeof Field;
+};
+
+export { Form as default };

package/lib/types/components/form/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Form from './form.js';
+
+
+
+export { Form as default };

package/lib/types/components/form/type.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode } from 'react';
+import { IFormInstance } from './useForm.js';
+
+type TValidator = (value: any, form: IFormInstance) => boolean;
+type TRule = {
+    validator: TValidator;
+    message?: string;
+};
+interface IForm extends Omit<HTMLAttributes<HTMLFormElement>, "onChange"> {
+    form?: IFormInstance;
+    rules?: {
+        [key: string]: boolean | TValidator | TRule;
+    };
+    columns?: number | string;
+    initialValues?: Record<string, any>;
+    width?: string | number;
+    gap?: string | number;
+    labelWidth?: string;
+    labelInline?: boolean;
+    labelRight?: boolean;
+    onEnter?: (values: Record<string, any>, form: IFormInstance) => void;
+    onChange?: (name: any, value: any) => void;
+}
+interface IField {
+    name?: string;
+    children?: ReactNode;
+    required?: boolean;
+}
+
+export type { IField, IForm, TRule, TValidator };

package/lib/types/components/form/useForm.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+
+import { IForm } from './type.js';
+
+declare class IFormInstance {
+    readonly id?: string;
+    data: Record<string, any>;
+    cacheData: Record<string, any>;
+    rules?: Pick<IForm, "rules">;
+    constructor();
+    get(field?: string): any;
+    set(field: any, value?: any): void;
+    delete(field: any): void;
+    clear(): void;
+    validate(field?: string): Promise<boolean | Record<string, any>>;
+}
+declare function useForm(form?: IFormInstance): IFormInstance;
+
+export { IFormInstance, useForm as default };

package/lib/types/components/icon/icon.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react from 'react';
+import { IIcon } from './type.js';
+
+declare const Icon: (props: IIcon) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | null | undefined;
+
+export { Icon as default };

package/lib/types/components/icon/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Icon from './icon.js';
+
+
+
+export { Icon as default };

package/lib/types/components/icon/type.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode, RefObject, CSSProperties } from 'react';
+
+interface IIcon extends HTMLAttributes<HTMLElement> {
+    icon: ReactNode;
+    ref?: RefObject<HTMLOrSVGElement | null>;
+    size?: string;
+    rotate?: number;
+    style?: CSSProperties;
+    className?: string;
+}
+
+export type { IIcon };

package/lib/types/components/image/image.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import { CompositionImage } from './type.js';
+
+declare const _default: CompositionImage;
+
+export { _default as default };

package/lib/types/components/image/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import _default from './image.js';
+
+
+
+export { _default as default };

package/lib/types/components/image/list.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IImageList } from './type.js';
+
+declare function List(props: IImageList): react_jsx_runtime.JSX.Element | "";
+
+export { List as default };

package/lib/types/components/image/type.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import List from './list.js';
+
+interface IImage extends HTMLAttributes<HTMLImageElement> {
+    src?: string;
+    alt?: string;
+    round?: boolean;
+    size?: string | number;
+    initSize?: string | number;
+    lazyload?: boolean;
+    fallback?: ReactNode;
+    fit?: any;
+    cover?: ReactNode;
+    coverClass?: string;
+    usePreview?: boolean;
+}
+interface IImageList extends Omit<IImage, "src" | "alt"> {
+    items: string[] | IImage[];
+    gap?: number | string;
+    columns?: number | string;
+    wrap?: any;
+    direction?: any;
+}
+interface CompositionImage extends FC<IImage> {
+    List: typeof List;
+}
+
+export type { CompositionImage, IImage, IImageList };

package/lib/types/components/input/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Input from './input.js';
+
+
+
+export { Input as default };

package/lib/types/components/input/input.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import { CompositionInput } from './type.js';
+
+declare const Input: CompositionInput;
+
+export { Input as default };

package/lib/types/components/input/number.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IInputNumber } from './type.js';
+
+declare const Number: (props: IInputNumber) => react_jsx_runtime.JSX.Element;
+
+export { Number as default };

package/lib/types/components/input/range.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IInputRange } from './type.js';
+
+declare const Range: (props: IInputRange) => react_jsx_runtime.JSX.Element;
+
+export { Range as default };

package/lib/types/components/input/textarea.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITextarea } from './type.js';
+
+declare const Textarea: (props: ITextarea) => react_jsx_runtime.JSX.Element;
+
+export { Textarea as default };

package/lib/types/components/input/type.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+
+import { ForwardRefExoticComponent, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes, RefObject, ChangeEvent, MouseEvent } from 'react';
+import { BaseInput } from '../../type/index.js';
+import Number from './number.js';
+import Range from './range.js';
+import Textarea from './textarea.js';
+
+interface IInput extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultValue" | "onChange"> {
+    prepend?: ReactNode;
+    append?: ReactNode;
+    hideVisible?: boolean;
+}
+interface ITextarea extends Omit<BaseInput, "ref">, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange"> {
+    ref?: RefObject<HTMLTextAreaElement | null>;
+    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> & {
+    Textarea: typeof Textarea;
+    Number: typeof Number;
+    Range: typeof Range;
+};
+
+export type { CompositionInput, IInput, IInputNumber, IInputRange, ITextarea };

package/lib/types/components/list/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import List from './list.js';
+
+
+
+export { List as default };

package/lib/types/components/list/list.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+
+import { IList, IListItem } from './type.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const List: {
+    (props: IList): react_jsx_runtime.JSX.Element;
+    Item: (props: IListItem) => react_jsx_runtime.JSX.Element;
+};
+
+export { List as default };

package/lib/types/components/list/type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+
+interface IList extends HTMLAttributes<HTMLUListElement> {
+    label?: ReactNode | ((i: number) => ReactNode);
+    type?: "option" | "default";
+}
+interface IListItem extends HTMLAttributes<HTMLLIElement>, Pick<IList, "type"> {
+    ref?: RefObject<HTMLLIElement | null>;
+    active?: boolean;
+    align?: string;
+    disabled?: boolean;
+    label?: ReactNode;
+}
+
+export type { IList, IListItem };

package/lib/types/components/loading/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Loading from './loading.js';
+
+
+
+export { Loading as default };

package/lib/types/components/loading/loading.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ILoading } from './type.js';
+
+declare const Loading: (props: ILoading) => react_jsx_runtime.JSX.Element;
+
+export { Loading as default };

package/lib/types/components/loading/type.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface ILoading extends HTMLAttributes<HTMLDivElement> {
+    icon?: ReactNode;
+    text?: ReactNode;
+    size?: number | string;
+    absolute?: boolean;
+}
+
+export type { ILoading };

package/lib/types/components/message/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import message from './message.js';
+
+
+
+export { message as default };

package/lib/types/components/message/message.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+
+import { ReactNode } from 'react';
+import { IMessage } from './type.js';
+
+declare function message(config: IMessage | ReactNode): {
+    instance: IMessage;
+    close: () => void;
+};
+declare namespace message {
+    var error: (content: ReactNode) => {
+        instance: IMessage;
+        close: () => void;
+    };
+    var success: (content: ReactNode) => {
+        instance: IMessage;
+        close: () => void;
+    };
+    var warning: (content: ReactNode) => {
+        instance: IMessage;
+        close: () => void;
+    };
+    var one: (config: IMessage) => void;
+}
+
+export { message as default };

package/lib/types/components/message/type.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+
+import { ReactNode } from 'react';
+
+interface IMessage {
+    id?: string;
+    content?: ReactNode;
+    active?: boolean;
+    duration?: number;
+    gap?: number;
+    offset?: string;
+    max?: number;
+    align?: "center" | "left" | "right";
+    unshift?: boolean;
+    closable?: boolean;
+    timer?: ReturnType<typeof setTimeout>;
+    className?: string;
+    close?: () => void;
+    onShow?: () => void;
+    onHide?: () => void;
+}
+
+export type { IMessage };

package/lib/types/components/modal/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import _default from './modal.js';
+
+
+
+export { _default as default };

package/lib/types/components/modal/modal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import { CompositionModal } from './type.js';
+
+declare const _default: CompositionModal;
+
+export { _default as default };

package/lib/types/components/modal/type.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { IButton } from '../button/type.js';
+import useModal from './useModal.js';
+
+interface IModal extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    visible?: boolean;
+    title?: ReactNode;
+    footer?: ReactNode;
+    closable?: boolean;
+    hideCloseButton?: boolean;
+    hideBackdrop?: boolean;
+    backdropClosable?: boolean;
+    width?: string | number;
+    height?: string | number;
+    customized?: boolean;
+    fixed?: boolean;
+    hideShadow?: boolean;
+    okButtonProps?: IButton;
+    cancelButtonProps?: IButton;
+    footerLeft?: ReactNode;
+    keepDOM?: boolean;
+    disableEsc?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    onOk?: () => void | Promise<any>;
+    onClose?: () => void;
+}
+interface CompositionModal extends FC<IModal> {
+    useModal: typeof useModal;
+}
+
+export type { CompositionModal, IModal };

package/lib/types/components/modal/useModal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+
+import { IModal } from './type.js';
+
+declare function useModal(): {
+    open: (props: IModal) => void;
+    update: (props: IModal) => void;
+    close: () => void;
+};
+
+export { useModal as default };

package/lib/types/components/pagination/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+
+import Pagination from './pagination.js';
+
+
+
+export { Pagination as default };

package/lib/types/components/pagination/pagination.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IPagination } from './type.js';
+
+declare const Pagination: (props: IPagination) => react_jsx_runtime.JSX.Element;
+
+export { Pagination as default };

package/lib/types/components/pagination/type.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface IPagination extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    page?: number;
+    total?: number;
+    sibling?: number;
+    size?: number;
+    sizeOptions?: number[];
+    prev?: ReactNode;
+    next?: ReactNode;
+    simple?: boolean;
+    jumper?: boolean;
+    renderPage?: (i: number) => ReactNode;
+    renderEllipsis?: () => ReactNode;
+    onChange?: (page: number) => Promise<void> | void;
+}
+
+export type { IPagination };

package/lib/types/components/picker/colors/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IColorPicker } from '../type.js';
+
+declare function ColorPicker(props: IColorPicker): react_jsx_runtime.JSX.Element;
+
+export { ColorPicker as default };