@opentiny/tiny-robot 0.3.0-rc.5 → 0.3.0-rc.6

package/dist/attachments/index.js

@@ -1,5 +1,5 @@
-import { computed as C, ref as R, onUnmounted as Y, defineComponent as B, mergeModels as W, useModel as Z, createElementBlock as d, openBlock as o, withModifiers as P, createElementVNode as p, createVNode as F, unref as f, Fragment as z, renderList as D, normalizeClass as U, h as ee, createCommentVNode as k, createBlock as L, toDisplayString as x, withCtx as te, resolveDynamicComponent as O, watch as ne } from "vue";
-import { IconFileOther as re, IconFileFolder as V, IconFilePpt as q, IconFileExcel as K, IconFileWord as G, IconFilePdf as H, IconFileImage as J, IconClose as se, IconArrowLeft as ae, IconArrowRight as oe, IconFileRemove as ie, IconImageLoading as j, IconImageWarning as E } from "@opentiny/tiny-robot-svgs";
+import { computed as C, ref as R, onUnmounted as Y, defineComponent as B, mergeModels as W, useModel as Z, createElementBlock as c, openBlock as s, withModifiers as P, createElementVNode as m, createVNode as x, unref as f, Fragment as z, renderList as D, normalizeClass as U, h as ee, createCommentVNode as k, createBlock as L, toDisplayString as F, withCtx as te, resolveDynamicComponent as O, watch as ne } from "vue";
+import { IconFileOther as ae, IconFileFolder as V, IconFilePpt as q, IconFileExcel as K, IconFileWord as G, IconFilePdf as H, IconFileImage as J, IconClose as re, IconArrowLeft as se, IconArrowRight as ie, IconFileRemove as oe, IconImageLoading as j, IconImageWarning as E } from "@opentiny/tiny-robot-svgs";
 import { _ as S } from "../_plugin-vue_export-helper.js";
 import { TinyTooltip as le } from "@opentiny/vue";
 const A = {
@@ -9,156 +9,156 @@ const A = {
   excel: K,
   ppt: q,
   folder: V,
-  other: re
+  other: ae
 }, N = [
   {
     type: "image",
-    matcher: (t) => {
-      var n, u;
-      if (typeof t != "string")
-        return ((n = t.type) == null ? void 0 : n.startsWith("image/")) || !1;
-      const s = ((u = t.split(".").pop()) == null ? void 0 : u.toLowerCase()) || "";
-      return ["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"].includes(s);
+    matcher: (e) => {
+      var n, d;
+      if (typeof e != "string")
+        return ((n = e.type) == null ? void 0 : n.startsWith("image/")) || !1;
+      const a = ((d = e.split(".").pop()) == null ? void 0 : d.toLowerCase()) || "";
+      return ["png", "jpg", "jpeg", "gif", "webp", "bmp", "svg"].includes(a);
     },
     icon: J
   },
   {
     type: "pdf",
-    matcher: (t) => typeof t != "string" ? t.type === "application/pdf" : t.toLowerCase().endsWith(".pdf"),
+    matcher: (e) => typeof e != "string" ? e.type === "application/pdf" : e.toLowerCase().endsWith(".pdf"),
     icon: H
   },
   {
     type: "word",
-    matcher: (t) => {
+    matcher: (e) => {
       var n;
-      if (typeof t != "string")
-        return t.type === "application/msword" || t.type === "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
-      const s = ((n = t.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
-      return ["doc", "docx"].includes(s);
+      if (typeof e != "string")
+        return e.type === "application/msword" || e.type === "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+      const a = ((n = e.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
+      return ["doc", "docx"].includes(a);
     },
     icon: G
   },
   {
     type: "excel",
-    matcher: (t) => {
+    matcher: (e) => {
       var n;
-      if (typeof t != "string")
-        return t.type === "application/vnd.ms-excel" || t.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-      const s = ((n = t.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
-      return ["xls", "xlsx"].includes(s);
+      if (typeof e != "string")
+        return e.type === "application/vnd.ms-excel" || e.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+      const a = ((n = e.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
+      return ["xls", "xlsx"].includes(a);
     },
     icon: K
   },
   {
     type: "ppt",
-    matcher: (t) => {
+    matcher: (e) => {
       var n;
-      if (typeof t != "string")
-        return t.type === "application/vnd.ms-powerpoint" || t.type === "application/vnd.openxmlformats-officedocument.presentationml.presentation";
-      const s = ((n = t.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
-      return ["ppt", "pptx"].includes(s);
+      if (typeof e != "string")
+        return e.type === "application/vnd.ms-powerpoint" || e.type === "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+      const a = ((n = e.split(".").pop()) == null ? void 0 : n.toLowerCase()) || "";
+      return ["ppt", "pptx"].includes(a);
     },
     icon: q
   },
   {
     type: "folder",
-    matcher: (t) => typeof t != "string" ? !1 : t.toLowerCase().endsWith("folder"),
+    matcher: (e) => typeof e != "string" ? !1 : e.toLowerCase().endsWith("folder"),
     icon: V
   }
 ];
-function Q(t = {}) {
-  const { customIcons: s, fileMatchers: n } = t, u = () => {
-    let e = [];
-    return n ? e = n.concat(N) : e = N, e;
-  }, i = (e = "other") => C(() => {
-    if (s != null && s[e])
-      return s[e];
-    const r = u().find((_) => _.type === e);
-    return r != null && r.icon ? r.icon : A[e] ? A[e] : A.other;
-  }), v = (e) => {
-    const a = u();
-    for (const r of a)
-      if (r.matcher(e))
-        return r.type;
+function Q(e = {}) {
+  const { customIcons: a, fileMatchers: n } = e, d = () => {
+    let t = [];
+    return n ? t = n.concat(N) : t = N, t;
+  }, i = (t = "other") => C(() => {
+    if (a != null && a[t])
+      return a[t];
+    const u = d().find((p) => p.type === t);
+    return u != null && u.icon ? u.icon : A[t] ? A[t] : A.other;
+  }), _ = (t) => {
+    const r = d();
+    for (const u of r)
+      if (u.matcher(t))
+        return u.type;
     return "other";
-  }, g = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), I = (e) => e < 1024 ? e + " B" : e < 1024 * 1024 ? (e / 1024).toFixed(2) + " KB" : (e / (1024 * 1024)).toFixed(2) + " MB", b = (e) => typeof e.url == "string" && !!e.url && typeof e.size == "number", w = (e) => e.rawFile instanceof File, l = (e) => e.map((a) => {
-    if (b(a))
-      return c(a);
-    if (w(a))
-      return m(a);
-  }), h = (e) => ({
-    id: e.id || g(),
-    name: e.name || "",
-    status: e.status || "success",
-    message: e.message || ""
-  }), c = (e) => {
-    const a = h(e), r = e.url, _ = e.size, M = r.split("/").pop() || "";
+  }, g = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), I = (t) => t < 1024 ? t + " B" : t < 1024 * 1024 ? (t / 1024).toFixed(2) + " KB" : (t / (1024 * 1024)).toFixed(2) + " MB", b = (t) => typeof t.url == "string" && !!t.url && typeof t.size == "number", w = (t) => t.rawFile instanceof File, l = (t) => t.map((r) => {
+    if (b(r))
+      return o(r);
+    if (w(r))
+      return v(r);
+  }), h = (t) => ({
+    id: t.id || g(),
+    name: t.name || "",
+    status: t.status || "success",
+    message: t.message || ""
+  }), o = (t) => {
+    const r = h(t), u = t.url, p = t.size, M = u.split("/").pop() || "";
     return {
-      ...a,
-      name: a.name || M,
-      fileType: v(M),
-      size: _,
-      url: r
+      ...r,
+      name: r.name || M,
+      fileType: _(M),
+      size: p,
+      url: u
     };
-  }, m = (e) => {
-    const a = h(e), r = e.rawFile;
+  }, v = (t) => {
+    const r = h(t), u = t.rawFile;
     return {
-      ...a,
-      name: a.name || r.name,
-      fileType: v(r),
-      rawFile: r,
-      size: e.size || r.size,
-      url: e.url
+      ...r,
+      name: r.name || u.name,
+      fileType: _(u),
+      rawFile: u,
+      size: t.size || u.size,
+      url: t.url
     };
   };
   return {
-    detectFileType: v,
+    detectFileType: _,
     generateID: g,
     formatFileSize: I,
     normalizeAttachments: l,
     getIconComponent: i
   };
 }
-const ce = (t, s) => {
-  if (t.startsWith("blob:") || t.startsWith("data:")) {
+const ce = (e, a) => {
+  if (e.startsWith("blob:") || e.startsWith("data:")) {
     const n = document.createElement("a");
-    n.href = t, n.download = s, document.body.appendChild(n), requestAnimationFrame(() => {
-      n.click(), document.body.removeChild(n), URL.revokeObjectURL(t);
+    n.href = e, n.download = a, document.body.appendChild(n), requestAnimationFrame(() => {
+      n.click(), document.body.removeChild(n), URL.revokeObjectURL(e);
     });
   }
 };
-function de(t, s) {
-  const n = R([]), u = C(() => t.file.fileType === "image"), i = (l) => {
+function de(e, a) {
+  const n = R([]), d = C(() => e.file.fileType === "image"), i = (l) => {
     const h = URL.createObjectURL(l);
     return n.value.push(h), h;
-  }, v = (l) => {
-    s("preview", l, t.file);
+  }, _ = (l) => {
+    a("preview", l, e.file);
   }, g = (l) => {
-    if (s("download", l, t.file), !l.defaultPrevented && t.file.rawFile && !t.file.url) {
-      const h = i(t.file.rawFile);
-      ce(h, t.file.name || t.file.rawFile.name);
+    if (a("download", l, e.file), !l.defaultPrevented && e.file.rawFile && !e.file.url) {
+      const h = i(e.file.rawFile);
+      ce(h, e.file.name || e.file.rawFile.name);
     }
   }, I = () => {
-    s("remove", t.file);
+    a("remove", e.file);
   }, b = () => {
-    s("retry", t.file);
+    a("retry", e.file);
   }, w = (l, h) => {
-    h.stopPropagation(), l.handler && l.handler(t.file), l.type === "preview" ? v(h) : l.type === "download" ? g(h) : s("action", { action: l, file: t.file });
+    h.stopPropagation(), l.handler && l.handler(e.file), l.type === "preview" ? _(h) : l.type === "download" ? g(h) : a("action", { action: l, file: e.file });
   };
   return Y(() => {
     n.value.forEach((l) => {
       URL.revokeObjectURL(l);
     }), n.value = [];
   }), {
-    isImage: u,
-    handlePreview: v,
+    isImage: d,
+    handlePreview: _,
     downloadFile: g,
     handleRemove: I,
     handleRetry: b,
     handleCustomAction: w
   };
 }
-const ue = { class: "tr-image-preview__main" }, fe = ["disabled"], pe = { class: "tr-image-preview__content" }, me = ["src", "alt"], _e = ["disabled"], ve = { class: "tr-image-preview__footer" }, he = { class: "tr-image-preview__thumbnails" }, ge = ["onClick"], ye = ["src", "alt"], we = /* @__PURE__ */ B({
+const ue = { class: "tr-image-preview__main" }, fe = ["disabled"], me = { class: "tr-image-preview__content" }, ve = ["src", "alt"], pe = ["disabled"], _e = { class: "tr-image-preview__footer" }, he = { class: "tr-image-preview__thumbnails" }, ge = ["onClick"], ye = ["src", "alt"], we = /* @__PURE__ */ B({
   __name: "ImagePreview",
   props: /* @__PURE__ */ W({
     images: {}
@@ -167,8 +167,8 @@ const ue = { class: "tr-image-preview__main" }, fe = ["disabled"], pe = { class:
     currentIndexModifiers: {}
   }),
   emits: /* @__PURE__ */ W(["close"], ["update:currentIndex"]),
-  setup(t, { emit: s }) {
-    const n = t, u = s, i = Z(t, "currentIndex"), v = C(() => n.images[i.value]), g = () => {
+  setup(e, { emit: a }) {
+    const n = e, d = a, i = Z(e, "currentIndex"), _ = C(() => n.images[i.value]), g = () => {
       i.value > 0 && i.value--;
     }, I = () => {
       i.value < n.images.length - 1 && i.value++;
@@ -176,53 +176,53 @@ const ue = { class: "tr-image-preview__main" }, fe = ["disabled"], pe = { class:
       i.value = l;
     };
     function w() {
-      u("close");
+      d("close");
     }
     return (l, h) => {
-      var c, m;
-      return o(), d("div", {
+      var o, v;
+      return s(), c("div", {
         class: "tr-image-preview",
         onClick: P(w, ["self"])
       }, [
-        p("button", {
+        m("button", {
           class: "tr-image-preview__close",
           onClick: w
         }, [
-          F(f(se))
+          x(f(re))
         ]),
-        p("div", ue, [
-          p("button", {
+        m("div", ue, [
+          m("button", {
             class: "tr-image-preview__nav tr-image-preview__nav--left",
             onClick: P(g, ["stop"]),
             disabled: i.value === 0
           }, [
-            F(f(ae))
+            x(f(se))
           ], 8, fe),
-          p("div", pe, [
-            p("img", {
-              src: (c = v.value) == null ? void 0 : c.url,
-              alt: (m = v.value) == null ? void 0 : m.name,
+          m("div", me, [
+            m("img", {
+              src: (o = _.value) == null ? void 0 : o.url,
+              alt: (v = _.value) == null ? void 0 : v.name,
               class: "tr-image-preview__image"
-            }, null, 8, me)
+            }, null, 8, ve)
           ]),
-          p("button", {
+          m("button", {
             class: "tr-image-preview__nav tr-image-preview__nav--right",
             onClick: P(I, ["stop"]),
-            disabled: i.value === l.images.length - 1
+            disabled: i.value === e.images.length - 1
           }, [
-            F(f(oe))
-          ], 8, _e)
+            x(f(ie))
+          ], 8, pe)
         ]),
-        p("div", ve, [
-          p("div", he, [
-            (o(!0), d(z, null, D(l.images, (e, a) => (o(), d("div", {
-              key: e.id,
-              class: U(["tr-image-preview__thumbnail", { "tr-image-preview__thumbnail--active": a === i.value }]),
-              onClick: (r) => b(a)
+        m("div", _e, [
+          m("div", he, [
+            (s(!0), c(z, null, D(e.images, (t, r) => (s(), c("div", {
+              key: t.id,
+              class: U(["tr-image-preview__thumbnail", { "tr-image-preview__thumbnail--active": r === i.value }]),
+              onClick: (u) => b(r)
             }, [
-              p("img", {
-                src: e.url,
-                alt: e.name
+              m("img", {
+                src: t.url,
+                alt: t.name
               }, null, 8, ye)
             ], 10, ge))), 128))
           ])
@@ -231,47 +231,47 @@ const ue = { class: "tr-image-preview__main" }, fe = ["disabled"], pe = { class:
     };
   }
 }), Ie = /* @__PURE__ */ S(we, [["__scopeId", "data-v-027af77c"]]);
-function be(t, s, n = {}) {
-  const u = R(!1), i = R([]), v = R(0), g = (c) => {
-    v.value = c;
-  }, I = (c) => {
-    const m = t.value.findIndex((e) => e.id === c.id);
-    if (m !== -1 && c.url && t.value.splice(m, 1, c), c.fileType === "image") {
-      i.value = t.value.filter(
-        (a) => a.fileType === "image" && a.status !== "error" && a.status !== "uploading"
+function be(e, a, n = {}) {
+  const d = R(!1), i = R([]), _ = R(0), g = (o) => {
+    _.value = o;
+  }, I = (o) => {
+    const v = e.value.findIndex((t) => t.id === o.id);
+    if (v !== -1 && o.url && e.value.splice(v, 1, o), o.fileType === "image") {
+      i.value = e.value.filter(
+        (r) => r.fileType === "image" && r.status !== "error" && r.status !== "uploading"
       );
-      const e = i.value.findIndex((a) => a.id === c.id);
-      e !== -1 && (v.value = e, u.value = !0);
+      const t = i.value.findIndex((r) => r.id === o.id);
+      t !== -1 && (_.value = t, d.value = !0);
     }
-  }, b = (c, m) => {
-    s("preview", c, m), !c.defaultPrevented && I(m);
+  }, b = (o, v) => {
+    a("preview", o, v), !o.defaultPrevented && I(v);
   }, w = () => {
-    u.value = !1;
-  }, l = (c, m) => {
-    n.onDownload ? n.onDownload(c, m) : s("download", c, m);
+    d.value = !1;
+  }, l = (o, v) => {
+    n.onDownload ? n.onDownload(o, v) : a("download", o, v);
   };
   return {
     // 显示预览
     handlePreview: b,
     // 渲染预览组件
-    renderPreview: () => u.value ? ee(Ie, {
+    renderPreview: () => d.value ? ee(Ie, {
       images: i.value,
-      currentIndex: v.value,
+      currentIndex: _.value,
       "onUpdate:currentIndex": g,
       onClose: w,
       onDownload: l
     }) : null
   };
 }
-function ke(t, s) {
+function ke(e, a) {
   return {
-    actualListType: C(() => s && s !== "auto" ? s : t.value.length === 0 ? "card" : t.value.every((i) => i.fileType === "image") ? "picture" : "card")
+    actualListType: C(() => a && a !== "auto" ? a : e.value.length === 0 ? "card" : e.value.every((i) => i.fileType === "image") ? "picture" : "card")
   };
 }
-const Ce = ["data-file-type"], Fe = {
+const Ce = ["data-file-type"], xe = {
   key: 1,
   class: "tr-file-card__picture-container"
-}, xe = ["src", "alt"], Pe = {
+}, Fe = ["src", "alt"], Pe = {
   key: 0,
   class: "tr-file-card__picture-overlay"
 }, Me = {
@@ -322,117 +322,117 @@ const Ce = ["data-file-type"], Fe = {
     fileMatchers: {}
   },
   emits: ["remove", "preview", "action", "retry", "download"],
-  setup(t, { emit: s }) {
-    const n = t, u = s, { formatFileSize: i, getIconComponent: v } = Q({
+  setup(e, { emit: a }) {
+    const n = e, d = a, { formatFileSize: i, getIconComponent: _ } = Q({
       customIcons: n.fileIcons,
       fileMatchers: n.fileMatchers
-    }), { isImage: g, handlePreview: I, handleRemove: b, handleCustomAction: w, handleRetry: l } = de(n, u), h = C(() => v(n.file.fileType).value), c = C(() => n.file.status === "uploading"), m = C(() => n.file.status === "success"), e = C(() => n.file.status === "error"), a = C(() => [
+    }), { isImage: g, handlePreview: I, handleRemove: b, handleCustomAction: w, handleRetry: l } = de(n, d), h = C(() => _(n.file.fileType).value), o = C(() => n.file.status === "uploading"), v = C(() => n.file.status === "success"), t = C(() => n.file.status === "error"), r = C(() => [
       n.variant === "picture" ? "tr-file-card--picture" : "tr-file-card",
       `tr-file-card--${n.file.fileType || "other"}`,
       {
-        "tr-file-card--uploading": c.value,
-        "tr-file-card--error": e.value,
-        "tr-file-card--success": m.value
+        "tr-file-card--uploading": o.value,
+        "tr-file-card--error": t.value,
+        "tr-file-card--success": v.value
       }
     ]);
-    return (r, _) => {
+    return (u, p) => {
       var M;
-      return o(), d("div", {
-        class: U(a.value),
-        "data-file-type": r.file.fileType || "other",
-        onClick: _[3] || (_[3] = (y) => r.variant === "picture" ? f(I)(y) : void 0)
+      return s(), c("div", {
+        class: U(r.value),
+        "data-file-type": e.file.fileType || "other",
+        onClick: p[3] || (p[3] = (y) => e.variant === "picture" ? f(I)(y) : void 0)
       }, [
-        r.disabled ? k("", !0) : (o(), d("button", {
+        e.disabled ? k("", !0) : (s(), c("button", {
           key: 0,
           class: "tr-file-card__close-btn",
-          onClick: _[0] || (_[0] = P(
+          onClick: p[0] || (p[0] = P(
             //@ts-ignore
             (...y) => f(b) && f(b)(...y),
             ["stop"]
           )),
           "aria-label": "移除文件"
         }, [
-          F(f(ie))
+          x(f(oe))
         ])),
-        r.variant === "picture" ? (o(), d("div", Fe, [
-          p("img", {
-            src: r.file.url,
-            alt: r.file.name,
+        e.variant === "picture" ? (s(), c("div", xe, [
+          m("img", {
+            src: e.file.url,
+            alt: e.file.name,
             class: "tr-file-card__picture-img"
-          }, null, 8, xe),
-          m.value ? (o(), d("div", Pe, [..._[4] || (_[4] = [
-            p("span", { class: "tr-file-card__picture-overlay-text" }, "预览", -1)
+          }, null, 8, Fe),
+          v.value ? (s(), c("div", Pe, [...p[4] || (p[4] = [
+            m("span", { class: "tr-file-card__picture-overlay-text" }, "预览", -1)
           ])])) : k("", !0),
-          c.value || e.value ? (o(), d("div", Me, [
-            c.value ? (o(), d("div", Re, [
-              F(f(j)),
-              r.file.message ? (o(), d("span", Ue, x(r.file.message), 1)) : k("", !0)
-            ])) : e.value ? (o(), L(f(le), {
+          o.value || t.value ? (s(), c("div", Me, [
+            o.value ? (s(), c("div", Re, [
+              x(f(j)),
+              e.file.message ? (s(), c("span", Ue, F(e.file.message), 1)) : k("", !0)
+            ])) : t.value ? (s(), L(f(le), {
               key: 1,
               content: "解析失败",
               placement: "top",
               effect: "light"
             }, {
               default: te(() => [
-                F(f(E), { class: "tr-file-card__status-icon tr-file-card__status-icon--error" })
+                x(f(E), { class: "tr-file-card__status-icon tr-file-card__status-icon--error" })
               ]),
               _: 1
             })) : k("", !0)
           ])) : k("", !0)
-        ])) : (o(), d("div", Le, [
-          p("div", {
+        ])) : (s(), c("div", Le, [
+          m("div", {
             class: U(["tr-file-card__icon", { "tr-file-card__icon--clickable": f(g) }]),
-            onClick: _[1] || (_[1] = P((y) => f(g) ? f(I)(y) : null, ["stop"]))
+            onClick: p[1] || (p[1] = P((y) => f(g) ? f(I)(y) : null, ["stop"]))
           }, [
-            p("div", $e, [
-              (o(), L(O(h.value), { class: "tr-file-card__file-icon" })),
-              c.value || e.value ? (o(), d("div", Te, [
-                c.value ? (o(), d("div", Ae, [
-                  F(f(j))
-                ])) : e.value ? (o(), L(f(E), {
+            m("div", $e, [
+              (s(), L(O(h.value), { class: "tr-file-card__file-icon" })),
+              o.value || t.value ? (s(), c("div", Te, [
+                o.value ? (s(), c("div", Ae, [
+                  x(f(j))
+                ])) : t.value ? (s(), L(f(E), {
                   key: 1,
                   class: "tr-file-card__status-icon tr-file-card__status-icon--error"
                 })) : k("", !0)
               ])) : k("", !0)
             ])
           ], 2),
-          p("div", Be, [
-            p("div", ze, [
-              p("div", {
+          m("div", Be, [
+            m("div", ze, [
+              m("div", {
                 class: "tr-file-card__name",
-                title: r.file.name
-              }, x(r.file.name), 9, De),
-              r.showStatus ? (o(), d("div", Se, [
-                m.value ? (o(), d("div", We, [
-                  p("div", je, [
-                    p("span", Ee, x(((M = r.file.fileType) == null ? void 0 : M.toUpperCase()) || "FILE"), 1),
-                    r.file.size ? (o(), d("span", Ne, x(f(i)(r.file.size)), 1)) : k("", !0)
+                title: e.file.name
+              }, F(e.file.name), 9, De),
+              e.showStatus ? (s(), c("div", Se, [
+                v.value ? (s(), c("div", We, [
+                  m("div", je, [
+                    m("span", Ee, F(((M = e.file.fileType) == null ? void 0 : M.toUpperCase()) || "FILE"), 1),
+                    e.file.size ? (s(), c("span", Ne, F(f(i)(e.file.size)), 1)) : k("", !0)
                   ]),
-                  r.actions ? (o(), d("div", Oe, [
-                    (o(!0), d(z, null, D(r.actions, (y, X) => (o(), d("div", {
+                  e.actions ? (s(), c("div", Oe, [
+                    (s(!0), c(z, null, D(e.actions, (y, X) => (s(), c("div", {
                       key: X,
                       class: "tr-file-card__action-btn"
                     }, [
-                      y.type === "download" ? (o(), d("a", {
+                      y.type === "download" ? (s(), c("a", {
                         key: 0,
                         class: "tr-file-card__action-btn--download",
-                        href: r.file.url ?? "javascript:void(0)",
-                        target: r.file.url ? "_blank" : "_self",
+                        href: e.file.url ?? "javascript:void(0)",
+                        target: e.file.url ? "_blank" : "_self",
                         onClick: (T) => f(w)(y, T)
-                      }, x(y.label), 9, Ve)) : (o(), d("button", {
+                      }, F(y.label), 9, Ve)) : (s(), c("button", {
                         key: 1,
                         class: U(`tr-file-card__action-btn--${y.type}`),
                         onClick: (T) => f(w)(y, T)
-                      }, x(y.label), 11, qe))
+                      }, F(y.label), 11, qe))
                     ]))), 128))
                   ])) : k("", !0)
-                ])) : c.value ? (o(), d("div", Ke, [..._[5] || (_[5] = [
-                  p("span", { class: "tr-file-card__uploading-text" }, "上传中...", -1)
-                ])])) : e.value ? (o(), d("div", Ge, [
-                  _[6] || (_[6] = p("span", { class: "tr-file-card__error-text" }, "上传失败", -1)),
-                  p("button", {
+                ])) : o.value ? (s(), c("div", Ke, [...p[5] || (p[5] = [
+                  m("span", { class: "tr-file-card__uploading-text" }, "上传中...", -1)
+                ])])) : t.value ? (s(), c("div", Ge, [
+                  p[6] || (p[6] = m("span", { class: "tr-file-card__error-text" }, "上传失败", -1)),
+                  m("button", {
                     class: "tr-file-card__retry-btn",
-                    onClick: _[2] || (_[2] = //@ts-ignore
+                    onClick: p[2] || (p[2] = //@ts-ignore
                     (...y) => f(l) && f(l)(...y))
                   }, "重试")
                 ])) : k("", !0)
@@ -464,42 +464,42 @@ const Ce = ["data-file-type"], Fe = {
     fileMatchers: { default: () => [] }
   },
   emits: ["update:items", "remove", "download", "retry", "preview", "action"],
-  setup(t, { emit: s }) {
-    const n = t, u = s, i = R(n.items || []), { actualListType: v } = ke(i, n.variant), { handlePreview: g, renderPreview: I } = be(i, u, { enableDownload: !0 });
-    function b(e) {
+  setup(e, { emit: a }) {
+    const n = e, d = a, i = R(n.items || []), { actualListType: _ } = ke(i, n.variant), { handlePreview: g, renderPreview: I } = be(i, d, { enableDownload: !0 });
+    function b(t) {
       if (n.disabled) return;
-      const a = i.value.findIndex((r) => r.id === e.id);
-      a !== -1 && (i.value.splice(a, 1), u("remove", e), u("update:items", i.value));
+      const r = i.value.findIndex((u) => u.id === t.id);
+      r !== -1 && (i.value.splice(r, 1), d("remove", t), d("update:items", i.value));
     }
-    function w(e, a) {
-      u("download", e, a);
+    function w(t, r) {
+      d("download", t, r);
     }
-    function l(e) {
-      u("retry", e);
+    function l(t) {
+      d("retry", t);
     }
-    function h(e) {
-      u("action", e);
+    function h(t) {
+      d("action", t);
     }
-    const c = C(() => n.wrap ? "wrap" : "no-wrap"), { normalizeAttachments: m } = Q({
+    const o = C(() => n.wrap ? "wrap" : "no-wrap"), { normalizeAttachments: v } = Q({
       fileMatchers: n.fileMatchers
     });
     return ne(
       () => n.items,
-      (e) => {
-        e && e.length > 0 && (i.value = m(e));
+      (t) => {
+        t && t.length > 0 && (i.value = v(t));
       },
       { deep: !0, immediate: !0 }
-    ), (e, a) => (o(), d("div", Qe, [
-      i.value.length > 0 ? (o(), d("div", {
+    ), (t, r) => (s(), c("div", Qe, [
+      i.value.length > 0 ? (s(), c("div", {
         key: 0,
-        class: U(["tr-attachments__file-list", c.value]),
-        onClick: a[0] || (a[0] = P(() => {
+        class: U(["tr-attachments__file-list", o.value]),
+        onClick: r[0] || (r[0] = P(() => {
         }, ["stop"]))
       }, [
-        (o(!0), d(z, null, D(i.value, (r) => (o(), L(Je, {
-          key: r.id,
-          file: r,
-          variant: f(v),
+        (s(!0), c(z, null, D(i.value, (u) => (s(), L(Je, {
+          key: u.id,
+          file: u,
+          variant: f(_),
           "file-icons": e.fileIcons,
           disabled: e.disabled,
           actions: e.actions,
@@ -512,13 +512,13 @@ const Ce = ["data-file-type"], Fe = {
           onAction: h
         }, null, 8, ["file", "variant", "file-icons", "disabled", "actions", "file-matchers", "onPreview"]))), 128))
       ], 2)) : k("", !0),
-      (o(), L(O(f(I)())))
+      (s(), L(O(f(I)())))
     ]));
   }
 }), $ = /* @__PURE__ */ S(Xe, [["__scopeId", "data-v-e09559ac"]]);
 $.name = "TrAttachments";
-const Ye = function(t) {
-  t.component($.name, $);
+const Ye = function(e) {
+  e.component($.name, $);
 };
 $.install = Ye;
 export {