@ioca/react 1.4.80 → 1.4.81

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

@@ -0,0 +1,5 @@
+import Select from './select.js';
+
+
+
+export { Select as default };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ISelect } from './type.js';
+
+declare const Select: (props: ISelect) => react_jsx_runtime.JSX.Element;
+
+export { Select as default };

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

@@ -0,0 +1,22 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { BaseInput, TOptions, TOption } from '../../type/index.js';
+import { IPopup } from '../popup/type.js';
+
+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);
+    filterPlaceholder?: string;
+    empty?: ReactNode;
+    popupProps?: IPopup;
+    onSelect?: (v: any, option?: TOption) => void;
+    onChange?: (v: any) => void;
+}
+
+export type { ISelect };

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

@@ -0,0 +1,5 @@
+import Step from './step.js';
+
+
+
+export { Step as default };

package/lib/types/components/step/item.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IStepItem } from './type.js';
+
+declare function Item(props: IStepItem): react_jsx_runtime.JSX.Element;
+
+export { Item as default };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Item from './item.js';
+import { IStep } from './type.js';
+
+declare const Step: {
+    (props: IStep): react_jsx_runtime.JSX.Element;
+    Item: typeof Item;
+};
+
+export { Step as default };

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

@@ -0,0 +1,19 @@
+import { CSSProperties, ReactNode } from 'react';
+
+interface IStep {
+    active?: number;
+    vertical?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    line?: ReactNode;
+    children?: ReactNode;
+    asList?: boolean;
+    renderIcon?: (i: number, status: string) => ReactNode;
+    onClick?: (i: number) => void;
+}
+interface IStepItem extends IStep {
+    index?: number;
+    title?: ReactNode;
+}
+
+export type { IStep, IStepItem };

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

@@ -0,0 +1,5 @@
+import Swiper from './swiper.js';
+
+
+
+export { Swiper as default };

package/lib/types/components/swiper/item.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ISwiperItem } from './type.js';
+
+declare function Item(props: ISwiperItem): react_jsx_runtime.JSX.Element;
+
+export { Item as default };

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

@@ -0,0 +1,5 @@
+import { CompositionSwiper } from './type.js';
+
+declare const Swiper: CompositionSwiper;
+
+export { Swiper as default };

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

@@ -0,0 +1,52 @@
+import { ForwardRefExoticComponent, RefObject, ReactNode, CSSProperties, MouseEvent } from 'react';
+import Item from './item.js';
+
+interface ISwiper {
+    ref?: RefObject<RefSwiper | null>;
+    initial?: number;
+    type?: "normal" | "fade" | "flow";
+    display?: number;
+    scroll?: number;
+    loop?: boolean;
+    gap?: number;
+    duration?: number;
+    interval?: number;
+    draggable?: boolean;
+    dragOffset?: number;
+    reverse?: boolean;
+    autoplay?: boolean;
+    pauseOnHover?: boolean;
+    indicator?: boolean;
+    fixedIndicator?: boolean;
+    itemHeight?: number;
+    vertical?: boolean;
+    prev?: ReactNode;
+    next?: ReactNode;
+    arrow?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+    renderIndicator?: (index: number) => ReactNode;
+    onBeforeSwipe?: (before: number) => void;
+    onAfterSwipe?: (after: number) => void;
+    onItemClick?: (index: number, e: MouseEvent) => void;
+}
+interface ISwiperItem extends Pick<ISwiper, "gap" | "itemHeight" | "vertical" | "type" | "onItemClick"> {
+    active?: boolean;
+    index?: number;
+    itemIndex?: number;
+    transition?: string;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+}
+interface RefSwiper {
+    swipeTo: (index: number) => void;
+    swipeNext: () => void;
+    swipePrev: () => void;
+}
+interface CompositionSwiper extends ForwardRefExoticComponent<ISwiper> {
+    Item: typeof Item;
+}
+
+export type { CompositionSwiper, ISwiper, ISwiperItem, RefSwiper };

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

@@ -0,0 +1,5 @@
+import Tabs from './tabs.js';
+
+
+
+export { Tabs as default };

package/lib/types/components/tabs/item.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITabItem } from './type.js';
+
+declare const Item: (props: ITabItem) => react_jsx_runtime.JSX.Element;
+
+export { Item as default };

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

@@ -0,0 +1,5 @@
+import { CompositionTabs } from './type.js';
+
+declare const Tabs: CompositionTabs;
+
+export { Tabs as default };

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

