@opentiny/tiny-robot 0.3.0-alpha.16 → 0.3.0-alpha.17

package/dist/action-group/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as x, nextTick as W, createElementBlock as _, openBlock as n, createBlock as v, createCommentVNode as N, Fragment as R, renderList as G, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as I, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
-import { x as Y } from "../tiny-robot-svgs.js";
-import { T as M } from "../index4.js";
-import { o as Z, a as ee } from "../index2.js";
+import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as T, nextTick as W, createElementBlock as _, openBlock as o, createBlock as v, createCommentVNode as N, Fragment as G, renderList as I, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
+import { R as Y } from "../tiny-robot-svgs.js";
+import { T as M } from "../index2.js";
+import { o as Z, c as ee } from "../index3.js";
 import te from "../icon-button/index.js";
 import { _ as oe } from "../_plugin-vue_export-helper.js";
 const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae = { class: "tr-action-group__dropdown-item-text" }, ce = /* @__PURE__ */ $({
@@ -12,45 +12,48 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
     dropDownShowLabelOnly: { type: Boolean }
   },
   emits: ["item-click"],
-  setup(l, { emit: k }) {
-    const a = l, F = H(), O = k, p = i(() => {
-      var o, t;
+  setup(r, { emit: k }) {
+    const l = r, F = H(), O = k, p = i(() => {
+      var a, t;
       const e = F.default();
-      return Array.isArray(e) ? e.length === 1 && ((o = e[0].type) == null ? void 0 : o.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
+      return Array.isArray(e) ? e.length === 1 && ((a = e[0].type) == null ? void 0 : a.toString()) === "Symbol(v-fgt)" ? e[0].children : e : ((t = e.type) == null ? void 0 : t.toString()) === "Symbol(v-fgt)" ? e.children : [e];
     }), y = i(() => {
-      const e = a.maxNum ?? Number.MAX_SAFE_INTEGER;
+      const e = l.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), r = f(!1), P = () => {
-      r.value = !r.value;
+    }), b = i(() => p.value.length > y.value), V = i(() => b.value ? p.value.slice(0, y.value) : p.value), z = i(() => b.value ? p.value.slice(y.value) : []), m = f(null), d = f(null), n = f(!1), P = () => {
+      n.value = !n.value;
     };
-    Z(d, (e) => {
-      var o;
-      (o = m.value) != null && o.contains(e.target) || (r.value = !1);
-    });
+    Z(
+      d,
+      () => {
+        n.value = !1;
+      },
+      { ignore: [m] }
+    );
     const A = (e) => {
-      O("item-click", e), r.value = !1;
-    }, B = f("placement-bottom"), { height: D } = ee(), T = () => {
+      O("item-click", e), n.value = !1;
+    }, B = f("placement-bottom"), { height: D } = ee(), R = () => {
       if (!d.value || !m.value)
         return "placement-bottom";
-      const e = d.value.getBoundingClientRect(), o = m.value.getBoundingClientRect();
-      B.value = o.bottom + e.height + 16 > D.value ? "placement-top" : "placement-bottom";
+      const e = d.value.getBoundingClientRect(), a = m.value.getBoundingClientRect();
+      B.value = a.bottom + e.height + 16 > D.value ? "placement-top" : "placement-bottom";
     };
-    return x(r, (e) => {
+    return T(n, (e) => {
       e && W(() => {
-        T();
+        R();
       });
-    }), x(D, () => {
-      r.value && T();
-    }), (e, o) => (n(), _("div", ne, [
-      (n(!0), _(R, null, G(V.value, (t, C) => {
+    }), T(D, () => {
+      n.value && R();
+    }), (e, a) => (o(), _("div", ne, [
+      (o(!0), _(G, null, I(V.value, (t, C) => {
         var c;
-        return n(), v(h(M), {
+        return o(), v(h(M), {
           key: C,
           content: (c = t.props) == null ? void 0 : c.label,
           effect: "dark",
           placement: "top",
           "open-delay": 500,
-          disabled: !a.showTooltip
+          disabled: !l.showTooltip
         }, {
           default: S(() => [
             w("span", {
@@ -60,19 +63,19 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                 return A((s = t.props) == null ? void 0 : s.name);
               }
             }, [
-              (n(), v(I(t)))
+              (o(), v(x(t)))
             ], 8, re)
           ]),
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      b.value ? (n(), v(h(M), {
+      b.value ? (o(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",
         placement: "top",
         "open-delay": 500,
-        disabled: !a.showTooltip
+        disabled: !l.showTooltip
       }, {
         default: S(() => [
           w("span", {
@@ -91,9 +94,9 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                   ref: d,
                   class: J(["tr-action-group__dropdown", B.value])
                 }, [
-                  (n(!0), _(R, null, G(z.value, (t, C) => {
+                  (o(!0), _(G, null, I(z.value, (t, C) => {
                     var c;
-                    return n(), _("li", {
+                    return o(), _("li", {
                       class: "tr-action-group__dropdown-item",
                       key: C,
                       onClick: K((X) => {
@@ -101,12 +104,12 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                         return A((s = t.props) == null ? void 0 : s.name);
                       }, ["stop"])
                     }, [
-                      a.dropDownShowLabelOnly ? N("", !0) : (n(), v(I(t), { key: 0 })),
+                      l.dropDownShowLabelOnly ? N("", !0) : (o(), v(x(t), { key: 0 })),
                       w("span", ae, Q((c = t.props) == null ? void 0 : c.label), 1)
                     ], 8, le);
                   }), 128))
                 ], 2), [
-                  [U, r.value]
+                  [U, n.value]
                 ])
               ]),
               _: 1
@@ -117,24 +120,24 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       }, 8, ["disabled"])) : N("", !0)
     ]));
   }
-}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f3138789"]]), u = /* @__PURE__ */ $({
+}), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f8531261"]]), u = /* @__PURE__ */ $({
   __name: "ActionGroupItem",
   props: {
     name: {},
     label: {}
   },
-  setup(l) {
-    return (k, a) => L(k.$slots, "default");
+  setup(r) {
+    return (k, l) => L(k.$slots, "default");
   }
 });
 g.name = "TrActionGroup";
-const se = function(l) {
-  l.component(g.name, g);
+const se = function(r) {
+  r.component(g.name, g);
 };
 g.install = se;
 u.name = "TrActionGroupItem";
-const ie = function(l) {
-  l.component(u.name, u);
+const ie = function(r) {
+  r.component(u.name, u);
 };
 u.install = ie;
 const ve = u;

package/dist/attachments/index.js

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