@manohub/ui 0.6.0

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

@@ -0,0 +1,980 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import type { ControlSize } from '../control-size';
+/** 校验状态（`error` 红、`warning` 黄；缺省无校验态） */
+export type InputStatus = 'error' | 'warning';
+/** 自适应高度的行数区间（`true` 等价于 `{ minRows: 2, maxRows: 6 }`） */
+export interface TextareaAutoSize {
+    minRows?: number;
+    maxRows?: number;
+}
+/**
+ * 输入框（**自绘**，不封装 farris）。
+ *
+ * `Input` / `Textarea` 共用同一份面 `styles/components/input.css`（规范也把二者放在同一个
+ * `input.css` 里），本文件因此同时导出两个件：单行与多行结构不同（多行没有清除/眼睛，单行没有计数），
+ * 硬合成一个件会让 props 互相污染。
+ *
+ * 统一词表（与 `Checkbox` / `Switch` 同款）：`modelValue` / `onChange` / `disabled` / `size`。
+ *
+ * 三源等价：原生 `:hover` / `:focus` / `:disabled` / `aria-invalid` 承载态，组件只补**结构**与
+ * 原生做不到的行为（清除按钮的显隐与回写、密码可见切换、字数实时统计、自适应行数）。
+ *
+ * 附加位：`prefix` / `suffix` **插槽**里放什么由你决定（图标 / 单位 / 域名 / 你自己的可点元素），
+ * 本件不内置标签件 —— 纯装饰形态无底色、不参与 Tab 序列，可点形态的热区与底色归消费方。
+ *
+ * @example 受控 + 可清除
+ * <Input modelValue={kw} placeholder="搜索" clearable prefix={<Icon name="search" />} onChange={setKw} />
+ *
+ * @example 密码（右端图标切换明/密文）
+ * <Input type="password" modelValue={pwd} onChange={setPwd} />
+ *
+ * @example 校验态与尺寸
+ * <Input status="error" size="lg" placeholder="请输入任务名" />
+ *
+ * @example 多行 + 字数 + 自适应高度
+ * <Textarea modelValue={note} autoSize={{ minRows: 2, maxRows: 6 }} maxlength={500} showCount onChange={setNote} />
+ *
+ * @example 触发器形态（复合件用：控件换成 `<button>`，表壳 / 清除位 / 右侧图标位全部复用）
+ * <Input as="button" clearable hasValue={!!value} controlClass="my-picker" controlAttrs={{ popovertarget: id }}>
+ *   {{ default: () => value ?? '请选择', suffix: () => <Icon name="chevron-down" /> }}
+ * </Input>
+ */
+export declare const Input: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** 受控值 */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 非受控初始值 */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 input 类型（`password` 时自动出现可见性切换） */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 尺寸档（与全库 `ControlSize` 同表：24 / 28 / 32） */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 校验态（下发 `aria-invalid`，样式走协议不看 data-*）；等价于 `status="error"` */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 校验状态（`invalid` 的显式写法；两者同时给以 `status` 为准） */
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    /** 有内容时显示清除按钮 */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否带边框；`false` 用于表格内编辑 / 行内编辑（无框、无底） */
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** 右侧字数统计（单行须给 `maxlength` 才有意义） */
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 自动聚焦（进页面即可输入，如搜索框） */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 值变更回调（每次输入都调） */
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+    /** 回车回调 */
+    onEnter: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+    /** 控件元素形态：`input` 文本输入（缺省）/ `button` 触发器 */
+    as: {
+        type: PropType<"input" | "button">;
+        default: string;
+    };
+    /** 追加到**控件元素**上的类（复合件挂自己的排版类用；本件的 `class` 仍落表壳） */
+    controlClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 展开到**控件元素**上的属性（触发器形态要 `popovertarget` / `aria-*` / `onKeydown` 落到控件上） */
+    controlAttrs: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** 显式覆盖清除位显隐；不给时仍按「有内容」判定（多选类复合件没有单值可判） */
+    hasValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (v: string) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 受控值 */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 非受控初始值 */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 input 类型（`password` 时自动出现可见性切换） */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 尺寸档（与全库 `ControlSize` 同表：24 / 28 / 32） */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 校验态（下发 `aria-invalid`，样式走协议不看 data-*）；等价于 `status="error"` */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 校验状态（`invalid` 的显式写法；两者同时给以 `status` 为准） */
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    /** 有内容时显示清除按钮 */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否带边框；`false` 用于表格内编辑 / 行内编辑（无框、无底） */
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** 右侧字数统计（单行须给 `maxlength` 才有意义） */
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 自动聚焦（进页面即可输入，如搜索框） */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 值变更回调（每次输入都调） */
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+    /** 回车回调 */
+    onEnter: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+    /** 控件元素形态：`input` 文本输入（缺省）/ `button` 触发器 */
+    as: {
+        type: PropType<"input" | "button">;
+        default: string;
+    };
+    /** 追加到**控件元素**上的类（复合件挂自己的排版类用；本件的 `class` 仍落表壳） */
+    controlClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 展开到**控件元素**上的属性（触发器形态要 `popovertarget` / `aria-*` / `onKeydown` 落到控件上） */
+    controlAttrs: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** 显式覆盖清除位显隐；不给时仍按「有内容」判定（多选类复合件没有单值可判） */
+    hasValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+    size: ControlSize;
+    disabled: boolean;
+    type: string;
+    onChange: (v: string) => void;
+    invalid: boolean;
+    bordered: boolean;
+    defaultValue: string;
+    placeholder: string;
+    autofocus: boolean;
+    modelValue: string;
+    status: InputStatus;
+    readonly: boolean;
+    clearable: boolean;
+    maxlength: number;
+    showCount: boolean;
+    onEnter: (v: string) => void;
+    as: "button" | "input";
+    controlClass: string;
+    controlAttrs: Record<string, unknown>;
+    hasValue: boolean;
+}, SlotsType<{
+    default?: () => VNodeChild;
+    prefix?: () => VNodeChild;
+    suffix?: () => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export interface TextareaProps {
+    /** 受控值 */
+    modelValue?: string;
+    /** 非受控初始值 */
+    defaultValue?: string;
+    placeholder?: string;
+    /** 可见行数（与 `autoSize` 互斥，给了 `autoSize` 以它为准） */
+    rows?: number;
+    /** 自适应高度：按内容行数在 `minRows` / `maxRows` 之间伸缩 */
+    autoSize?: boolean | TextareaAutoSize;
+    /** 尺寸档 */
+    size?: ControlSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    /** 校验态（下发 `aria-invalid`） */
+    invalid?: boolean;
+    /** 校验状态（`invalid` 的显式写法） */
+    status?: InputStatus;
+    /** 是否带边框 */
+    bordered?: boolean;
+    maxlength?: number;
+    /** 右下角字数统计（须给 `maxlength` 才有意义） */
+    showCount?: boolean;
+    autofocus?: boolean;
+    onChange?: (v: string) => void;
+}
+/** 多行输入（同一份面；结构与单行不同，故单列一个件） */
+export declare const Textarea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    autoSize: {
+        type: PropType<boolean | TextareaAutoSize>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (v: string) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    autoSize: {
+        type: PropType<boolean | TextareaAutoSize>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+    size: ControlSize;
+    disabled: boolean;
+    onChange: (v: string) => void;
+    invalid: boolean;
+    bordered: boolean;
+    defaultValue: string;
+    placeholder: string;
+    rows: number;
+    autofocus: boolean;
+    modelValue: string;
+    status: InputStatus;
+    readonly: boolean;
+    maxlength: number;
+    showCount: boolean;
+    autoSize: boolean | TextareaAutoSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const InputCompound: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        /** 受控值 */
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 非受控初始值 */
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 原生 input 类型（`password` 时自动出现可见性切换） */
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        /** 尺寸档（与全库 `ControlSize` 同表：24 / 28 / 32） */
+        size: {
+            type: PropType<ControlSize>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 校验态（下发 `aria-invalid`，样式走协议不看 data-*）；等价于 `status="error"` */
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 校验状态（`invalid` 的显式写法；两者同时给以 `status` 为准） */
+        status: {
+            type: PropType<InputStatus>;
+            default: undefined;
+        };
+        /** 有内容时显示清除按钮 */
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 是否带边框；`false` 用于表格内编辑 / 行内编辑（无框、无底） */
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        /** 右侧字数统计（单行须给 `maxlength` 才有意义） */
+        showCount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 自动聚焦（进页面即可输入，如搜索框） */
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 值变更回调（每次输入都调） */
+        onChange: {
+            type: PropType<(v: string) => void>;
+            default: undefined;
+        };
+        /** 回车回调 */
+        onEnter: {
+            type: PropType<(v: string) => void>;
+            default: undefined;
+        };
+        /** 控件元素形态：`input` 文本输入（缺省）/ `button` 触发器 */
+        as: {
+            type: PropType<"input" | "button">;
+            default: string;
+        };
+        /** 追加到**控件元素**上的类（复合件挂自己的排版类用；本件的 `class` 仍落表壳） */
+        controlClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 展开到**控件元素**上的属性（触发器形态要 `popovertarget` / `aria-*` / `onKeydown` 落到控件上） */
+        controlAttrs: {
+            type: PropType<Record<string, unknown>>;
+            default: undefined;
+        };
+        /** 显式覆盖清除位显隐；不给时仍按「有内容」判定（多选类复合件没有单值可判） */
+        hasValue: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (v: string) => true;
+    }, import("vue").PublicProps, {
+        size: ControlSize;
+        disabled: boolean;
+        type: string;
+        onChange: (v: string) => void;
+        invalid: boolean;
+        bordered: boolean;
+        defaultValue: string;
+        placeholder: string;
+        autofocus: boolean;
+        modelValue: string;
+        status: InputStatus;
+        readonly: boolean;
+        clearable: boolean;
+        maxlength: number;
+        showCount: boolean;
+        onEnter: (v: string) => void;
+        as: "button" | "input";
+        controlClass: string;
+        controlAttrs: Record<string, unknown>;
+        hasValue: boolean;
+    }, true, {}, SlotsType<{
+        default?: () => VNodeChild;
+        prefix?: () => VNodeChild;
+        suffix?: () => VNodeChild;
+    }>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        /** 受控值 */
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 非受控初始值 */
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 原生 input 类型（`password` 时自动出现可见性切换） */
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        /** 尺寸档（与全库 `ControlSize` 同表：24 / 28 / 32） */
+        size: {
+            type: PropType<ControlSize>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 校验态（下发 `aria-invalid`，样式走协议不看 data-*）；等价于 `status="error"` */
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 校验状态（`invalid` 的显式写法；两者同时给以 `status` 为准） */
+        status: {
+            type: PropType<InputStatus>;
+            default: undefined;
+        };
+        /** 有内容时显示清除按钮 */
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 是否带边框；`false` 用于表格内编辑 / 行内编辑（无框、无底） */
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        /** 右侧字数统计（单行须给 `maxlength` 才有意义） */
+        showCount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 自动聚焦（进页面即可输入，如搜索框） */
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        /** 值变更回调（每次输入都调） */
+        onChange: {
+            type: PropType<(v: string) => void>;
+            default: undefined;
+        };
+        /** 回车回调 */
+        onEnter: {
+            type: PropType<(v: string) => void>;
+            default: undefined;
+        };
+        /** 控件元素形态：`input` 文本输入（缺省）/ `button` 触发器 */
+        as: {
+            type: PropType<"input" | "button">;
+            default: string;
+        };
+        /** 追加到**控件元素**上的类（复合件挂自己的排版类用；本件的 `class` 仍落表壳） */
+        controlClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        /** 展开到**控件元素**上的属性（触发器形态要 `popovertarget` / `aria-*` / `onKeydown` 落到控件上） */
+        controlAttrs: {
+            type: PropType<Record<string, unknown>>;
+            default: undefined;
+        };
+        /** 显式覆盖清除位显隐；不给时仍按「有内容」判定（多选类复合件没有单值可判） */
+        hasValue: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        size: ControlSize;
+        disabled: boolean;
+        type: string;
+        onChange: (v: string) => void;
+        invalid: boolean;
+        bordered: boolean;
+        defaultValue: string;
+        placeholder: string;
+        autofocus: boolean;
+        modelValue: string;
+        status: InputStatus;
+        readonly: boolean;
+        clearable: boolean;
+        maxlength: number;
+        showCount: boolean;
+        onEnter: (v: string) => void;
+        as: "button" | "input";
+        controlClass: string;
+        controlAttrs: Record<string, unknown>;
+        hasValue: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    /** 受控值 */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 非受控初始值 */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 原生 input 类型（`password` 时自动出现可见性切换） */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 尺寸档（与全库 `ControlSize` 同表：24 / 28 / 32） */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 校验态（下发 `aria-invalid`，样式走协议不看 data-*）；等价于 `status="error"` */
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 校验状态（`invalid` 的显式写法；两者同时给以 `status` 为准） */
+    status: {
+        type: PropType<InputStatus>;
+        default: undefined;
+    };
+    /** 有内容时显示清除按钮 */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否带边框；`false` 用于表格内编辑 / 行内编辑（无框、无底） */
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxlength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** 右侧字数统计（单行须给 `maxlength` 才有意义） */
+    showCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 自动聚焦（进页面即可输入，如搜索框） */
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 值变更回调（每次输入都调） */
+    onChange: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+    /** 回车回调 */
+    onEnter: {
+        type: PropType<(v: string) => void>;
+        default: undefined;
+    };
+    /** 控件元素形态：`input` 文本输入（缺省）/ `button` 触发器 */
+    as: {
+        type: PropType<"input" | "button">;
+        default: string;
+    };
+    /** 追加到**控件元素**上的类（复合件挂自己的排版类用；本件的 `class` 仍落表壳） */
+    controlClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** 展开到**控件元素**上的属性（触发器形态要 `popovertarget` / `aria-*` / `onKeydown` 落到控件上） */
+    controlAttrs: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+    /** 显式覆盖清除位显隐；不给时仍按「有内容」判定（多选类复合件没有单值可判） */
+    hasValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (v: string) => true;
+}, string, {
+    size: ControlSize;
+    disabled: boolean;
+    type: string;
+    onChange: (v: string) => void;
+    invalid: boolean;
+    bordered: boolean;
+    defaultValue: string;
+    placeholder: string;
+    autofocus: boolean;
+    modelValue: string;
+    status: InputStatus;
+    readonly: boolean;
+    clearable: boolean;
+    maxlength: number;
+    showCount: boolean;
+    onEnter: (v: string) => void;
+    as: "button" | "input";
+    controlClass: string;
+    controlAttrs: Record<string, unknown>;
+    hasValue: boolean;
+}, {}, string, SlotsType<{
+    default?: () => VNodeChild;
+    prefix?: () => VNodeChild;
+    suffix?: () => VNodeChild;
+}>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    Textarea: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        rows: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        autoSize: {
+            type: PropType<boolean | TextareaAutoSize>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<ControlSize>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: PropType<InputStatus>;
+            default: undefined;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        showCount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onChange: {
+            type: PropType<(v: string) => void>;
+            default: undefined;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (v: string) => true;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        rows: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        autoSize: {
+            type: PropType<boolean | TextareaAutoSize>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<ControlSize>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invalid: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        status: {
+            type: PropType<InputStatus>;
+            default: undefined;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        showCount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onChange: {
+            type: PropType<(v: string) => void>;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    }>, {
+        size: ControlSize;
+        disabled: boolean;
+        onChange: (v: string) => void;
+        invalid: boolean;
+        bordered: boolean;
+        defaultValue: string;
+        placeholder: string;
+        rows: number;
+        autofocus: boolean;
+        modelValue: string;
+        status: InputStatus;
+        readonly: boolean;
+        maxlength: number;
+        showCount: boolean;
+        autoSize: boolean | TextareaAutoSize;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Display: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        value: string;
+    }, SlotsType<{
+        default?: () => VNodeChild;
+    }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export type InputCompoundType = typeof InputCompound;