@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

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

@@ -1,770 +0,0 @@
-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 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.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: {},
-    action: {},
-    afterUpload: {},
-    beforeUpload: {},
-    beforeClear: { type: Function, default: () => !0 },
-    beforeRemove: { type: Function, default: () => !0 },
-    capture: { type: [Boolean, String] },
-    children: {},
-    className: {},
-    customRequest: {},
-    data: {},
-    defaultFileList: { default: () => [] },
-    directory: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    dragIcon: {},
-    dragMainText: {},
-    dragSubText: {},
-    draggable: { type: Boolean },
-    addOnPasting: { type: Boolean },
-    fileList: {},
-    fileName: {},
-    headers: {},
-    hotSpotLocation: { default: "end" },
-    itemStyle: {},
-    limit: {},
-    listType: { default: "list" },
-    maxSize: {},
-    minSize: {},
-    multiple: { type: Boolean, default: !1 },
-    name: {},
-    onAcceptInvalid: { type: Function, default: () => {
-    } },
-    onChange: { type: Function, default: () => {
-    } },
-    onClear: { type: Function, default: () => {
-    } },
-    onDrop: { type: Function, default: () => {
-    } },
-    onError: { type: Function, default: () => {
-    } },
-    onPastingError: { type: Function, default: () => {
-    } },
-    onExceed: { type: Function, default: () => {
-    } },
-    onFileChange: { type: Function, default: () => {
-    } },
-    onOpenFileDialog: { type: Function, default: () => {
-    } },
-    onPreviewClick: {},
-    onProgress: { type: Function, default: () => {
-    } },
-    onRemove: { type: Function, default: () => {
-    } },
-    onRetry: { type: Function, default: () => {
-    } },
-    onSizeError: { type: Function, default: () => {
-    } },
-    onSuccess: { type: Function, default: () => {
-    } },
-    previewFile: {},
-    prompt: {},
-    promptPosition: { default: "right" },
-    picHeight: {},
-    picWidth: {},
-    renderFileItem: {},
-    renderPicInfo: {},
-    renderThumbnail: {},
-    renderPicPreviewIcon: {},
-    renderPicClose: {},
-    renderFileOperation: {},
-    showClear: { type: Boolean, default: !0 },
-    showPicInfo: { type: Boolean, default: !1 },
-    showReplace: { type: Boolean, default: !1 },
-    showRetry: { type: Boolean, default: !0 },
-    showUploadList: { type: Boolean, default: !0 },
-    style: {},
-    timeout: {},
-    transformFile: {},
-    uploadTrigger: { default: "auto" },
-    validateMessage: {},
-    validateStatus: {},
-    withCredentials: { type: Boolean, default: !1 },
-    showTooltip: { type: Boolean, default: !0 },
-    locale: {}
-  },
-  emits: ["change", "fileChange", "error", "success", "progress", "remove", "sizeError", "exceed", "clear", "previewClick", "drop", "acceptInvalid", "retry", "pastingError"],
-  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], v = pe, p = re({
-      fileList: a.defaultFileList || [],
-      replaceIdx: -1,
-      inputKey: Math.random(),
-      replaceInputKey: Math.random(),
-      dragAreaStatus: "default",
-      localUrls: []
-    }), W = ie(), V = ie(), S = Ee(), { adapter: me, getDataAttr: ve } = Ve(a, p), ye = h(() => [
-      r,
-      {
-        [`${r}-picture`]: a.listType === "picture",
-        [`${r}-disabled`]: a.disabled,
-        [`${r}-default`]: a.validateStatus === "default",
-        [`${r}-error`]: a.validateStatus === "error",
-        [`${r}-warning`]: a.validateStatus === "warning",
-        [`${r}-success`]: a.validateStatus === "success"
-      },
-      a.className
-    ].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 : [];
-    }), N = h(() => a.limit ? a.limit > C.value.length : !0), K = h(() => {
-      const e = `${r}-add`;
-      return [
-        e,
-        `${e}-picture-add`,
-        {
-          [`${e}-picture-add-disabled`]: a.disabled,
-          [`${r}-drag-area-legal`]: a.draggable && p.dragAreaStatus === "legal",
-          [`${r}-drag-area-illegal`]: a.draggable && p.dragAreaStatus === "illegal"
-        }
-      ].filter(Boolean);
-    }), be = h(() => {
-      const e = `${r}-drag-area`;
-      return [
-        e,
-        {
-          [`${e}-legal`]: p.dragAreaStatus === "legal",
-          [`${e}-illegal`]: p.dragAreaStatus === "illegal",
-          [`${e}-custom`]: !!S.default
-        }
-      ].filter(Boolean);
-    }), J = h(() => [
-      `${r}-file-list`,
-      {
-        [`${r}-picture-file-list`]: a.listType === "picture"
-      }
-    ].filter(Boolean)), Fe = {
-      ...me,
-      notifyFileSelect: (e) => {
-        v("fileChange", e);
-      },
-      notifyError: (e, i, t, c) => {
-        v("error", e, i, t, c);
-      },
-      notifySuccess: (e, i, t) => {
-        v("success", e, i, t);
-      },
-      notifyProgress: (e, i, t) => {
-        v("progress", e, i, t);
-      },
-      notifyRemove: (e, i, t) => {
-        v("remove", e, i, t);
-      },
-      notifySizeError: (e, i) => {
-        v("sizeError", e, i);
-      },
-      notifyExceed: (e) => {
-        v("exceed", e);
-      },
-      updateFileList: (e, i) => {
-        const t = Array.isArray(e) ? e : [];
-        typeof i == "function" ? (p.fileList = t, oe(i)) : p.fileList = t;
-      },
-      notifyBeforeUpload: ({ file: e, fileList: i }) => {
-        var t;
-        return (t = a.beforeUpload) == null ? void 0 : t.call(a, { file: e, fileList: i });
-      },
-      notifyAfterUpload: ({ response: e, file: i, fileList: t }) => {
-        var c;
-        return (c = a.afterUpload) == null ? void 0 : c.call(a, { response: e, file: i, fileList: t });
-      },
-      resetInput: () => {
-        p.inputKey = Math.random();
-      },
-      resetReplaceInput: () => {
-        p.replaceInputKey = Math.random();
-      },
-      updateDragAreaStatus: (e) => {
-        p.dragAreaStatus = e;
-      },
-      notifyBeforeRemove: (e, i) => {
-        var t;
-        return (t = a.beforeRemove) == null ? void 0 : t.call(a, e, i);
-      },
-      notifyBeforeClear: (e) => {
-        var i;
-        return (i = a.beforeClear) == null ? void 0 : i.call(a, e);
-      },
-      notifyChange: ({ currentFile: e, fileList: i }) => {
-        v("change", { currentFile: e, fileList: i });
-      },
-      updateLocalUrls: (e) => {
-        p.localUrls = e;
-      },
-      notifyClear: () => {
-        v("clear");
-      },
-      notifyPreviewClick: (e) => {
-        a.onPreviewClick && a.onPreviewClick(e), v("previewClick", e);
-      },
-      notifyDrop: (e, i, t) => {
-        v("drop", e, i, t);
-      },
-      notifyAcceptInvalid: (e) => {
-        v("acceptInvalid", e);
-      },
-      registerPastingHandler: (e) => {
-        e && (document.body.addEventListener("keydown", e), window._semiUploadPastingCb = e);
-      },
-      unRegisterPastingHandler: () => {
-        const e = window._semiUploadPastingCb;
-        e && (document.body.removeEventListener("keydown", e), delete window._semiUploadPastingCb);
-      },
-      isMac: () => navigator.platform.toUpperCase().indexOf("MAC") >= 0,
-      notifyPastingError: (e) => {
-        v("pastingError", e);
-      }
-    }, { foundation: y } = Ne(He, Fe), I = () => {
-      const { onOpenFileDialog: e } = a;
-      a.disabled || !W.value || (W.value.click(), e && typeof e == "function" && e());
-    }, Le = (e) => {
-      const i = e.target, { files: t } = i;
-      t && y.handleChange(t);
-    }, Se = (e) => {
-      const i = e.target, { files: t } = i;
-      t && y.handleReplaceChange(t);
-    }, Pe = () => {
-      y.handleClear();
-    }, B = (e) => {
-      y.handleRemove(e);
-    }, x = (e) => {
-      y.handleDrop(e);
-    }, M = (e) => {
-      e.preventDefault(), y.handleDragOver(e);
-    }, H = (e) => {
-      y.handleDragLeave(e);
-    }, O = (e) => {
-      y.handleDragEnter(e);
-    }, R = re({}), Ie = (e = {}) => D(
-      "svg",
-      {
-        focusable: !1,
-        "aria-hidden": !0,
-        width: "28",
-        height: "28",
-        viewBox: "0 0 28 28",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...e
-      },
-      [
-        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"
-        }),
-        D("path", {
-          d: "M18 18.25L19 13.25H10.2031L9 18.25H18Z",
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        })
-      ]
-    ), Te = (e = {}) => D(
-      "svg",
-      {
-        focusable: !1,
-        "aria-hidden": !0,
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...e
-      },
-      [
-        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",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        })
-      ]
-    ), 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`] = 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;
-    }, 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;
-      y.retry(e), (i = a.onRetry) == null || i.call(a, e);
-    }, q = (e) => {
-      p.replaceIdx = e, oe(() => {
-        V.value && V.value.click();
-      });
-    }, te = (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 === L.FILE_STATUS_UPLOAD_FAIL)
-        return k(void 0, "fail");
-      if (e._sizeInvalid)
-        return k(void 0, "illegalSize");
-    }, $ = (e, i) => {
-      const t = {
-        ...e,
-        index: i,
-        key: e.uid || `${e.name}${i}`,
-        onRemove: () => B(e),
-        onRetry: () => j(e),
-        onReplace: () => q(i),
-        onPreviewClick: a.onPreviewClick ? () => te(e) : () => {
-        },
-        previewFile: a.previewFile,
-        listType: a.listType || "list",
-        itemStyle: a.itemStyle,
-        showPicInfo: a.showPicInfo,
-        renderPicInfo: a.renderPicInfo,
-        renderPicPreviewIcon: a.renderPicPreviewIcon,
-        renderPicClose: a.renderPicClose,
-        renderFileOperation: a.renderFileOperation,
-        renderThumbnail: a.renderThumbnail,
-        disabled: a.disabled,
-        picWidth: a.picWidth,
-        picHeight: a.picHeight,
-        showTooltip: a.showTooltip,
-        showRetry: a.showRetry,
-        showReplace: a.showReplace
-      }, c = U(e);
-      return c && (t.validateMessage = c), t;
-    };
-    return ue({
-      upload: () => y.manualUpload(),
-      openFileDialog: I,
-      insert: (e, i) => y.insertFileToList(e, i)
-    }), Be(
-      () => a.fileList,
-      (e) => {
-        e && (p.fileList = e);
-      },
-      { immediate: !0 }
-    ), (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: W,
-        capture: s.capture,
-        multiple: s.multiple,
-        accept: s.accept,
-        type: "file",
-        autocomplete: "off",
-        tabindex: "-1",
-        class: he.value
-      }, Ce.value, { onChange: Le }), null, 16, Xe)),
-      (o(), d("input", {
-        key: p.replaceInputKey,
-        ref_key: "replaceInputRef",
-        ref: V,
-        multiple: !1,
-        accept: s.accept,
-        type: "file",
-        autocomplete: "off",
-        tabindex: "-1",
-        class: n(ke.value),
-        onChange: Se
-      }, null, 42, Je)),
-      s.listType !== "picture" && !s.draggable ? (o(), d("div", {
-        key: 0,
-        role: "button",
-        tabindex: "0",
-        "aria-disabled": s.disabled,
-        class: n(`${l(r)}-add`),
-        onClick: I
-      }, [
-        w(e.$slots, "default")
-      ], 10, Qe)) : u("", !0),
-      s.draggable ? (o(), d("div", {
-        key: 1,
-        role: "button",
-        tabindex: "0",
-        "aria-disabled": s.disabled,
-        class: n(be.value),
-        onDrop: x,
-        onDragover: M,
-        onDragleave: H,
-        onDragenter: O,
-        onClick: I
-      }, [
-        l(S).default ? w(e.$slots, "default", { key: 0 }) : (o(), d(P, { key: 1 }, [
-          f("div", {
-            class: n(`${l(r)}-drag-area-icon`)
-          }, [
-            T(l(Ke), { size: "extra-large" })
-          ], 2),
-          f("div", {
-            class: n(`${l(r)}-drag-area-text`)
-          }, [
-            f("div", {
-              class: n(`${l(r)}-drag-area-main-text`),
-              "x-semi-prop": "dragMainText"
-            }, m(s.dragMainText || k(void 0, "mainText")), 3),
-            f("div", {
-              class: n(`${l(r)}-drag-area-sub-text`),
-              "x-semi-prop": "dragSubText"
-            }, m(s.dragSubText), 3),
-            f("div", {
-              class: n(`${l(r)}-drag-area-tips`)
-            }, [
-              p.dragAreaStatus === "legal" ? (o(), d("span", {
-                key: 0,
-                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: 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 || s.prompt ? (o(), d("div", {
-        key: 2,
-        class: n($e.value),
-        "x-semi-prop": "prompt"
-      }, [
-        e.$slots.prompt ? w(e.$slots, "prompt", { key: 0 }) : (o(), d(P, { key: 1 }, [
-          le(m(s.prompt), 1)
-        ], 64))
-      ], 2)) : u("", !0),
-      s.validateMessage ? (o(), d("div", {
-        key: 3,
-        class: n(we.value),
-        "x-semi-prop": "validateMessage"
-      }, 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: n(K.value),
-          role: "button",
-          tabindex: "0",
-          "aria-disabled": s.disabled,
-          onClick: I,
-          onDrop: x,
-          onDragover: M,
-          onDragleave: H,
-          onDragenter: O
-        }, [
-          w(e.$slots, "default")
-        ], 42, _e)), [
-          [Me, N.value]
-        ]) : (o(), d("div", {
-          key: 1,
-          class: n(J.value)
-        }, [
-          f("div", {
-            class: n(`${l(r)}-file-list-main`),
-            role: "list",
-            "aria-label": "picture list"
-          }, [
-            N.value && s.hotSpotLocation === "start" ? (o(), d("div", {
-              key: 0,
-              class: n(K.value),
-              role: "button",
-              tabindex: "0",
-              "aria-disabled": s.disabled,
-              onClick: I,
-              onDrop: x,
-              onDragover: M,
-              onDragleave: H,
-              onDragenter: O
-            }, [
-              w(e.$slots, "default")
-            ], 42, et)) : u("", !0),
-            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)) : (o(!0), d(P, { key: 2 }, z(C.value, (t, c) => (o(), d("div", {
-              key: t.uid || `${t.name}${c}`,
-              class: n(Q(t, "picture")),
-              style: G(Ae()),
-              role: "listitem",
-              onClick: (b) => ae(t)
-            }, [
-              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: G(De()),
-                onError: () => ee(t)
-              }, null, 44, at)) : (o(), g(l(de), {
-                key: 3,
-                size: "large"
-              })),
-              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),
-              Y(t) ? (o(), d("div", {
-                key: 5,
-                role: "button",
-                tabindex: "0",
-                class: n(`${l(r)}-picture-file-card-retry`),
-                onClick: A((b) => j(t), ["stop"])
-              }, [
-                T(l(Ze), {
-                  class: n(`${l(r)}-picture-file-card-icon-retry`)
-                }, null, 8, ["class"])
-              ], 10, rt)) : u("", !0),
-              _(t) ? (o(), g(l(ce), {
-                key: 6,
-                trigger: "hover",
-                position: "top",
-                content: k(void 0, "replace"),
-                showArrow: !1,
-                spacing: 4
-              }, {
-                default: X(() => [
-                  f("div", {
-                    role: "button",
-                    tabindex: "0",
-                    class: n(`${l(r)}-picture-file-card-replace`),
-                    onClick: A((b) => q(c), ["stop"])
-                  }, [
-                    T(Ie, {
-                      class: n(`${l(r)}-picture-file-card-icon-replace`)
-                    }, null, 8, ["class"])
-                  ], 10, it)
-                ]),
-                _: 2
-              }, 1032, ["content"])) : u("", !0),
-              t.status === l(L).FILE_STATUS_SUCCESS && !a.showReplace ? (o(), d("div", {
-                key: 7,
-                class: n(`${l(r)}-picture-file-card-preview`)
-              }, [
-                s.renderPicPreviewIcon ? (o(), g(F(() => s.renderPicPreviewIcon($(t, c))), { key: 0 })) : u("", !0)
-              ], 2)) : u("", !0),
-              s.renderPicClose ? (o(), g(F(
-                () => s.renderPicClose({
-                  className: `${l(r)}-picture-file-card-close`,
-                  remove: (b) => B(t)
-                })
-              ), { key: 8 })) : s.disabled ? u("", !0) : (o(), d("div", {
-                key: 9,
-                role: "button",
-                tabindex: "0",
-                class: n(`${l(r)}-picture-file-card-close`),
-                onClick: A((b) => B(t), ["stop"])
-              }, [
-                T(l(je), {
-                  class: n(`${l(r)}-picture-file-card-icon-close`)
-                }, null, 8, ["class"])
-              ], 10, lt)),
-              s.renderPicInfo ? (o(), g(F(() => s.renderPicInfo($(t, c))), { key: 10 })) : s.showPicInfo ? (o(), d("div", {
-                key: 11,
-                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)),
-            N.value && s.hotSpotLocation === "end" ? (o(), d("div", {
-              key: 3,
-              class: n(K.value),
-              role: "button",
-              tabindex: "0",
-              "aria-disabled": s.disabled,
-              onClick: I,
-              onDrop: x,
-              onDragover: M,
-              onDragleave: H,
-              onDragenter: O
-            }, [
-              w(e.$slots, "default")
-            ], 42, ot)) : u("", !0)
-          ], 2)
-        ], 2))
-      ], 64)) : u("", !0),
-      s.listType !== "picture" && s.showUploadList && C.value.length ? (o(), d("div", {
-        key: 5,
-        class: n(J.value)
-      }, [
-        s.limit !== 1 && C.value.length ? (o(), d("div", {
-          key: 0,
-          class: n(`${l(r)}-file-list-title`)
-        }, [
-          f("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: n(`${l(r)}-file-list-title-clear`),
-            onClick: Pe
-          }, m(k(void 0, "clear")), 3)) : u("", !0)
-        ], 2)) : u("", !0),
-        f("div", {
-          class: n(`${l(r)}-file-list-main`),
-          role: "list",
-          "aria-label": "file list"
-        }, [
-          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)) : (o(!0), d(P, { key: 1 }, z(C.value, (t, c) => (o(), d("div", {
-            key: t.uid || `${t.name}${c}`,
-            class: n(Q(t, "list")),
-            style: G(a.itemStyle),
-            role: "listitem",
-            onClick: (b) => ae(t)
-          }, [
-            f("div", {
-              class: n([
-                `${l(r)}-file-card-preview`,
-                {
-                  [`${l(r)}-file-card-preview-placeholder`]: !t.preview || l(S).preview || a.previewFile || R[t.uid]
-                }
-              ])
-            }, [
-              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: () => ee(t)
-              }, null, 40, st)) : (o(), g(l(de), {
-                key: 3,
-                size: "large"
-              }))
-            ], 2),
-            f("div", {
-              class: n(`${l(r)}-file-card-info-main`)
-            }, [
-              f("div", {
-                class: n(`${l(r)}-file-card-info-main-text`)
-              }, [
-                T(ze, {
-                  class: n(`${l(r)}-file-card-info-name`),
-                  ellipsis: {
-                    showTooltip: a.showTooltip !== void 0 ? a.showTooltip : !0
-                  },
-                  style: {
-                    minWidth: 0,
-                    width: 0,
-                    flex: "1 1 0%",
-                    maxWidth: "100%"
-                  },
-                  type: "primary"
-                }, {
-                  default: X(() => [
-                    le(m(t.name), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["class", "ellipsis"]),
-                f("span", null, [
-                  f("span", {
-                    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: X(() => [
-                      T(l(se), {
-                        type: "tertiary",
-                        theme: "borderless",
-                        size: "small",
-                        icon: Te,
-                        class: n(`${l(r)}-file-card-replace`),
-                        onClick: A((b) => q(c), ["stop"])
-                      }, null, 8, ["class", "onClick"])
-                    ]),
-                    _: 2
-                  }, 1032, ["content"])) : u("", !0)
-                ])
-              ], 2),
-              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: n(`${l(r)}-file-card-info-main-control`)
-              }, [
-                U(t) ? (o(), d("span", {
-                  key: 0,
-                  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: n(`${l(r)}-file-card-info-retry`),
-                  onClick: A((b) => j(t), ["stop"])
-                }, m(k(void 0, "retry")), 11, ct)) : u("", !0)
-              ], 2)
-            ], 2),
-            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: l(qe),
-              class: n(`${l(r)}-file-card-close`),
-              onClick: A((b) => B(t), ["stop"])
-            }, null, 8, ["icon", "class", "onClick"]))
-          ], 14, nt))), 128))
-        ], 2)
-      ], 2)) : u("", !0)
-    ], 16, Ge));
-  }
-});
-export {
-  It as default
-};