@polyv/vue-components 1.1.2 → 1.2.0

package/vue3/src/components/form/form-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PwcFormItem } from './form-item.vue';
+export * from './use-form-item';

package/vue3/src/components/form/form-item/use-form-item.d.ts

@@ -0,0 +1,91 @@
+import { VueProps } from '../../../vue-utils';
+import { ComputedRef, InjectionKey } from 'vue';
+import { FormValidateOptions } from '../types';
+export declare const formItemProps: () => {
+    /**
+     * 表单字段
+     */
+    formField: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 节点标签
+     */
+    label: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 表单标题宽度
+     */
+    labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 表单标题高度
+     */
+    labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 表单输入框内容宽度
+     */
+    contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 是否显示异常信息
+     * @default true
+     */
+    showErrorMessage: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 节点异常信息
+     */
+    errorMessage: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * label 模式
+     */
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
+    /**
+     * 是否显示必填星号
+     * @default false
+     */
+    required: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+/**
+ * 表单节点对象
+ */
+export interface FormItemInstance {
+    isFormItem: true;
+    /** 表单节点是否验证异常 */
+    formItemIsError: ComputedRef<boolean>;
+    /** 设置异常提示 */
+    setErrorMessage(message: string | undefined): void;
+    /** 移除异常提示 */
+    removeErrorMessage(): void;
+    /** 验证表单节点 */
+    validateFormItem(validateOptions?: FormValidateOptions): Promise<void>;
+}
+/**
+ * 判断 vue 实例是否为 <form-item>
+ * @param instance 实例
+ */
+export declare const isFormItemInstance: (instance: unknown) => instance is FormItemInstance;
+export declare const FORM_ITEM_PROVIDE_KEY: InjectionKey<FormItemInstance>;
+export declare const useFormItemInject: () => FormItemInstance | undefined;
+export declare const useFormItem: (options: {
+    props: VueProps<typeof formItemProps>;
+}) => {
+    required: ComputedRef<boolean>;
+    labelText: ComputedRef<string | undefined>;
+    labelModel: ComputedRef<"header" | "inline">;
+    labelStyle: ComputedRef<{
+        width?: undefined;
+        height?: undefined;
+    } | {
+        width: string | undefined;
+        height: string | undefined;
+    }>;
+    contentWidthStyle: ComputedRef<string | undefined>;
+    contentStyle: ComputedRef<{
+        width: string | undefined;
+    }>;
+    itemErrorMessage: import('vue').Ref<string | undefined>;
+    formItemIsError: ComputedRef<boolean>;
+    removeErrorMessage: () => void;
+    validateFormItem: (validateOptions?: FormValidateOptions) => Promise<void>;
+    formItemInstance: FormItemInstance;
+};

package/vue3/src/components/form/form-submit-button/form-submit-button.vue.d.ts

@@ -0,0 +1,61 @@
+declare const _default: import('vue').DefineComponent<{
+    text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    debounceSubmit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('../../button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonSize>> & {
+        default: import('../../button').ButtonSize;
+    };
+    outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    block: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    debounceSubmit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('../../button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonSize>> & {
+        default: import('../../button').ButtonSize;
+    };
+    outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    block: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    square: boolean;
+    text: string;
+    type: import('../../button').ButtonType;
+    size: import('../../button').ButtonSize;
+    outline: boolean;
+    disabled: boolean;
+    block: boolean;
+    debounceSubmit: boolean;
+}>;
+export default _default;

package/vue3/src/components/form/form-submit-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PwcFormSubmitButton } from './form-submit-button.vue';
+export * from './use-form-submit-button';

package/vue3/src/components/form/form-submit-button/use-form-submit-button.d.ts

