@t-headless-ui/react 1.1.1 → 1.1.2

package/dist/types/button/interface.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ButtonHTMLAttributes } from 'react';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     /**
      * @zh 按钮的类型
      * @en The type of the button
@@ -22,4 +22,10 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClick?: (e: React.MouseEvent<Element, MouseEvent>) => void;
     ref?: React.Ref<HTMLButtonElement>;
+    /**
+     * @zh 按钮主要分为六种按钮类型：主要按钮、次级按钮、虚框按钮、文字按钮、线性按钮，`default` 为次级按钮。
+     * @en A variety of button types are available: `primary`, `secondary`, `dashed`,`text`, `linear` and `default` which is the secondary.
+     * @defaultValue fill
+     */
+    type?: 'fill' | 'outline';
 }

package/dist/types/grid/cell.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { ResponsiveValue } from './interface';
+interface CellProps {
+    className?: string;
+    width?: number | ResponsiveValue;
+    height?: number | ResponsiveValue;
+    defaultWidth?: number;
+    defaultHeight?: number;
+    top?: number | string;
+    left?: number | string;
+    middle?: boolean;
+    center?: boolean;
+    area?: string;
+    children: React.ReactNode;
+}
+export declare const Cell: React.FC<CellProps>;
+export {};

package/dist/types/grid/constants.d.ts

@@ -0,0 +1,3 @@
+import { Breakpoint, BreakpointMap } from './interface';
+export declare const responsiveArray: Breakpoint[];
+export declare const responsiveMap: BreakpointMap;

package/dist/types/grid/grid.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+interface GridProps {
+    className?: string;
+    columns?: string | number;
+    rows?: string | number;
+    gap?: string;
+    columnGap?: string;
+    rowGap?: string;
+    height?: string;
+    minRowHeight?: string;
+    flow?: 'row' | 'column' | 'row dense' | 'column dense';
+    areas?: string[];
+    justifyContent?: string;
+    alignContent?: string;
+    children: React.ReactNode;
+}
+export declare const Grid: React.FC<GridProps>;
+export {};

package/dist/types/grid/hooks/useResponsiveState.d.ts

@@ -0,0 +1,2 @@
+import { ResponsiveValue } from '../interface';
+export declare const useResponsiveState: (val: number | ResponsiveValue, defaultValue: number) => number;

package/dist/types/grid/index.d.ts

@@ -0,0 +1,3 @@
+export * from './interface';
+export * from './grid';
+export * from './cell';

package/dist/types/grid/interface.d.ts

@@ -0,0 +1,44 @@
+export type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type BreakpointMap = Partial<Record<Breakpoint, string>>;
+export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
+export type SubscribeFunc = (screens: ScreenMap, breakpointChecked: Breakpoint) => void;
+/**
+ * @title ResponsiveValue
+ */
+export interface ResponsiveValue {
+    /**
+     * @zh >= 2000px 响应式栅格
+     * @en `screen >= 2000px`
+     */
+    xxxl?: number;
+    /**
+     * @zh >= 1600px 响应式配置
+     * @en >= 1600px responsive configuration
+     */
+    xxl?: number;
+    /**
+     * @zh >= 1200px 响应式配置
+     * @en >= 1200px responsive configuration
+     */
+    xl?: number;
+    /**
+     * @zh >= 992px 响应式配置
+     * @en >= 992px responsive configuration
+     */
+    lg?: number;
+    /**
+     * @zh >= 768px 响应式配置
+     * @en >= 768px responsive configuration
+     */
+    md?: number;
+    /**
+     * @zh >= 576px 响应式配置
+     * @en >= 576px responsive configuration
+     */
+    sm?: number;
+    /**
+     * @zh < 576px 响应式配置
+     * @en < 576px responsive configuration
+     */
+    xs?: number;
+}

package/dist/types/grid/utils/responsive-observe.d.ts

@@ -0,0 +1,15 @@
+export type Breakpoint = 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type BreakpointMap = Partial<Record<Breakpoint, string>>;
+export type ScreenMap = Partial<Record<Breakpoint, boolean>>;
+export declare const responsiveArray: Breakpoint[];
+export declare const responsiveMap: BreakpointMap;
+type SubscribeFunc = (screens: ScreenMap, breakpointChecked: Breakpoint) => void;
+declare const responsiveObserve: {
+    matchHandlers: {};
+    dispatch(pointMap: ScreenMap, breakpointChecked: Breakpoint): boolean;
+    subscribe(func: SubscribeFunc): string;
+    unsubscribe(token: string): void;
+    unregister(): void;
+    register(): void;
+};
+export default responsiveObserve;

package/dist/types/hooks/debounce-by-raf.d.ts

@@ -0,0 +1,4 @@
+export declare function debounceByRaf(cb: (...args: any[]) => void): {
+    (...args: any[]): void;
+    cancel(): void;
+};

package/dist/types/hooks/index.d.ts

@@ -5,3 +5,8 @@ export * from './use-composed-refs';
 export * from './use-event';
 export * from './use-state-with-promise';
 export * from './useIs-first-render';
+export * from './use-resize-observer';
+export * from './use-merge-refs';
+export * from './use-mutation-observer';
+export * from './use-composition';
+export * from './debounce-by-raf';

package/dist/types/hooks/use-composition.d.ts

