vft 0.0.511 → 0.0.514

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

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

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

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