@falcon-ui/falcon-ui 1.0.0

package/types/components/dialog/src/dialog.d.ts

@@ -0,0 +1,70 @@
+import type { ExtractPublicPropTypes } from 'vue';
+export declare const flDialogProps: {
+    /**
+     * 对话框主体区域固定高度，传入数字时按像素处理。
+     */
+    readonly bodyHeight: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: undefined;
+    };
+    /**
+     * 是否禁用默认页脚中的取消按钮。
+     */
+    readonly cancelDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 默认页脚取消按钮文案。
+     */
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: "取消";
+    };
+    /**
+     * 是否禁用默认页脚中的确认按钮。
+     */
+    readonly confirmDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 默认页脚确认按钮文案。
+     */
+    readonly confirmText: {
+        readonly type: StringConstructor;
+        readonly default: "确认";
+    };
+    /**
+     * 通过 v-model 控制对话框显示状态。
+     */
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 是否渲染默认页脚操作区。
+     */
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export declare const flDialogEmits: {
+    /**
+     * 点击默认取消动作时触发。
+     */
+    readonly cancel: () => boolean;
+    /**
+     * 点击默认确认动作时触发。
+     */
+    readonly confirm: () => boolean;
+    /**
+     * 对话框显示状态变更时触发。
+     */
+    readonly 'update:modelValue': (value: boolean) => boolean;
+};
+export type FlDialogProps = ExtractPublicPropTypes<typeof flDialogProps>;
+export type FlDialogEmits = typeof flDialogEmits;
+export type DialogProps = FlDialogProps;
+export type DialogEmits = FlDialogEmits;

package/types/components/dialog/src/dialog.vue.d.ts

@@ -0,0 +1,257 @@
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_31: {}, __VLS_34: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_9) => any;
+} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_31) => any;
+} & {
+    footer?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly bodyHeight: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: undefined;
+    };
+    readonly cancelDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: "取消";
+    };
+    readonly confirmDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly confirmText: {
+        readonly type: StringConstructor;
+        readonly default: "确认";
+    };
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly appendToBody?: boolean | undefined;
+        readonly appendTo?: (string | HTMLElement) | undefined;
+        readonly beforeClose?: import("element-plus").DialogBeforeCloseFn | undefined;
+        readonly destroyOnClose?: boolean | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly modal?: boolean | undefined;
+        readonly modalPenetrable?: boolean | undefined;
+        readonly openDelay?: number | undefined;
+        readonly closeDelay?: number | undefined;
+        readonly top?: string | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly modalClass?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly zIndex?: number | undefined;
+        readonly trapFocus?: boolean | undefined;
+        readonly headerAriaLevel?: string | undefined;
+        readonly transition?: import("element-plus").DialogTransition | undefined;
+        readonly center?: boolean | undefined;
+        readonly alignCenter?: boolean | undefined;
+        readonly closeIcon?: import("element-plus/es/utils/index.mjs").IconPropType | undefined;
+        readonly draggable?: boolean | undefined;
+        readonly overflow?: boolean | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly headerClass?: string | undefined;
+        readonly bodyClass?: string | undefined;
+        readonly footerClass?: string | undefined;
+        readonly showClose?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly ariaLevel?: string | undefined;
+        readonly onClose?: (() => any) | undefined | undefined;
+        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+        readonly onOpen?: (() => any) | undefined | undefined;
+        readonly onOpened?: (() => any) | undefined | undefined;
+        readonly onClosed?: (() => any) | undefined | undefined;
+        readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+        readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: import("vue").Attrs;
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "close") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "closed") => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("element-plus").DialogProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, {
+        visible: import("vue").Ref<boolean, boolean>;
+        dialogContentRef: import("vue").Ref<any, any>;
+        resetPosition: () => void;
+        handleClose: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+        "update:modelValue": (value: boolean) => void;
+        open: () => void;
+        opened: () => void;
+        closed: () => void;
+        openAutoFocus: () => void;
+        closeAutoFocus: () => void;
+    }, string, {
+        title: string;
+        appendTo: string | HTMLElement;
+        transition: import("element-plus").DialogTransition;
+        overflow: boolean;
+        draggable: boolean;
+        alignCenter: boolean;
+        showClose: boolean;
+        closeOnPressEscape: boolean;
+        closeOnClickModal: boolean;
+        lockScroll: boolean;
+        modal: boolean;
+        openDelay: number;
+        closeDelay: number;
+        headerAriaLevel: string;
+        ariaLevel: string;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    title: string;
+    appendTo: string | HTMLElement;
+    transition: import("element-plus").DialogTransition;
+    overflow: boolean;
+    draggable: boolean;
+    alignCenter: boolean;
+    showClose: boolean;
+    closeOnPressEscape: boolean;
+    closeOnClickModal: boolean;
+    lockScroll: boolean;
+    modal: boolean;
+    openDelay: number;
+    closeDelay: number;
+    headerAriaLevel: string;
+    ariaLevel: string;
+}> & Omit<Readonly<import("element-plus").DialogProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+}>, "alignCenter" | "draggable" | "showClose" | "transition" | "visible" | "title" | "appendTo" | "closeOnClickModal" | "closeOnPressEscape" | "lockScroll" | "modal" | "openDelay" | "closeDelay" | "headerAriaLevel" | "overflow" | "ariaLevel" | "dialogContentRef" | "resetPosition" | "handleClose"> & {
+    visible: boolean;
+    dialogContentRef: any;
+    resetPosition: () => void;
+    handleClose: () => void;
+} & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        header?: (props: {
+            close: () => void;
+            titleId: string;
+            titleClass: string;
+        }) => any;
+    } & {
+        title?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        footer?: (props: {}) => any;
+    };
+} & {
+    /**
+     * 以编程方式关闭当前对话框。
+     */
+    closeDialog: () => void;
+    /**
+     * 以编程方式切换对话框全屏模式。
+     */
+    toggleFullscreen: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => void;
+    confirm: () => void;
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly bodyHeight: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: undefined;
+    };
+    readonly cancelDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: "取消";
+    };
+    readonly confirmDisabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly confirmText: {
+        readonly type: StringConstructor;
+        readonly default: "确认";
+    };
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    readonly bodyHeight: string | number;
+    readonly cancelDisabled: boolean;
+    readonly cancelText: string;
+    readonly confirmDisabled: boolean;
+    readonly confirmText: string;
+    readonly modelValue: boolean;
+    readonly showFooter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/index.d.ts

