vft 0.0.385 → 0.0.387

package/es/components/upload/upload.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as L, useSlots as j, shallowRef as N, computed as b, onBeforeUnmount as O, provide as q, toRef as D, createElementBlock as H, openBlock as c, normalizeClass as K, unref as o, createBlock as y, createCommentVNode as a, renderSlot as s, createSlots as z, withCtx as f, createVNode as W, mergeProps as B } from "vue";
+import { defineComponent as L, useSlots as j, shallowRef as N, computed as z, onBeforeUnmount as O, provide as q, toRef as D, createElementBlock as H, openBlock as c, normalizeClass as K, unref as o, createBlock as y, createCommentVNode as s, renderSlot as n, createSlots as B, withCtx as f, createVNode as W, mergeProps as C } from "vue";
 import "../form/index.js";
-import { VftMessage as C } from "../message/index.js";
+import { VftMessage as g } from "../message/index.js";
 import { ajaxUpload as A } from "./ajax.js";
 import { uploadContextKey as G } from "./constants.js";
 import E from "./upload-content.vue2.js";
@@ -35,6 +35,7 @@ const X = L({
     sizeWidth: { default: void 0 },
     sizeHeight: { default: void 0 },
     onSizeInvalid: {},
+    onTypeInvalid: {},
     beforeUpload: {},
     beforeRemove: {},
     onRemove: {},
@@ -47,30 +48,30 @@ const X = L({
     } },
     onSizeExceed: {}
   },
-  setup(P, { expose: M }) {
-    const t = P, r = j(), v = Q(), u = N(), {
-      abort: g,
-      submit: h,
-      clearFiles: w,
-      uploadFiles: n,
+  setup(I, { expose: P }) {
+    const t = I, i = j(), v = Q(), u = N(), {
+      abort: h,
+      submit: w,
+      clearFiles: $,
+      uploadFiles: r,
       handleStart: S,
-      handleError: U,
+      handleError: M,
       handleRemove: p,
-      handleSuccess: I,
-      handleProgress: T
-    } = J(t, u), m = b(() => t.listType === "picture-card"), V = {
-      abort: g,
-      submit: h,
-      clearFiles: w,
-      uploadFiles: n,
+      handleSuccess: T,
+      handleProgress: U
+    } = J(t, u), m = z(() => t.listType === "picture-card"), V = {
+      abort: h,
+      submit: w,
+      clearFiles: $,
+      uploadFiles: r,
       uploadRef: u
-    }, $ = b(() => ({
+    }, k = z(() => ({
       ...t,
-      fileList: n.value,
+      fileList: r.value,
       onStart: S,
-      onProgress: T,
-      onSuccess: I,
-      onError: U,
+      onProgress: U,
+      onSuccess: T,
+      onError: M,
       onRemove: p,
       onChange: (e, l) => {
         t.onChange?.(e, l, V);
@@ -80,31 +81,39 @@ const X = L({
           t.onSizeExceed?.(e, l);
         else {
           const d = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
-          console.warn("默认文件大小超出提示:", d), C.warning(d);
+          console.warn("默认文件大小超出提示:", d), g.warning(d);
         }
       },
-      onSizeInvalid: (e, l, i, d, k) => {
+      onSizeInvalid: (e, l, a, d, R) => {
         if (t.onSizeInvalid)
-          t.onSizeInvalid(e, l, i, d, k);
+          t.onSizeInvalid(e, l, a, d, R);
         else {
-          const R = `文件尺寸不符合要求，当前尺寸：${l}x${i}，期望尺寸：${d}x${k}`;
-          console.warn("默认尺寸校验提示:", R), C.warning(R);
+          const b = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${d}x${R}`;
+          console.warn("默认尺寸校验提示:", b), g.warning(b);
+        }
+      },
+      onTypeInvalid: (e, l) => {
+        if (t.onTypeInvalid)
+          t.onTypeInvalid(e, l);
+        else {
+          const a = `文件类型不符合要求，当前文件：${e.name}，支持的类型：${l}`;
+          console.warn("默认文件类型校验提示:", a), g.warning(a);
         }
       }
     }));
     return O(() => {
-      n.value.forEach(({ url: e }) => {
+      r.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
     }), q(G, {
       accept: D(t, "accept")
-    }), M({
-      abort: g,
-      submit: h,
-      clearFiles: w,
+    }), P({
+      abort: h,
+      submit: w,
+      clearFiles: $,
       handleStart: S,
       handleRemove: p,
-      fileList: n
+      fileList: r
     }), (e, l) => (c(), H("div", {
       class: K(["vft-upload-wrapper", { disabled: o(v) }])
     }, [
@@ -112,18 +121,18 @@ const X = L({
         key: 0,
         disabled: o(v),
         "list-type": e.listType,
-        files: o(n),
+        files: o(r),
         "handle-preview": e.onPreview,
         onRemove: o(p)
-      }, z({
+      }, B({
         append: f(() => [
-          W(E, B({
+          W(E, C({
             ref_key: "uploadRef",
             ref: u
-          }, $.value), {
+          }, k.value), {
             default: f(() => [
-              o(r).trigger ? s(e.$slots, "trigger", { key: 0 }) : a("", !0),
-              !o(r).trigger && o(r).default ? s(e.$slots, "default", { key: 1 }) : a("", !0)
+              o(i).trigger ? n(e.$slots, "trigger", { key: 0 }) : s("", !0),
+              !o(i).trigger && o(i).default ? n(e.$slots, "default", { key: 1 }) : s("", !0)
             ]),
             _: 3
           }, 16)
@@ -132,41 +141,41 @@ const X = L({
       }, [
         e.$slots.file ? {
           name: "default",
-          fn: f(({ file: i }) => [
-            s(e.$slots, "file", { file: i })
+          fn: f(({ file: a }) => [
+            n(e.$slots, "file", { file: a })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : a("", !0),
-      !m.value || m.value && !e.showFileList ? (c(), y(E, B({
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : s("", !0),
+      !m.value || m.value && !e.showFileList ? (c(), y(E, C({
         key: 1,
         ref_key: "uploadRef",
         ref: u
-      }, $.value), {
+      }, k.value), {
         default: f(() => [
-          o(r).trigger ? s(e.$slots, "trigger", { key: 0 }) : a("", !0),
-          !o(r).trigger && o(r).default ? s(e.$slots, "default", { key: 1 }) : a("", !0)
+          o(i).trigger ? n(e.$slots, "trigger", { key: 0 }) : s("", !0),
+          !o(i).trigger && o(i).default ? n(e.$slots, "default", { key: 1 }) : s("", !0)
         ]),
         _: 3
-      }, 16)) : a("", !0),
-      e.$slots.trigger ? s(e.$slots, "default", { key: 2 }) : a("", !0),
-      s(e.$slots, "tip"),
+      }, 16)) : s("", !0),
+      e.$slots.trigger ? n(e.$slots, "default", { key: 2 }) : s("", !0),
+      n(e.$slots, "tip"),
       !m.value && e.showFileList ? (c(), y(F, {
         key: 3,
         disabled: o(v),
         "list-type": e.listType,
-        files: o(n),
+        files: o(r),
         "handle-preview": e.onPreview,
         onRemove: o(p)
-      }, z({ _: 2 }, [
+      }, B({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
-          fn: f(({ file: i }) => [
-            s(e.$slots, "file", { file: i })
+          fn: f(({ file: a }) => [
+            n(e.$slots, "file", { file: a })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : a("", !0)
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : s("", !0)
     ], 2));
   }
 });

package/es/components/upload/utils.d.ts

@@ -25,3 +25,10 @@ export declare function validateFileSize(file: File, expectedWidth: number, expe
  * @returns boolean
  */
 export declare function isImageOrVideo(file: File): boolean;
+/**
+ * 验证文件类型是否符合accept属性要求
+ * @param file 文件对象
+ * @param accept accept属性值，如 "image/*,.pdf,.doc"
+ * @returns boolean
+ */
+export declare function validateFileType(file: File, accept: string): boolean;

package/es/components/upload/utils.js

@@ -1,40 +1,53 @@
-function a(e) {
-  return new Promise((n, i) => {
-    const r = e.type.startsWith("image/"), o = e.type.startsWith("video/");
-    if (!r && !o) {
-      i(new Error("文件类型不支持尺寸校验"));
+function o(r) {
+  return new Promise((n, s) => {
+    const e = r.type.startsWith("image/"), i = r.type.startsWith("video/");
+    if (!e && !i) {
+      s(new Error("文件类型不支持尺寸校验"));
       return;
     }
-    if (r) {
+    if (e) {
       const t = new Image();
       t.onload = () => {
         n({ width: t.naturalWidth, height: t.naturalHeight });
       }, t.onerror = () => {
-        i(new Error("图片加载失败"));
-      }, t.src = URL.createObjectURL(e);
-    } else if (o) {
+        s(new Error("图片加载失败"));
+      }, t.src = URL.createObjectURL(r);
+    } else if (i) {
       const t = document.createElement("video");
       t.onloadedmetadata = () => {
         n({ width: t.videoWidth, height: t.videoHeight }), URL.revokeObjectURL(t.src);
       }, t.onerror = () => {
-        i(new Error("视频加载失败")), URL.revokeObjectURL(t.src);
-      }, t.src = URL.createObjectURL(e);
+        s(new Error("视频加载失败")), URL.revokeObjectURL(t.src);
+      }, t.src = URL.createObjectURL(r);
     }
   });
 }
-async function s(e, n, i) {
+async function a(r, n, s) {
   try {
-    const { width: r, height: o } = await a(e);
-    return { isValid: r === n && o === i, width: r, height: o };
-  } catch (r) {
-    return console.error("尺寸校验失败:", r), { isValid: !1, width: 0, height: 0 };
+    const { width: e, height: i } = await o(r);
+    return { isValid: e === n && i === s, width: e, height: i };
+  } catch (e) {
+    return console.error("尺寸校验失败:", e), { isValid: !1, width: 0, height: 0 };
   }
 }
-function c(e) {
-  return e.type.startsWith("image/") || e.type.startsWith("video/");
+function c(r) {
+  return r.type.startsWith("image/") || r.type.startsWith("video/");
+}
+function d(r, n) {
+  return n ? n.split(",").map((e) => e.trim()).some((e) => {
+    if (e.startsWith(".")) {
+      const i = e.toLowerCase();
+      return r.name.toLowerCase().endsWith(i);
+    } else if (e.includes("/*")) {
+      const i = e.replace("/*", "");
+      return r.type.startsWith(i + "/");
+    } else
+      return r.type === e;
+  }) : !0;
 }
 export {
-  a as getFileDimensions,
+  o as getFileDimensions,
   c as isImageOrVideo,
-  s as validateFileSize
+  a as validateFileSize,
+  d as validateFileType
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.385",
+  "version": "0.0.387",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.385";
+const o = "0.0.387";
 export {
   o as version
 };

package/lib/components/config-provider/config-provider.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils");require("../button/index.cjs");require("@vueuse/core");const l=require("./hooks/use-global-config.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=require("./constants.cjs"),h=e.defineComponent({name:"vft-config-provider"}),g=e.defineComponent({...h,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},projectCfg:{},button:{},baseUnit:{type:[String,Boolean],default:!1},baseUnitSize:{default:1080}},setup(n){const o=d.useNamespace("config-provider");e.watch(()=>n.message,t=>{Object.assign(f.messageConfig,t??{})},{immediate:!0,deep:!0});const c=e.computed(()=>{const t=n.theme==="dark";return u({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(i.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},s=(a=n.theme)=>{document.documentElement.classList.remove(a)};e.watch(()=>n.theme,(a,r)=>{r&&s(r),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(s),e.onBeforeUnmount(s)}function u(t){const s={};return Object.keys(t).forEach(a=>{s[`--${n.namespace}-${i.kebabCase(a)}`]=t[a]}),s}const m=e.getCurrentInstance();return l.provideGlobalConfig(m.props),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o).b()),style:e.normalizeStyle(c.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils");require("../button/index.cjs");require("@vueuse/core");const d=require("./hooks/use-global-config.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const r=require("./constants.cjs"),g=e.defineComponent({name:"vft-config-provider"}),h=e.defineComponent({...g,props:{theme:{default:"light"},themeVars:{},themeVarsDark:{},themeVarsLight:{},iconfontClass:{},iconifyPrefixClass:{default:"ico-"},namespace:{default:"vft"},zIndex:{},message:{},projectCfg:{},button:{},baseUnit:{type:[String,Boolean],default:!1},baseUnitSize:{default:1080}},setup(n){const c=f.useNamespace("config-provider");e.watch(()=>n.message,t=>{Object.keys(r.messageConfig).forEach(s=>{delete r.messageConfig[s]}),Object.assign(r.messageConfig,t??{})},{immediate:!0,deep:!0});const u=e.computed(()=>{const t=n.theme==="dark";return m({...n.themeVars,...t?n.themeVarsDark:n.themeVarsLight})});if(i.inBrowser){const t=()=>{document.documentElement.classList.add(n.theme)},s=(a=n.theme)=>{document.documentElement.classList.remove(a)};e.watch(()=>n.theme,(a,o)=>{o&&s(o),t()},{immediate:!0}),e.onActivated(t),e.onDeactivated(s),e.onBeforeUnmount(s)}function m(t){const s={};return Object.keys(t).forEach(a=>{s[`--${n.namespace}-${i.kebabCase(a)}`]=t[a]}),s}const l=e.getCurrentInstance();return d.provideGlobalConfig(l.props),(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).b()),style:e.normalizeStyle(u.value)},[e.renderSlot(t.$slots,"default")],6))}});exports.default=h;

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

@@ -95,6 +95,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         onSizeInvalid: {
             type: import("vue").PropType<(file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void>;
         };
+        onTypeInvalid: {
+            type: import("vue").PropType<(file: File, acceptedTypes: string) => void>;
+        };
         beforeUpload: {
             type: import("vue").PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<void | undefined | null | boolean | File | Blob>>;
         };
@@ -288,6 +291,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         onSizeInvalid: {
             type: import("vue").PropType<(file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void>;
         };
+        onTypeInvalid: {
+            type: import("vue").PropType<(file: File, acceptedTypes: string) => void>;
+        };
         beforeUpload: {
             type: import("vue").PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<void | undefined | null | boolean | File | Blob>>;
         };
@@ -478,6 +484,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     onSizeInvalid: {
         type: import("vue").PropType<(file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void>;
     };
+    onTypeInvalid: {
+        type: import("vue").PropType<(file: File, acceptedTypes: string) => void>;
+    };
     beforeUpload: {
         type: import("vue").PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<void | undefined | null | boolean | File | Blob>>;
     };

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

@@ -46,6 +46,8 @@ export interface UploadHooks {
     onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
     /** 文件大小超出限制时的回调 */
     onSizeExceed?: (file: File, maxSize: number) => void;
+    /** 文件类型不符合要求时的回调 */
+    onTypeInvalid?: (file: File, acceptedTypes: string) => void;
 }
 export interface UploadBasicProps {
     action?: string;
@@ -77,6 +79,8 @@ export interface UploadBasicProps {
     sizeHeight?: number;
     /** 尺寸不符合时的回调函数 */
     onSizeInvalid?: (file: File, width: number, height: number, expectedWidth: number, expectedHeight: number) => void;
+    /** 文件类型不符合要求时的回调 */
+    onTypeInvalid?: (file: File, acceptedTypes: string) => void;
 }
 export interface UploadEventProps {
     beforeUpload?: UploadHooks['beforeUpload'];
@@ -90,6 +94,7 @@ export interface UploadEventProps {
     onExceed?: UploadHooks['onExceed'];
     onSizeExceed?: UploadHooks['onSizeExceed'];
     onSizeInvalid?: UploadBasicProps['onSizeInvalid'];
+    onTypeInvalid?: UploadBasicProps['onTypeInvalid'];
 }
 export interface UploadContentEventProps {
     beforeUpload?: UploadHooks['beforeUpload'];
@@ -100,6 +105,7 @@ export interface UploadContentEventProps {
     onError?: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
     onExceed?: UploadHooks['onExceed'];
     onSizeExceed?: UploadHooks['onSizeExceed'];
+    onTypeInvalid?: UploadHooks['onTypeInvalid'];
 }
 export interface UploadContentBasicProps extends Omit<UploadBasicProps, 'fileList'> {
     fileList?: UploadUserFile[];

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../form/index.cjs");require("@vueuse/core");const S=require("@vft/utils"),D=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const z=require("lodash-es"),L=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./ajax.cjs"),F=require("./constants.cjs"),K=require("./upload-dragger.vue2.cjs"),R=require("./utils.cjs"),T=require("../form/hooks/use-form-common-props.cjs"),V=require("../form/hooks/use-form-item.cjs"),H=["onKeydown"],W=["name","multiple","accept"],$=t.defineComponent({name:"VftUploadContent",inheritAttrs:!1}),A=t.defineComponent({...$,props:{fileList:{default:[]},replaceOnLimit:{type:Boolean,default:!1},action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:M.ajaxUpload},disabled:{type:Boolean},limit:{},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},sizeWidth:{default:void 0},sizeHeight:{default:void 0},onSizeInvalid:{},beforeUpload:{},onRemove:{},onStart:{},onSuccess:{},onProgress:{},onError:{},onExceed:{},onSizeExceed:{}},setup(U,{expose:w}){const r=U,g=L.useNamespace("upload"),E=T.useFormDisabled(),{formItem:x}=V.useFormItem(),c=t.shallowRef({}),y=t.shallowRef(),C=async e=>{if(e.length===0)return;const{autoUpload:o,limit:a,fileList:s,multiple:f,onStart:p,onExceed:q,replaceOnLimit:b,maxSize:u,onSizeExceed:v,sizeWidth:m,sizeHeight:h,onSizeInvalid:d}=r;if(u){const i=e.filter(n=>n.size>u);if(i.length>0&&(i.forEach(n=>{v&&v(n,u)}),e=e.filter(n=>n.size<=u),e.length===0))return}if(m&&h){const i=[];for(const n of e)if(R.isImageOrVideo(n))try{const{isValid:l,width:P,height:j}=await R.validateFileSize(n,m,h);l?i.push(n):d&&d(n,P,j,m,h)}catch(l){console.error("尺寸校验失败:",l)}else i.push(n);if(e=i,e.length===0)return}if(a&&s&&s.length+e.length>a&&!(a===1&&b)){q?.(e,s);return}f||(e=e.slice(0,1));for(const i of e){const n=i;n.uid=F.genFileId(),p?.(n),o&&k(n)}},k=async e=>{if(y.value.value="",!r.beforeUpload)return _(e);let o,a={};try{const f=r.data,p=r.beforeUpload(e);a=S.isObject(r.data)?z.cloneDeep(r.data):r.data,o=await p,S.isObject(r.data)&&z.isEqual(f,a)&&(a=z.cloneDeep(r.data))}catch{o=!1}if(o===!1){r.onRemove?.(e);return}let s=e;o instanceof Blob&&(o instanceof File?s=o:s=new File([o],e.name,{type:e.type})),_(Object.assign(s,{uid:e.uid}),a)},_=(e,o)=>{const{headers:a,data:s,method:f,withCredentials:p,name:q,action:b,onProgress:u,onSuccess:v,onError:m,httpRequest:h}=r,{uid:d}=e,i={headers:a||{},withCredentials:p,file:e,data:o??(s||{}),method:f,filename:q,action:b,onProgress:l=>{u?.(l,e)},onSuccess:l=>{v?.(l,e),delete c.value[d]},onError:l=>{m?.(l,e),delete c.value[d]}},n=h(i);c.value[d]=n,n instanceof Promise&&n.then(i.onSuccess,i.onError)},O=async e=>{const o=e.target.files;o&&(await C(Array.from(o)),t.nextTick(()=>{x?.validate("change").catch(a=>D.debugWarn(a))}))},B=()=>{E.value||(y.value.value="",y.value.click())},I=()=>{B()};return w({abort:e=>{S.entriesOf(c.value).filter(e?([a])=>String(e.uid)===a:()=>!0).forEach(([a,s])=>{s instanceof XMLHttpRequest&&s.abort(),delete c.value[a]})},upload:k}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(g).b(),t.unref(g).m(e.listType),t.unref(g).is("drag",e.drag)]),tabindex:"0",onClick:B,onKeydown:t.withKeys(t.withModifiers(I,["self"]),["enter","space"])},[e.drag?(t.openBlock(),t.createBlock(K.default,{key:0,disabled:t.unref(E),onFile:o[0]||(o[0]=a=>C(a.file))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["disabled"])):t.renderSlot(e.$slots,"default",{key:1}),t.createElementVNode("input",{ref_key:"inputRef",ref:y,class:t.normalizeClass(t.unref(g).e("input")),name:e.name,multiple:e.multiple,accept:e.accept,type:"file",onChange:O,onClick:o[1]||(o[1]=t.withModifiers(()=>{},["stop"]))},null,42,W)],42,H))}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../form/index.cjs");require("@vueuse/core");const C=require("@vft/utils"),D=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const k=require("lodash-es"),L=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const M=require("./ajax.cjs"),K=require("./constants.cjs"),V=require("./upload-dragger.vue2.cjs"),b=require("./utils.cjs"),H=require("../form/hooks/use-form-common-props.cjs"),W=require("../form/hooks/use-form-item.cjs"),$=["onKeydown"],A=["name","multiple","accept"],N=t.defineComponent({name:"VftUploadContent",inheritAttrs:!1}),X=t.defineComponent({...N,props:{fileList:{default:[]},replaceOnLimit:{type:Boolean,default:!1},action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:M.ajaxUpload},disabled:{type:Boolean},limit:{},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},sizeWidth:{default:void 0},sizeHeight:{default:void 0},onSizeInvalid:{},onTypeInvalid:{},beforeUpload:{},onRemove:{},onStart:{},onSuccess:{},onProgress:{},onError:{},onExceed:{},onSizeExceed:{}},setup(U,{expose:w}){const l=U,y=L.useNamespace("upload"),_=H.useFormDisabled(),{formItem:x}=W.useFormItem(),f=t.shallowRef({}),v=t.shallowRef(),B=async e=>{if(e.length===0)return;const{autoUpload:n,limit:a,fileList:s,multiple:p,onStart:h,onExceed:S,replaceOnLimit:z,maxSize:u,onSizeExceed:q,sizeWidth:m,sizeHeight:g,onSizeInvalid:d,accept:r,onTypeInvalid:c}=l;if(r){const i=e.filter(o=>!b.validateFileType(o,r));if(i.length>0&&(i.forEach(o=>{c&&c(o,r)}),e=e.filter(o=>b.validateFileType(o,r)),e.length===0))return}if(u){const i=e.filter(o=>o.size>u);if(i.length>0&&(i.forEach(o=>{q&&q(o,u)}),e=e.filter(o=>o.size<=u),e.length===0))return}if(m&&g){const i=[];for(const o of e)if(b.isImageOrVideo(o))try{const{isValid:E,width:P,height:j}=await b.validateFileSize(o,m,g);E?i.push(o):d&&d(o,P,j,m,g)}catch(E){console.error("尺寸校验失败:",E)}else i.push(o);if(e=i,e.length===0)return}if(a&&s&&s.length+e.length>a&&!(a===1&&z)){S?.(e,s);return}p||(e=e.slice(0,1));for(const i of e){const o=i;o.uid=K.genFileId(),h?.(o),n&&R(o)}},R=async e=>{if(v.value.value="",!l.beforeUpload)return I(e);let n,a={};try{const p=l.data,h=l.beforeUpload(e);a=C.isObject(l.data)?k.cloneDeep(l.data):l.data,n=await h,C.isObject(l.data)&&k.isEqual(p,a)&&(a=k.cloneDeep(l.data))}catch{n=!1}if(n===!1){l.onRemove?.(e);return}let s=e;n instanceof Blob&&(n instanceof File?s=n:s=new File([n],e.name,{type:e.type})),I(Object.assign(s,{uid:e.uid}),a)},I=(e,n)=>{const{headers:a,data:s,method:p,withCredentials:h,name:S,action:z,onProgress:u,onSuccess:q,onError:m,httpRequest:g}=l,{uid:d}=e,r={headers:a||{},withCredentials:h,file:e,data:n??(s||{}),method:p,filename:S,action:z,onProgress:i=>{u?.(i,e)},onSuccess:i=>{q?.(i,e),delete f.value[d]},onError:i=>{m?.(i,e),delete f.value[d]}},c=g(r);f.value[d]=c,c instanceof Promise&&c.then(r.onSuccess,r.onError)},F=async e=>{const n=e.target.files;n&&(await B(Array.from(n)),t.nextTick(()=>{x?.validate("change").catch(a=>D.debugWarn(a))}))},T=()=>{_.value||(v.value.value="",v.value.click())},O=()=>{T()};return w({abort:e=>{C.entriesOf(f.value).filter(e?([a])=>String(e.uid)===a:()=>!0).forEach(([a,s])=>{s instanceof XMLHttpRequest&&s.abort(),delete f.value[a]})},upload:R}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(y).b(),t.unref(y).m(e.listType),t.unref(y).is("drag",e.drag)]),tabindex:"0",onClick:T,onKeydown:t.withKeys(t.withModifiers(O,["self"]),["enter","space"])},[e.drag?(t.openBlock(),t.createBlock(V.default,{key:0,disabled:t.unref(_),onFile:n[0]||(n[0]=a=>B(a.file))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["disabled"])):t.renderSlot(e.$slots,"default",{key:1}),t.createElementVNode("input",{ref_key:"inputRef",ref:v,class:t.normalizeClass(t.unref(y).e("input")),name:e.name,multiple:e.multiple,accept:e.accept,type:"file",onChange:F,onClick:n[1]||(n[1]=t.withModifiers(()=>{},["stop"]))},null,42,A)],42,$))}});exports.default=X;

package/lib/components/upload/upload.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 h=require("../message/index.cjs"),P=require("./ajax.cjs"),_=require("./constants.cjs"),C=require("./upload-content.vue2.cjs"),w=require("./upload-list.vue2.cjs"),E=require("./use-handlers.cjs"),F=require("../form/hooks/use-form-common-props.cjs"),L=e.defineComponent({name:"vft-upload"}),V=e.defineComponent({...L,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:P.ajaxUpload},disabled:{type:Boolean},limit:{},replaceOnLimit:{type:Boolean,default:!1},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},sizeWidth:{default:void 0},sizeHeight:{default:void 0},onSizeInvalid:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{type:Function,default:()=>{}},onSizeExceed:{}},setup(k,{expose:B}){const o=k,r=e.useSlots(),f=F.useFormDisabled(),i=e.shallowRef(),{abort:p,submit:c,clearFiles:m,uploadFiles:n,handleStart:v,handleError:b,handleRemove:d,handleSuccess:R,handleProgress:$}=E.useHandlers(o,i),u=e.computed(()=>o.listType==="picture-card"),z={abort:p,submit:c,clearFiles:m,uploadFiles:n,uploadRef:i},y=e.computed(()=>({...o,fileList:n.value,onStart:v,onProgress:$,onSuccess:R,onError:b,onRemove:d,onChange:(t,l)=>{o.onChange?.(t,l,z)},onSizeExceed:(t,l)=>{if(o.onSizeExceed)o.onSizeExceed?.(t,l);else{const s=`文件大小不能超过 ${(l/1048576).toFixed(2)}MB`;console.warn("默认文件大小超出提示:",s),h.VftMessage.warning(s)}},onSizeInvalid:(t,l,a,s,g)=>{if(o.onSizeInvalid)o.onSizeInvalid(t,l,a,s,g);else{const S=`文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${s}x${g}`;console.warn("默认尺寸校验提示:",S),h.VftMessage.warning(S)}}}));return e.onBeforeUnmount(()=>{n.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(_.uploadContextKey,{accept:e.toRef(o,"accept")}),B({abort:p,submit:c,clearFiles:m,handleStart:v,handleRemove:d,fileList:n}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vft-upload-wrapper",{disabled:e.unref(f)}])},[u.value&&t.showFileList?(e.openBlock(),e.createBlock(w.default,{key:0,disabled:e.unref(f),"list-type":t.listType,files:e.unref(n),"handle-preview":t.onPreview,onRemove:e.unref(d)},e.createSlots({append:e.withCtx(()=>[e.createVNode(C.default,e.mergeProps({ref_key:"uploadRef",ref:i},y.value),{default:e.withCtx(()=>[e.unref(r).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(r).trigger&&e.unref(r).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:a})=>[e.renderSlot(t.$slots,"file",{file:a})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!u.value||u.value&&!t.showFileList?(e.openBlock(),e.createBlock(C.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:i},y.value),{default:e.withCtx(()=>[e.unref(r).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(r).trigger&&e.unref(r).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!u.value&&t.showFileList?(e.openBlock(),e.createBlock(w.default,{key:3,disabled:e.unref(f),"list-type":t.listType,files:e.unref(n),"handle-preview":t.onPreview,onRemove:e.unref(d)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:a})=>[e.renderSlot(t.$slots,"file",{file:a})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)],2))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const p=require("../message/index.cjs"),M=require("./ajax.cjs"),P=require("./constants.cjs"),C=require("./upload-content.vue2.cjs"),w=require("./upload-list.vue2.cjs"),V=require("./use-handlers.cjs"),_=require("../form/hooks/use-form-common-props.cjs"),E=e.defineComponent({name:"vft-upload"}),F=e.defineComponent({...E,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:M.ajaxUpload},disabled:{type:Boolean},limit:{},replaceOnLimit:{type:Boolean,default:!1},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},sizeWidth:{default:void 0},sizeHeight:{default:void 0},onSizeInvalid:{},onTypeInvalid:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{type:Function,default:()=>{}},onSizeExceed:{}},setup(k,{expose:B}){const o=k,a=e.useSlots(),f=_.useFormDisabled(),i=e.shallowRef(),{abort:c,submit:m,clearFiles:v,uploadFiles:r,handleStart:y,handleError:$,handleRemove:d,handleSuccess:b,handleProgress:R}=V.useHandlers(o,i),u=e.computed(()=>o.listType==="picture-card"),z={abort:c,submit:m,clearFiles:v,uploadFiles:r,uploadRef:i},g=e.computed(()=>({...o,fileList:r.value,onStart:y,onProgress:R,onSuccess:b,onError:$,onRemove:d,onChange:(t,l)=>{o.onChange?.(t,l,z)},onSizeExceed:(t,l)=>{if(o.onSizeExceed)o.onSizeExceed?.(t,l);else{const s=`文件大小不能超过 ${(l/1048576).toFixed(2)}MB`;console.warn("默认文件大小超出提示:",s),p.VftMessage.warning(s)}},onSizeInvalid:(t,l,n,s,S)=>{if(o.onSizeInvalid)o.onSizeInvalid(t,l,n,s,S);else{const h=`文件尺寸不符合要求，当前尺寸：${l}x${n}，期望尺寸：${s}x${S}`;console.warn("默认尺寸校验提示:",h),p.VftMessage.warning(h)}},onTypeInvalid:(t,l)=>{if(o.onTypeInvalid)o.onTypeInvalid(t,l);else{const n=`文件类型不符合要求，当前文件：${t.name}，支持的类型：${l}`;console.warn("默认文件类型校验提示:",n),p.VftMessage.warning(n)}}}));return e.onBeforeUnmount(()=>{r.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(P.uploadContextKey,{accept:e.toRef(o,"accept")}),B({abort:c,submit:m,clearFiles:v,handleStart:y,handleRemove:d,fileList:r}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vft-upload-wrapper",{disabled:e.unref(f)}])},[u.value&&t.showFileList?(e.openBlock(),e.createBlock(w.default,{key:0,disabled:e.unref(f),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(d)},e.createSlots({append:e.withCtx(()=>[e.createVNode(C.default,e.mergeProps({ref_key:"uploadRef",ref:i},g.value),{default:e.withCtx(()=>[e.unref(a).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(a).trigger&&e.unref(a).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:n})=>[e.renderSlot(t.$slots,"file",{file:n})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!u.value||u.value&&!t.showFileList?(e.openBlock(),e.createBlock(C.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:i},g.value),{default:e.withCtx(()=>[e.unref(a).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(a).trigger&&e.unref(a).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!u.value&&t.showFileList?(e.openBlock(),e.createBlock(w.default,{key:3,disabled:e.unref(f),"list-type":t.listType,files:e.unref(r),"handle-preview":t.onPreview,onRemove:e.unref(d)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:n})=>[e.renderSlot(t.$slots,"file",{file:n})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)],2))}});exports.default=F;

package/lib/components/upload/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t){return new Promise((n,r)=>{const i=t.type.startsWith("image/"),o=t.type.startsWith("video/");if(!i&&!o){r(new Error("文件类型不支持尺寸校验"));return}if(i){const e=new Image;e.onload=()=>{n({width:e.naturalWidth,height:e.naturalHeight})},e.onerror=()=>{r(new Error("图片加载失败"))},e.src=URL.createObjectURL(t)}else if(o){const e=document.createElement("video");e.onloadedmetadata=()=>{n({width:e.videoWidth,height:e.videoHeight}),URL.revokeObjectURL(e.src)},e.onerror=()=>{r(new Error("视频加载失败")),URL.revokeObjectURL(e.src)},e.src=URL.createObjectURL(t)}})}async function s(t,n,r){try{const{width:i,height:o}=await a(t);return{isValid:i===n&&o===r,width:i,height:o}}catch(i){return console.error("尺寸校验失败:",i),{isValid:!1,width:0,height:0}}}function d(t){return t.type.startsWith("image/")||t.type.startsWith("video/")}exports.getFileDimensions=a;exports.isImageOrVideo=d;exports.validateFileSize=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(i){return new Promise((n,s)=>{const e=i.type.startsWith("image/"),r=i.type.startsWith("video/");if(!e&&!r){s(new Error("文件类型不支持尺寸校验"));return}if(e){const t=new Image;t.onload=()=>{n({width:t.naturalWidth,height:t.naturalHeight})},t.onerror=()=>{s(new Error("图片加载失败"))},t.src=URL.createObjectURL(i)}else if(r){const t=document.createElement("video");t.onloadedmetadata=()=>{n({width:t.videoWidth,height:t.videoHeight}),URL.revokeObjectURL(t.src)},t.onerror=()=>{s(new Error("视频加载失败")),URL.revokeObjectURL(t.src)},t.src=URL.createObjectURL(i)}})}async function a(i,n,s){try{const{width:e,height:r}=await o(i);return{isValid:e===n&&r===s,width:e,height:r}}catch(e){return console.error("尺寸校验失败:",e),{isValid:!1,width:0,height:0}}}function c(i){return i.type.startsWith("image/")||i.type.startsWith("video/")}function d(i,n){return n?n.split(",").map(e=>e.trim()).some(e=>{if(e.startsWith(".")){const r=e.toLowerCase();return i.name.toLowerCase().endsWith(r)}else if(e.includes("/*")){const r=e.replace("/*","");return i.type.startsWith(r+"/")}else return i.type===e}):!0}exports.getFileDimensions=o;exports.isImageOrVideo=c;exports.validateFileSize=a;exports.validateFileType=d;

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

@@ -25,3 +25,10 @@ export declare function validateFileSize(file: File, expectedWidth: number, expe
  * @returns boolean
  */
 export declare function isImageOrVideo(file: File): boolean;
+/**
+ * 验证文件类型是否符合accept属性要求
+ * @param file 文件对象
+ * @param accept accept属性值，如 "image/*,.pdf,.doc"
+ * @returns boolean
+ */
+export declare function validateFileType(file: File, accept: string): boolean;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.385";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.387";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.385",
+  "version": "0.0.387",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.385",
+  "version": "0.0.387",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -56,11 +56,11 @@
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
     "@vft/constants": "0.0.72",
-    "@vft/utils": "0.0.136",
     "@vft/router": "0.0.67",
+    "@vft/utils": "0.0.136",
     "@vft/store": "0.0.54",
-    "@vft/directives": "0.0.34",
-    "@vft/use": "0.0.79"
+    "@vft/use": "0.0.79",
+    "@vft/directives": "0.0.34"
   },
   "vetur": {
     "tags": "tags.json",