vft 0.0.334 → 0.0.335

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

@@ -1,15 +1,122 @@
-import { defineComponent as w, useSlots as U, shallowRef as T, computed as h, onBeforeUnmount as j, provide as N, toRef as V, createElementBlock as q, openBlock as f, normalizeClass as z, unref as t, createBlock as c, createCommentVNode as o, renderSlot as l, createSlots as g, withCtx as r, createVNode as D, mergeProps as k } from "vue";
+import { defineComponent as E, useSlots as T, shallowRef as V, computed as b, onBeforeUnmount as j, provide as N, toRef as O, createElementBlock as q, openBlock as u, normalizeClass as D, unref as o, createBlock as v, createCommentVNode as t, renderSlot as r, createSlots as B, withCtx as a, createVNode as H, mergeProps as S } from "vue";
+import "../alert/index.js";
+import "../avatar/index.js";
+import "../avatar-stack/index.js";
+import "../backtop/index.js";
+import "../button/index.js";
+import "../card/index.js";
+import "../cascader/index.js";
+import "../cascader-panel/index.js";
+import "../check-tag/index.js";
+import "../checkbox/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../clamp-tooltip/index.js";
+import "../col/index.js";
+import "../collapse-transition/index.js";
+import "../color-picker/index.js";
+import "../config-provider/index.js";
+import "../container/index.js";
+import "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import "../icon/index.js";
+import "../date-picker/index.js";
+import "../date-time-select/index.js";
+import "../descriptions/index.js";
+import "../dialog/index.js";
+import "../divider/index.js";
+import "../drawer/index.js";
+import "../dropdown/index.js";
+import "../empty/index.js";
+import "../footer-layout/index.js";
 import "../form/index.js";
