vft 0.0.317 → 0.0.319

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

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

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

@@ -89,8 +89,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     method: string;
     multiple: boolean;
     action: string;
-    accept: string;
     showFileList: boolean;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;

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

@@ -1,14 +1,14 @@
-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, createBlock as m, createCommentVNode as t, renderSlot as l, unref as o, createSlots as g, withCtx as r, createVNode as D, mergeProps as k } from "vue";
+import { defineComponent as b, useSlots as U, shallowRef as T, computed as h, onBeforeUnmount as j, provide as N, toRef as V, createElementBlock as _, openBlock as f, createBlock as m, createCommentVNode as t, renderSlot as l, unref as o, createSlots as g, withCtx as r, createVNode as q, mergeProps as k } from "vue";
 import "../form/index.js";
-import { ajaxUpload as H } from "./ajax.js";
-import { uploadContextKey as K } from "./constants.js";
+import { ajaxUpload as D } from "./ajax.js";
+import { uploadContextKey as H } 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 z = w({
+import w from "./upload-list.vue2.js";
+import { useHandlers as K } from "./use-handlers.js";
+import { useFormDisabled as O } from "../form/hooks/use-form-common-props.js";
+const W = { class: "vft-upload-wrapper" }, z = b({
   name: "vft-upload"
-}), _ = /* @__PURE__ */ w({
+}), x = /* @__PURE__ */ b({
   ...z,
   props: {
     action: { default: "#" },
@@ -25,7 +25,7 @@ const z = w({
     fileList: { default: [] },
     autoUpload: { type: Boolean, default: !1 },
     listType: { default: "text" },
-    httpRequest: { type: Function, default: H },
+    httpRequest: { type: Function, default: D },
     disabled: { type: Boolean },
     limit: {},
     beforeUpload: {},
@@ -39,52 +39,52 @@ const z = w({
     onExceed: {}
   },
   setup($, { expose: B }) {
-    const i = $, s = U(), v = W(), u = T(), {
+    const i = $, s = U(), c = O(), u = T(), {
       abort: L,
       submit: P,
       clearFiles: C,
       uploadFiles: a,
-      handleStart: y,
+      handleStart: v,
       handleError: F,
-      handleRemove: n,
+      handleRemove: d,
       handleSuccess: S,
       handleProgress: E
-    } = O(i, u), d = h(() => i.listType === "picture-card"), c = h(() => ({
+    } = K(i, u), n = h(() => i.listType === "picture-card"), y = h(() => ({
       ...i,
       fileList: a.value,
-      onStart: y,
+      onStart: v,
       onProgress: E,
       onSuccess: S,
       onError: F,
-      onRemove: n
+      onRemove: d
     }));
     return j(() => {
       a.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
-    }), N(K, {
+    }), N(H, {
       accept: V(i, "accept")
     }), B({
       abort: L,
       submit: P,
       clearFiles: C,
-      handleStart: y,
-      handleRemove: n,
+      handleStart: v,
+      handleRemove: d,
       fileList: a
-    }), (e, A) => (f(), q("div", null, [
-      d.value && e.showFileList ? (f(), m(b, {
+    }), (e, A) => (f(), _("div", W, [
+      n.value && e.showFileList ? (f(), m(w, {
         key: 0,
-        disabled: o(v),
+        disabled: o(c),
         "list-type": e.listType,
         files: o(a),
         "handle-preview": e.onPreview,
-        onRemove: o(n)
+        onRemove: o(d)
       }, g({
         append: r(() => [
-          D(R, k({
+          q(R, k({
             ref_key: "uploadRef",
             ref: u
-          }, c.value), {
+          }, y.value), {
             default: r(() => [
               o(s).trigger ? l(e.$slots, "trigger", { key: 0 }) : t("", !0),
               !o(s).trigger && o(s).default ? l(e.$slots, "default", { key: 1 }) : t("", !0)
@@ -102,11 +102,11 @@ const z = w({
           key: "0"
         } : void 0
       ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : t("", !0),
-      !d.value || d.value && !e.showFileList ? (f(), m(R, k({
+      !n.value || n.value && !e.showFileList ? (f(), m(R, k({
         key: 1,
         ref_key: "uploadRef",
         ref: u
-      }, c.value), {
+      }, y.value), {
         default: r(() => [
           o(s).trigger ? l(e.$slots, "trigger", { key: 0 }) : t("", !0),
           !o(s).trigger && o(s).default ? l(e.$slots, "default", { key: 1 }) : t("", !0)
@@ -115,13 +115,13 @@ const z = w({
       }, 16)) : t("", !0),
       e.$slots.trigger ? l(e.$slots, "default", { key: 2 }) : t("", !0),
       l(e.$slots, "tip"),
-      !d.value && e.showFileList ? (f(), m(b, {
+      !n.value && e.showFileList ? (f(), m(w, {
         key: 3,
-        disabled: o(v),
+        disabled: o(c),
         "list-type": e.listType,
         files: o(a),
         "handle-preview": e.onPreview,
-        onRemove: o(n)
+        onRemove: o(d)
       }, g({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
@@ -135,5 +135,5 @@ const z = w({
   }
 });
 export {
-  _ as default
+  x as default
 };