@@ -0,0 +1,43 @@
+import { ForwardRefExoticComponent, RefObject, ReactNode, Ref, CSSProperties } from 'react';
+import Item from './item.js';
+
+interface ITabItem {
+    key?: string;
+    props?: any;
+    title?: ReactNode;
+    content?: ReactNode;
+    closable?: boolean;
+    keepDOM?: boolean;
+    intersecting?: boolean;
+    children?: ReactNode;
+}
+interface ITabs {
+    ref?: RefObject<RefTabs | null>;
+    active?: string;
+    tabs?: ITabItem[] | string[];
+    type?: "default" | "line" | "pane";
+    prepend?: ReactNode;
+    append?: ReactNode;
+    vertical?: boolean;
+    hideMore?: boolean;
+    bar?: boolean;
+    barClass?: string;
+    toggable?: boolean;
+    navsJustify?: "start" | "center" | "end";
+    className?: string;
+    children?: ReactNode;
+    style?: CSSProperties;
+    renderMore?: (moreTabs: ITabItem[]) => ReactNode;
+    onTabChange?: (to?: string, from?: string) => void;
+}
+interface RefTabs {
+    open: (key: string) => void;
+    close: (key: string) => void;
+    add: (tab: ITabItem, position?: number) => void;
+    navs: Ref<HTMLDivElement>;
+}
+interface CompositionTabs extends ForwardRefExoticComponent<ITabs> {
+    Item: typeof Item;
+}
+
+export type { CompositionTabs, ITabItem, ITabs, RefTabs };

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

@@ -0,0 +1,5 @@
+import Tag from './tag.js';
+
+
+
+export { Tag as default };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITag } from './type.js';
+
+declare const Tag: (props: ITag) => react_jsx_runtime.JSX.Element;
+
+export { Tag as default };

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, MouseEvent } from 'react';
+
+interface ITag extends HTMLAttributes<HTMLSpanElement> {
+    dot?: boolean;
+    dotClass?: string;
+    outline?: boolean;
+    round?: boolean;
+    size?: "small" | "normal" | "large" | "extreme";
+    hoverShowClose?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    onClose?: (e: MouseEvent) => void;
+}
+
+export type { ITag };

package/lib/types/components/text/highlight.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITextHighLight } from './type.js';
+
+declare function HighLight(props: ITextHighLight): react_jsx_runtime.JSX.Element;
+
+export { HighLight as default };

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

@@ -0,0 +1,5 @@
+import _default from './text.js';
+
+
+
+export { _default as default };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITextNumber } from './type.js';
+
+declare function Number(props: ITextNumber): react_jsx_runtime.JSX.Element;
+
+export { Number as default };

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

@@ -0,0 +1,5 @@
+import { CompositionText } from './type.js';
+
+declare const _default: CompositionText;
+
+export { _default as default };

package/lib/types/components/text/time.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITextTime } from './type.js';
+
+declare function Number(props: ITextTime): react_jsx_runtime.JSX.Element;
+
+export { Number as default };

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

@@ -0,0 +1,43 @@
+import { FC, JSX, CSSProperties, ReactNode } from 'react';
+import HighLight from './highlight.js';
+import Number from './number.js';
+import Number$1 from './time.js';
+
+interface IText {
+    as?: keyof JSX.IntrinsicElements;
+    size?: string | number;
+    decoration?: string;
+    weight?: string | number;
+    gradient?: string[];
+    wave?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+}
+interface ITextNumber extends IText {
+    count?: number;
+    to?: number;
+    decimal?: number;
+    thousand?: string;
+    duration?: number;
+    easing?: (x: number) => number;
+}
+interface ITextTime extends IText {
+    seconds?: number;
+    zero?: boolean;
+    units?: string[];
+}
+interface ITextHighLight extends IText {
+    keyword: string | string[];
+    text: string;
+    caseSensitive?: boolean;
+    escape?: boolean;
+    renderWord?: (word: string) => ReactNode;
+}
+interface CompositionText extends FC<IText> {
+    Number: typeof Number;
+    Time: typeof Number$1;
+    HighLight: typeof HighLight;
+}
+
+export type { CompositionText, IText, ITextHighLight, ITextNumber, ITextTime };

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

@@ -0,0 +1,5 @@
+import Tree from './tree.js';
+
+
+
+export { Tree as default };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ITree } from './type.js';
+
+declare const Tree: (props: ITree) => react_jsx_runtime.JSX.Element;
+
+export { Tree as default };

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

