@ioca/react 1.3.2 → 1.3.4

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

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+
+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,7 @@
+/// <reference types="react" />
+
+import Tree from './tree.js';
+
+
+
+export { Tree as default };

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+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,50 @@
+/// <reference types="react" />
+
+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,7 @@
+/// <reference types="react" />
+
+import Upload from './upload.js';
+
+
+
+export { Upload as default };

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+
+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,8 @@
+/// <reference types="react" />
+
+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,7 @@
+/// <reference types="react" />
+
+import Video from './video.js';
+
+
+
+export { Video as default };

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+
+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,8 @@
+/// <reference types="react" />
+
+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 };