@@ -0,0 +1,42 @@
+import { VueProps } from '../../../vue-utils';
+export declare const formSubmitButtonProps: () => {
+    /**
+     * 按钮文本
+     * @default '提交'
+     */
+    text: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 防抖提交
+     * @default false
+     */
+    debounceSubmit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: import('vue-types').VueTypeValidableDef<import('../../button').ButtonType, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonType>> & {
+        default: import('../../button').ButtonType;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('../../button').ButtonSize, import('vue-types/dist/types').ValidatorFunction<import('../../button').ButtonSize>> & {
+        default: import('../../button').ButtonSize;
+    };
+    outline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    block: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const useFormSubmitButton: (options: {
+    props: VueProps<typeof formSubmitButtonProps>;
+}) => {
+    buttonIsDisabled: import('vue').ComputedRef<boolean>;
+    checkDisabled: () => Promise<void>;
+    onButtonClick: () => void;
+};

package/vue3/src/components/form/form-wrap/form-wrap.vue.d.ts

@@ -0,0 +1,62 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    formData: import('vue-types').VueTypeValidableDef<import('../../..').UniversalParams, import('vue-types/dist/types').ValidatorFunction<import('../../..').UniversalParams>> & {
+        default: () => import('../../..').UniversalParams;
+    };
+    formRules: import('vue-types').VueTypeValidableDef<import('async-validator').Rules, import('vue-types/dist/types').ValidatorFunction<import('async-validator').Rules>> & {
+        default: () => import('async-validator').Rules;
+    };
+    labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    submitAction: import('vue-types').VueTypeValidableDef<import('./use-form-wrap').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('./use-form-wrap').FormSubmitAction>>;
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
+        default: "header" | "inline";
+    };
+    debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+}, {
+    validateCurrentForm: (validateOptions?: import('..').FormValidateOptions) => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "submit-form": (arg: import('../../..').UniversalParams) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    formData: import('vue-types').VueTypeValidableDef<import('../../..').UniversalParams, import('vue-types/dist/types').ValidatorFunction<import('../../..').UniversalParams>> & {
+        default: () => import('../../..').UniversalParams;
+    };
+    formRules: import('vue-types').VueTypeValidableDef<import('async-validator').Rules, import('vue-types/dist/types').ValidatorFunction<import('async-validator').Rules>> & {
+        default: () => import('async-validator').Rules;
+    };
+    labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    submitAction: import('vue-types').VueTypeValidableDef<import('./use-form-wrap').FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<import('./use-form-wrap').FormSubmitAction>>;
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
+        default: "header" | "inline";
+    };
+    debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+}>>, {
+    formData: import('../../..').UniversalParams;
+    formRules: import('async-validator').Rules;
+    labelModel: "header" | "inline";
+    debug: boolean;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};

package/vue3/src/components/form/form-wrap/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PwcFormWrap } from './form-wrap.vue';
+export * from './use-form-wrap';

package/vue3/src/components/form/form-wrap/use-form-wrap.d.ts

@@ -0,0 +1,93 @@
+import { UniversalParams } from '../../../interface';
+import { ValidatorRules } from '../../../plugins/async-validator';
+import { VueEmit, VueProps } from '../../../vue-utils';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { FormSize, FormValidateOptions } from '../types';
+export type FormSubmitAction = (formData: UniversalParams) => Promise<void>;
+export declare const formWrapProps: () => {
+    /**
+     * 绑定的表单对象
+     * @default {}
+     */
+    formData: import('vue-types').VueTypeValidableDef<UniversalParams, import('vue-types/dist/types').ValidatorFunction<UniversalParams>> & {
+        default: () => UniversalParams;
+    };
+    /**
+     * 验证规则
+     * @default {}
+     */
+    formRules: import('vue-types').VueTypeValidableDef<ValidatorRules, import('vue-types/dist/types').ValidatorFunction<ValidatorRules>> & {
+        default: () => ValidatorRules;
+    };
+    /**
+     * 表单标题宽度
+     * @default 0
+     */
+    labelWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 表单标题高度
+     * @default 0
+     */
+    labelHeight: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 表单输入框内容宽度
+     * @default 0
+     */
+    contentWidth: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 表单提交方法
+     */
+    submitAction: import('vue-types').VueTypeValidableDef<FormSubmitAction, import('vue-types/dist/types').ValidatorFunction<FormSubmitAction>>;
+    /**
+     * label 模式
+     * @default header
+     */
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline"> & {
+        default: "header" | "inline";
+    };
+    /**
+     * 是否开启 debug 打印
+     * @default false
+     */
+    debug: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 表单尺寸
+     */
+    size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<FormSize>>;
+};
+export declare const formWrapEmits: () => {
+    /**
+     * 表单提交事件
+     * @cbName 表单数据
+     * @cbType UniversalParams
+     */
+    'submit-form': import('../../../vue-utils').EmitFuncType<UniversalParams>;
+};
+export type FormWrapProps = VueProps<typeof formWrapProps>;
+/** <form-wrap> 注入类型 */
+export interface FormWrapInjectData {
+    /** 表单尺寸 */
+    size: ComputedRef<FormSize | undefined>;
+    /** 是否正在提交 */
+    isSubmiting: Ref<boolean>;
+    /** debug */
+    debug: ComputedRef<boolean>;
+    /** 验证当前表单 */
+    validateCurrentForm(validateOptions?: FormValidateOptions): Promise<void>;
+    /** 提交当前表单 */
+    submitForm(validateOptions?: FormValidateOptions): Promise<void>;
+}
+export declare const FORM_WRAP_PROPS_PROVIDE_KEY: InjectionKey<FormWrapProps>;
+export declare const useFormWrapPropsInject: () => FormWrapProps | undefined;
+export declare const FORM_WRAP_PROVIDE_KEY: InjectionKey<FormWrapInjectData>;
+export declare const useFormWrapInject: () => FormWrapInjectData | undefined;
+export declare const useFormWrap: (options: {
+    props: VueProps<typeof formWrapProps>;
+    emit: VueEmit<typeof formWrapEmits>;
+}) => {
+    isSubmiting: Ref<boolean>;
+    validateCurrentForm: (validateOptions?: FormValidateOptions) => Promise<void>;
+    submitForm: (validateOptions: FormValidateOptions) => Promise<void>;
+};

