vft 0.0.333 → 0.0.335

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

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

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

@@ -1,7 +1,7 @@
 import type { UploadProps } from './types';
 declare function __VLS_template(): {
     file?(_: {
-        file: import("./types").UploadFile;
+        file: import("vft/es/components").UploadFile;
     }): any;
     trigger?(_: {}): any;
     default?(_: {}): any;
@@ -18,19 +18,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     type: string;
     autoUpload: boolean;
     listType: string;
-    httpRequest: import("./types").UploadRequestHandler;
+    httpRequest: import("vft/es/components").UploadRequestHandler;
     fileList: never[];
+    replaceOnLimit: boolean;
+    maxSize: undefined;
+    sizeExceedMessage: string;
     onExceed: () => void;
 }>>, {
-    abort: (file: import("./types").UploadFile) => void;
+    abort: (file: import("vft/es/components").UploadFile) => void;
     submit: () => void;
-    clearFiles: (states?: import("./types").UploadStatus[]) => void;
-    handleStart: (rawFile: import("./types").UploadRawFile) => void;
-    handleRemove: (file: import("./types").UploadFile | import("./types").UploadRawFile, rawFile?: import("./types").UploadRawFile) => void;
+    clearFiles: (states?: import("vft/es/components").UploadStatus[]) => void;
+    handleStart: (rawFile: import("vft/es/components").UploadRawFile) => void;
+    handleRemove: (file: import("vft/es/components").UploadFile | import("vft/es/components").UploadRawFile, rawFile?: import("vft/es/components").UploadRawFile) => void;
     fileList: import("vue").Ref<{
         name: string;
         percentage?: number | undefined;
-        status: import("./types").UploadStatus;
+        status: import("vft/es/components").UploadStatus;
         size?: number | undefined;
         response?: unknown;
         uid: number;
@@ -51,7 +54,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     }[], {
         name: string;
         percentage?: number | undefined;
-        status: import("./types").UploadStatus;
+        status: import("vft/es/components").UploadStatus;
         size?: number | undefined;
         response?: unknown;
         uid: number;
@@ -81,8 +84,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     type: string;
     autoUpload: boolean;
     listType: string;
-    httpRequest: import("./types").UploadRequestHandler;
+    httpRequest: import("vft/es/components").UploadRequestHandler;
     fileList: never[];
+    replaceOnLimit: boolean;
+    maxSize: undefined;
+    sizeExceedMessage: string;
     onExceed: () => void;
 }>>> & Readonly<{}>, {
     drag: boolean;
@@ -91,13 +97,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     method: string;
     multiple: boolean;
     action: string;
+    fileList: import("vft/es/components").UploadUserFile[];
     showFileList: boolean;
     accept: string;
-    fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
-    listType: import("./types").ListType;
-    httpRequest: import("./types").UploadRequestHandler;
-    onExceed: import("./types").UploadHooks["onExceed"];
+    listType: import("vft/es/components").ListType;
+    httpRequest: import("vft/es/components").UploadRequestHandler;
+    replaceOnLimit: boolean;
+    maxSize: number;
+    sizeExceedMessage: string;
+    onExceed: import("vft/es/components").UploadHooks["onExceed"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;