@polyv/vue-components 1.2.3 → 1.4.0

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

@@ -1,3 +1,4 @@
+import { ValidatorRule } from '../../../plugins/async-validator';
 import { VueProps } from '../../../vue-utils';
 import { ComputedRef, InjectionKey } from 'vue';
 import { FormValidateOptions } from '../types';
@@ -44,12 +45,35 @@ export declare const formItemProps: () => {
     required: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    /**
+     * 提示
+     */
+    tips: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 行内提示
+     * @default false
+     */
+    tipsInline: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 当前表单节点的验证规则
+     */
+    validateRules: import('vue-types').VueTypeDef<ValidatorRule>;
+    /**
+     * 当前表单节点的验证数据
+     */
+    validateData: import('vue-types').VueTypeValidableDef<any, import('vue-types/dist/types').ValidatorFunction<any>> & {
+        default: any;
+    };
 };
 /**
  * 表单节点对象
  */
 export interface FormItemInstance {
-    isFormItem: true;
+    formItemId: string;
+    /** 滚动到表单节点 */
+    scrollIntoView(): void;
     /** 表单节点是否验证异常 */
     formItemIsError: ComputedRef<boolean>;
     /** 设置异常提示 */
@@ -59,30 +83,14 @@ export interface FormItemInstance {
     /** 验证表单节点 */
     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;
-    }>;
+    itemWrapRef: import('vue').Ref<HTMLDivElement | undefined>;
     contentWidthStyle: ComputedRef<string | undefined>;
-    contentStyle: ComputedRef<{
-        width: string | undefined;
-    }>;
+    contentStyle: ComputedRef<Record<string, string>>;
     itemErrorMessage: import('vue').Ref<string | undefined>;
     formItemIsError: ComputedRef<boolean>;
     removeErrorMessage: () => void;

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

@@ -23,6 +23,9 @@ declare const _default: import('vue').DefineComponent<{
     square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    link: 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;
@@ -48,14 +51,18 @@ declare const _default: import('vue').DefineComponent<{
     square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    link: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 }>>, {
     square: boolean;
+    link: boolean;
     text: string;
     type: import('../../button').ButtonType;
+    block: boolean;
     size: import('../../button').ButtonSize;
     outline: boolean;
     disabled: boolean;
-    block: boolean;
     debounceSubmit: boolean;
 }>;
 export default _default;

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

@@ -32,6 +32,9 @@ export declare const formSubmitButtonProps: () => {
     square: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
+    link: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
 };
 export declare const useFormSubmitButton: (options: {
     props: VueProps<typeof formSubmitButtonProps>;

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

@@ -18,13 +18,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
     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;
-    };
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
     size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    business: import('vue-types').VueTypeValidableDef<import('..').FormBusiness, import('vue-types/dist/types').ValidatorFunction<import('..').FormBusiness>>;
 }, {
     validateCurrentForm: (validateOptions?: import('..').FormValidateOptions) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -40,18 +38,14 @@ declare const __VLS_component: import('vue').DefineComponent<{
     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;
-    };
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
     size: import('vue-types').VueTypeValidableDef<import('..').FormSize, import('vue-types/dist/types').ValidatorFunction<import('..').FormSize>>;
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    business: import('vue-types').VueTypeValidableDef<import('..').FormBusiness, import('vue-types/dist/types').ValidatorFunction<import('..').FormBusiness>>;
 }>>, {
     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;

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

@@ -2,7 +2,8 @@ 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';
+import { FormItemInstance } from '../form-item/use-form-item';
+import { FormBusiness, FormSize, FormValidateOptions } from '../types';
 export type FormSubmitAction = (formData: UniversalParams) => Promise<void>;
 export declare const formWrapProps: () => {
     /**
@@ -21,17 +22,14 @@ export declare const formWrapProps: () => {
     };
     /**
      * 表单标题宽度
-     * @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>>;
     /**
@@ -42,20 +40,23 @@ export declare const formWrapProps: () => {
      * 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;
-    };
+    labelModel: import('vue-types').VueTypeDef<"header" | "inline">;
     /**
      * 表单尺寸
      */
     size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<FormSize>>;
+    /**
+     * 是否禁用
+     */
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    /**
+     * 是否只读
+     */
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    /**
+     * 业务类型
+     */
+    business: import('vue-types').VueTypeValidableDef<FormBusiness, import('vue-types/dist/types').ValidatorFunction<FormBusiness>>;
 };
 export declare const formWrapEmits: () => {
     /**
@@ -68,12 +69,12 @@ export declare const formWrapEmits: () => {
 export type FormWrapProps = VueProps<typeof formWrapProps>;
 /** <form-wrap> 注入类型 */
 export interface FormWrapInjectData {
+    addFormItem: (formItem: FormItemInstance) => void;
+    removeFormItem: (formItemId: string) => void;
     /** 表单尺寸 */
     size: ComputedRef<FormSize | undefined>;
     /** 是否正在提交 */
     isSubmiting: Ref<boolean>;
-    /** debug */
-    debug: ComputedRef<boolean>;
     /** 验证当前表单 */
     validateCurrentForm(validateOptions?: FormValidateOptions): Promise<void>;
     /** 提交当前表单 */

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

@@ -0,0 +1,25 @@
+import { VueEmit, VueProps } from '../../../vue-utils';
+export declare const formClearableProps: () => {
+    /**
+     * 清空
+     * @default false
+     */
+    clearable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export declare const formClearableEmits: () => {
+    /**
+     * 清空
+     */
+    clear: import('../../../vue-utils').EmitFuncType<void>;
+};
+export declare const useFormClearable: (options: {
+    props: VueProps<typeof formClearableProps>;
+    emit: VueEmit<typeof formClearableEmits>;
+    /** 触发清空 */
+    triggerClear: () => void;
+}) => {
+    clearRef: import('vue').Ref<any>;
+    clearValue: () => void;
+};

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

@@ -0,0 +1,65 @@
+import { VueProps } from '../../../vue-utils';
+import { FormBusiness, FormSize } from '../types';
+import { ComputedRef, Ref } from 'vue';
+export declare const formEntranceProps: () => {
+    /**
+     * 尺寸
+     * @default FormSize.Default
+     */
+    size: import('vue-types').VueTypeValidableDef<FormSize, import('vue-types/dist/types').ValidatorFunction<FormSize>>;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readonly: import('vue-types').VueTypeValidableDef<boolean | undefined, import('vue-types/dist/types').ValidatorFunction<boolean | undefined>>;
+    /**
+     * 业务类型
+     * @default FormBusiness.Normal
+     */
+    business: import('vue-types').VueTypeValidableDef<FormBusiness, import('vue-types/dist/types').ValidatorFunction<FormBusiness>>;
+    /**
+     * 是否进行表单验证
+     * @default true
+     */
+    validateForm: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};
+export interface FormEntranceInject {
+    /** 是否聚焦 */
+    isFocusing: Ref<boolean>;
+    /** 尺寸 */
+    size: ComputedRef<FormSize>;
+    /** 是否禁用状态 */
+    disabled: ComputedRef<boolean>;
+    /** 是否只读状态 */
+    readonly: ComputedRef<boolean>;
+    /** 业务类型 */
+    business: ComputedRef<FormBusiness>;
+    /** 是否不可用状态 */
+    isUnavailable: ComputedRef<boolean>;
+    /** 是否进行表单验证 */
+    validateForm: ComputedRef<boolean>;
+    /** 验证当前的表单节点 */
+    validateCurrentFormItem: () => Promise<void>;
+    /** 在失焦时进行表单节点验证 */
+    blurToValidateItem: () => Promise<void>;
+    /** 在聚焦时移除表单节点异常提示 */
+    focusToRemoveError: () => void;
+}
+/**
+ * 表单组件入口 hook
+ * @param options - 选项
+ */
+export declare const useFormEntrance: (options: {
+    props: VueProps<typeof formEntranceProps>;
+}) => FormEntranceInject;
+/**
+ * 表单组件入口注入 hook
+ */
+export declare const useFormEntranceInject: () => FormEntranceInject;

package/vue3/src/components/form/image-upload/hooks/props-define.d.ts

@@ -0,0 +1,83 @@
+import { ImageUploadController } from './use-upload-controller';
+export declare const imageUploadProps: () => {
+    /**
+     * 绑定值，支持 v-model
+     */
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    /**
+     * 附带数据
+     */
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    /**
+     * 文件类型
+     */
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    /**
+     * 是否支持多选文件
+     * @default false
+     */
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 是否支持拖拽，仅多选时生效
+     * @default true
+     */
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    /**
+     * 文件大小限制，单位：kb
+     */
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 数量限制
+     */
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    /**
+     * 控制器
+     */
+    controller: import('vue-types').VueTypeValidableDef<ImageUploadController, import('vue-types/dist/types').ValidatorFunction<ImageUploadController>>;
+    /**
+     * 宽度
+     * @default 80
+     */
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 高度
+     * @default 80
+     */
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    /**
+     * 上传标题
+     * @default '点击上传图片'
+     */
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 上传描述
+     */
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    /**
+     * 使用默认的上传描述
+     * @default false
+     */
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+};

package/vue3/src/components/form/image-upload/hooks/types.d.ts

@@ -0,0 +1,44 @@
+export declare enum ImageUploadStatus {
+    /**
+     * 待上传
+     */
+    Pending = "pending",
+    /**
+     * 上传中
+     */
+    Uploading = "uploading",
+    /**
+     * 上传成功
+     */
+    Success = "success",
+    /**
+     * 上传失败
+     */
+    Failed = "failed"
+}
+export interface ImageUploadItem {
+    /**
+     * 唯一标识
+     */
+    id: string;
+    /**
+     * 文件对象
+     */
+    file?: File;
+    /**
+     * 在线地址
+     */
+    url?: string;
+    /**
+     * 绑定数据
+     */
+    data?: Record<string, unknown>;
+    /**
+     * 状态
+     */
+    status: ImageUploadStatus;
+    /**
+     * 上传进度，范围：0～100
+     */
+    uploadProgress?: number;
+}

package/vue3/src/components/form/image-upload/hooks/use-file-input.d.ts

@@ -0,0 +1,7 @@
+export declare const useFileInput: (options?: {
+    choiceCallback?: (files: File[]) => unknown;
+}) => {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    resetInput: () => void;
+    triggerInputClick: () => void;
+};

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

@@ -0,0 +1,66 @@
+import { UseTaskQueueReturn } from '../../../../hooks/tools/use-task-queue';
+import { VueProps } from '../../../../vue-utils';
+import { InjectionKey } from 'vue';
+import { imageUploadProps } from './props-define';
+import { ImageUploadStatus, ImageUploadItem } from './types';
+import { ImageUploadController } from './use-upload-controller';
+interface ImageUploadInjectData {
+    /**
+     * 更新绑定值
+     */
+    updateValue: () => void;
+    /**
+     * 获取上传控制器
+     */
+    getController: () => ImageUploadController;
+    /**
+     * 上传任务队列
+     */
+    uploadTaskQueue: UseTaskQueueReturn;
+    /**
+     * 检查文件是否符合要求
+     * @param file 文件对象
+     * @returns 是否符合要求
+     */
+    checkFile: (file: File) => Promise<{
+        success: boolean;
+    }>;
+    /**
+     * 更新 item
+     */
+    updateItem: (item: ImageUploadItem) => void;
+    /**
+     * 删除 item
+     */
+    deleteItem: (id: string) => void;
+}
+export declare const IMAGE_UPLOAD_INJECT_KEY: InjectionKey<ImageUploadInjectData>;
+export declare const useImageUpload: (options: {
+    props: VueProps<typeof imageUploadProps>;
+}) => {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined>;
+    itemList: import('vue').Ref<{
+        id: string;
+        file?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        } | undefined;
+        url?: string | undefined;
+        data?: Record<string, unknown> | undefined;
+        status: ImageUploadStatus;
+        uploadProgress?: number | undefined;
+    }[]>;
+    realCountLimit: import('vue').ComputedRef<number>;
+    uploadPlaceholderText: import('vue').ComputedRef<string | undefined>;
+    triggerUpload: () => void;
+    updateValue: () => void;
+};
+export {};

package/vue3/src/components/form/image-upload/hooks/use-upload-controller.d.ts

@@ -0,0 +1,41 @@
+import { VueProps } from '../../../../vue-utils';
+import { imageUploadProps } from './props-define';
+export interface ImageUploadController {
+    /**
+     * 执行上传
+     */
+    uploadAction?: (data: ImageUploadActionData) => Promise<ImageUploadActionResult>;
+}
+export interface ImageUploadActionData {
+    /**
+     * 文件
+     */
+    file: File;
+    /**
+     * 附带数据
+     */
+    data?: Record<string, unknown>;
+    /**
+     * 更新上传进度
+     */
+    updateUploadProgress: (progress: number) => void;
+}
+export interface ImageUploadActionResult {
+    /**
+     * 上传后的在线地址
+     */
+    url: string;
+}
+declare module '../../../../hooks/business/use-config-provider' {
+    interface ConfigProviderInjectData {
+        /**
+         * 图片上传控制器
+         */
+        imageUploadController?: ImageUploadController;
+    }
+}
+export declare const useUploadController: (options: {
+    props: VueProps<typeof imageUploadProps>;
+}) => {
+    getController: () => ImageUploadController;
+};

package/vue3/src/components/form/image-upload/image-upload.vue.d.ts

@@ -0,0 +1,87 @@
+declare const _default: import('vue').DefineComponent<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<import('.').ImageUploadController, import('vue-types/dist/types').ValidatorFunction<import('.').ImageUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}, {
+    triggerUpload: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<{
+    "v-model-key": import('vue-types').VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+    data: import('vue-types').VueTypeValidableDef<{
+        [key: string]: any;
+    }, import('vue-types/dist/types').ValidatorFunction<{
+        [key: string]: any;
+    }>> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    acceptType: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>> & {
+        default: string;
+    };
+    multiple: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    draggable: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+    sizeLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    countLimit: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>>;
+    controller: import('vue-types').VueTypeValidableDef<import('.').ImageUploadController, import('vue-types/dist/types').ValidatorFunction<import('.').ImageUploadController>>;
+    width: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    height: import('vue-types').VueTypeValidableDef<number, import('vue-types/dist/types').ValidatorFunction<number>> & {
+        default: number;
+    };
+    uploadTitle: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    uploadPlaceholder: import('vue-types').VueTypeValidableDef<string, import('vue-types/dist/types').ValidatorFunction<string>>;
+    defaultUploadPlaceholder: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+        default: boolean;
+    };
+}>>, {
+    data: {
+        [key: string]: any;
+    };
+    "v-model-key": string | string[];
+    width: number;
+    height: number;
+    draggable: boolean;
+    multiple: boolean;
+    acceptType: string;
+    defaultUploadPlaceholder: boolean;
+}>;
+export default _default;

package/vue3/src/components/form/image-upload/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PwcImageUpload } from './image-upload.vue';
+export * from './hooks/props-define';
+export { type ImageUploadController } from './hooks/use-upload-controller';