@ioca/react 1.3.2 → 1.3.4

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

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

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

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

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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+
+import { ColorPickerProps } from '/Users/iann/codes/ioca-react/node_modules/@rc-component/color-picker/lib/index.d.ts';
+import { Dayjs } from '/Users/iann/codes/ioca-react/node_modules/dayjs/index.d.ts';
+import { ReactNode } from 'react';
+import { BaseInput } from '../../type/index.js';
+import { IInput } from '../input/type.js';
+import { IPopup } from '../popup/type.js';
+
+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;
+}
+
+export type { IBaseDates, IColorPicker, IDatePicker, ITimePicker };

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

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

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+
+import { ReactNode } from 'react';
+import { IButton } from '../button/type.js';
+import { IPopup } from '../popup/type.js';
+
+interface IPopconfirm extends IPopup {
+    icon?: ReactNode;
+    okButtonProps?: IButton;
+    cancelButtonProps?: IButton;
+    extra?: ReactNode;
+    onOk?: () => Promise<void> | void;
+    onClose?: () => Promise<void> | void;
+}
+
+export type { IPopconfirm };

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

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

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

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

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+
+import { ReactNode, CSSProperties } from 'react';
+import { TPosition } from '../../type/index.js';
+
+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;
+}
+
+export type { IPopup };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+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,7 @@
+/// <reference types="react" />
+
+import { CompositionSwiper } from './type.js';
+
+declare const Swiper: CompositionSwiper;
+
+export { Swiper as default };

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+
+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,7 @@
+/// <reference types="react" />
+
+import { CompositionTabs } from './type.js';
+
+declare const Tabs: CompositionTabs;
+
+export { Tabs as default };

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

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

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

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

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

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

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

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