-import { ajaxUpload as H } from "./ajax.js";
-import { uploadContextKey as K } from "./constants.js";
-import R from "./upload-content.vue2.js";
-import b from "./upload-list.vue2.js";
-import { useHandlers as O } from "./use-handlers.js";
-import { useFormDisabled as W } from "../form/hooks/use-form-common-props.js";
-const A = w({
+import "../full-screen/index.js";
+import "../header-layout/index.js";
+import "../horizontal-menu/index.js";
+import "../icon-text/index.js";
+import "../iframe-layout/index.js";
+import "../image/index.js";
+import "../image-viewer/index.js";
+import "../input/index.js";
+import "../input-number/index.js";
+import "../link/index.js";
+import "../list-cell/index.js";
+import "../logo/index.js";
+import "../menu/index.js";
+import "../multiple-tabs/index.js";
+import "../notification/index.js";
+import "../overlay/index.js";
+import "../page-wrapper/index.js";
+import "../pagination/index.js";
+import "../popconfirm/index.js";
+import "../popover/index.js";
+import "../popper/index.js";
+import "../qrcode/index.js";
+import "../radio/index.js";
+import "../result/index.js";
+import "../router-view-content/index.js";
+import "../row/index.js";
+import "../scrollbar/index.js";
+import "../search/index.js";
+import "../select/index.js";
+import "../side-menu/index.js";
+import "../skeleton/index.js";
+import "../slider/index.js";
+import "../space/index.js";
+import "../steps/index.js";
+import "../switch/index.js";
+import "../table/index.js";
+import "../tabs/index.js";
+import "../tag/index.js";
+import "../time-picker/index.js";
+import "../tooltip/index.js";
+import "../tree/index.js";
+import "../verify-code/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../autocomplete/index.js";
+import "../breadcrumb/index.js";
+import "../carousel/index.js";
+import "../collapse/index.js";
+import "../countdown/index.js";
+import "../input-tag/index.js";
+import "../modal/index.js";
+import "../progress/index.js";
+import "../segmented/index.js";
+import "../statistic/index.js";
+import "../super-form/index.js";
+import "../timeline/index.js";
+import "../transfer/index.js";
+import "./index.js";
+import "../watermark/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../md-comment/index.js";
+import "../md-container/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../infinite-scroll/index.js";
+import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { VftMessage as I } from "../message/index.js";
+import "../progress-i/index.js";
+import { ajaxUpload as K } from "./ajax.js";
+import { uploadContextKey as W } from "./constants.js";
+import $ from "./upload-content.vue2.js";
+import C from "./upload-list.vue2.js";
+import { useHandlers as A } from "./use-handlers.js";
+import { useFormDisabled as G } from "../form/hooks/use-form-common-props.js";
+const J = E({
   name: "vft-upload"
-}), x = /* @__PURE__ */ w({
-  ...A,
+}), tt = /* @__PURE__ */ E({
+  ...J,
   props: {
     action: { default: "#" },
     headers: {},
@@ -25,9 +132,12 @@ const A = w({
     fileList: { default: [] },
     autoUpload: { type: Boolean, default: !1 },
     listType: { default: "text" },
-    httpRequest: { type: Function, default: H },
+    httpRequest: { type: Function, default: K },
     disabled: { type: Boolean },
     limit: {},
+    replaceOnLimit: { type: Boolean, default: !1 },
+    maxSize: { default: void 0 },
+    sizeExceedMessage: { default: "文件大小超出限制" },
     beforeUpload: {},
     beforeRemove: {},
     onRemove: {},
@@ -37,60 +147,78 @@ const A = w({
     onProgress: {},
     onError: {},
     onExceed: { type: Function, default: () => {
-    } }
+    } },
+    onSizeExceed: {}
   },
-  setup($, { expose: B }) {
-    const i = $, a = U(), u = W(), p = T(), {
-      abort: C,
-      submit: F,
-      clearFiles: L,
-      uploadFiles: s,
-      handleStart: v,
+  setup(F, { expose: L }) {
+    const i = F, p = T(), c = G(), s = V(), {
+      abort: y,
+      submit: g,
+      clearFiles: h,
+      uploadFiles: m,
+      handleStart: w,
       handleError: P,
-      handleRemove: d,
-      handleSuccess: S,
-      handleProgress: E
-    } = O(i, p), n = h(() => i.listType === "picture-card"), y = h(() => ({
+      handleRemove: n,
+      handleSuccess: z,
+      handleProgress: M
+    } = A(i, s), d = b(() => i.listType === "picture-card"), U = {
+      abort: y,
+      submit: g,
+      clearFiles: h,
+      uploadFiles: m,
+      uploadRef: s
+    }, k = b(() => ({
       ...i,
-      fileList: s.value,
-      onStart: v,
-      onProgress: E,
-      onSuccess: S,
+      fileList: m.value,
+      onStart: w,
+      onProgress: M,
+      onSuccess: z,
       onError: P,
-      onRemove: d
+      onRemove: n,
+      onChange: (e, l) => {
+        i.onChange?.(e, l, U);
+      },
+      onSizeExceed: (e, l) => {
+        if (i.onSizeExceed)
+          i.onSizeExceed?.(e, l);
+        else {
+          const R = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
+          console.warn("默认文件大小超出提示:", R), I.warning(R);
+        }
+      }
     }));
     return j(() => {
-      s.value.forEach(({ url: e }) => {
+      m.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
-    }), N(K, {
-      accept: V(i, "accept")
-    }), B({
-      abort: C,
-      submit: F,
-      clearFiles: L,
-      handleStart: v,
-      handleRemove: d,
-      fileList: s
-    }), (e, G) => (f(), q("div", {
-      class: z(["vft-upload-wrapper", { disabled: t(u) }])
+    }), N(W, {
+      accept: O(i, "accept")
+    }), L({
+      abort: y,
+      submit: g,
+      clearFiles: h,
+      handleStart: w,
+      handleRemove: n,
+      fileList: m
+    }), (e, l) => (u(), q("div", {
+      class: D(["vft-upload-wrapper", { disabled: o(c) }])
     }, [
-      n.value && e.showFileList ? (f(), c(b, {
+      d.value && e.showFileList ? (u(), v(C, {
         key: 0,
-        disabled: t(u),
+        disabled: o(c),
         "list-type": e.listType,
-        files: t(s),
+        files: o(m),
         "handle-preview": e.onPreview,
-        onRemove: t(d)
-      }, g({
-        append: r(() => [
-          D(R, k({
+        onRemove: o(n)
+      }, B({
+        append: a(() => [
+          H($, S({
             ref_key: "uploadRef",
-            ref: p
-          }, y.value), {
-            default: r(() => [
-              t(a).trigger ? l(e.$slots, "trigger", { key: 0 }) : o("", !0),
-              !t(a).trigger && t(a).default ? l(e.$slots, "default", { key: 1 }) : o("", !0)
+            ref: s
+          }, k.value), {
+            default: a(() => [
+              o(p).trigger ? r(e.$slots, "trigger", { key: 0 }) : t("", !0),
+              !o(p).trigger && o(p).default ? r(e.$slots, "default", { key: 1 }) : t("", !0)
             ]),
             _: 3
           }, 16)
@@ -99,44 +227,44 @@ const A = w({
       }, [
         e.$slots.file ? {
           name: "default",
-          fn: r(({ file: m }) => [
-            l(e.$slots, "file", { file: m })
+          fn: a(({ file: f }) => [
+            r(e.$slots, "file", { file: f })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : o("", !0),
-      !n.value || n.value && !e.showFileList ? (f(), c(R, k({
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : t("", !0),
+      !d.value || d.value && !e.showFileList ? (u(), v($, S({
         key: 1,
         ref_key: "uploadRef",
-        ref: p
-      }, y.value), {
-        default: r(() => [
-          t(a).trigger ? l(e.$slots, "trigger", { key: 0 }) : o("", !0),
-          !t(a).trigger && t(a).default ? l(e.$slots, "default", { key: 1 }) : o("", !0)
+        ref: s
+      }, k.value), {
+        default: a(() => [
+          o(p).trigger ? r(e.$slots, "trigger", { key: 0 }) : t("", !0),
+          !o(p).trigger && o(p).default ? r(e.$slots, "default", { key: 1 }) : t("", !0)
         ]),
         _: 3
-      }, 16)) : o("", !0),
-      e.$slots.trigger ? l(e.$slots, "default", { key: 2 }) : o("", !0),
-      l(e.$slots, "tip"),
-      !n.value && e.showFileList ? (f(), c(b, {
+      }, 16)) : t("", !0),
+      e.$slots.trigger ? r(e.$slots, "default", { key: 2 }) : t("", !0),
+      r(e.$slots, "tip"),
+      !d.value && e.showFileList ? (u(), v(C, {
         key: 3,
-        disabled: t(u),
+        disabled: o(c),
         "list-type": e.listType,
-        files: t(s),
+        files: o(m),
         "handle-preview": e.onPreview,
-        onRemove: t(d)
-      }, g({ _: 2 }, [
+        onRemove: o(n)
+      }, B({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
-          fn: r(({ file: m }) => [
-            l(e.$slots, "file", { file: m })
+          fn: a(({ file: f }) => [
+            r(e.$slots, "file", { file: f })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : o("", !0)
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : t("", !0)
     ], 2));
   }
 });
 export {
-  x as default
+  tt as default
 };

package/es/components/upload/use-handlers.js

@@ -1,38 +1,44 @@
-import { useVModel as L } from "@vueuse/core";
+import { useVModel as O } from "@vueuse/core";
 import "@vft/utils";
-import { throwError as U, debugWarn as E } from "../../utils/error.js";
+import { throwError as U, debugWarn as F } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { watch as l } from "vue";
-import { isNil as F } from "lodash-es";
-import { genFileId as d } from "./constants.js";
-const v = "VftUpload", O = (o) => {
-  o.url?.startsWith("blob:") && URL.revokeObjectURL(o.url);
-}, k = (o, c) => {
-  const a = L(
-    o,
+import { watch as f } from "vue";
+import { isNil as j } from "lodash-es";
+import { genFileId as m } from "./constants.js";
+const h = "VftUpload", b = (u) => {
+  u.url?.startsWith("blob:") && URL.revokeObjectURL(u.url);
+}, z = (u, i) => {
+  const r = O(
+    u,
     "fileList",
     void 0,
     { passive: !0 }
-  ), s = (e) => a.value.find((t) => t.uid === e.uid);
-  function i(e) {
-    c.value?.abort(e);
+  ), c = (e) => r.value.find((t) => t.uid === e.uid), s = {
+    abort: l,
+    submit: v,
+    clearFiles: d,
+    uploadFiles: r,
+    uploadRef: i
+  };
+  function l(e) {
+    i.value?.abort(e);
   }
-  function f(e = ["ready", "uploading", "success", "fail"]) {
-    a.value = a.value.filter(
+  function d(e = ["ready", "uploading", "success", "fail"]) {
+    r.value = r.value.filter(
       (t) => !e.includes(t.status)
     );
   }
-  const m = (e, t) => {
-    const r = s(t);
-    r && (console.error(e), r.status = "fail", a.value.splice(a.value.indexOf(r), 1), o.onError?.(e, r, a.value), o.onChange?.(r, a.value));
-  }, b = (e, t) => {
-    const r = s(t);
-    r && (o.onProgress?.(e, r, a.value), r.status = "uploading", r.percentage = Math.round(e.percent));
-  }, h = (e, t) => {
-    const r = s(t);
-    r && (r.status = "success", r.response = e, o.onSuccess?.(e, r, a.value), o.onChange?.(r, a.value));
-  }, g = (e) => {
-    F(e.uid) && (e.uid = d());
+  const g = (e, t) => {
+    const a = c(t);
+    a && (console.error(e), a.status = "fail", r.value.splice(r.value.indexOf(a), 1), u.onError?.(e, a, r.value), u.onChange?.(a, r.value, s));
+  }, L = (e, t) => {
+    const a = c(t);
+    a && (u.onProgress?.(e, a, r.value), a.status = "uploading", a.percentage = Math.round(e.percent));
+  }, R = (e, t) => {
+    const a = c(t);
+    a && (a.status = "success", a.response = e, u.onSuccess?.(e, a, r.value), u.onChange?.(a, r.value, s));
+  }, y = (e) => {
+    j(e.uid) && (e.uid = m());
     const t = {
       name: e.name,
       percentage: 0,
@@ -41,61 +47,63 @@ const v = "VftUpload", O = (o) => {
       raw: e,
       uid: e.uid
     };
-    if (o.listType === "picture-card" || o.listType === "picture")
+    if (u.listType === "picture-card" || u.listType === "picture")
       try {
         t.url = URL.createObjectURL(e);
-      } catch (r) {
-        E(v, r.message), o.onError?.(r, t, a.value);
+      } catch (a) {
+        F(h, a.message), u.onError?.(a, t, r.value);
       }
-    a.value = [...a.value, t], o.onChange?.(t, a.value);
-  }, R = async (e) => {
-    const t = e instanceof File ? s(e) : e;
-    t || U(v, "file to be removed not found");
-    const r = (u) => {
-      i(u);
-      const n = a.value;
-      n.splice(n.indexOf(u), 1), o.onRemove?.(u, n), O(u);
+    u.limit === 1 && u.replaceOnLimit && r.value.length > 0 && (r.value.forEach((a) => {
+      b(a);
+    }), r.value = []), r.value = [...r.value, t], u.onChange?.(t, r.value, s);
+  }, E = async (e) => {
+    const t = e instanceof File ? c(e) : e;
+    t || U(h, "file to be removed not found");
+    const a = (n) => {
+      l(n);
+      const o = r.value;
+      o.splice(o.indexOf(n), 1), u.onRemove?.(n, o), b(n);
     };
-    o.beforeRemove ? await o.beforeRemove(t, a.value) !== !1 && r(t) : r(t);
+    u.beforeRemove ? await u.beforeRemove(t, r.value) !== !1 && a(t) : a(t);
   };
-  function y() {
-    a.value.filter(({ status: e }) => e === "ready").forEach(({ raw: e }) => e && c.value?.upload(e));
+  function v() {
+    r.value.filter(({ status: e }) => e === "ready").forEach(({ raw: e }) => e && i.value?.upload(e));
   }
-  return l(
-    () => o.listType,
+  return f(
+    () => u.listType,
     (e) => {
-      e !== "picture-card" && e !== "picture" || (a.value = a.value.map((t) => {
-        const { raw: r, url: u } = t;
-        if (!u && r)
+      e !== "picture-card" && e !== "picture" || (r.value = r.value.map((t) => {
+        const { raw: a, url: n } = t;
+        if (!n && a)
           try {
-            t.url = URL.createObjectURL(r);
-          } catch (n) {
-            o.onError?.(n, t, a.value);
+            t.url = URL.createObjectURL(a);
+          } catch (o) {
+            u.onError?.(o, t, r.value);
           }
         return t;
       }));
     }
-  ), l(
-    a,
+  ), f(
+    r,
     (e) => {
       if (e)
         for (const t of e)
-          t.uid ||= d(), t.status ||= "success";
+          t.uid ||= m(), t.status ||= "success";
     },
     { immediate: !0, deep: !0 }
   ), {
     /** @description two-way binding ref from props `fileList` */
-    uploadFiles: a,
-    abort: i,
-    clearFiles: f,
-    handleError: m,
-    handleProgress: b,
-    handleStart: g,
-    handleSuccess: h,
-    handleRemove: R,
-    submit: y
+    uploadFiles: r,
+    abort: l,
+    clearFiles: d,
+    handleError: g,
+    handleProgress: L,
+    handleStart: y,
+    handleSuccess: R,
+    handleRemove: E,
+    submit: v
   };
 };
 export {
-  k as useHandlers
+  z as useHandlers
 };

package/es/package.json.d.ts

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

package/es/package.json.js

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