@@ -0,0 +1,27 @@
+export { FlButton } from './button';
+export type { ButtonEmits, ButtonProps, FlButtonEmits, FlButtonProps } from './button';
+export { FlDialog } from './dialog';
+export type { DialogEmits, DialogProps, FlDialogEmits, FlDialogProps } from './dialog';
+export { FlInput } from './input';
+export type { FlInputEmits, FlInputProps, InputEmits, InputProps } from './input';
+export { FlInputSearch } from './input-search';
+export type { FlInputSearchClearPayload, FlInputSearchEmits, FlInputSearchFetchApi, FlInputSearchMappedResult, FlInputSearchMapResult, FlInputSearchOpenDialogPayload, FlInputSearchOpenDialogReason, FlInputSearchProps, FlInputSearchSearchErrorPayload, FlInputSearchSelectionCommitPayload, FlInputSearchValue, InputSearchEmits, InputSearchProps } from './input-search';
+export { FlInputNumber } from './input-number';
+export type { FlInputNumberCustomPayload, FlInputNumberEmits, FlInputNumberPrecisionMode, FlInputNumberProps, FlInputNumberStrictErrorPayload, InputNumberEmits, InputNumberProps } from './input-number';
+export { FlDatePicker } from './date-picker';
+export type { DatePickerEmits, DatePickerProps, FlDatePickerEmits, FlDatePickerProps } from './date-picker';
+export { FlQrCode } from './qr-code';
+export type { FlQrCodeErrorCorrectionLevel, FlQrCodeProps, FlQrCodeType, QrCodeErrorCorrectionLevel, QrCodeProps, QrCodeType } from './qr-code';
+export { FlBarcode } from './barcode';
+export type { BarcodeProps, FlBarcodeFormat, FlBarcodeProps, FlBarcodeTextAlign, FlBarcodeTextPosition } from './barcode';
+export { FlSelect } from './select';
+export type { FlSelectEmits, FlSelectExpose, FlSelectProps, SelectEmits, SelectExpose, SelectProps } from './select';
+export { FlTreeSelect } from './tree-select';
+export type { TreeSelectEmits, TreeSelectExpose, TreeSelectProps } from './tree-select';
+export { FlTree } from './tree';
+export type { TreeClassNames, TreeClassValue, TreeCheckArgs, TreeCheckEvent, TreeCheckedKeys, TreeCheckedKeysObject, TreeData, TreeFilterTreeNode, TreeAllowDrag, TreeAllowDrop, TreeAllowDropType, TreeEmits, TreeExpandEvent, TreeExpose, TreeIndex, TreeInteractionEvent, TreeKey, TreeLoadArgs, TreeLoadData, TreeLoadEvent, TreeNode, TreeNodeClickArgs, TreeNodeClassName, TreeNodeClassNameInfo, TreeNodeDblclickArgs, TreeNodeDragEndArgs, TreeNodeDragStartArgs, TreeNodeDragTargetArgs, TreeNodeDropArgs, TreeNodeDropType, TreeExpandedNode, TreeNodeRightClickArgs, TreeNodeInstance, TreeNodeModel, TreeNodeProps, TreeSelectArgs, TreeSelectEvent, TreeSwitcherLoadingIcon, TreeSwitcherIconMode, TreeNodeToggleArgs, TreeProps, TreeScrollAlign, TreeScrollToOptions, TreeSemanticDOM, TreeSemanticRecord, TreeShowLine, TreeShowLineOptions, TreeStyles } from './tree';
+export { FlRadialMenu, FlRadialMenuItem } from './radial-menu';
+export type { FlRadialMenuCloseReason, FlRadialMenuDropdownPlacement, FlRadialMenuEmits, FlRadialMenuExpose, FlRadialMenuItemData, FlRadialMenuMode, FlRadialMenuMoreMode, FlRadialMenuOpenOptions, FlRadialMenuOpenReason, FlRadialMenuProps, FlRadialMenuResolvableItem, FlRadialMenuResolvedItem, FlRadialMenuSelectContext, FlRadialMenuSize, FlRadialMenuItemType, FlRadialMenuTrigger, RadialMenuEmits, RadialMenuProps } from './radial-menu';
+export { FlTable } from './table';
+export { FlTableEditor } from './table';
+export type { CellChangeEvent, ColumnDragEvent, ColumnOrderChangeEvent, EmitTrigger, FlTableExpose, RowData, RowDragEvent, RowOrderChangeEvent, SelectionRowToggleEvent, SelectionSingleConflictEvent, TableExpose, TableEditorMode, TableEditorProps, TableEmits, TableProps } from './table';

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