package/vue3/src/components/form/hooks/use-form-common.d.ts

@@ -0,0 +1,36 @@
+import { VueProps } from '../../../vue-utils';
+import { FormSize } from '../types';
+export declare const formCommonProps: () => {
+    /**
+     * 尺寸
+     * @default FormSize.Default
+     */
+    size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<FormSize>>;
+    /**
+     * 是否进行表单验证
+     * @default true
+     */
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const useFormCommon: (options: {
+    props: VueProps<typeof formCommonProps>;
+    classPrefix: string;
+}) => {
+    commonClassNames: import('vue').ComputedRef<string[]>;
+};
+export declare const useFormSize: (options: {
+    props: VueProps<typeof formCommonProps>;
+}) => {
+    size: import('vue').ComputedRef<FormSize | undefined>;
+};
+/** 表单组件下的验证状态 hook */
+export declare const useFormCommonValidate: (options: {
+    props: VueProps<typeof formCommonProps>;
+}) => {
+    validateCurrentFormItem: () => Promise<void>;
+    blurToValidateItem: () => Promise<void>;
+    focusToRemoveError: () => void;
+    formItemIsError: import('vue').ComputedRef<boolean>;
+};

package/vue3/src/components/form/index.d.ts

@@ -0,0 +1,9 @@
+export * from './area-picker';
+export * from './checkbox';
+export * from './form-item';
+export * from './form-submit-button';
+export * from './form-wrap';
+export * from './input';
+export * from './protocol';
+export * from './radio';
+export * from './types';

package/vue3/src/components/form/input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PwcInput } from './input.vue';
+export * from './use-input';

package/vue3/src/components/form/input/input.vue.d.ts

@@ -0,0 +1,114 @@
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    "v-model-key": import('vue-types').VueTypeDef<import('./use-input').InputValueType> & {
+        default: import('./use-input').InputValueType;
+    };
+    readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placeholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    maxlength: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    prefixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    clearabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    useTextarea: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    rows: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {
+    forceUpdate(): void;
+    focusInput(): void;
+    blurInput(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (arg: import('./use-input').InputValueType) => void;
+    blur: (arg: import('./use-input').InputValueType) => void;
+    enter: (arg: import('./use-input').InputValueType) => void;
+}, string, Readonly<import('vue').ExtractPropTypes<{
+    "v-model-key": import('vue-types').VueTypeDef<import('./use-input').InputValueType> & {
+        default: import('./use-input').InputValueType;
+    };
+    readonly: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    disabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    type: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    placeholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    maxlength: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    showWordLimit: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    prefixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    suffixText: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    clearabled: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    useTextarea: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    rows: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    "v-model-key": import('./use-input').InputValueType;
+    type: string;
+    placeholder: string;
+    disabled: boolean;
+    validateForm: boolean;
+    readonly: boolean;
+    maxlength: number;
+    showWordLimit: boolean;
+    prefixText: string;
+    suffixText: string;
+    clearabled: boolean;
+    useTextarea: boolean;
+    rows: number;
+}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};