@transsionfe/semi-ui-vue 0.0.3 → 0.0.5

package/lib/es/components/upload/Upload.vue.js

@@ -1,19 +1,22 @@
-import { defineComponent as Ue, computed as h, reactive as ae, ref as re, useSlots as xe, watch as Ee, createElementBlock as d, openBlock as l, mergeProps as ie, unref as o, createCommentVNode as u, normalizeClass as s, renderSlot as P, Fragment as L, createElementVNode as f, createVNode as I, toDisplayString as v, createTextVNode as le, withDirectives as Be, vShow as Me, renderList as H, createBlock as g, resolveDynamicComponent as $, normalizeStyle as j, withModifiers as T, withCtx as q, nextTick as oe, h as A } from "vue";
+import { defineComponent as Ue, computed as h, reactive as re, ref as ie, useSlots as Ee, watch as Be, openBlock as o, createElementBlock as d, mergeProps as E, unref as l, normalizeClass as n, renderSlot as w, createCommentVNode as u, Fragment as P, createElementVNode as f, createVNode as T, toDisplayString as m, createTextVNode as le, withDirectives as xe, vShow as Me, renderList as z, createBlock as g, resolveDynamicComponent as F, normalizeStyle as G, withModifiers as A, withCtx as X, nextTick as oe, h as D } from "vue";
 import He from "@douyinfe/semi-foundation/upload/foundation";
-import { cssClasses as Oe, strings as b } from "@douyinfe/semi-foundation/upload/constants";
+import { cssClasses as Oe, strings as L } from "@douyinfe/semi-foundation/upload/constants";
 import ne from "../progress/Progress.vue.js";
+import "../progress/progress.css";
 import se from "../button/Button.vue.js";
+import "../button/button.css";
 import ce from "../tooltip/Tooltip.vue.js";
+import "../tooltip/tooltip.css";
 import ze from "../typography/Text.vue.js";
 import { useLocale as We } from "../_utils/useLocale.js";
 import { useBaseComponent as Ve } from "../_utils/useBaseComponent.js";
 import { useFoundation as Ne } from "../../_utils/useFoundation.js";
