vft 0.0.149 → 0.0.151

package/lib/components/upload/upload-content.vue.d.ts

@@ -1,181 +1,37 @@
-import type { UploadFile, UploadRawFile } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    data: {
-        type: globalThis.PropType<Record<string, any>>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    drag: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    onError: {
-        type: globalThis.PropType<(err: import("./ajax").UploadAjaxError, rawFile: UploadRawFile) => void>;
-    };
-    onProgress: {
-        type: globalThis.PropType<(evt: import("./types").UploadProgressEvent, rawFile: UploadRawFile) => void>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    multiple: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    method: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    headers: {
-        type: globalThis.PropType<Record<string, any> | Headers>;
-    };
-    action: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    withCredentials: {
-        type: globalThis.PropType<boolean>;
-    };
-    showFileList: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    fileList: {
-        type: globalThis.PropType<import("./types").UploadUserFile[]>;
-        default: never[];
-    };
-    autoUpload: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    listType: {
-        type: globalThis.PropType<import("./types").ListType>;
-        default: string;
-    };
-    httpRequest: {
-        type: globalThis.PropType<import("./types").UploadRequestHandler>;
-        default: import("./types").UploadRequestHandler;
-    };
-    limit: {
-        type: globalThis.PropType<number>;
-    };
-    beforeUpload: {
-        type: globalThis.PropType<(rawFile: UploadRawFile) => import("../types").Awaitable<boolean | void | Blob | File | null | undefined>>;
-    };
-    onRemove: {
-        type: globalThis.PropType<(file: UploadFile | UploadRawFile, rawFile?: UploadRawFile | undefined) => void>;
-    };
-    onStart: {
-        type: globalThis.PropType<(rawFile: UploadRawFile) => void>;
-    };
-    onSuccess: {
-        type: globalThis.PropType<(response: any, rawFile: UploadRawFile) => unknown>;
-    };
-    onExceed: {
-        type: globalThis.PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
-    };
-}, {
+import type { UploadContentProps, UploadFile, UploadRawFile } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UploadContentProps>, {
+    action: string;
+    method: string;
+    multiple: boolean;
+    name: string;
+    drag: boolean;
+    showFileList: boolean;
+    accept: string;
+    type: string;
+    autoUpload: boolean;
+    listType: string;
+    httpRequest: import("./types").UploadRequestHandler;
+    fileList: never[];
+}>, {
     abort: (file?: UploadFile | undefined) => void;
     upload: (rawFile: UploadRawFile) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    data: {
-        type: globalThis.PropType<Record<string, any>>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    drag: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    onError: {
-        type: globalThis.PropType<(err: import("./ajax").UploadAjaxError, rawFile: UploadRawFile) => void>;
-    };
-    onProgress: {
-        type: globalThis.PropType<(evt: import("./types").UploadProgressEvent, rawFile: UploadRawFile) => void>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    multiple: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    method: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    headers: {
-        type: globalThis.PropType<Record<string, any> | Headers>;
-    };
-    action: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    withCredentials: {
-        type: globalThis.PropType<boolean>;
-    };
-    showFileList: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    fileList: {
-        type: globalThis.PropType<import("./types").UploadUserFile[]>;
-        default: never[];
-    };
-    autoUpload: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    listType: {
-        type: globalThis.PropType<import("./types").ListType>;
-        default: string;
-    };
-    httpRequest: {
-        type: globalThis.PropType<import("./types").UploadRequestHandler>;
-        default: import("./types").UploadRequestHandler;
-    };
-    limit: {
-        type: globalThis.PropType<number>;
-    };
-    beforeUpload: {
-        type: globalThis.PropType<(rawFile: UploadRawFile) => import("../types").Awaitable<boolean | void | Blob | File | null | undefined>>;
-    };
-    onRemove: {
-        type: globalThis.PropType<(file: UploadFile | UploadRawFile, rawFile?: UploadRawFile | undefined) => void>;
-    };
-    onStart: {
-        type: globalThis.PropType<(rawFile: UploadRawFile) => void>;
-    };
-    onSuccess: {
-        type: globalThis.PropType<(response: any, rawFile: UploadRawFile) => unknown>;
-    };
-    onExceed: {
-        type: globalThis.PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
-    };
-}>>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UploadContentProps>, {
+    action: string;
+    method: string;
+    multiple: boolean;
     name: string;
+    drag: boolean;
+    showFileList: boolean;
+    accept: string;
     type: string;
+    autoUpload: boolean;
+    listType: string;
+    httpRequest: import("./types").UploadRequestHandler;
+    fileList: never[];
+}>>>, {
     drag: boolean;
+    name: string;
+    type: string;
     multiple: boolean;
     method: string;
     action: string;
@@ -189,6 +45,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/upload/upload-dragger.vue.d.ts

@@ -1,16 +1,9 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { UploadDraggerProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<UploadDraggerProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     file: (args_0: {
         file: File[];
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<UploadDraggerProps>>> & {
     onFile?: ((args_0: {
         file: File[];
     }) => any) | undefined;
@@ -18,6 +11,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/upload/upload-dragger.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");require("@vueuse/core");require("@vft/utils");const D=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const b=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("./constants.cjs"),M=require("../form/hooks/use-form-common-props.cjs"),$=["onDrop","onDragover"],p="VftUploadDrag",h=e.defineComponent({name:p}),w=e.defineComponent({...h,props:{disabled:{type:Boolean}},emits:["file"],setup(x,{emit:i}){const a=e.inject(C.uploadContextKey);a||D.throwError(p,"usage: <vft-upload><vft-upload-dragger /></vft-upload>");const l=b.useNamespace("upload"),t=e.ref(!1),u=M.useFormDisabled(),c=n=>{if(u.value)return;t.value=!1,n.stopPropagation();const o=Array.from(n.dataTransfer.files),s=a.accept.value;if(!s){i("file",o);return}const m=o.filter(g=>{const{type:f,name:d}=g,q=d.includes(".")?`.${d.split(".").pop()}`:"",_=f.replace(/\/.*$/,"");return s.split(",").map(r=>r.trim()).filter(r=>r).some(r=>r.startsWith(".")?q===r:/\/\*$/.test(r)?_===r.replace(/\/\*$/,""):/^[^/]+\/[^/]+$/.test(r)?f===r:!1)});i("file",m)},v=()=>{u.value||(t.value=!0)};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b("dragger"),e.unref(l).is("dragover",t.value)]),onDrop:e.withModifiers(c,["prevent"]),onDragover:e.withModifiers(v,["prevent"]),onDragleave:o[0]||(o[0]=e.withModifiers(s=>t.value=!1,["prevent"]))},[e.renderSlot(n.$slots,"default")],42,$))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");require("@vueuse/core");require("@vft/utils");const C=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const D=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./constants.cjs"),$=require("../form/hooks/use-form-common-props.cjs"),p="VftUploadDrag",h=e.defineComponent({name:p}),w=e.defineComponent({...h,props:{disabled:{type:Boolean}},emits:["file"],setup(x,{emit:c}){const i=c,a=e.inject(M.uploadContextKey);a||C.throwError(p,"usage: <vft-upload><vft-upload-dragger /></vft-upload>");const l=D.useNamespace("upload"),o=e.ref(!1),u=$.useFormDisabled(),v=s=>{if(u.value)return;o.value=!1,s.stopPropagation();const t=Array.from(s.dataTransfer.files),n=a.accept.value;if(!n){i("file",t);return}const g=t.filter(q=>{const{type:f,name:d}=q,_=d.includes(".")?`.${d.split(".").pop()}`:"",b=f.replace(/\/.*$/,"");return n.split(",").map(r=>r.trim()).filter(r=>r).some(r=>r.startsWith(".")?_===r:/\/\*$/.test(r)?b===r.replace(/\/\*$/,""):/^[^/]+\/[^/]+$/.test(r)?f===r:!1)});i("file",g)},m=()=>{u.value||(o.value=!0)};return(s,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b("dragger"),e.unref(l).is("dragover",o.value)]),onDrop:e.withModifiers(v,["prevent"]),onDragover:e.withModifiers(m,["prevent"]),onDragleave:t[0]||(t[0]=e.withModifiers(n=>o.value=!1,["prevent"]))},[e.renderSlot(s.$slots,"default")],34))}});exports.default=w;

package/lib/components/upload/upload-list.vue.d.ts

@@ -5,45 +5,21 @@ export interface UploadListProps {
     handlePreview?: UploadHooks['onPreview'];
     listType?: ListType;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    listType: {
-        type: globalThis.PropType<ListType>;
-        default: string;
-    };
-    files: {
-        type: globalThis.PropType<UploadFiles>;
-        default: never[];
-    };
-    handlePreview: {
-        type: globalThis.PropType<(uploadFile: UploadFile) => void>;
-        default: () => void;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UploadListProps>, {
+    files: never[];
+    disabled: boolean;
+    handlePreview: () => void;
+    listType: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (args_0: {
         file: UploadFile;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabled: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    listType: {
-        type: globalThis.PropType<ListType>;
-        default: string;
-    };
-    files: {
-        type: globalThis.PropType<UploadFiles>;
-        default: never[];
-    };
-    handlePreview: {
-        type: globalThis.PropType<(uploadFile: UploadFile) => void>;
-        default: () => void;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UploadListProps>, {
+    files: never[];
+    disabled: boolean;
+    handlePreview: () => void;
+    listType: string;
+}>>> & {
     onRemove?: ((args_0: {
         file: UploadFile;
     }) => any) | undefined;
@@ -59,6 +35,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     append?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/upload/upload-list.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const a=require("../icon/index.cjs"),f=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=require("../form/hooks/use-form-common-props.cjs"),C=["onKeydown"],y=["src"],B=["onClick"],v=["onClick"],b=["onClick"],V=e.defineComponent({name:"VftUploadList"}),z=e.defineComponent({...V,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(N,{emit:d}){const t=m.useNamespace("upload"),l=m.useNamespace("icon"),p=m.useNamespace("list"),c=k.useFormDisabled(),i=e.ref(!1),u=n=>{d("remove",n)};return(n,r)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(t).b("list"),e.unref(t).bm("list",n.listType),e.unref(t).is("disabled",e.unref(c))]),name:e.unref(p).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,s=>(e.openBlock(),e.createElementBlock("li",{key:s.uid||s.name,class:e.normalizeClass([e.unref(t).be("list","item"),e.unref(t).is(s.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(o=>!e.unref(c)&&u(s),["delete"]),onFocus:r[0]||(r[0]=o=>i.value=!0),onBlur:r[1]||(r[1]=o=>i.value=!1),onClick:r[2]||(r[2]=o=>i.value=!1)},[e.renderSlot(n.$slots,"default",{file:s},()=>[n.listType==="picture"||s.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).be("list","item-thumbnail")),src:s.url,alt:""},null,10,y)):e.createCommentVNode("",!0),s.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(t).be("list","item-name")),onClick:e.withModifiers(o=>n.handlePreview(s),["prevent"])},[e.createVNode(e.unref(a.VftIcon),{class:e.normalizeClass(e.unref(l).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).be("list","item-file-name"))},e.toDisplayString(s.name),3)],10,B),s.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(f.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(s.percentage),style:e.normalizeStyle(n.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(e.unref(t).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(l).m("close")),onClick:o=>u(s)},null,8,["class","onClick"])),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(l).m("close-tip"))},"按 delete 键可删除",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(t).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).be("list","item-preview")),onClick:o=>n.handlePreview(s)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(l).m("zoom-in"))},null,8,["class"])],10,v),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).be("list","item-delete")),onClick:o=>u(s)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(l).m("delete"))},null,8,["class"])],10,b))],2)):e.createCommentVNode("",!0)])],42,C))),128)),e.renderSlot(n.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const a=require("../icon/index.cjs"),k=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const C=require("../form/hooks/use-form-common-props.cjs"),y=["onKeydown"],B=["src"],v=["onClick"],b=["onClick"],V=["onClick"],z=e.defineComponent({name:"VftUploadList"}),N=e.defineComponent({...z,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(g,{emit:d}){const p=d,t=m.useNamespace("upload"),l=m.useNamespace("icon"),f=m.useNamespace("list"),c=C.useFormDisabled(),i=e.ref(!1),u=n=>{p("remove",n)};return(n,r)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(t).b("list"),e.unref(t).bm("list",n.listType),e.unref(t).is("disabled",e.unref(c))]),name:e.unref(f).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,s=>(e.openBlock(),e.createElementBlock("li",{key:s.uid||s.name,class:e.normalizeClass([e.unref(t).be("list","item"),e.unref(t).is(s.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(o=>!e.unref(c)&&u(s),["delete"]),onFocus:r[0]||(r[0]=o=>i.value=!0),onBlur:r[1]||(r[1]=o=>i.value=!1),onClick:r[2]||(r[2]=o=>i.value=!1)},[e.renderSlot(n.$slots,"default",{file:s},()=>[n.listType==="picture"||s.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).be("list","item-thumbnail")),src:s.url,alt:""},null,10,B)):e.createCommentVNode("",!0),s.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(t).be("list","item-name")),onClick:e.withModifiers(o=>n.handlePreview(s),["prevent"])},[e.createVNode(e.unref(a.VftIcon),{class:e.normalizeClass(e.unref(l).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).be("list","item-file-name"))},e.toDisplayString(s.name),3)],10,v),s.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(k.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(s.percentage),style:e.normalizeStyle(n.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(e.unref(t).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(l).m("upload-success"),e.unref(l).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(l).m("close")),onClick:o=>u(s)},null,8,["class","onClick"])),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(l).m("close-tip"))},"按 delete 键可删除",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(t).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).be("list","item-preview")),onClick:o=>n.handlePreview(s)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(l).m("zoom-in"))},null,8,["class"])],10,b),e.unref(c)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).be("list","item-delete")),onClick:o=>u(s)},[e.createVNode(e.unref(a.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(l).m("delete"))},null,8,["class"])],10,V))],2)):e.createCommentVNode("",!0)])],42,y))),128)),e.renderSlot(n.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=N;

package/lib/components/upload/upload.vue.d.ts

@@ -1,95 +1,18 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    data: {
-        type: globalThis.PropType<Record<string, any>>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    drag: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    onChange: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onError: {
-        type: globalThis.PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onProgress: {
-        type: globalThis.PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    multiple: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    method: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    headers: {
-        type: globalThis.PropType<Record<string, any> | Headers>;
-    };
-    action: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    withCredentials: {
-        type: globalThis.PropType<boolean>;
-    };
-    showFileList: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    fileList: {
-        type: globalThis.PropType<import("./types").UploadUserFile[]>;
-        default: never[];
-    };
-    autoUpload: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    listType: {
-        type: globalThis.PropType<import("./types").ListType>;
-        default: string;
-    };
-    httpRequest: {
-        type: globalThis.PropType<import("./types").UploadRequestHandler>;
-        default: import("./types").UploadRequestHandler;
-    };
-    limit: {
-        type: globalThis.PropType<number>;
-    };
-    beforeUpload: {
-        type: globalThis.PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<boolean | void | Blob | File | null | undefined>>;
-    };
-    onRemove: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onSuccess: {
-        type: globalThis.PropType<(response: any, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onExceed: {
-        type: globalThis.PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
-    };
-    beforeRemove: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => import("../types").Awaitable<boolean>>;
-    };
-    onPreview: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile) => void>;
-    };
-}, {
+import type { UploadProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UploadProps>, {
+    action: string;
+    method: string;
+    multiple: boolean;
+    name: string;
+    drag: boolean;
+    showFileList: boolean;
+    accept: string;
+    type: string;
+    autoUpload: boolean;
+    listType: string;
+    httpRequest: import("./types").UploadRequestHandler;
+    fileList: never[];
+}>, {
     /** @description cancel upload request */
     abort: (file: import("./types").UploadFile) => void;
     /** @description upload the file list manually */
@@ -100,101 +23,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     handleStart: (rawFile: import("./types").UploadRawFile) => void;
     /** @description remove the file manually */
     handleRemove: (file: import("./types").UploadFile | import("./types").UploadRawFile, rawFile?: import("./types").UploadRawFile | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    data: {
-        type: globalThis.PropType<Record<string, any>>;
-    };
-    name: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    type: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    drag: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    onChange: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onError: {
-        type: globalThis.PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onProgress: {
-        type: globalThis.PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    multiple: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    method: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    headers: {
-        type: globalThis.PropType<Record<string, any> | Headers>;
-    };
-    action: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
-    withCredentials: {
-        type: globalThis.PropType<boolean>;
-    };
-    showFileList: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    fileList: {
-        type: globalThis.PropType<import("./types").UploadUserFile[]>;
-        default: never[];
-    };
-    autoUpload: {
-        type: globalThis.PropType<boolean>;
-        default: boolean;
-    };
-    listType: {
-        type: globalThis.PropType<import("./types").ListType>;
-        default: string;
-    };
-    httpRequest: {
-        type: globalThis.PropType<import("./types").UploadRequestHandler>;
-        default: import("./types").UploadRequestHandler;
-    };
-    limit: {
-        type: globalThis.PropType<number>;
-    };
-    beforeUpload: {
-        type: globalThis.PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<boolean | void | Blob | File | null | undefined>>;
-    };
-    onRemove: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onSuccess: {
-        type: globalThis.PropType<(response: any, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
-    onExceed: {
-        type: globalThis.PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
-    };
-    beforeRemove: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => import("../types").Awaitable<boolean>>;
-    };
-    onPreview: {
-        type: globalThis.PropType<(uploadFile: import("./types").UploadFile) => void>;
-    };
-}>>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<UploadProps>, {
+    action: string;
+    method: string;
+    multiple: boolean;
     name: string;
+    drag: boolean;
+    showFileList: boolean;
+    accept: string;
     type: string;
+    autoUpload: boolean;
+    listType: string;
+    httpRequest: import("./types").UploadRequestHandler;
+    fileList: never[];
+}>>>, {
     drag: boolean;
+    name: string;
+    type: string;
     multiple: boolean;
     method: string;
     action: string;
@@ -206,13 +51,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     httpRequest: import("./types").UploadRequestHandler;
 }, {}>, {
     file?(_: {
-        file: import("./types").UploadFile;
+        file: any;
     }): any;
     trigger?(_: {}): any;
     default?(_: {}): any;
     tip?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/upload/use-handlers.d.ts

@@ -1,17 +1,8 @@
 import type { ShallowRef } from 'vue';
-import type { UploadContentInstance, UploadFile, UploadFiles, UploadProps, UploadRawFile, UploadStatus } from './types';
+import type { UploadContentInstance, UploadFile, UploadProps, UploadRawFile, UploadStatus } from './types';
 export declare const useHandlers: (props: UploadProps, uploadRef: ShallowRef<UploadContentInstance | undefined>) => {
     /** @description two-way binding ref from props `fileList` */
-    uploadFiles: globalThis.Ref<{
-        name: string;
-        percentage?: number | undefined;
-        status: UploadStatus;
-        size?: number | undefined;
-        response?: unknown;
-        uid: number;
-        url?: string | undefined;
-        raw?: UploadRawFile | undefined;
-    }[]> | globalThis.WritableComputedRef<UploadFiles>;
+    uploadFiles: any;
     abort: (file: UploadFile) => void;
     clearFiles: (states?: UploadStatus[]) => void;
     handleError: (err: import("./ajax").UploadAjaxError, rawFile: UploadRawFile) => void;