@ioca/react 1.3.1 → 1.3.3

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

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

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

@@ -0,0 +1,23 @@
+import { CSSProperties, ReactNode } from 'react';
+import { BaseInput } from '../../type/index.js';
+
+interface IProgress extends Omit<BaseInput, "value" | "hideClear" | "onChange"> {
+    name?: string;
+    value?: number;
+    precision?: number;
+    height?: number;
+    circleSize?: number;
+    lineWidth?: number;
+    size?: number;
+    barClass?: string;
+    draggable?: boolean;
+    vertical?: boolean;
+    type?: "line" | "circle";
+    className?: string;
+    style?: CSSProperties;
+    renderCursor?: (value: number) => ReactNode;
+    onDraggingChange?: (dragging: boolean) => void;
+    onChange?: (value: number) => void;
+}
+
+export type { IProgress };

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

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

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

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

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import RadioItem from './item.js';
+import { IRadio } from './type.js';
+
+declare function Radio(props: IRadio): react_jsx_runtime.JSX.Element;
+declare namespace Radio {
+    var Item: typeof RadioItem;
+}
+
+export { Radio as default };

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

@@ -0,0 +1,20 @@
+import { ReactNode, InputHTMLAttributes, ChangeEvent } from 'react';
+import { TOption, TStatus } from '../../type/index.js';
+
+type TRenderRadioItem = (checked: boolean, value: any) => ReactNode;
+interface IRadioItem extends Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "onChange"> {
+    type?: "default" | "button";
+    children?: ReactNode | TRenderRadioItem;
+    onChange?: (value: any, e: ChangeEvent) => void;
+}
+interface IRadio extends IRadioItem {
+    label?: ReactNode;
+    options: TOption[] | (number | string)[];
+    optionInline?: boolean;
+    labelInline?: boolean;
+    status?: TStatus;
+    message?: string;
+    renderItem?: TRenderRadioItem;
+}
+
+export type { IRadio, IRadioItem };

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { ReactNode, CSSProperties } from 'react';
+
+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;
+}
+
+export type { IResizable };

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,44 @@
+import { ForwardRefExoticComponent, ReactNode, RefObject, CSSProperties, Ref } from 'react';
+import Item from './item.js';
+
+type TTabKey = string | number;
+interface ITabItem {
+    key?: TTabKey;
+    props?: any;
+    title?: ReactNode;
+    content?: ReactNode;
+    closable?: boolean;
+    keepDOM?: boolean;
+    intersecting?: boolean;
+    children?: ReactNode;
+}
+interface ITabs {
+    ref?: RefObject<RefTabs | null>;
+    active?: TTabKey;
+    tabs?: ITabItem[] | TTabKey[];
+    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?: TTabKey, from?: TTabKey) => void;
+}
+interface RefTabs {
+    open: (key: TTabKey) => void;
+    close: (key: TTabKey) => void;
+    add: (tab: ITabItem, position?: number) => void;
+    navs: Ref<HTMLDivElement>;
+}
+interface CompositionTabs extends ForwardRefExoticComponent<ITabs> {
+    Item: typeof Item;
+}
+
+export type { CompositionTabs, ITabItem, ITabs, RefTabs, TTabKey };

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 { RefObject, CSSProperties, ReactNode, MouseEvent, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { LinkProps } from '/Users/iann/codes/ioca-react/node_modules/react-router/dist/development/index.d.ts';
+
+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,36 @@
+import { InputHTMLAttributes, RefObject, ReactNode, ChangeEvent } from 'react';
+import { BaseInput } from '../../type/index.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;
+    defaultText?: ReactNode;
+    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 };