@@ -0,0 +1,24 @@
+import { ChangeEventHandler, CompositionEventHandler, KeyboardEventHandler } from 'react';
+import { InputProps } from '../input/interface';
+interface useCompositionProps {
+    value: string;
+    maxLength: number;
+    onChange: InputProps['onChange'];
+    onKeyDown: InputProps['onKeyDown'];
+    onPressEnter: InputProps['onPressEnter'];
+    normalizeHandler?: (type: InputProps['normalizeTrigger'][number]) => InputProps['normalize'];
+}
+/**
+ * Handle input text like Chinese
+ * chrome： compositionstart -> onChange -> compositionend
+ * other browser: compositionstart -> compositionend -> onChange
+ */
+export declare function useComposition({ value, maxLength, onChange, onKeyDown, onPressEnter, normalizeHandler }: useCompositionProps): {
+    compositionValue: string;
+    triggerValueChange: typeof onChange;
+    handleCompositionStart: CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    handleCompositionEnd: CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    handleValueChange: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    handleKeyDown: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+};
+export {};

package/dist/types/hooks/use-focus-tarp.d.ts

@@ -0,0 +1,21 @@
+import { RefObject } from 'react';
+declare const FIRST = "fist";
+declare const NONE = "none";
+export type InitialFocus = typeof FIRST | typeof NONE | number;
+export interface Options {
+    /**
+     * @zh 我们需要首次聚焦的 HTML 元素
+     * @en HTML Element we should draw focus to first
+     */
+    initialFocus?: InitialFocus;
+    /**
+     * @zh 添加额外需要聚焦的元素
+     * @en additional tabbable elements to be added
+     */
+    tabbableElements?: string;
+}
+/**
+ * Adds focus trap effect to a given ref.
+ */
+export declare const useFocusTrap: <T extends HTMLElement>(ref: RefObject<T>, isActive: boolean, options?: Options) => void;
+export {};

package/dist/types/hooks/use-merge-refs.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export type ReactRef<T> = React.RefCallback<T> | React.MutableRefObject<T>;
+export declare function assignRef<T = any>(ref: ReactRef<T> | null | undefined, value: T): void;
+export declare function mergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T | null) => void;
+export declare function useMergeRefs<T>(...refs: (ReactRef<T> | null | undefined)[]): (node: T) => void;

package/dist/types/hooks/use-mutation-observer.d.ts

@@ -0,0 +1 @@
+export declare function useMutationObserver<T extends HTMLElement>(element: T | null, callback: (target: T, mutations: MutationRecord[]) => void, options?: MutationObserverInit): void;

package/dist/types/hooks/use-resize-observer.d.ts

@@ -0,0 +1 @@
+export declare function useResizeObserver<T extends HTMLElement>(element: any, callback: (target: T, entry: ResizeObserverEntry) => void): void;

package/dist/types/icon/index.d.ts

@@ -2,5 +2,7 @@ export type { IconProps } from './interface';
 export { Icon } from './icon';
 export { createFromIconfont } from './IconFont';
 export { createIcon } from './createIcon';
+export * as FillIcon from './fill';
 export * from './fill';
+export * as LineIcon from './line';
 export * from './line';

package/dist/types/icon/line/all-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconAllLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/click-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconClickLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/close-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconCloseLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/edit-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconEditLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/email-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconEmailLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/error-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconErrorLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/float-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconFloatLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/hand-drag-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconHandDragLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/horizontal-gap-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconHorizontalGapLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/index.d.ts

@@ -2,7 +2,6 @@ export * from './home-line';
 export * from './down-line';
 export * from './up-line';
 export * from './code-line';
-export * from './js-line';
 export * from './moon-line';
 export * from './apple-line';
 export * from './chrome-line';
@@ -12,3 +11,23 @@ export * from './youtube-line';
 export * from './loading-line';
 export * from './arrow-right-line';
 export * from './arrow-left-line';
+export * from './right-line';
+export * from './success-line';
+export * from './error-line';
+export * from './warn-line';
+export * from './info-line';
+export * from './email-line';
+export * from './search-line';
+export * from './close-line';
+export * from './preview-off-line';
+export * from './preview-on-line';
+export * from './click-line';
+export * from './all-line';
+export * from './message-line';
+export * from './edit-line';
+export * from './nine-grid-line';
+export * from './horizontal-gap-line';
+export * from './float-line';
+export * from './interface-line';
+export * from './hand-drag-line';
+export * from './left-line';

package/dist/types/icon/line/info-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconInfoLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/interface-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconInterfaceLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/left-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconLeftLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/message-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconMessageLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/nine-grid-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconNineGridLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/preview-off-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconPreviewOffLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/preview-on-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconPreviewOnLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/right-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconRightLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/search-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconSearchLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/success-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconSuccessLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/icon/line/warn-line.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export declare const IconWarningLine: React.ForwardRefExoticComponent<{
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+} & Omit<React.SVGAttributes<SVGElement>, keyof {
+    size?: string | string[];
+    style?: React.CSSProperties;
+    className?: string;
+    useStrokeCurrentColor?: boolean;
+    useFillCurrentColor?: boolean;
+}> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/index.d.ts

@@ -3,3 +3,9 @@ export * from './link';
 export * from './icon';
 export * from './vertical-menu';
 export * from './anchor';
+export * from './popover';
+export * from './portal';
+export * from './toast';
+export * from './grid';
+export * from './input';
+export * from './modal';

package/dist/types/input/constants.d.ts

@@ -0,0 +1 @@
+export declare const inputContentWidth = 2;

package/dist/types/input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './input';
+export * from './interface';
+export { useInputGroup } from './use-input-group';
+export { usePasswordStore } from './use-password-store';

package/dist/types/input/input.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { InputProps } from './interface';
+export type RefInputType = {
+    /** 使输入框失去焦点 */
+    blur?: () => void;
+    /** 使输入框获取焦点 */
+    focus?: () => void;
+    /** input dom元素 */
+    inputDom?: HTMLInputElement;
+};
+export declare const InputComponent: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<RefInputType>>;