@@ -0,0 +1,233 @@
+export declare const FlInput: import("@falcon-ui/falcon-ui/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly isTable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isError: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly debugLabel: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly debugMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly id?: string | undefined;
+        readonly size?: import("element-plus").ComponentSize | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly modelValue?: string | number | null | undefined | undefined;
+        readonly modelModifiers?: import("element-plus").InputModelModifiers | undefined;
+        readonly maxlength?: string | number | undefined;
+        readonly minlength?: string | number | undefined;
+        readonly type?: import("element-plus").InputType | undefined;
+        readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+        readonly autosize?: import("element-plus").InputAutoSize | undefined;
+        readonly autocomplete?: string | undefined;
+        readonly formatter?: ((value: string) => string) | undefined;
+        readonly parser?: ((value: string) => string) | undefined;
+        readonly placeholder?: string | undefined;
+        readonly form?: string | undefined;
+        readonly readonly?: boolean | undefined;
+        readonly clearable?: boolean | undefined;
+        readonly clearIcon?: import("element-plus/es/utils/index.mjs").IconPropType | undefined;
+        readonly showPassword?: boolean | undefined;
+        readonly showWordLimit?: boolean | undefined;
+        readonly wordLimitPosition?: "inside" | "outside" | undefined;
+        readonly suffixIcon?: import("element-plus/es/utils/index.mjs").IconPropType | undefined;
+        readonly prefixIcon?: import("element-plus/es/utils/index.mjs").IconPropType | undefined;
+        readonly containerRole?: string | undefined;
+        readonly tabindex?: string | number | undefined;
+        readonly validateEvent?: boolean | undefined;
+        readonly inputStyle?: import("vue").StyleValue;
+        readonly autofocus?: boolean | undefined;
+        readonly rows?: number | undefined;
+        readonly ariaLabel?: string | undefined;
+        readonly inputmode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+        readonly name?: string | undefined;
+        readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+        readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined | undefined;
+        readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
+        readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
+        readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
+        readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+        readonly onInput?: ((value: string) => any) | undefined | undefined;
+        readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
+        readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
+        readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
+        readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: import("vue").Attrs;
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("element-plus").InputProps> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {
+        input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+        ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+        autosize: import("vue").Ref<import("element-plus").InputAutoSize | undefined, import("element-plus").InputAutoSize | undefined>;
+        isComposing: import("vue").Ref<boolean, boolean>;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        blur: (evt: FocusEvent) => void;
+        change: (value: string, evt?: Event | undefined) => void;
+        compositionend: (evt: CompositionEvent) => void;
+        compositionstart: (evt: CompositionEvent) => void;
+        compositionupdate: (evt: CompositionEvent) => void;
+        focus: (evt: FocusEvent) => void;
+        input: (value: string) => void;
+        keydown: (evt: Event | KeyboardEvent) => void;
+        mouseenter: (evt: MouseEvent) => void;
+        mouseleave: (evt: MouseEvent) => void;
+        clear: (evt: MouseEvent | undefined) => void;
+        "update:modelValue": (value: string) => void;
+    }, string, {
+        type: import("element-plus").InputType;
+        disabled: boolean;
+        clearIcon: import("element-plus/es/utils/index.mjs").IconPropType;
+        validateEvent: boolean;
+        modelValue: string | number | null;
+        modelModifiers: import("element-plus").InputModelModifiers;
+        autocomplete: string;
+        wordLimitPosition: "inside" | "outside";
+        tabindex: string | number;
+        inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+        rows: number;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    type: import("element-plus").InputType;
+    disabled: boolean;
+    clearIcon: import("element-plus/es/utils/index.mjs").IconPropType;
+    validateEvent: boolean;
+    modelValue: string | number | null;
+    modelModifiers: import("element-plus").InputModelModifiers;
+    autocomplete: string;
+    wordLimitPosition: "inside" | "outside";
+    tabindex: string | number;
+    inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rows: number;
+}> & Omit<Readonly<import("element-plus").InputProps> & Readonly<{
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, "clear" | "type" | "modelValue" | "disabled" | "ref" | "input" | "select" | "textarea" | "tabindex" | "blur" | "focus" | "modelModifiers" | "autosize" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "textareaStyle" | "isComposing" | "resizeTextarea"> & {
+    input: HTMLInputElement | undefined;
+    textarea: HTMLTextAreaElement | undefined;
+    ref: HTMLInputElement | HTMLTextAreaElement | undefined;
+    textareaStyle: import("vue").StyleValue;
+    autosize: import("element-plus").InputAutoSize | undefined;
+    isComposing: boolean;
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    select: () => void;
+    clear: (evt?: MouseEvent) => void;
+    resizeTextarea: () => void;
+} & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        prepend?: (props: {}) => any;
+    } & {
+        prefix?: (props: {}) => any;
+    } & {
+        suffix?: (props: {}) => any;
+    } & {
+        'password-icon'?: (props: {
+            visible: boolean;
+        }) => any;
+    } & {
+        append?: (props: {}) => any;
+    };
+} & {
+    myMethod(): void;
+    myValue: number;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "custom-input": (payload: import("./src/input").FlInputCustomPayload) => void;
+    "debug-event": (payload: import("./src/input").FlInputDebugPayload) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly isTable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly isError: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly debugLabel: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly debugMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onCustom-input"?: ((payload: import("./src/input").FlInputCustomPayload) => any) | undefined;
+    "onDebug-event"?: ((payload: import("./src/input").FlInputDebugPayload) => any) | undefined;
+}>, {
+    readonly isError: boolean;
+    readonly debugLabel: string;
+    readonly debugMode: boolean;
+    readonly isTable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default FlInput;
+export type { FlInputEmits, FlInputProps, InputEmits, InputProps } from './src/input';

package/types/components/input/src/input.d.ts

@@ -0,0 +1,65 @@
+import type { ExtractPublicPropTypes } from 'vue';
+export declare const flInputProps: {
+    /**
+     * 是否用于表格单元格内输入场景。开启后会使用表格样式。
+     */
+    readonly isTable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 是否进入错误态。开启后会触发错误样式并清空输入值。
+     */
+    readonly isError: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 调试事件标签，在开启调试模式后会随 `debug-event` 一起抛出。
+     */
+    readonly debugLabel: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /**
+     * 是否开启调试事件派发，开启后每次输入都会触发调试事件。
+     */
+    readonly debugMode: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export interface FlInputCustomPayload {
+    /**
+     * 当前输入字符串长度。
+     */
+    length: number;
+    /**
+     * 底层 ElInput 当前输入值。
+     */
+    value: string;
+}
+export interface FlInputDebugPayload {
+    /**
+     * 用于标识输入来源的业务标签。
+     */
+    label: string;
+    /**
+     * 触发调试事件时的当前输入值。
+     */
+    value: string;
+}
+export declare const flInputEmits: {
+    /**
+     * 原生输入变化时触发，携带当前值与字符长度。
+     */
+    readonly 'custom-input': (payload: FlInputCustomPayload) => boolean;
+    /**
+     * 开启 `debugMode` 后在 `custom-input` 之后触发，用于调试追踪。
+     */
+    readonly 'debug-event': (payload: FlInputDebugPayload) => boolean;
+};
+export type FlInputProps = ExtractPublicPropTypes<typeof flInputProps>;
+export type FlInputEmits = typeof flInputEmits;
+export type InputProps = FlInputProps;
+export type InputEmits = FlInputEmits;