@dazhicheng/ui 1.0.6 → 1.0.8

package/dist/index-1hQOvP1X.js

@@ -0,0 +1,1273 @@
+import { isNil as pe, flatten as ee, cloneDeep as te, isEqual as Le } from "lodash-es";
+import { t as _, b as z, a as h, w as ve, j as X, d as xe } from "./use-form-common-props-CH53YdF-.js";
+import { a as me, N as f, d as I, w as De, b as ye, c as Ue, r as ge, s as he, i as be, g as se, t as Be, z as Oe, x as Ne, y as ae } from "./index-7R1S3sB2.js";
+import { m as K } from "./typescript-BpuhIBuJ.js";
+import { defineComponent as H, computed as F, createElementBlock as E, openBlock as g, normalizeClass as m, unref as a, createCommentVNode as w, createElementVNode as N, normalizeStyle as j, renderSlot as C, toDisplayString as V, createBlock as B, withCtx as T, resolveDynamicComponent as je, ref as ke, TransitionGroup as Ae, Fragment as qe, renderList as Ie, withKeys as we, withModifiers as M, createVNode as O, inject as Me, shallowRef as Y, watch as oe, nextTick as ze, onBeforeUnmount as Ke, provide as He, toRef as We, createSlots as ne, mergeProps as re } from "vue";
+import { E as A } from "./index-BWFNEHAe.js";
+import { u as Ve } from "./index-BQfVaV7A.js";
+import { useVModel as Xe } from "@vueuse/core";
+const Ge = (e) => Object.entries(e);
+var Je = Object.defineProperty, Qe = (e, r, s) => r in e ? Je(e, r, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[r] = s, W = (e, r, s) => Qe(e, typeof r != "symbol" ? r + "" : r, s);
+const Ye = "ElUpload";
+class Ze extends Error {
+  constructor(r, s, i, k) {
+    super(r), W(this, "name", "UploadAjaxError"), W(this, "status"), W(this, "method"), W(this, "url"), this.status = s, this.method = i, this.url = k;
+  }
+}
+function le(e, r, s) {
+  let i;
+  return s.response ? i = `${s.response.error || s.response}` : s.responseText ? i = `${s.responseText}` : i = `fail to ${r.method} ${e} ${s.status}`, new Ze(i, s.status, r.method, e);
+}
+function _e(e) {
+  const r = e.responseText || e.response;
+  if (!r)
+    return r;
+  try {
+    return JSON.parse(r);
+  } catch {
+    return r;
+  }
+}
+const $e = (e) => {
+  typeof XMLHttpRequest > "u" && _(Ye, "XMLHttpRequest is undefined");
+  const r = new XMLHttpRequest(), s = e.action;
+  r.upload && r.upload.addEventListener("progress", (c) => {
+    const d = c;
+    d.percent = c.total > 0 ? c.loaded / c.total * 100 : 0, e.onProgress(d);
+  });
+  const i = new FormData();
+  if (e.data)
+    for (const [c, d] of Object.entries(e.data))
+      me(d) && d.length ? i.append(c, ...d) : i.append(c, d);
+  i.append(e.filename, e.file, e.file.name), r.addEventListener("error", () => {
+    e.onError(le(s, e, r));
+  }), r.addEventListener("load", () => {
+    if (r.status < 200 || r.status >= 300)
+      return e.onError(le(s, e, r));
+    e.onSuccess(_e(r));
+  }), r.open(e.method, s, !0), e.withCredentials && "withCredentials" in r && (r.withCredentials = !0);
+  const k = e.headers || {};
+  if (k instanceof Headers)
+    k.forEach((c, d) => r.setRequestHeader(d, c));
+  else
+    for (const [c, d] of Object.entries(k))
+      pe(d) || r.setRequestHeader(c, String(d));
+  return r.send(i), r;
+}, Ee = ["text", "picture", "picture-card"];
+let et = 1;
+const Z = () => Date.now() + et++, Pe = z({
+  /**
+   * @description request URL
+   */
+  action: {
+    type: String,
+    default: "#"
+  },
+  /**
+   * @description request headers
+   */
+  headers: {
+    type: h(Object)
+  },
+  /**
+   * @description set upload request method
+   */
+  method: {
+    type: String,
+    default: "post"
+  },
+  /**
+   * @description additions options of request
+   */
+  data: {
+    type: h([Object, Function, Promise]),
+    default: () => K({})
+  },
+  /**
+   * @description whether uploading multiple files is permitted
+   */
+  multiple: Boolean,
+  /**
+   * @description key name for uploaded file
+   */
+  name: {
+    type: String,
+    default: "file"
+  },
+  /**
+   * @description whether to activate drag and drop mode
+   */
+  drag: Boolean,
+  /**
+   * @description whether cookies are sent
+   */
+  withCredentials: Boolean,
+  /**
+   * @description whether to show the uploaded file list
+   */
+  showFileList: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true`
+   */
+  accept: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description default uploaded files
+   */
+  fileList: {
+    type: h(Array),
+    default: () => K([])
+  },
+  /**
+   * @description whether to auto upload file
+   */
+  autoUpload: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description type of file list
+   */
+  listType: {
+    type: String,
+    values: Ee,
+    default: "text"
+  },
+  /**
+   * @description override default xhr behavior, allowing you to implement your own upload-file's request
+   */
+  httpRequest: {
+    type: h(Function),
+    default: $e
+  },
+  /**
+   * @description whether to disable upload
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description maximum number of uploads allowed
+   */
+  limit: Number,
+  /**
+   * @description whether to support uploading directory
+   */
+  directory: Boolean
+}), tt = z({
+  ...Pe,
+  /**
+   * @description hook function before uploading with the file to be uploaded as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, uploading will be aborted
+   */
+  beforeUpload: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function before removing a file with the file and file list as its parameters. If `false` is returned or a `Promise` is returned and then is rejected, removing will be aborted
+   */
+  beforeRemove: {
+    type: h(Function)
+  },
+  /**
+   * @description hook function when files are removed
+   */
+  onRemove: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function when select file or upload file success or upload file fail
+   */
+  onChange: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function when clicking the uploaded files
+   */
+  onPreview: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function when uploaded successfully
+   */
+  onSuccess: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function when some progress occurs
+   */
+  onProgress: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function when some errors occurs
+   */
+  onError: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description hook function when limit is exceeded
+   */
+  onExceed: {
+    type: h(Function),
+    default: f
+  },
+  /**
+   * @description set HTML attribute: crossorigin.
+   */
+  crossorigin: {
+    type: h(String)
+  }
+}), Se = {
+  action: "#",
+  method: "post",
+  data: () => K({}),
+  name: "file",
+  showFileList: !0,
+  accept: "",
+  fileList: () => K([]),
+  autoUpload: !0,
+  listType: "text",
+  httpRequest: $e,
+  disabled: void 0
+}, Bt = {
+  ...Se,
+  beforeUpload: f,
+  onRemove: f,
+  onChange: f,
+  onPreview: f,
+  onSuccess: f,
+  onProgress: f,
+  onError: f,
+  onExceed: f
+}, Fe = /* @__PURE__ */ Symbol("uploadContextKey"), st = z({
+  files: {
+    type: h(Array),
+    default: () => K([])
+  },
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  handlePreview: {
+    type: h(Function),
+    default: f
+  },
+  listType: {
+    type: String,
+    values: Ee,
+    default: "text"
+  },
+  /**
+   * @description set HTML attribute: crossorigin.
+   */
+  crossorigin: {
+    type: h(String)
+  }
+}), at = {
+  remove: (e) => !!e
+}, ot = z({
+  /**
+   * @description type of progress bar
+   */
+  type: {
+    type: String,
+    default: "line",
+    values: ["line", "circle", "dashboard"]
+  },
+  /**
+   * @description percentage, required
+   */
+  percentage: {
+    type: Number,
+    default: 0,
+    validator: (e) => e >= 0 && e <= 100
+  },
+  /**
+   * @description the current status of progress bar
+   */
+  status: {
+    type: String,
+    default: "",
+    values: ["", "success", "exception", "warning"]
+  },
+  /**
+   * @description set indeterminate progress
+   */
+  indeterminate: Boolean,
+  /**
+   * @description control the animation duration of indeterminate progress or striped flow progress
+   */
+  duration: {
+    type: Number,
+    default: 3
+  },
+  /**
+   * @description the width of progress bar
+   */
+  strokeWidth: {
+    type: Number,
+    default: 6
+  },
+  /**
+   * @description butt/circle/dashboard type shape at the end path
+   */
+  strokeLinecap: {
+    type: h(String),
+    default: "round"
+  },
+  /**
+   * @description whether to place the percentage inside progress bar, only works when `type` is 'line'
+   */
+  textInside: Boolean,
+  /**
+   * @description the canvas width of circle progress bar
+   */
+  width: {
+    type: Number,
+    default: 126
+  },
+  /**
+   * @description whether to show percentage
+   */
+  showText: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description background color of progress bar. Overrides `status` prop
+   */
+  color: {
+    type: h([
+      String,
+      Array,
+      Function
+    ]),
+    default: ""
+  },
+  /**
+   * @description stripe over the progress bar's color
+   */
+  striped: Boolean,
+  /**
+   * @description get the stripes to flow
+   */
+  stripedFlow: Boolean,
+  /**
+   * @description custom text format
+   */
+  format: {
+    type: h(Function),
+    default: (e) => `${e}%`
+  }
+}), nt = ["aria-valuenow"], rt = { viewBox: "0 0 100 100" }, lt = ["d", "stroke", "stroke-linecap", "stroke-width"], it = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"], ut = { key: 0 };
+var ct = /* @__PURE__ */ H({
+  name: "ElProgress",
+  __name: "progress",
+  props: ot,
+  setup(e) {
+    const r = {
+      success: "#13ce66",
+      exception: "#ff4949",
+      warning: "#e6a23c",
+      default: "#20a0ff"
+    }, s = e, i = I("progress"), k = F(() => {
+      const u = {
+        width: `${s.percentage}%`,
+        animationDuration: `${s.duration}s`
+      }, v = y(s.percentage);
+      return v.includes("gradient") ? u.background = v : u.backgroundColor = v, u;
+    }), c = F(
+      () => (s.strokeWidth / s.width * 100).toFixed(1)
+    ), d = F(() => ["circle", "dashboard"].includes(s.type) ? Number.parseInt(
+      `${50 - Number.parseFloat(c.value) / 2}`,
+      10
+    ) : 0), P = F(() => {
+      const u = d.value, v = s.type === "dashboard";
+      return `
+          M 50 50
+          m 0 ${v ? "" : "-"}${u}
+          a ${u} ${u} 0 1 1 0 ${v ? "-" : ""}${u * 2}
+          a ${u} ${u} 0 1 1 0 ${v ? "" : "-"}${u * 2}
+          `;
+    }), b = F(() => 2 * Math.PI * d.value), $ = F(() => s.type === "dashboard" ? 0.75 : 1), L = F(() => `${-1 * b.value * (1 - $.value) / 2}px`), S = F(() => ({
+      strokeDasharray: `${b.value * $.value}px, ${b.value}px`,
+      strokeDashoffset: L.value
+    })), R = F(() => ({
+      strokeDasharray: `${b.value * $.value * (s.percentage / 100)}px, ${b.value}px`,
+      strokeDashoffset: L.value,
+      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
+    })), p = F(() => {
+      let u;
+      return s.color ? u = y(s.percentage) : u = r[s.status] || r.default, u;
+    }), o = F(() => s.status === "warning" ? De : s.type === "line" ? s.status === "success" ? ye : Ue : s.status === "success" ? ge : he), t = F(() => s.type === "line" ? 12 + s.strokeWidth * 0.4 : s.width * 0.111111 + 2), n = F(() => s.format(s.percentage));
+    function l(u) {
+      const v = 100 / u.length;
+      return u.map((x, U) => se(x) ? {
+        color: x,
+        percentage: (U + 1) * v
+      } : x).sort((x, U) => x.percentage - U.percentage);
+    }
+    const y = (u) => {
+      var v;
+      const { color: D } = s;
+      if (be(D))
+        return D(u);
+      if (se(D))
+        return D;
+      {
+        const x = l(D);
+        for (const U of x)
+          if (U.percentage > u) return U.color;
+        return (v = x[x.length - 1]) == null ? void 0 : v.color;
+      }
+    };
+    return (u, v) => (g(), E("div", {
+      class: m([
+        a(i).b(),
+        a(i).m(e.type),
+        a(i).is(e.status),
+        {
+          [a(i).m("without-text")]: !e.showText,
+          [a(i).m("text-inside")]: e.textInside
+        }
+      ]),
+      role: "progressbar",
+      "aria-valuenow": e.percentage,
+      "aria-valuemin": "0",
+      "aria-valuemax": "100"
+    }, [
+      e.type === "line" ? (g(), E(
+        "div",
+        {
+          key: 0,
+          class: m(a(i).b("bar"))
+        },
+        [
+          N(
+            "div",
+            {
+              class: m(a(i).be("bar", "outer")),
+              style: j({ height: `${e.strokeWidth}px` })
+            },
+            [
+              N(
+                "div",
+                {
+                  class: m([
+                    a(i).be("bar", "inner"),
+                    { [a(i).bem("bar", "inner", "indeterminate")]: e.indeterminate },
+                    { [a(i).bem("bar", "inner", "striped")]: e.striped },
+                    { [a(i).bem("bar", "inner", "striped-flow")]: e.stripedFlow }
+                  ]),
+                  style: j(k.value)
+                },
+                [
+                  (e.showText || u.$slots.default) && e.textInside ? (g(), E(
+                    "div",
+                    {
+                      key: 0,
+                      class: m(a(i).be("bar", "innerText"))
+                    },
+                    [
+                      C(u.$slots, "default", { percentage: e.percentage }, () => [
+                        N(
+                          "span",
+                          null,
+                          V(n.value),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  )) : w("v-if", !0)
+                ],
+                6
+                /* CLASS, STYLE */
+              )
+            ],
+            6
+            /* CLASS, STYLE */
+          )
+        ],
+        2
+        /* CLASS */
+      )) : (g(), E(
+        "div",
+        {
+          key: 1,
+          class: m(a(i).b("circle")),
+          style: j({ height: `${e.width}px`, width: `${e.width}px` })
+        },
+        [
+          (g(), E("svg", rt, [
+            N("path", {
+              class: m(a(i).be("circle", "track")),
+              d: P.value,
+              stroke: `var(${a(i).cssVarName("fill-color-light")}, #e5e9f2)`,
+              "stroke-linecap": e.strokeLinecap,
+              "stroke-width": c.value,
+              fill: "none",
+              style: j(S.value)
+            }, null, 14, lt),
+            N("path", {
+              class: m(a(i).be("circle", "path")),
+              d: P.value,
+              stroke: p.value,
+              fill: "none",
+              opacity: e.percentage ? 1 : 0,
+              "stroke-linecap": e.strokeLinecap,
+              "stroke-width": c.value,
+              style: j(R.value)
+            }, null, 14, it)
+          ]))
+        ],
+        6
+        /* CLASS, STYLE */
+      )),
+      (e.showText || u.$slots.default) && !e.textInside ? (g(), E(
+        "div",
+        {
+          key: 2,
+          class: m(a(i).e("text")),
+          style: j({ fontSize: `${t.value}px` })
+        },
+        [
+          C(u.$slots, "default", { percentage: e.percentage }, () => [
+            e.status ? (g(), B(a(A), { key: 1 }, {
+              default: T(() => [
+                (g(), B(je(o.value)))
+              ]),
+              _: 1
+              /* STABLE */
+            })) : (g(), E(
+              "span",
+              ut,
+              V(n.value),
+              1
+              /* TEXT */
+            ))
+          ])
+        ],
+        6
+        /* CLASS, STYLE */
+      )) : w("v-if", !0)
+    ], 10, nt));
+  }
+});
+const dt = ve(ct), ft = ["tabindex", "aria-disabled", "onKeydown"], pt = ["src", "crossorigin"], vt = ["onClick"], mt = ["title"], yt = ["onClick"], gt = ["onClick"];
+var ie = /* @__PURE__ */ H({
+  name: "ElUploadList",
+  __name: "upload-list",
+  props: st,
+  emits: at,
+  setup(e, { emit: r }) {
+    const s = e, i = r, { t: k } = Ve(), c = I("upload"), d = I("icon"), P = I("list"), b = X(), $ = ke(!1), L = F(() => [
+      c.b("list"),
+      c.bm("list", s.listType),
+      c.is("disabled", b.value)
+    ]), S = (R) => {
+      i("remove", R);
+    };
+    return (R, p) => (g(), B(Ae, {
+      tag: "ul",
+      class: m(L.value),
+      name: a(P).b()
+    }, {
+      default: T(() => [
+        (g(!0), E(
+          qe,
+          null,
+          Ie(e.files, (o, t) => (g(), E("li", {
+            key: o.uid || o.name,
+            class: m([
+              a(c).be("list", "item"),
+              a(c).is(o.status),
+              { focusing: $.value }
+            ]),
+            tabindex: a(b) ? void 0 : 0,
+            "aria-disabled": a(b),
+            role: "button",
+            onKeydown: we((n) => !a(b) && S(o), ["delete"]),
+            onFocus: p[0] || (p[0] = (n) => $.value = !0),
+            onBlur: p[1] || (p[1] = (n) => $.value = !1),
+            onClick: p[2] || (p[2] = (n) => $.value = !1)
+          }, [
+            C(R.$slots, "default", {
+              file: o,
+              index: t
+            }, () => [
+              e.listType === "picture" || o.status !== "uploading" && e.listType === "picture-card" ? (g(), E("img", {
+                key: 0,
+                class: m(a(c).be("list", "item-thumbnail")),
+                src: o.url,
+                crossorigin: e.crossorigin,
+                alt: ""
+              }, null, 10, pt)) : w("v-if", !0),
+              o.status === "uploading" || e.listType !== "picture-card" ? (g(), E(
+                "div",
+                {
+                  key: 1,
+                  class: m(a(c).be("list", "item-info"))
+                },
+                [
+                  N("a", {
+                    class: m(a(c).be("list", "item-name")),
+                    onClick: M((n) => e.handlePreview(o), ["prevent"])
+                  }, [
+                    O(a(A), {
+                      class: m(a(d).m("document"))
+                    }, {
+                      default: T(() => [
+                        O(a(Be))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["class"]),
+                    N("span", {
+                      class: m(a(c).be("list", "item-file-name")),
+                      title: o.name
+                    }, V(o.name), 11, mt)
+                  ], 10, vt),
+                  o.status === "uploading" ? (g(), B(a(dt), {
+                    key: 0,
+                    type: e.listType === "picture-card" ? "circle" : "line",
+                    "stroke-width": e.listType === "picture-card" ? 6 : 2,
+                    percentage: Number(o.percentage),
+                    style: j(e.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+                  }, null, 8, ["type", "stroke-width", "percentage", "style"])) : w("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : w("v-if", !0),
+              N(
+                "label",
+                {
+                  class: m(a(c).be("list", "item-status-label"))
+                },
+                [
+                  e.listType === "text" ? (g(), B(a(A), {
+                    key: 0,
+                    class: m([a(d).m("upload-success"), a(d).m("circle-check")])
+                  }, {
+                    default: T(() => [
+                      O(a(ye))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])) : ["picture-card", "picture"].includes(e.listType) ? (g(), B(a(A), {
+                    key: 1,
+                    class: m([a(d).m("upload-success"), a(d).m("check")])
+                  }, {
+                    default: T(() => [
+                      O(a(ge))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])) : w("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              ),
+              a(b) ? w("v-if", !0) : (g(), B(a(A), {
+                key: 2,
+                class: m(a(d).m("close")),
+                onClick: (n) => S(o)
+              }, {
+                default: T(() => [
+                  O(a(he))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["class", "onClick"])),
+              w(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
+              w(" This is a bug which needs to be fixed "),
+              w(" TODO: Fix the incorrect navigation interaction "),
+              a(b) ? w("v-if", !0) : (g(), E(
+                "i",
+                {
+                  key: 3,
+                  class: m(a(d).m("close-tip"))
+                },
+                V(a(k)("el.upload.deleteTip")),
+                3
+                /* TEXT, CLASS */
+              )),
+              e.listType === "picture-card" ? (g(), E(
+                "span",
+                {
+                  key: 4,
+                  class: m(a(c).be("list", "item-actions"))
+                },
+                [
+                  N("span", {
+                    class: m(a(c).be("list", "item-preview")),
+                    onClick: (n) => e.handlePreview(o)
+                  }, [
+                    O(a(A), {
+                      class: m(a(d).m("zoom-in"))
+                    }, {
+                      default: T(() => [
+                        O(a(Oe))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["class"])
+                  ], 10, yt),
+                  a(b) ? w("v-if", !0) : (g(), E("span", {
+                    key: 0,
+                    class: m(a(c).be("list", "item-delete")),
+                    onClick: (n) => S(o)
+                  }, [
+                    O(a(A), {
+                      class: m(a(d).m("delete"))
+                    }, {
+                      default: T(() => [
+                        O(a(Ne))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["class"])
+                  ], 10, gt))
+                ],
+                2
+                /* CLASS */
+              )) : w("v-if", !0)
+            ])
+          ], 42, ft))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        C(R.$slots, "append")
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["class", "name"]));
+  }
+});
+const ht = z({
+  ...Pe,
+  beforeUpload: {
+    type: h(Function),
+    default: f
+  },
+  onRemove: {
+    type: h(Function),
+    default: f
+  },
+  onStart: {
+    type: h(Function),
+    default: f
+  },
+  onSuccess: {
+    type: h(
+      Function
+    ),
+    default: f
+  },
+  onProgress: {
+    type: h(Function),
+    default: f
+  },
+  onError: {
+    type: h(Function),
+    default: f
+  },
+  onExceed: {
+    type: h(Function),
+    default: f
+  }
+}), Ot = {
+  ...Se,
+  beforeUpload: f,
+  onRemove: f,
+  onStart: f,
+  onSuccess: f,
+  onProgress: f,
+  onError: f,
+  onExceed: f
+}, bt = z({
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  directory: Boolean
+}), kt = {
+  file: (e) => me(e)
+}, ue = "ElUploadDrag";
+var wt = /* @__PURE__ */ H({
+  name: ue,
+  __name: "upload-dragger",
+  props: bt,
+  emits: kt,
+  setup(e, { emit: r }) {
+    const s = e, i = r;
+    Me(Fe) || _(
+      ue,
+      "usage: <el-upload><el-upload-dragger /></el-upload>"
+    );
+    const c = I("upload"), d = ke(!1), P = X(), b = (p) => new Promise((o, t) => p.file(o, t)), $ = async (p) => {
+      try {
+        if (p.isFile) {
+          const o = await b(
+            p
+          );
+          return o.isDirectory = !1, [o];
+        }
+        if (p.isDirectory) {
+          const o = p.createReader(), t = () => new Promise(
+            (v, D) => o.readEntries(v, D)
+          ), n = [];
+          let l = await t();
+          for (; l.length > 0; )
+            n.push(...l), l = await t();
+          const y = n.map(
+            (v) => $(v).catch(() => [])
+          ), u = await Promise.all(y);
+          return ee(u);
+        }
+      } catch {
+        return [];
+      }
+      return [];
+    }, L = async (p) => {
+      if (P.value) return;
+      d.value = !1, p.stopPropagation();
+      const o = Array.from(p.dataTransfer.files), t = p.dataTransfer.items || [];
+      if (s.directory) {
+        const n = Array.from(t).map((y) => {
+          var u;
+          return (u = y == null ? void 0 : y.webkitGetAsEntry) == null ? void 0 : u.call(y);
+        }).filter((y) => y), l = await Promise.all(n.map($));
+        i("file", ee(l));
+        return;
+      }
+      o.forEach((n, l) => {
+        var y;
+        const u = t[l], v = (y = u == null ? void 0 : u.webkitGetAsEntry) == null ? void 0 : y.call(u);
+        v && (n.isDirectory = v.isDirectory);
+      }), i("file", o);
+    }, S = () => {
+      P.value || (d.value = !0);
+    }, R = (p) => {
+      p.currentTarget.contains(p.relatedTarget) || (d.value = !1);
+    };
+    return (p, o) => (g(), E(
+      "div",
+      {
+        class: m([a(c).b("dragger"), a(c).is("dragover", d.value)]),
+        onDrop: M(L, ["prevent"]),
+        onDragover: M(S, ["prevent"]),
+        onDragleave: M(R, ["prevent"])
+      },
+      [
+        C(p.$slots, "default")
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
+  }
+});
+const $t = ["tabindex", "aria-disabled", "onKeydown"], Et = ["name", "disabled", "multiple", "accept", "webkitdirectory"];
+var ce = /* @__PURE__ */ H({
+  name: "ElUploadContent",
+  inheritAttrs: !1,
+  __name: "upload-content",
+  props: ht,
+  setup(e, { expose: r }) {
+    const s = e, i = I("upload"), k = X(), c = Y(
+      {}
+    ), d = Y(), P = (t) => {
+      if (t.length === 0) return;
+      const { autoUpload: n, limit: l, fileList: y, multiple: u, onStart: v, onExceed: D } = s;
+      if (l && y.length + t.length > l) {
+        D(t, y);
+        return;
+      }
+      u || (t = t.slice(0, 1));
+      for (const x of t) {
+        const U = x;
+        U.uid = Z(), v(U), n && b(U);
+      }
+    }, b = async (t) => {
+      if (d.value.value = "", !s.beforeUpload)
+        return L(t);
+      let n, l = {};
+      try {
+        const u = s.data, v = s.beforeUpload(t);
+        l = ae(s.data) ? te(s.data) : s.data, n = await v, ae(s.data) && Le(u, l) && (l = te(s.data));
+      } catch {
+        n = !1;
+      }
+      if (n === !1) {
+        s.onRemove(t);
+        return;
+      }
+      let y = t;
+      n instanceof Blob && (n instanceof File ? y = n : y = new File([n], t.name, {
+        type: t.type
+      })), L(
+        Object.assign(y, {
+          uid: t.uid
+        }),
+        l
+      );
+    }, $ = async (t, n) => be(t) ? t(n) : t, L = async (t, n) => {
+      const {
+        headers: l,
+        data: y,
+        method: u,
+        withCredentials: v,
+        name: D,
+        action: x,
+        onProgress: U,
+        onSuccess: Re,
+        onError: Ce,
+        httpRequest: Te
+      } = s;
+      try {
+        n = await $(n ?? y, t);
+      } catch {
+        s.onRemove(t);
+        return;
+      }
+      const { uid: G } = t, J = {
+        headers: l || {},
+        withCredentials: v,
+        file: t,
+        data: n,
+        method: u,
+        filename: D,
+        action: x,
+        onProgress: (q) => {
+          U(q, t);
+        },
+        onSuccess: (q) => {
+          Re(q, t), delete c.value[G];
+        },
+        onError: (q) => {
+          Ce(q, t), delete c.value[G];
+        }
+      }, Q = Te(J);
+      c.value[G] = Q, Q instanceof Promise && Q.then(J.onSuccess, J.onError);
+    }, S = (t) => {
+      const n = t.target.files;
+      n && P(Array.from(n));
+    }, R = () => {
+      k.value || (d.value.value = "", d.value.click());
+    }, p = () => {
+      R();
+    };
+    return r({
+      abort: (t) => {
+        Ge(c.value).filter(
+          t ? ([l]) => String(t.uid) === l : () => !0
+        ).forEach(([l, y]) => {
+          y instanceof XMLHttpRequest && y.abort(), delete c.value[l];
+        });
+      },
+      upload: b
+    }), (t, n) => (g(), E("div", {
+      class: m([
+        a(i).b(),
+        a(i).m(e.listType),
+        a(i).is("drag", e.drag),
+        a(i).is("disabled", a(k))
+      ]),
+      tabindex: a(k) ? void 0 : 0,
+      "aria-disabled": a(k),
+      role: "button",
+      onClick: R,
+      onKeydown: we(M(p, ["self"]), ["enter", "space"])
+    }, [
+      e.drag ? (g(), B(wt, {
+        key: 0,
+        disabled: a(k),
+        directory: e.directory,
+        onFile: P
+      }, {
+        default: T(() => [
+          C(t.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["disabled", "directory"])) : C(t.$slots, "default", { key: 1 }),
+      N("input", {
+        ref_key: "inputRef",
+        ref: d,
+        class: m(a(i).e("input")),
+        name: e.name,
+        disabled: a(k),
+        multiple: e.multiple,
+        accept: e.accept,
+        webkitdirectory: e.directory || void 0,
+        type: "file",
+        onChange: S,
+        onClick: n[0] || (n[0] = M(() => {
+        }, ["stop"]))
+      }, null, 42, Et)
+    ], 42, $t));
+  }
+});
+const de = "ElUpload", fe = (e) => {
+  var r;
+  (r = e.url) != null && r.startsWith("blob:") && URL.revokeObjectURL(e.url);
+}, Pt = (e, r) => {
+  const s = Xe(
+    e,
+    "fileList",
+    void 0,
+    { passive: !0 }
+  ), i = (o) => s.value.find((t) => t.uid === o.uid);
+  function k(o) {
+    var t;
+    (t = r.value) == null || t.abort(o);
+  }
+  function c(o = ["ready", "uploading", "success", "fail"]) {
+    s.value = s.value.filter(
+      (t) => !o.includes(t.status)
+    );
+  }
+  function d(o) {
+    s.value = s.value.filter(
+      (t) => t.uid !== o.uid
+    );
+  }
+  const P = (o) => {
+    ze(() => e.onChange(o, s.value));
+  }, b = (o, t) => {
+    const n = i(t);
+    n && (console.error(o), n.status = "fail", d(n), e.onError(o, n, s.value), P(n));
+  }, $ = (o, t) => {
+    const n = i(t);
+    n && (e.onProgress(o, n, s.value), n.status = "uploading", n.percentage = Math.round(o.percent));
+  }, L = (o, t) => {
+    const n = i(t);
+    n && (n.status = "success", n.response = o, e.onSuccess(o, n, s.value), P(n));
+  }, S = (o) => {
+    pe(o.uid) && (o.uid = Z());
+    const t = {
+      name: o.name,
+      percentage: 0,
+      status: "ready",
+      size: o.size,
+      raw: o,
+      uid: o.uid
+    };
+    if (e.listType === "picture-card" || e.listType === "picture")
+      try {
+        t.url = URL.createObjectURL(o);
+      } catch (n) {
+        xe(de, n.message), e.onError(n, t, s.value);
+      }
+    s.value = [...s.value, t], P(t);
+  }, R = async (o) => {
+    const t = o instanceof File ? i(o) : o;
+    t || _(de, "file to be removed not found");
+    const n = (l) => {
+      k(l), d(l), e.onRemove(l, s.value), fe(l);
+    };
+    e.beforeRemove ? await e.beforeRemove(t, s.value) !== !1 && n(t) : n(t);
+  };
+  function p() {
+    s.value.filter(({ status: o }) => o === "ready").forEach(({ raw: o }) => {
+      var t;
+      return o && ((t = r.value) == null ? void 0 : t.upload(o));
+    });
+  }
+  return oe(
+    () => e.listType,
+    (o) => {
+      o !== "picture-card" && o !== "picture" || (s.value = s.value.map((t) => {
+        const { raw: n, url: l } = t;
+        if (!l && n)
+          try {
+            t.url = URL.createObjectURL(n);
+          } catch (y) {
+            e.onError(y, t, s.value);
+          }
+        return t;
+      }));
+    }
+  ), oe(
+    s,
+    (o) => {
+      for (const t of o)
+        t.uid || (t.uid = Z()), t.status || (t.status = "success");
+    },
+    { immediate: !0, deep: !0 }
+  ), {
+    /** @description two-way binding ref from props `fileList` */
+    uploadFiles: s,
+    abort: k,
+    clearFiles: c,
+    handleError: b,
+    handleProgress: $,
+    handleStart: S,
+    handleSuccess: L,
+    handleRemove: R,
+    submit: p,
+    revokeFileObjectURL: fe
+  };
+};
+var St = /* @__PURE__ */ H({
+  name: "ElUpload",
+  __name: "upload",
+  props: tt,
+  setup(e, { expose: r }) {
+    const s = e, i = X(), k = Y(), {
+      abort: c,
+      submit: d,
+      clearFiles: P,
+      uploadFiles: b,
+      handleStart: $,
+      handleError: L,
+      handleRemove: S,
+      handleSuccess: R,
+      handleProgress: p,
+      revokeFileObjectURL: o
+    } = Pt(s, k), t = F(() => s.listType === "picture-card"), n = F(() => ({
+      ...s,
+      fileList: b.value,
+      onStart: $,
+      onProgress: p,
+      onSuccess: R,
+      onError: L,
+      onRemove: S
+    }));
+    return Ke(() => {
+      b.value.forEach(o);
+    }), He(Fe, {
+      accept: We(s, "accept")
+    }), r({
+      /** @description cancel upload request */
+      abort: c,
+      /** @description upload the file list manually */
+      submit: d,
+      /** @description clear the file list  */
+      clearFiles: P,
+      /** @description select the file manually */
+      handleStart: $,
+      /** @description remove the file manually */
+      handleRemove: S
+    }), (l, y) => (g(), E("div", null, [
+      t.value && e.showFileList ? (g(), B(ie, {
+        key: 0,
+        disabled: a(i),
+        "list-type": e.listType,
+        files: a(b),
+        crossorigin: e.crossorigin,
+        "handle-preview": e.onPreview,
+        onRemove: a(S)
+      }, ne({
+        append: T(() => [
+          O(
+            ce,
+            re({
+              ref_key: "uploadRef",
+              ref: k
+            }, n.value),
+            {
+              default: T(() => [
+                l.$slots.trigger ? C(l.$slots, "trigger", { key: 0 }) : w("v-if", !0),
+                !l.$slots.trigger && l.$slots.default ? C(l.$slots, "default", { key: 1 }) : w("v-if", !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        l.$slots.file ? {
+          name: "default",
+          fn: T(({ file: u, index: v }) => [
+            C(l.$slots, "file", {
+              file: u,
+              index: v
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["disabled", "list-type", "files", "crossorigin", "handle-preview", "onRemove"])) : w("v-if", !0),
+      !t.value || t.value && !e.showFileList ? (g(), B(
+        ce,
+        re({
+          key: 1,
+          ref_key: "uploadRef",
+          ref: k
+        }, n.value),
+        {
+          default: T(() => [
+            l.$slots.trigger ? C(l.$slots, "trigger", { key: 0 }) : w("v-if", !0),
+            !l.$slots.trigger && l.$slots.default ? C(l.$slots, "default", { key: 1 }) : w("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      )) : w("v-if", !0),
+      l.$slots.trigger ? C(l.$slots, "default", { key: 2 }) : w("v-if", !0),
+      C(l.$slots, "tip"),
+      !t.value && e.showFileList ? (g(), B(ie, {
+        key: 3,
+        disabled: a(i),
+        "list-type": e.listType,
+        files: a(b),
+        crossorigin: e.crossorigin,
+        "handle-preview": e.onPreview,
+        onRemove: a(S)
+      }, ne({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        l.$slots.file ? {
+          name: "default",
+          fn: T(({ file: u, index: v }) => [
+            C(l.$slots, "file", {
+              file: u,
+              index: v
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["disabled", "list-type", "files", "crossorigin", "handle-preview", "onRemove"])) : w("v-if", !0)
+    ]));
+  }
+});
+const Nt = ve(St);
+export {
+  Nt as ElUpload,
+  Nt as default,
+  Z as genFileId,
+  Pe as uploadBaseProps,
+  Se as uploadBasePropsDefaults,
+  ht as uploadContentProps,
+  Ot as uploadContentPropsDefaults,
+  Fe as uploadContextKey,
+  kt as uploadDraggerEmits,
+  bt as uploadDraggerProps,
+  at as uploadListEmits,
+  st as uploadListProps,
+  Ee as uploadListTypes,
+  tt as uploadProps,
+  Bt as uploadPropsDefaults
+};