vft 0.0.386 → 0.0.387

package/es/components/carousel/use-carousel.js

@@ -10,7 +10,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as Ie } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { carouselContextKey as ge, CAROUSEL_ITEM_NAME as H } from "./constants.js";
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as ge } from "./constants.js";
 const L = 300, _e = (t, O, M) => {
   const {
     children: o,

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as ot } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
 const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       o.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(xe.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
       formItemContext: F
-    }), ke = at(), h = ot(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, createTextVNode as G, isVNode as le, resolveComponent as V } from "vue";
+import { defineComponent as Q, computed as v, ref as re, unref as c, useSlots as oe, createVNode as s, mergeProps as L, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as G, resolveComponent as V } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";

package/es/components/super-form/use/helper.js

@@ -1,5 +1,5 @@
 import { isNumber as n } from "@vft/utils";
-import { isInput as u, FormCompEnum as e } from "../component-map.js";
+import { FormCompEnum as e, isInput as u } from "../component-map.js";
 function T(r, E = "") {
   return E = (E || "").replace(":", "") || "", [
     e.INPUT,

package/es/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/es/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/es/components/upload/upload-content.vue2.js

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

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.386",
+  "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.386";
+const o = "0.0.387";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
+import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/input/input.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 k=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),oe=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:C}),ie=oe.useFormSize(),m=oe.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),p=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const k=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),oe=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:ne,emit:ae}){const l=ae,v=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const o={};return t.containerRole==="combobox"&&(o["aria-haspopup"]=v["aria-haspopup"],o["aria-owns"]=v["aria-owns"],o["aria-expanded"]=v["aria-expanded"]),o}),le=e.computed(()=>[t.type==="textarea"?A.b():n.b(),n.m(ie.value),n.is("disabled",m.value),n.is("exceed",fe.value),n.is("focus",c.value),{[n.b("group")]:i.prepend||i.append,[n.bm("group","append")]:i.append,[n.bm("group","prepend")]:i.prepend,[n.m("prefix")]:i.prefix||t.prefixIcon,[n.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[n.bm("suffix","password-clear")]:E.value&&z.value},v.class]),se=e.getCurrentInstance(),re=e.computed(()=>[n.e("wrapper"),n.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:C}=oe.useFormItem(),{inputId:F}=oe.useFormItemInputId(se.props,{formItemContext:C}),ie=te.useFormSize(),m=te.useFormDisabled(),n=Z.useNamespace("input"),A=Z.useNamespace("textarea"),w=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),x=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>w.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),g=e.computed(()=>C?.validateState||""),K=e.computed(()=>g.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[g.value]),de=e.computed(()=>x.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[v.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),p=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!p.value&&N.value>Number(r.value.maxlength)),pe=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||p.value||!!g.value&&R.value),[ve,ye]=_.useCursor(w);Y.useResizeObserver(f,o=>{if(!p.value||t.resize!=="both")return;const a=o[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const o=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,o,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},b=()=>{const o=h.value;!o||o.value===u.value||(o.value=u.value)},P=async o=>{ve();let{value:a}=o.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){b();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),b(),ye()}},j=o=>{l("change",o.target.value)},he=()=>{l("suffixClick",t.modelValue)},ge=()=>{l("prefixClick",t.modelValue)},L=o=>{l("compositionstart",o),y.value=!0},be=o=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(o),W=o=>{l("compositionupdate",o);const a=o.target?.value,d=a[a.length-1]||"";y.value=!be(d)},H=o=>{l("compositionend",o),y.value&&(y.value=!1,P(o))},ke=()=>{x.value=!x.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},Ce=()=>h.value?.blur(),G=o=>{c.value=!0,l("focus",o)},J=o=>{c.value=!1,l("blur",o),t.validateEvent&&C?.validate?.("blur").catch(a=>T.debugWarn(a))},we=o=>{V.value=!1,l("mouseleave",o)},xe=o=>{V.value=!0,l("mouseenter",o)},Q=o=>{let a=o.key;if(o.target.type==="number"&&["e","+","-0","E"].includes(a))return o.returnValue=!1,!1;l("keydown",o)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&C?.validate?.("change").catch(o=>T.debugWarn(o))}),e.watch(u,()=>b()),e.watch(()=>t.type,async()=>{await e.nextTick(),b(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),b(),e.nextTick(B)}),ne({input:w,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:Ce,select:Ee,clear:X,resizeTextarea:B}),(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:o.containerRole,onMouseenter:xe,onMouseleave:we,onMousewheel:a[1]||(a[1]=d=>o.type==="number"&&c.value?d.preventDefault():null)}),[o.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).be("group","prepend"))},[e.renderSlot(o.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[o.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("prefix-inner")),onClick:ge},[e.renderSlot(o.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:w,class:e.unref(n).e("inner")},e.unref(r),{type:o.showPassword?x.value?"text":"password":o.type,disabled:e.unref(m),formatter:o.formatter,parser:o.parser,readonly:o.readonly,autocomplete:o.autocomplete,tabindex:o.tabindex,"aria-label":o.label,placeholder:o.placeholder,style:o.inputStyle,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),pe.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("suffix-inner")),onClick:he},[!E.value||!z.value||!p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(o.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(n).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(n).e("icon"),e.unref(n).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(n).e("icon"),e.unref(n).e("password")],onClick:ke}),null,16,["class"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(n).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),g.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(k.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(n).e("icon"),e.unref(n).e("validateIcon"),e.unref(n).is("loading",g.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),o.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).be("group","append"))},[e.renderSlot(o.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:o.tabindex,disabled:e.unref(m),readonly:o.readonly,autocomplete:o.autocomplete,style:$.value,"aria-label":o.label,placeholder:o.placeholder,form:o.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),p.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(n).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,o.type!=="hidden"]])}});exports.default=ze;

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.386";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.386",
+  "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.386",
+  "version": "0.0.387",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,12 +55,12 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
+    "@vft/constants": "0.0.72",
     "@vft/router": "0.0.67",
     "@vft/utils": "0.0.136",
-    "@vft/directives": "0.0.34",
-    "@vft/constants": "0.0.72",
+    "@vft/store": "0.0.54",
     "@vft/use": "0.0.79",
-    "@vft/store": "0.0.54"
+    "@vft/directives": "0.0.34"
   },
   "vetur": {
     "tags": "tags.json",

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.386","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.387","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}