-import Ke from "../icons/icons/IconUpload.js";
-import de from "../icons/icons/IconFile.js";
-import Ze from "../icons/icons/IconRefresh.js";
-import je from "../icons/icons/IconClear.js";
-import qe from "../icons/icons/IconClose.js";
-const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["accept"], Qe = ["aria-disabled"], Ye = ["aria-disabled"], _e = ["aria-disabled"], et = ["aria-disabled"], tt = ["onClick"], at = ["src", "alt", "onError"], rt = ["onClick"], it = ["onClick"], lt = ["onClick"], ot = ["aria-disabled"], nt = ["onClick"], st = ["src", "alt", "onError"], ct = ["onClick"], Lt = /* @__PURE__ */ Ue({
+import Ke from "../icons/icons/IconUpload.vue.js";
+import de from "../icons/icons/IconFile.vue.js";
+import Ze from "../icons/icons/IconRefresh.vue.js";
+import je from "../icons/icons/IconClear.vue.js";
+import qe from "../icons/icons/IconClose.vue.js";
+const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["accept"], Qe = ["aria-disabled"], Ye = ["aria-disabled"], _e = ["aria-disabled"], et = ["aria-disabled"], tt = ["onClick"], at = ["src", "alt", "onError"], rt = ["onClick"], it = ["onClick"], lt = ["onClick"], ot = ["aria-disabled"], nt = ["onClick"], st = ["src", "alt", "onError"], ct = ["onClick"], It = /* @__PURE__ */ Ue({
   __name: "Upload",
   props: {
     accept: {},
@@ -102,18 +105,18 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
     locale: {}
   },
   emits: ["change", "fileChange", "error", "success", "progress", "remove", "sizeError", "exceed", "clear", "previewClick", "drop", "acceptInvalid", "retry", "pastingError"],
-  setup(n, { expose: ue, emit: pe }) {
-    const r = Oe.PREFIX, a = n, fe = We({
+  setup(s, { expose: ue, emit: pe }) {
+    const r = Oe.PREFIX, a = s, fe = We({
       componentName: "Upload",
       locale: a.locale
-    }), ge = h(() => fe.value.locale), k = (e, i) => (e == null ? void 0 : e[i]) || ge.value[i], y = pe, p = ae({
+    }), ge = h(() => fe.value.locale), k = (e, i) => (e == null ? void 0 : e[i]) || ge.value[i], v = pe, p = re({
       fileList: a.defaultFileList || [],
       replaceIdx: -1,
       inputKey: Math.random(),
       replaceInputKey: Math.random(),
       dragAreaStatus: "default",
       localUrls: []
-    }), O = re(), z = re(), G = xe(), { adapter: ve, getDataAttr: ye } = Ve(a, p), me = h(() => [
+    }), W = ie(), V = ie(), S = Ee(), { adapter: me, getDataAttr: ve } = Ve(a, p), ye = h(() => [
       r,
       {
         [`${r}-picture`]: a.listType === "picture",
@@ -124,10 +127,10 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
         [`${r}-success`]: a.validateStatus === "success"
       },
       a.className
-    ].filter(Boolean)), he = h(() => `${r}-hidden-input`), ke = h(() => `${r}-hidden-input-replace`), we = h(() => `${r}-prompt`), Ce = h(() => `${r}-validate-message`), $e = h(() => a.directory ? { directory: "directory", webkitdirectory: "webkitdirectory" } : {}), w = h(() => {
+    ].filter(Boolean)), he = h(() => `${r}-hidden-input`), ke = h(() => `${r}-hidden-input-replace`), $e = h(() => `${r}-prompt`), we = h(() => `${r}-validate-message`), Ce = h(() => a.directory ? { directory: "directory", webkitdirectory: "webkitdirectory" } : {}), C = h(() => {
       const e = a.fileList || p.fileList;
       return Array.isArray(e) ? e : [];
-    }), W = h(() => a.limit ? a.limit > w.value.length : !0), V = h(() => {
+    }), N = h(() => a.limit ? a.limit > C.value.length : !0), K = h(() => {
       const e = `${r}-add`;
       return [
         e,
@@ -145,36 +148,36 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
         {
           [`${e}-legal`]: p.dragAreaStatus === "legal",
           [`${e}-illegal`]: p.dragAreaStatus === "illegal",
-          [`${e}-custom`]: !!G.default
+          [`${e}-custom`]: !!S.default
         }
       ].filter(Boolean);
-    }), X = h(() => [
+    }), J = h(() => [
       `${r}-file-list`,
       {
         [`${r}-picture-file-list`]: a.listType === "picture"
       }
     ].filter(Boolean)), Fe = {
-      ...ve,
+      ...me,
       notifyFileSelect: (e) => {
-        y("fileChange", e);
+        v("fileChange", e);
       },
       notifyError: (e, i, t, c) => {
-        y("error", e, i, t, c);
+        v("error", e, i, t, c);
       },
       notifySuccess: (e, i, t) => {
-        y("success", e, i, t);
+        v("success", e, i, t);
       },
       notifyProgress: (e, i, t) => {
-        y("progress", e, i, t);
+        v("progress", e, i, t);
       },
       notifyRemove: (e, i, t) => {
-        y("remove", e, i, t);
+        v("remove", e, i, t);
       },
       notifySizeError: (e, i) => {
-        y("sizeError", e, i);
+        v("sizeError", e, i);
       },
       notifyExceed: (e) => {
-        y("exceed", e);
+        v("exceed", e);
       },
       updateFileList: (e, i) => {
         const t = Array.isArray(e) ? e : [];
@@ -206,22 +209,22 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
         return (i = a.beforeClear) == null ? void 0 : i.call(a, e);
       },
       notifyChange: ({ currentFile: e, fileList: i }) => {
-        y("change", { currentFile: e, fileList: i });
+        v("change", { currentFile: e, fileList: i });
       },
       updateLocalUrls: (e) => {
         p.localUrls = e;
       },
       notifyClear: () => {
-        y("clear");
+        v("clear");
       },
       notifyPreviewClick: (e) => {
-        a.onPreviewClick && a.onPreviewClick(e), y("previewClick", e);
+        a.onPreviewClick && a.onPreviewClick(e), v("previewClick", e);
       },
       notifyDrop: (e, i, t) => {
-        y("drop", e, i, t);
+        v("drop", e, i, t);
       },
       notifyAcceptInvalid: (e) => {
-        y("acceptInvalid", e);
+        v("acceptInvalid", e);
       },
       registerPastingHandler: (e) => {
         e && (document.body.addEventListener("keydown", e), window._semiUploadPastingCb = e);
@@ -232,30 +235,30 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
       },
       isMac: () => navigator.platform.toUpperCase().indexOf("MAC") >= 0,
       notifyPastingError: (e) => {
-        y("pastingError", e);
+        v("pastingError", e);
       }
-    }, { foundation: m } = Ne(He, Fe), S = () => {
+    }, { foundation: y } = Ne(He, Fe), I = () => {
       const { onOpenFileDialog: e } = a;
-      a.disabled || !O.value || (O.value.click(), e && typeof e == "function" && e());
+      a.disabled || !W.value || (W.value.click(), e && typeof e == "function" && e());
     }, Le = (e) => {
       const i = e.target, { files: t } = i;
-      t && m.handleChange(t);
+      t && y.handleChange(t);
     }, Se = (e) => {
       const i = e.target, { files: t } = i;
-      t && m.handleReplaceChange(t);
+      t && y.handleReplaceChange(t);
     }, Pe = () => {
-      m.handleClear();
-    }, U = (e) => {
-      m.handleRemove(e);
-    }, x = (e) => {
-      m.handleDrop(e);
-    }, E = (e) => {
-      e.preventDefault(), m.handleDragOver(e);
+      y.handleClear();
     }, B = (e) => {
-      m.handleDragLeave(e);
+      y.handleRemove(e);
+    }, x = (e) => {
+      y.handleDrop(e);
     }, M = (e) => {
-      m.handleDragEnter(e);
-    }, D = ae({}), Ie = (e = {}) => A(
+      e.preventDefault(), y.handleDragOver(e);
+    }, H = (e) => {
+      y.handleDragLeave(e);
+    }, O = (e) => {
+      y.handleDragEnter(e);
+    }, R = re({}), Ie = (e = {}) => D(
       "svg",
       {
         focusable: !1,
@@ -268,21 +271,21 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
         ...e
       },
       [
-        A("circle", { cx: "14", cy: "14", r: "14", fill: "#16161A", fillOpacity: "0.6" }),
-        A("path", {
+        D("circle", { cx: "14", cy: "14", r: "14", fill: "#16161A", fillOpacity: "0.6" }),
+        D("path", {
           d: "M9 10.25V18.25L10.25 13.25H17.875V11.75C17.875 11.4739 17.6511 11.25 17.375 11.25H14L12.75 9.75H9.5C9.22386 9.75 9 9.97386 9 10.25Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round"
         }),
-        A("path", {
+        D("path", {
           d: "M18 18.25L19 13.25H10.2031L9 18.25H18Z",
           stroke: "currentColor",
           strokeLinecap: "round",
           strokeLinejoin: "round"
         })
       ]
-    ), Te = (e = {}) => A(
+    ), Te = (e = {}) => D(
       "svg",
       {
         focusable: !1,
@@ -295,7 +298,7 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
         ...e
       },
       [
-        A("path", {
+        D("path", {
           d: "M6 17V7.58824C6 7.26336 6.26863 7 6.6 7H10.5L12 8.76471H16.05C16.3814 8.76471 16.65 9.02806 16.65 9.35294V11.1176H7.5L6 17ZM6 17L7.44375 11.1176H18L16.8 17L6 17Z",
           stroke: "currentColor",
           strokeWidth: "1.5",
@@ -303,46 +306,46 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
           strokeLinejoin: "round"
         })
       ]
-    ), J = (e, i) => {
+    ), Q = (e, i) => {
       const c = {
         [i === "picture" ? `${r}-picture-file-card` : `${r}-file-card`]: !0
       };
-      return i === "picture" ? (c[`${r}-picture-file-card-preview-fallback`] = D[e.uid], c[`${r}-picture-file-card-disabled`] = a.disabled, c[`${r}-picture-file-card-show-pointer`] = typeof a.onPreviewClick < "u", c[`${r}-picture-file-card-error`] = e.status === b.FILE_STATUS_UPLOAD_FAIL, c[`${r}-picture-file-card-uploading`] = N(e), a.renderThumbnail && a.picHeight && a.picWidth && (c[`${r}-picture-file-card-custom-thumbnail`] = !0)) : (c[`${r}-file-card-fail`] = e.status === b.FILE_STATUS_VALID_FAIL || e.status === b.FILE_STATUS_UPLOAD_FAIL, c[`${r}-file-card-show-pointer`] = typeof a.onPreviewClick < "u"), c;
+      return i === "picture" ? (c[`${r}-picture-file-card-preview-fallback`] = R[e.uid], c[`${r}-picture-file-card-disabled`] = a.disabled, c[`${r}-picture-file-card-show-pointer`] = typeof a.onPreviewClick < "u", c[`${r}-picture-file-card-error`] = e.status === L.FILE_STATUS_UPLOAD_FAIL, c[`${r}-picture-file-card-uploading`] = Z(e), (S.thumbnail || a.renderThumbnail) && a.picHeight && a.picWidth && (c[`${r}-picture-file-card-custom-thumbnail`] = !0)) : (c[`${r}-file-card-fail`] = e.status === L.FILE_STATUS_VALID_FAIL || e.status === L.FILE_STATUS_UPLOAD_FAIL, c[`${r}-file-card-show-pointer`] = typeof a.onPreviewClick < "u"), c;
     }, Ae = (e) => {
       const i = {};
       return a.picHeight && (i.height = a.picHeight), a.picWidth && (i.width = a.picWidth), i;
     }, De = (e) => {
       const i = {};
       return a.picHeight && (i.height = a.picHeight), a.picWidth && (i.width = a.picWidth), i;
-    }, N = (e) => !(e.percent === 100 || typeof e.percent > "u") && e.status === b.FILE_STATUS_UPLOADING, Q = (e) => e.status === b.FILE_STATUS_UPLOAD_FAIL && a.showRetry, Y = (e) => e.status === b.FILE_STATUS_SUCCESS && a.showReplace, Re = (e) => e ? typeof e == "number" ? e < 1024 ? `${e}B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)}KB` : `${(e / (1024 * 1024)).toFixed(2)}MB` : e : "", _ = (e) => {
-      e && e.uid && (D[e.uid] = !0);
-    }, K = (e) => {
+    }, Z = (e) => !(e.percent === 100 || typeof e.percent > "u") && e.status === L.FILE_STATUS_UPLOADING, Y = (e) => e.status === L.FILE_STATUS_UPLOAD_FAIL && a.showRetry, _ = (e) => e.status === L.FILE_STATUS_SUCCESS && a.showReplace, Re = (e) => e ? typeof e == "number" ? e < 1024 ? `${e}B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)}KB` : `${(e / (1024 * 1024)).toFixed(2)}MB` : e : "", ee = (e) => {
+      e && e.uid && (R[e.uid] = !0);
+    }, j = (e) => {
       var i;
-      m.retry(e), (i = a.onRetry) == null || i.call(a, e);
-    }, Z = (e) => {
+      y.retry(e), (i = a.onRetry) == null || i.call(a, e);
+    }, q = (e) => {
       p.replaceIdx = e, oe(() => {
-        z.value && z.value.click();
+        V.value && V.value.click();
       });
-    }, ee = (e) => {
-      m.handlePreviewClick(e);
     }, te = (e) => {
-      a.onPreviewClick && ee(e);
-    }, R = (e) => {
+      y.handlePreviewClick(e);
+    }, ae = (e) => {
+      a.onPreviewClick && te(e);
+    }, U = (e) => {
       if (e.validateMessage)
         return typeof e.validateMessage == "string" ? e.validateMessage : void 0;
-      if (e.status === b.FILE_STATUS_UPLOAD_FAIL)
+      if (e.status === L.FILE_STATUS_UPLOAD_FAIL)
         return k(void 0, "fail");
       if (e._sizeInvalid)
         return k(void 0, "illegalSize");
-    }, F = (e, i) => {
+    }, $ = (e, i) => {
       const t = {
         ...e,
         index: i,
         key: e.uid || `${e.name}${i}`,
-        onRemove: () => U(e),
-        onRetry: () => K(e),
-        onReplace: () => Z(i),
-        onPreviewClick: a.onPreviewClick ? () => ee(e) : () => {
+        onRemove: () => B(e),
+        onRetry: () => j(e),
+        onReplace: () => q(i),
+        onPreviewClick: a.onPreviewClick ? () => te(e) : () => {
         },
         previewFile: a.previewFile,
         listType: a.listType || "list",
@@ -359,322 +362,328 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
         showTooltip: a.showTooltip,
         showRetry: a.showRetry,
         showReplace: a.showReplace
-      }, c = R(e);
+      }, c = U(e);
       return c && (t.validateMessage = c), t;
     };
     return ue({
-      upload: () => m.manualUpload(),
-      openFileDialog: S,
-      insert: (e, i) => m.insertFileToList(e, i)
-    }), Ee(
+      upload: () => y.manualUpload(),
+      openFileDialog: I,
+      insert: (e, i) => y.insertFileToList(e, i)
+    }), Be(
       () => a.fileList,
       (e) => {
         e && (p.fileList = e);
       },
       { immediate: !0 }
-    ), (e, i) => (l(), d("div", ie({
-      class: me.value,
-      style: n.style,
-      "x-prompt-pos": n.promptPosition
-    }, o(ye)()), [
-      (l(), d("input", ie({
+    ), (e, i) => (o(), d("div", E({
+      class: ye.value,
+      style: s.style,
+      "x-prompt-pos": s.promptPosition
+    }, l(ve)()), [
+      (o(), d("input", E({
         key: p.inputKey,
         ref_key: "inputRef",
-        ref: O,
-        capture: n.capture,
-        multiple: n.multiple,
-        accept: n.accept,
+        ref: W,
+        capture: s.capture,
+        multiple: s.multiple,
+        accept: s.accept,
         type: "file",
         autocomplete: "off",
         tabindex: "-1",
         class: he.value
-      }, $e.value, { onChange: Le }), null, 16, Xe)),
-      (l(), d("input", {
+      }, Ce.value, { onChange: Le }), null, 16, Xe)),
+      (o(), d("input", {
         key: p.replaceInputKey,
         ref_key: "replaceInputRef",
-        ref: z,
+        ref: V,
         multiple: !1,
-        accept: n.accept,
+        accept: s.accept,
         type: "file",
         autocomplete: "off",
         tabindex: "-1",
-        class: s(ke.value),
+        class: n(ke.value),
         onChange: Se
       }, null, 42, Je)),
-      n.listType !== "picture" && !n.draggable ? (l(), d("div", {
+      s.listType !== "picture" && !s.draggable ? (o(), d("div", {
         key: 0,
         role: "button",
         tabindex: "0",
-        "aria-disabled": n.disabled,
-        class: s(`${o(r)}-add`),
-        onClick: S
+        "aria-disabled": s.disabled,
+        class: n(`${l(r)}-add`),
+        onClick: I
       }, [
-        P(e.$slots, "default")
+        w(e.$slots, "default")
       ], 10, Qe)) : u("", !0),
-      n.draggable ? (l(), d("div", {
+      s.draggable ? (o(), d("div", {
         key: 1,
         role: "button",
         tabindex: "0",
-        "aria-disabled": n.disabled,
-        class: s(be.value),
+        "aria-disabled": s.disabled,
+        class: n(be.value),
         onDrop: x,
-        onDragover: E,
-        onDragleave: B,
-        onDragenter: M,
-        onClick: S
+        onDragover: M,
+        onDragleave: H,
+        onDragenter: O,
+        onClick: I
       }, [
-        o(G).default ? P(e.$slots, "default", { key: 0 }) : (l(), d(L, { key: 1 }, [
+        l(S).default ? w(e.$slots, "default", { key: 0 }) : (o(), d(P, { key: 1 }, [
           f("div", {
-            class: s(`${o(r)}-drag-area-icon`)
+            class: n(`${l(r)}-drag-area-icon`)
           }, [
-            I(o(Ke), { size: "extra-large" })
+            T(l(Ke), { size: "extra-large" })
           ], 2),
           f("div", {
-            class: s(`${o(r)}-drag-area-text`)
+            class: n(`${l(r)}-drag-area-text`)
           }, [
             f("div", {
-              class: s(`${o(r)}-drag-area-main-text`),
+              class: n(`${l(r)}-drag-area-main-text`),
               "x-semi-prop": "dragMainText"
-            }, v(n.dragMainText || k(void 0, "mainText")), 3),
+            }, m(s.dragMainText || k(void 0, "mainText")), 3),
             f("div", {
-              class: s(`${o(r)}-drag-area-sub-text`),
+              class: n(`${l(r)}-drag-area-sub-text`),
               "x-semi-prop": "dragSubText"
-            }, v(n.dragSubText), 3),
+            }, m(s.dragSubText), 3),
             f("div", {
-              class: s(`${o(r)}-drag-area-tips`)
+              class: n(`${l(r)}-drag-area-tips`)
             }, [
-              p.dragAreaStatus === "legal" ? (l(), d("span", {
+              p.dragAreaStatus === "legal" ? (o(), d("span", {
                 key: 0,
-                class: s(`${o(r)}-drag-area-tips-legal`)
-              }, v(k(void 0, "legalTips")), 3)) : u("", !0),
-              p.dragAreaStatus === "illegal" ? (l(), d("span", {
+                class: n(`${l(r)}-drag-area-tips-legal`)
+              }, m(k(void 0, "legalTips")), 3)) : u("", !0),
+              p.dragAreaStatus === "illegal" ? (o(), d("span", {
                 key: 1,
-                class: s(`${o(r)}-drag-area-tips-illegal`)
-              }, v(k(void 0, "illegalTips")), 3)) : u("", !0)
+                class: n(`${l(r)}-drag-area-tips-illegal`)
+              }, m(k(void 0, "illegalTips")), 3)) : u("", !0)
             ], 2)
           ], 2)
         ], 64))
       ], 42, Ye)) : u("", !0),
-      e.$slots.prompt || n.prompt ? (l(), d("div", {
+      e.$slots.prompt || s.prompt ? (o(), d("div", {
         key: 2,
-        class: s(we.value),
+        class: n($e.value),
         "x-semi-prop": "prompt"
       }, [
-        e.$slots.prompt ? P(e.$slots, "prompt", { key: 0 }) : (l(), d(L, { key: 1 }, [
-          le(v(n.prompt), 1)
+        e.$slots.prompt ? w(e.$slots, "prompt", { key: 0 }) : (o(), d(P, { key: 1 }, [
+          le(m(s.prompt), 1)
         ], 64))
       ], 2)) : u("", !0),
-      n.validateMessage ? (l(), d("div", {
+      s.validateMessage ? (o(), d("div", {
         key: 3,
-        class: s(Ce.value),
+        class: n(we.value),
         "x-semi-prop": "validateMessage"
-      }, v(n.validateMessage), 3)) : u("", !0),
-      n.listType === "picture" ? (l(), d(L, { key: 4 }, [
-        !n.showUploadList || !w.value.length ? Be((l(), d("div", {
+      }, m(s.validateMessage), 3)) : u("", !0),
+      s.listType === "picture" ? (o(), d(P, { key: 4 }, [
+        !s.showUploadList || !C.value.length ? xe((o(), d("div", {
           key: 0,
-          class: s(V.value),
+          class: n(K.value),
           role: "button",
           tabindex: "0",
-          "aria-disabled": n.disabled,
-          onClick: S,
+          "aria-disabled": s.disabled,
+          onClick: I,
           onDrop: x,
-          onDragover: E,
-          onDragleave: B,
-          onDragenter: M
+          onDragover: M,
+          onDragleave: H,
+          onDragenter: O
         }, [
-          P(e.$slots, "default")
+          w(e.$slots, "default")
         ], 42, _e)), [
-          [Me, W.value]
-        ]) : (l(), d("div", {
+          [Me, N.value]
+        ]) : (o(), d("div", {
           key: 1,
-          class: s(X.value)
+          class: n(J.value)
         }, [
           f("div", {
-            class: s(`${o(r)}-file-list-main`),
+            class: n(`${l(r)}-file-list-main`),
             role: "list",
             "aria-label": "picture list"
           }, [
-            W.value && n.hotSpotLocation === "start" ? (l(), d("div", {
+            N.value && s.hotSpotLocation === "start" ? (o(), d("div", {
               key: 0,
-              class: s(V.value),
+              class: n(K.value),
               role: "button",
               tabindex: "0",
-              "aria-disabled": n.disabled,
-              onClick: S,
+              "aria-disabled": s.disabled,
+              onClick: I,
               onDrop: x,
-              onDragover: E,
-              onDragleave: B,
-              onDragenter: M
+              onDragover: M,
+              onDragleave: H,
+              onDragenter: O
             }, [
-              P(e.$slots, "default")
+              w(e.$slots, "default")
             ], 42, et)) : u("", !0),
-            n.renderFileItem ? (l(!0), d(L, { key: 1 }, H(w.value, (t, c) => (l(), g($(() => n.renderFileItem(F(t, c))), {
+            s.renderFileItem ? (o(!0), d(P, { key: 1 }, z(C.value, (t, c) => (o(), g(F(() => s.renderFileItem($(t, c))), {
               key: t.uid || `${t.name}${c}`
-            }))), 128)) : (l(!0), d(L, { key: 2 }, H(w.value, (t, c) => (l(), d("div", {
+            }))), 128)) : (o(!0), d(P, { key: 2 }, z(C.value, (t, c) => (o(), d("div", {
               key: t.uid || `${t.name}${c}`,
-              class: s(J(t, "picture")),
-              style: j(Ae()),
+              class: n(Q(t, "picture")),
+              style: G(Ae()),
               role: "listitem",
-              onClick: (C) => te(t)
+              onClick: (b) => ae(t)
             }, [
-              n.renderThumbnail ? (l(), g($(() => n.renderThumbnail(F(t, c))), { key: 0 })) : t.url && t.preview && !D[t.uid] ? (l(), d("img", {
-                key: 1,
+              l(S).thumbnail ? w(e.$slots, "thumbnail", E({
+                key: 0,
+                ref_for: !0
+              }, $(t, c))) : a.renderThumbnail ? (o(), g(F(() => a.renderThumbnail($(t, c))), { key: 1 })) : t.url && t.preview && !R[t.uid] ? (o(), d("img", {
+                key: 2,
                 src: t.url,
                 alt: t.name,
-                style: j(De()),
-                onError: () => _(t)
-              }, null, 44, at)) : (l(), g(o(de), {
-                key: 2,
+                style: G(De()),
+                onError: () => ee(t)
+              }, null, 44, at)) : (o(), g(l(de), {
+                key: 3,
                 size: "large"
               })),
-              N(t) ? (l(), g(o(ne), {
-                key: 3,
+              Z(t) ? (o(), g(l(ne), {
+                key: 4,
                 percent: t.percent || 0,
                 type: "circle",
                 size: "small",
                 orbitStroke: "#FFF",
                 "aria-label": "uploading file progress"
               }, null, 8, ["percent"])) : u("", !0),
-              Q(t) ? (l(), d("div", {
-                key: 4,
+              Y(t) ? (o(), d("div", {
+                key: 5,
                 role: "button",
                 tabindex: "0",
-                class: s(`${o(r)}-picture-file-card-retry`),
-                onClick: T((C) => K(t), ["stop"])
+                class: n(`${l(r)}-picture-file-card-retry`),
+                onClick: A((b) => j(t), ["stop"])
               }, [
-                I(o(Ze), {
-                  class: s(`${o(r)}-picture-file-card-icon-retry`)
+                T(l(Ze), {
+                  class: n(`${l(r)}-picture-file-card-icon-retry`)
                 }, null, 8, ["class"])
               ], 10, rt)) : u("", !0),
-              Y(t) ? (l(), g(o(ce), {
-                key: 5,
+              _(t) ? (o(), g(l(ce), {
+                key: 6,
                 trigger: "hover",
                 position: "top",
                 content: k(void 0, "replace"),
                 showArrow: !1,
                 spacing: 4
               }, {
-                default: q(() => [
+                default: X(() => [
                   f("div", {
                     role: "button",
                     tabindex: "0",
-                    class: s(`${o(r)}-picture-file-card-replace`),
-                    onClick: T((C) => Z(c), ["stop"])
+                    class: n(`${l(r)}-picture-file-card-replace`),
+                    onClick: A((b) => q(c), ["stop"])
                   }, [
-                    I(Ie, {
-                      class: s(`${o(r)}-picture-file-card-icon-replace`)
+                    T(Ie, {
+                      class: n(`${l(r)}-picture-file-card-icon-replace`)
                     }, null, 8, ["class"])
                   ], 10, it)
                 ]),
                 _: 2
               }, 1032, ["content"])) : u("", !0),
-              t.status === o(b).FILE_STATUS_SUCCESS && !a.showReplace ? (l(), d("div", {
-                key: 6,
-                class: s(`${o(r)}-picture-file-card-preview`)
+              t.status === l(L).FILE_STATUS_SUCCESS && !a.showReplace ? (o(), d("div", {
+                key: 7,
+                class: n(`${l(r)}-picture-file-card-preview`)
               }, [
-                n.renderPicPreviewIcon ? (l(), g($(() => n.renderPicPreviewIcon(F(t, c))), { key: 0 })) : u("", !0)
+                s.renderPicPreviewIcon ? (o(), g(F(() => s.renderPicPreviewIcon($(t, c))), { key: 0 })) : u("", !0)
               ], 2)) : u("", !0),
-              n.renderPicClose ? (l(), g($(
-                () => n.renderPicClose({
-                  className: `${o(r)}-picture-file-card-close`,
-                  remove: (C) => U(t)
+              s.renderPicClose ? (o(), g(F(
+                () => s.renderPicClose({
+                  className: `${l(r)}-picture-file-card-close`,
+                  remove: (b) => B(t)
                 })
-              ), { key: 7 })) : n.disabled ? u("", !0) : (l(), d("div", {
-                key: 8,
+              ), { key: 8 })) : s.disabled ? u("", !0) : (o(), d("div", {
+                key: 9,
                 role: "button",
                 tabindex: "0",
-                class: s(`${o(r)}-picture-file-card-close`),
-                onClick: T((C) => U(t), ["stop"])
+                class: n(`${l(r)}-picture-file-card-close`),
+                onClick: A((b) => B(t), ["stop"])
               }, [
-                I(o(je), {
-                  class: s(`${o(r)}-picture-file-card-icon-close`)
+                T(l(je), {
+                  class: n(`${l(r)}-picture-file-card-icon-close`)
                 }, null, 8, ["class"])
               ], 10, lt)),
-              n.renderPicInfo ? (l(), g($(() => n.renderPicInfo(F(t, c))), { key: 9 })) : n.showPicInfo ? (l(), d("div", {
-                key: 10,
-                class: s(`${o(r)}-picture-file-card-pic-info`)
-              }, v(c + 1), 3)) : u("", !0),
-              R(t) ? (l(), d("div", {
+              s.renderPicInfo ? (o(), g(F(() => s.renderPicInfo($(t, c))), { key: 10 })) : s.showPicInfo ? (o(), d("div", {
                 key: 11,
-                class: s(`${o(r)}-file-card-validate-message`)
-              }, v(R(t)), 3)) : u("", !0)
+                class: n(`${l(r)}-picture-file-card-pic-info`)
+              }, m(c + 1), 3)) : u("", !0),
+              U(t) ? (o(), d("div", {
+                key: 12,
+                class: n(`${l(r)}-file-card-validate-message`)
+              }, m(U(t)), 3)) : u("", !0)
             ], 14, tt))), 128)),
-            W.value && n.hotSpotLocation === "end" ? (l(), d("div", {
+            N.value && s.hotSpotLocation === "end" ? (o(), d("div", {
               key: 3,
-              class: s(V.value),
+              class: n(K.value),
               role: "button",
               tabindex: "0",
-              "aria-disabled": n.disabled,
-              onClick: S,
+              "aria-disabled": s.disabled,
+              onClick: I,
               onDrop: x,
-              onDragover: E,
-              onDragleave: B,
-              onDragenter: M
+              onDragover: M,
+              onDragleave: H,
+              onDragenter: O
             }, [
-              P(e.$slots, "default")
+              w(e.$slots, "default")
             ], 42, ot)) : u("", !0)
           ], 2)
         ], 2))
       ], 64)) : u("", !0),
-      n.listType !== "picture" && n.showUploadList && w.value.length ? (l(), d("div", {
+      s.listType !== "picture" && s.showUploadList && C.value.length ? (o(), d("div", {
         key: 5,
-        class: s(X.value)
+        class: n(J.value)
       }, [
-        n.limit !== 1 && w.value.length ? (l(), d("div", {
+        s.limit !== 1 && C.value.length ? (o(), d("div", {
           key: 0,
-          class: s(`${o(r)}-file-list-title`)
+          class: n(`${l(r)}-file-list-title`)
         }, [
           f("span", {
-            class: s(`${o(r)}-file-list-title-choosen`)
-          }, v(k(void 0, "selectedFiles")), 3),
-          n.showClear && !n.disabled ? (l(), d("span", {
+            class: n(`${l(r)}-file-list-title-choosen`)
+          }, m(k(void 0, "selectedFiles")), 3),
+          s.showClear && !s.disabled ? (o(), d("span", {
             key: 0,
             role: "button",
             tabindex: "0",
-            class: s(`${o(r)}-file-list-title-clear`),
+            class: n(`${l(r)}-file-list-title-clear`),
             onClick: Pe
-          }, v(k(void 0, "clear")), 3)) : u("", !0)
+          }, m(k(void 0, "clear")), 3)) : u("", !0)
         ], 2)) : u("", !0),
         f("div", {
-          class: s(`${o(r)}-file-list-main`),
+          class: n(`${l(r)}-file-list-main`),
           role: "list",
           "aria-label": "file list"
         }, [
-          n.renderFileItem ? (l(!0), d(L, { key: 0 }, H(w.value, (t, c) => (l(), g($(() => n.renderFileItem(F(t, c))), {
+          s.renderFileItem ? (o(!0), d(P, { key: 0 }, z(C.value, (t, c) => (o(), g(F(() => s.renderFileItem($(t, c))), {
             key: t.uid || `${t.name}${c}`
-          }))), 128)) : (l(!0), d(L, { key: 1 }, H(w.value, (t, c) => (l(), d("div", {
+          }))), 128)) : (o(!0), d(P, { key: 1 }, z(C.value, (t, c) => (o(), d("div", {
             key: t.uid || `${t.name}${c}`,
-            class: s(J(t, "list")),
-            style: j(a.itemStyle),
+            class: n(Q(t, "list")),
+            style: G(a.itemStyle),
             role: "listitem",
-            onClick: (C) => te(t)
+            onClick: (b) => ae(t)
           }, [
             f("div", {
-              class: s([
-                `${o(r)}-file-card-preview`,
+              class: n([
+                `${l(r)}-file-card-preview`,
                 {
-                  [`${o(r)}-file-card-preview-placeholder`]: !t.preview || n.previewFile || D[t.uid]
+                  [`${l(r)}-file-card-preview-placeholder`]: !t.preview || l(S).preview || a.previewFile || R[t.uid]
                 }
               ])
             }, [
-              n.previewFile ? (l(), g($(() => n.previewFile(F(t, c))), { key: 0 })) : t.url && t.preview && !D[t.uid] ? (l(), d("img", {
-                key: 1,
+              l(S).preview ? w(e.$slots, "preview", E({
+                key: 0,
+                ref_for: !0
+              }, $(t, c))) : a.previewFile ? (o(), g(F(() => a.previewFile($(t, c))), { key: 1 })) : t.url && t.preview && !R[t.uid] ? (o(), d("img", {
+                key: 2,
                 src: t.url,
                 alt: t.name,
-                onError: () => _(t)
-              }, null, 40, st)) : (l(), g(o(de), {
-                key: 2,
+                onError: () => ee(t)
+              }, null, 40, st)) : (o(), g(l(de), {
+                key: 3,
                 size: "large"
               }))
             ], 2),
             f("div", {
-              class: s(`${o(r)}-file-card-info-main`)
+              class: n(`${l(r)}-file-card-info-main`)
             }, [
               f("div", {
-                class: s(`${o(r)}-file-card-info-main-text`)
+                class: n(`${l(r)}-file-card-info-main-text`)
               }, [
-                I(ze, {
-                  class: s(`${o(r)}-file-card-info-name`),
+                T(ze, {
+                  class: n(`${l(r)}-file-card-info-name`),
                   ellipsis: {
                     showTooltip: a.showTooltip !== void 0 ? a.showTooltip : !0
                   },
@@ -686,66 +695,69 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
                   },
                   type: "primary"
                 }, {
-                  default: q(() => [
-                    le(v(t.name), 1)
+                  default: X(() => [
+                    le(m(t.name), 1)
                   ]),
                   _: 2
                 }, 1032, ["class", "ellipsis"]),
                 f("span", null, [
                   f("span", {
-                    class: s(`${o(r)}-file-card-info-size`)
-                  }, v(Re(t.size)), 3),
-                  Y(t) ? (l(), g(o(ce), {
+                    class: n(`${l(r)}-file-card-info-size`)
+                  }, m(Re(t.size)), 3),
+                  _(t) ? (o(), g(l(ce), {
                     key: 0,
                     trigger: "hover",
                     position: "top",
                     showArrow: !1,
                     content: k(void 0, "replace")
                   }, {
-                    default: q(() => [
-                      I(o(se), {
+                    default: X(() => [
+                      T(l(se), {
                         type: "tertiary",
                         theme: "borderless",
                         size: "small",
                         icon: Te,
-                        class: s(`${o(r)}-file-card-replace`),
-                        onClick: T((C) => Z(c), ["stop"])
+                        class: n(`${l(r)}-file-card-replace`),
+                        onClick: A((b) => q(c), ["stop"])
                       }, null, 8, ["class", "onClick"])
                     ]),
                     _: 2
                   }, 1032, ["content"])) : u("", !0)
                 ])
               ], 2),
-              N(t) ? (l(), g(o(ne), {
+              Z(t) ? (o(), g(l(ne), {
                 key: 0,
                 percent: t.percent || 0,
                 style: { width: "100%" },
                 "aria-label": "uploading file progress"
               }, null, 8, ["percent"])) : u("", !0),
               f("div", {
-                class: s(`${o(r)}-file-card-info-main-control`)
+                class: n(`${l(r)}-file-card-info-main-control`)
               }, [
-                R(t) ? (l(), d("span", {
+                U(t) ? (o(), d("span", {
                   key: 0,
-                  class: s(`${o(r)}-file-card-info-validate-message`)
-                }, v(R(t)), 3)) : u("", !0),
-                Q(t) ? (l(), d("span", {
+                  class: n(`${l(r)}-file-card-info-validate-message`)
+                }, m(U(t)), 3)) : u("", !0),
+                Y(t) ? (o(), d("span", {
                   key: 1,
                   role: "button",
                   tabindex: "0",
-                  class: s(`${o(r)}-file-card-info-retry`),
-                  onClick: T((C) => K(t), ["stop"])
-                }, v(k(void 0, "retry")), 11, ct)) : u("", !0)
+                  class: n(`${l(r)}-file-card-info-retry`),
+                  onClick: A((b) => j(t), ["stop"])
+                }, m(k(void 0, "retry")), 11, ct)) : u("", !0)
               ], 2)
             ], 2),
-            a.renderFileOperation ? (l(), g($(() => a.renderFileOperation(F(t, c))), { key: 0 })) : (l(), g(o(se), {
-              key: 1,
+            l(S)["file-operation"] ? w(e.$slots, "file-operation", E({
+              key: 0,
+              ref_for: !0
+            }, $(t, c))) : a.renderFileOperation ? (o(), g(F(() => a.renderFileOperation($(t, c))), { key: 1 })) : (o(), g(l(se), {
+              key: 2,
               type: "tertiary",
               theme: "borderless",
               size: "small",
-              icon: o(qe),
-              class: s(`${o(r)}-file-card-close`),
-              onClick: T((C) => U(t), ["stop"])
+              icon: l(qe),
+              class: n(`${l(r)}-file-card-close`),
+              onClick: A((b) => B(t), ["stop"])
             }, null, 8, ["icon", "class", "onClick"]))
           ], 14, nt))), 128))
         ], 2)
@@ -754,6 +766,5 @@ const Ge = ["x-prompt-pos"], Xe = ["capture", "multiple", "accept"], Je = ["acce
   }
 });
 export {
-  Lt as default
+  It as default
 };
-//# sourceMappingURL=Upload.vue.js.map