@@ -0,0 +1,48 @@
+import { ForwardRefExoticComponent, RefAttributes, ReactNode, RefObject, CSSProperties, MouseEvent } from 'react';
+import { LinkProps } from 'react-router';
+
+interface ITreeItem {
+    as?: "a" | "button" | ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+    key?: string;
+    type?: "item" | "title" | string;
+    title: string | ReactNode;
+    icon?: ReactNode;
+    href?: string;
+    children?: ITreeItem[];
+    expanded?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    parent?: ITreeItem;
+    [key: string]: any;
+}
+interface ITree {
+    data: ITreeItem[];
+    parent?: ITreeItem;
+    ref?: RefObject<RefTree | null>;
+    depth?: number;
+    nodeProps?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    selectable?: boolean;
+    selected?: string;
+    checkable?: boolean;
+    checked?: string[];
+    disabledRelated?: boolean;
+    partofs?: Record<string, boolean>;
+    round?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    renderExtra?: (item: ITreeItem) => ReactNode;
+    onItemClick?: (item: ITreeItem, e: MouseEvent<HTMLElement>) => void;
+    onItemSelect?: (key: string, item: ITreeItem) => void;
+    onItemCheck?: (item: ITreeItem, checked: boolean, checkedKeys: string[]) => void;
+}
+interface RefTree {
+    getChecked: () => [string[], ITreeItem[]];
+    getSelected: () => [string?, ITreeItem?];
+    getPartofs: () => [string[], ITreeItem[]];
+}
+
+export type { ITree, ITreeItem, RefTree };

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

@@ -0,0 +1,5 @@
+import Upload from './upload.js';
+
+
+
+export { Upload as default };

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

@@ -0,0 +1,37 @@
+import { InputHTMLAttributes, RefObject, ReactNode, ChangeEvent } from 'react';
+import { BaseInput } from '../../type/index.js';
+import { IButton } from '../button/type.js';
+
+interface IUpload extends Omit<BaseInput, "ref">, Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+    ref?: RefObject<RefUpload | null>;
+    files?: IFile[];
+    initialFiles?: IFile[] | File[];
+    accept?: string;
+    multiple?: boolean;
+    directory?: boolean;
+    limit?: number;
+    sortable?: boolean;
+    mode?: "default" | "card";
+    droppable?: boolean;
+    cardSize?: string;
+    defaultButtonProps?: IButton;
+    shouldUpload?: (file: IFile) => boolean;
+    uploader?: (file: IFile) => Promise<IFile>;
+    renderItem?: (file: IFile, i: number) => ReactNode;
+    onFilesChange?: (files: IFile[], changed: IFile[], e?: ChangeEvent<HTMLInputElement>) => void;
+    onRemove?: (file: IFile) => void;
+    onUpload?: (result: any) => void | Promise<any>;
+}
+interface IFile extends File {
+    id: string;
+    instance?: File;
+    src?: string;
+    url?: string;
+    [key: string]: any;
+}
+interface RefUpload {
+    getFileList: () => IFile[];
+    setFileList: (files?: IFile[] | File[]) => void;
+}
+
+export type { IFile, IUpload, RefUpload };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IUpload } from './type.js';
+
+declare const Upload: (props: IUpload) => react_jsx_runtime.JSX.Element;
+
+export { Upload as default };

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

@@ -0,0 +1,5 @@
+import Video from './video.js';
+
+
+
+export { Video as default };

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

@@ -0,0 +1,27 @@
+import { HTMLAttributes, RefObject } from 'react';
+import { IProgress } from '../progress/type.js';
+
+interface IVideo extends HTMLAttributes<HTMLVideoElement> {
+    ref?: RefObject<RefVideo | null>;
+    src?: string;
+    hideControls?: boolean;
+    autoplay?: boolean;
+    muted?: boolean;
+    volume?: number;
+    height?: number | string;
+    width?: number | string;
+    useOriginControls?: boolean;
+    poster?: string;
+    timeProgressProps?: IProgress;
+    volumeProgressProps?: IProgress;
+    onFullScreenChange?: (fullscreen: boolean) => void;
+}
+interface RefVideo {
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    fullscreen: (full?: boolean) => void;
+    getVideo: () => HTMLVideoElement | null;
+}
+
+export type { IVideo, RefVideo };

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IVideo } from './type.js';
+
+declare const Video: (props: IVideo) => react_jsx_runtime.JSX.Element;
+
+export { Video as default };

package/lib/types/index.d.ts

