vft 0.0.506 → 0.0.509

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

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

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

@@ -1,22 +1,23 @@
-import { defineComponent as C, ref as B, createBlock as p, openBlock as n, TransitionGroup as F, unref as e, normalizeClass as t, withCtx as N, createElementBlock as m, renderSlot as h, Fragment as z, renderList as I, withKeys as P, createCommentVNode as a, createElementVNode as b, withModifiers as K, createVNode as f, toDisplayString as L, normalizeStyle as S, nextTick as D } from "vue";
+import { defineComponent as C, ref as N, createBlock as p, openBlock as n, TransitionGroup as z, unref as e, normalizeClass as t, withCtx as I, createElementBlock as m, renderSlot as h, Fragment as K, renderList as L, withKeys as P, createCommentVNode as a, createElementVNode as v, withModifiers as S, createVNode as f, toDisplayString as T, normalizeStyle as D, nextTick as E } from "vue";
 import "../form/index.js";
 import { VftIcon as u } from "../icon/index.js";
-import { VftProgress as E } from "../progress/index.js";
+import { VftProgress as U } from "../progress/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as U } from "../../utils/error.js";
+import { debugWarn as G } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useFormDisabled as G } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as M } from "../form/hooks/use-form-item.js";
-const R = ["onKeydown"], W = ["src"], j = ["onClick"], q = ["onClick"], A = ["onClick"], H = C({
+import { useLocale as M } from "../../locale/use-locale.js";
+import { useFormDisabled as R } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as W } from "../form/hooks/use-form-item.js";
+const j = ["onKeydown"], q = ["src"], A = ["onClick"], H = ["onClick"], J = ["onClick"], O = C({
   name: "VftUploadList"
-}), ae = /* @__PURE__ */ C({
-  ...H,
+}), ue = /* @__PURE__ */ C({
+  ...O,
   props: {
     files: { default: [] },
     disabled: { type: Boolean, default: !1 },
@@ -25,23 +26,23 @@ const R = ["onKeydown"], W = ["src"], j = ["onClick"], q = ["onClick"], A = ["on
     listType: { default: "text" }
   },
   emits: ["remove"],
-  setup(l, { emit: T }) {
-    const w = T, i = g("upload"), c = g("icon"), $ = g("list"), d = G(), { formItem: V } = M(), y = B(!1), v = (k) => {
-      w("remove", k), D(() => {
-        V?.validate("change").catch((o) => U(o));
+  setup(l, { emit: w }) {
+    const $ = w, i = g("upload"), o = g("icon"), V = g("list"), { t: x } = M(), d = R(), { formItem: B } = W(), y = N(!1), b = (k) => {
+      $("remove", k), E(() => {
+        B?.validate("change").catch((c) => G(c));
       });
     };
-    return (k, o) => (n(), p(F, {
+    return (k, c) => (n(), p(z, {
       tag: "ul",
       class: t([
         e(i).b("list"),
         e(i).bm("list", l.listType),
         e(i).is("disabled", e(d))
       ]),
-      name: e($).b()
+      name: e(V).b()
     }, {
-      default: N(() => [
-        (n(!0), m(z, null, I(l.files, (s, x) => (n(), m("li", {
+      default: I(() => [
+        (n(!0), m(K, null, L(l.files, (s, F) => (n(), m("li", {
           key: s.uid || s.name,
           class: t([
             e(i).be("list", "item"),
@@ -49,94 +50,94 @@ const R = ["onKeydown"], W = ["src"], j = ["onClick"], q = ["onClick"], A = ["on
             { focusing: y.value }
           ]),
           tabindex: "0",
-          onKeydown: P((r) => !e(d) && v(s), ["delete"]),
-          onFocus: o[0] || (o[0] = (r) => y.value = !0),
-          onBlur: o[1] || (o[1] = (r) => y.value = !1),
-          onClick: o[2] || (o[2] = (r) => y.value = !1)
+          onKeydown: P((r) => !e(d) && b(s), ["delete"]),
+          onFocus: c[0] || (c[0] = (r) => y.value = !0),
+          onBlur: c[1] || (c[1] = (r) => y.value = !1),
+          onClick: c[2] || (c[2] = (r) => y.value = !1)
         }, [
           h(k.$slots, "default", {
             file: s,
-            index: x
+            index: F
           }, () => [
             l.listType === "picture" || s.status !== "uploading" && l.listType === "picture-card" ? (n(), m("img", {
               key: 0,
               class: t(e(i).be("list", "item-thumbnail")),
               src: s.url,
               alt: ""
-            }, null, 10, W)) : a("", !0),
+            }, null, 10, q)) : a("", !0),
             s.status === "uploading" || l.listType !== "picture-card" ? (n(), m("div", {
               key: 1,
               class: t(e(i).be("list", "item-info"))
             }, [
-              b("a", {
+              v("a", {
                 class: t(e(i).be("list", "item-name")),
-                onClick: K((r) => l.handlePreview(s), ["prevent"])
+                onClick: S((r) => l.handlePreview(s), ["prevent"])
               }, [
                 f(e(u), {
-                  class: t(e(c).m("document")),
+                  class: t(e(o).m("document")),
                   icon: "icon-document"
                 }, null, 8, ["class"]),
-                b("span", {
+                v("span", {
                   class: t(e(i).be("list", "item-file-name"))
-                }, L(s.name), 3)
-              ], 10, j),
-              s.status === "uploading" ? (n(), p(e(E), {
+                }, T(s.name), 3)
+              ], 10, A),
+              s.status === "uploading" ? (n(), p(e(U), {
                 key: 0,
                 type: l.listType === "picture-card" ? "circle" : "line",
                 "stroke-width": l.listType === "picture-card" ? 6 : 2,
                 percentage: Number(s.percentage),
-                style: S(l.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+                style: D(l.listType === "picture-card" ? "" : "margin-top: 0.5rem")
               }, null, 8, ["type", "stroke-width", "percentage", "style"])) : a("", !0)
             ], 2)) : a("", !0),
-            b("label", {
+            v("label", {
               class: t(e(i).be("list", "item-status-label"))
             }, [
               l.listType === "text" ? (n(), p(e(u), {
                 key: 0,
                 icon: "icon-circle-check",
-                class: t([e(c).m("upload-success"), e(c).m("circle-check")])
+                class: t([e(o).m("upload-success"), e(o).m("circle-check")])
               }, null, 8, ["class"])) : ["picture-card", "picture"].includes(l.listType) ? (n(), p(e(u), {
                 key: 1,
                 icon: "icon-check",
-                class: t([e(c).m("upload-success"), e(c).m("check")])
+                class: t([e(o).m("upload-success"), e(o).m("check")])
               }, null, 8, ["class"])) : a("", !0)
             ], 2),
             e(d) ? a("", !0) : (n(), p(e(u), {
               key: 2,
               icon: "icon-close",
-              class: t(e(c).m("close")),
-              onClick: (r) => v(s)
+              class: t(e(o).m("close")),
+              onClick: (r) => b(s)
             }, null, 8, ["class", "onClick"])),
             e(d) ? a("", !0) : (n(), m("i", {
               key: 3,
-              class: t(e(c).m("close-tip"))
-            }, " 按 delete 键可删除 ", 2)),
+              class: t(e(o).m("close-tip"))
+            }, T(e(x)("vft.upload.deleteKeyTip")), 3)),
             l.listType === "picture-card" ? (n(), m("span", {
               key: 4,
               class: t(e(i).be("list", "item-actions"))
             }, [
-              b("span", {
+              v("span", {
                 class: t(e(i).be("list", "item-preview")),
                 onClick: (r) => l.handlePreview(s)
               }, [
                 f(e(u), {
                   icon: "icon-zoom-in",
-                  class: t(e(c).m("zoom-in"))
+                  class: t(e(o).m("zoom-in"))
                 }, null, 8, ["class"])
-              ], 10, q),
+              ], 10, H),
               e(d) ? a("", !0) : (n(), m("span", {
                 key: 0,
                 class: t(e(i).be("list", "item-delete")),
-                onClick: (r) => v(s)
+                onClick: (r) => b(s)
               }, [
                 f(e(u), {
                   icon: "icon-delete",
-                  class: t(e(c).m("delete"))
+                  class: t(e(o).m("delete"))
                 }, null, 8, ["class"])
-              ], 10, A))
+              ], 10, J))
             ], 2)) : a("", !0)
           ])
-        ], 42, R))), 128)),
+        ], 42, j))), 128)),
         h(k.$slots, "append")
       ]),
       _: 3
@@ -144,5 +145,5 @@ const R = ["onKeydown"], W = ["src"], j = ["onClick"], q = ["onClick"], A = ["on
   }
 });
 export {
-  ae as default
+  ue as default
 };

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

@@ -23,7 +23,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fileList: never[];
     replaceOnLimit: boolean;
     maxSize: undefined;
-    sizeExceedMessage: string;
+    sizeExceedMessage: undefined;
     sizeWidth: undefined;
     sizeHeight: undefined;
     onExceed: () => void;
@@ -91,7 +91,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fileList: never[];
     replaceOnLimit: boolean;
     maxSize: undefined;
-    sizeExceedMessage: string;
+    sizeExceedMessage: undefined;
     sizeWidth: undefined;
     sizeHeight: undefined;
     onExceed: () => void;