@ioca/react 1.4.80 → 1.4.81

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

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

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

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

package/lib/types/components/affix/totop.d.ts

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

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+
+interface IAffix extends HTMLAttributes<HTMLElement> {
+    position?: "fixed" | "absolute" | "sticky" | "static";
+    left?: string | number;
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    offset?: number;
+    getContainer?: () => HTMLElement | null;
+}
+
+export type { IAffix };

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { ReactNode, CSSProperties } from 'react';
+
+interface IBadge {
+    content?: ReactNode;
+    contentClass?: string;
+    dot?: boolean;
+    dotSize?: string | number;
+    round?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+
+export type { IBadge };

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

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

package/lib/types/components/button/confirm.d.ts

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

package/lib/types/components/button/group.d.ts

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

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

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

package/lib/types/components/button/toggle.d.ts

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

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

@@ -0,0 +1,53 @@
+import { ForwardRefExoticComponent, RefAttributes, RefObject, ReactNode, ButtonHTMLAttributes, AnchorHTMLAttributes, CSSProperties } from 'react';
+import { LinkProps } from 'react-router';
+import Confirm from './confirm.js';
+import Group from './group.js';
+import Toggle from './toggle.js';
+
+interface BaseButtonProps {
+    as?: "a" | "button" | ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement>>;
+    ref?: RefObject<HTMLElement | null>;
+    children?: ReactNode | string;
+    className?: string;
+    loading?: boolean;
+    flat?: boolean;
+    outline?: boolean;
+    square?: boolean;
+    size?: "mini" | "small" | "normal" | "large" | "extreme";
+    disabled?: boolean;
+    block?: boolean;
+    round?: boolean;
+    ripple?: boolean;
+    secondary?: boolean;
+}
+interface IButton extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLElement>, "type" | "onToggle">, Omit<AnchorHTMLAttributes<HTMLElement>, "onToggle"> {
+}
+interface IButtonToggle extends IButton {
+    active?: boolean;
+    activeClass?: string;
+    after?: ReactNode;
+    disabled?: boolean;
+    toggable?: () => boolean | Promise<boolean>;
+    onToggle?: (active: boolean) => void;
+}
+interface IButtonConfirm extends IButton {
+    defaultActive?: boolean;
+    okButtonProps?: IButton;
+    cancelButtonProps?: IButton;
+    onOk?: () => void | boolean | Promise<void | boolean>;
+    onCancel?: () => void;
+}
+interface IButtonGroup {
+    children?: ReactNode;
+    vertical?: boolean;
+    buttonProps?: IButton;
+    className?: string;
+    style?: CSSProperties;
+}
+interface CompositionButton extends ForwardRefExoticComponent<IButton & RefAttributes<HTMLElement>> {
+    Toggle: typeof Toggle;
+    Group: typeof Group;
+    Confirm: typeof Confirm;
+}
+
+export type { CompositionButton, IButton, IButtonConfirm, IButtonGroup, IButtonToggle };

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
+
+interface ICard extends HTMLAttributes<HTMLDivElement> {
+    hideShadow?: boolean;
+    border?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+}
+
+export type { ICard };

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
+import { TValidate, TOption } from '../../type/index.js';
+
+type TRenderCheckboxItem = (checked: boolean, value: any) => ReactNode;
+interface ICheckbox extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange">, TValidate {
+    label?: ReactNode;
+    options: TOption[] | (string | number)[];
+    type?: "default" | "switch" | "button";
+    optionInline?: boolean;
+    labelInline?: boolean;
+    renderItem?: TRenderCheckboxItem;
+    onChange?: (value: any[], option: TOption, e: ChangeEvent<HTMLInputElement>) => void;
+}
+interface ICheckboxItem extends Omit<InputHTMLAttributes<HTMLElement>, "value" | "children" | "onChange">, TValidate {
+    type?: "default" | "switch" | "button";
+    label?: ReactNode;
+    value?: boolean;
+    optionValue?: any;
+    partof?: boolean;
+    children?: ReactNode | TRenderCheckboxItem;
+    onChange?: (value: boolean, e: ChangeEvent<HTMLInputElement>) => void;
+}
+
+export type { ICheckbox, ICheckboxItem };

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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
+
+type TKey = string | number;
+interface ICollapse extends HTMLAttributes<HTMLDivElement> {
+    active?: TKey | TKey[];
+    items?: ICollapseItem[];
+    multiple?: boolean;
+    border?: boolean;
+    headerClickable?: boolean;
+    renderToggle?: (active: boolean) => ReactNode;
+    onCollapse?: (key: TKey, active: boolean) => void;
+}
+interface ICollapseItem {
+    key?: TKey;
+    title?: ReactNode;
+    content?: ReactNode;
+    disabled?: boolean;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export type { ICollapse, ICollapseItem, TKey };

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

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

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

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

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

@@ -0,0 +1,40 @@
+import { ReactNode, CSSProperties, MouseEvent } from 'react';
+
+type IData = Record<string, any>;
+interface IColumn {
+    id: string;
+    title?: ReactNode;
+    sorter?: boolean;
+    justify?: string;
+    rowSpan?: number;
+    colSpan?: number;
+    width?: string;
+    fixed?: "left" | "right";
+    render?: (value?: any, data?: IData, row?: number, col?: number) => ReactNode;
+    renderHeader?: (column?: IColumn, col?: number) => ReactNode;
+}
+interface IDatagrid {
+    data: IData[];
+    columns?: IColumn[];
+    border?: boolean;
+    striped?: boolean;
+    header?: boolean;
+    resizable?: boolean;
+    loading?: boolean;
+    empty?: ReactNode;
+    cellPadding?: string | number;
+    cellEllipsis?: boolean;
+    height?: number | string;
+    style?: CSSProperties;
+    className?: string;
+    renderLoading?: () => ReactNode;
+    onRowClick?: (data?: IData, row?: number) => void;
+    onCellClick?: (data?: IData, column?: IColumn, row?: number, col?: number, e?: MouseEvent) => void;
+    onCellDoubleClick?: (data?: IData, column?: IColumn, row?: number, col?: number, e?: MouseEvent) => void;
+    onHeaderClick?: (column?: IColumn, e?: MouseEvent) => void;
+    onSort?: (sortBy: string, sortType: string) => void;
+    onScroll?: (e: MouseEvent) => void;
+    onResize?: (column?: IColumn, width?: number) => void;
+}
+
+export type { IColumn, IData, IDatagrid };

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { ReactNode, CSSProperties } from 'react';
+
+type IData = {
+    label: ReactNode;
+    value: ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    hidden?: boolean;
+    style?: CSSProperties;
+};
+interface IDescription {
+    data: IData[];
+    align?: string;
+    colon?: ReactNode;
+    gap?: string | number;
+    equally?: boolean;
+    columns?: number;
+    vertical?: boolean;
+    labelWidth?: string | number;
+    labelAlign?: "left" | "right" | "center" | "justify";
+    style?: CSSProperties;
+    className?: string;
+}
+
+export type { IDescription };

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

@@ -0,0 +1,5 @@
+import { IDrawer } from './type.js';
+
+declare function Drawer(props: IDrawer): any;
+
+export { Drawer as default };

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

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

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

@@ -0,0 +1,16 @@
+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,10 @@
+import { IDropdown, IDropItem } from './type.js';
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Dropdown: {
+    (props: IDropdown): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode>>;
+    Item: (props: IDropItem) => react_jsx_runtime.JSX.Element;
+};
+
+export { Dropdown as default };

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

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

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { IListItem } from '../list/type.js';
+import { IPopup } from '../popup/type.js';
+
+interface IDropdown extends Omit<IPopup, "content"> {
+    width?: string | number;
+    content?: ReactNode | ((close: () => void) => ReactNode);
+}
+interface IDropItem extends IListItem {
+    more?: ReactNode;
+    moreProps?: IDropdown;
+}
+
+export type { IDropItem, IDropdown };

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

@@ -0,0 +1,6 @@
+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,5 @@
+import Editor from './editor.js';
+
+
+
+export { Editor as default };

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

@@ -0,0 +1,20 @@
+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 {
+    input: HTMLDivElement | null;
+    getSafeValue: () => string;
+    setValue: (html: string) => void;
+}
+
+export type { IEditor, RefEditor };

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

@@ -0,0 +1,5 @@
+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,5 @@
+import Flex from './flex.js';
+
+
+
+export { Flex as default };

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

@@ -0,0 +1,13 @@
+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,6 @@
+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 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import Field from './field.js';
+import { IForm } from './type.js';
+import useConfig from './useConfig.js';
+import useForm from './useForm.js';
+
+declare const Form: {
+    (props: IForm): react_jsx_runtime.JSX.Element;
+    useForm: typeof useForm;
+    Field: typeof Field;
+    useConfig: typeof useConfig;
+};
+
+export { Form as default };

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

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

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

@@ -0,0 +1,43 @@
+import { HTMLAttributes, KeyboardEvent, ReactNode } from 'react';
+import { IFormInstance } from './useForm.js';
+
+type TValidator = (value: any, form: IFormInstance) => boolean | string;
+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;
+    itemMaxWidth?: string;
+    gap?: string | number;
+    labelWidth?: string;
+    labelInline?: boolean;
+    labelRight?: boolean;
+    onEnter?: (e: KeyboardEvent, values: Record<string, any>, form: IFormInstance) => void;
+    onChange?: (name: any, value: any) => void;
+}
+interface IField {
+    name?: string;
+    children?: ReactNode;
+    required?: boolean;
+}
+interface IFormItem {
+    name: string;
+    label?: ReactNode;
+    required?: boolean;
+    component: any;
+    componentProps?: Record<string, any>;
+    colspan?: number | "full";
+    rowspan?: number | "full";
+    render?: (config: IFormItem, values: Record<string, any>) => ReactNode;
+    shouldRender?: (values: Record<string, any>, form: IFormInstance) => boolean;
+    shouldUpdate?: (values: Record<string, any>, form: IFormInstance) => boolean;
+}
+
+export type { IField, IForm, IFormItem, TRule, TValidator };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IFormInstance } from './useForm.js';
+import { IFormItem, IForm } from './type.js';
+
+declare function useConfig(configs: IFormItem[], formProps?: IForm): {
+    form: IFormInstance;
+    node: react_jsx_runtime.JSX.Element;
+};
+
+export { useConfig as default };

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

@@ -0,0 +1,17 @@
+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,6 @@
+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>> | react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+
+export { Icon as default };

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

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