@@ -0,0 +1,41 @@
+export { default as Affix } from './components/affix/affix.js';
+export { default as Badge } from './components/badge/badge.js';
+export { default as Button } from './components/button/button.js';
+export { default as Card } from './components/card/card.js';
+export { default as Checkbox } from './components/checkbox/checkbox.js';
+export { default as Collapse } from './components/collapse/collapse.js';
+export { default as Datagrid } from './components/datagrid/datagrid.js';
+export { default as Description } from './components/description/description.js';
+export { default as Drawer } from './components/drawer/drawer.js';
+export { default as Dropdown } from './components/dropdown/dropdown.js';
+export { default as Editor } from './components/editor/editor.js';
+export { default as Flex } from './components/flex/flex.js';
+export { default as Form } from './components/form/form.js';
+export { default as Icon } from './components/icon/icon.js';
+export { default as Image } from './components/image/image.js';
+export { default as Input } from './components/input/input.js';
+export { default as List } from './components/list/list.js';
+export { default as Loading } from './components/loading/loading.js';
+export { default as Message } from './components/message/message.js';
+export { default as Modal } from './components/modal/modal.js';
+export { default as Pagination } from './components/pagination/pagination.js';
+export { default as ColorPicker } from './components/picker/colors/index.js';
+export { default as TimePicker } from './components/picker/time/index.js';
+export { default as DatePicker } from './components/picker/dates/index.js';
+export { default as Popconfirm } from './components/popconfirm/popconfirm.js';
+export { default as Popup } from './components/popup/popup.js';
+export { default as Progress } from './components/progress/progress.js';
+export { default as Radio } from './components/radio/radio.js';
+export { default as Resizable } from './components/resizable/resizable.js';
+export { default as River } from './components/river/river.js';
+export { default as Select } from './components/select/select.js';
+export { default as Step } from './components/step/step.js';
+export { default as Swiper } from './components/swiper/swiper.js';
+export { default as Tabs } from './components/tabs/tabs.js';
+export { default as Tag } from './components/tag/tag.js';
+export { default as Text } from './components/text/text.js';
+export { default as Tree } from './components/tree/tree.js';
+export { default as Upload } from './components/upload/upload.js';
+export { default as Video } from './components/video/video.js';
+export { default as usePreview } from './js/usePreview/index.js';
+export { default as useTheme } from './js/useTheme/index.js';

package/lib/types/js/usePreview/index.d.ts

@@ -0,0 +1,5 @@
+import { IPreview } from './type.js';
+
+declare function usePreview(): (config: IPreview) => void;
+
+export { usePreview as default };

package/lib/types/js/usePreview/type.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode, CSSProperties } from 'react';
+import { IModal } from '../../components/modal/type.js';
+
+type TPreviewItem = {
+    src: string;
+    name?: ReactNode;
+    thumb?: string;
+    rotate?: number;
+    zoom?: number;
+    style?: CSSProperties;
+    type?: string;
+    suffix?: string;
+};
+interface IPreview {
+    items: (TPreviewItem | string)[];
+    initial?: number;
+    controls?: boolean;
+    loop?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    modalProps?: IModal;
+    renderImage?: (file: TPreviewItem) => ReactNode;
+    renderFile?: (file: TPreviewItem) => ReactNode;
+    onClose?: () => void;
+    onChange?: (after: number, before?: number) => void;
+    onZoom?: (scale: number) => void;
+    onRotate?: (deg: number) => void;
+}
+
+export type { IPreview, TPreviewItem };

package/lib/types/js/useTheme/index.d.ts

@@ -0,0 +1,8 @@
+import { ITheme } from './type.js';
+
+declare const useTheme: (props?: ITheme) => {
+    theme: string;
+    setTheme: (value: string | ((prev: string) => string)) => void;
+};
+
+export { useTheme as default };

package/lib/types/js/useTheme/type.d.ts

@@ -0,0 +1,7 @@
+interface ITheme {
+    listenStorageChange?: boolean;
+    defaultValue?: string;
+    key?: string;
+}
+
+export type { ITheme };

package/lib/types/type/index.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode, RefObject, ChangeEvent, KeyboardEvent } from 'react';
+
+type TStatus = "normal" | "success" | "warning" | "error";
+type TOption = {
+    label: ReactNode;
+    value: any;
+    disabled?: boolean;
+};
+type TOptions = (TOption | string | number)[];
+type TValidate = {
+    status?: TStatus;
+    message?: ReactNode;
+};
+interface BaseInput extends TValidate {
+    label?: ReactNode;
+    ref?: RefObject<HTMLInputElement | null>;
+    value?: any;
+    labelInline?: boolean;
+    clear?: boolean;
+    border?: boolean;
+    underline?: boolean;
+    tip?: ReactNode;
+    onChange?: (value: any, e?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onEnter?: (e: KeyboardEvent) => void;
+}
+type TPosition = "top" | "right" | "left" | "bottom";
+
+export type { BaseInput, TOption, TOptions, TPosition, TStatus, TValidate };