@opentiny/tiny-robot 0.3.0-alpha.7 → 0.3.0-alpha.8

package/dist/action-group/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as N, nextTick as W, createElementBlock as _, openBlock as o, createBlock as v, createCommentVNode as R, 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 { c as Y } from "../tiny-robot-svgs.js";
-import { T as M } from "../index5.js";
-import { o as Z, b as ee } from "../index2.js";
+import { defineComponent as $, useSlots as X, computed as i, ref as f, watch as N, nextTick as H, createElementBlock as _, openBlock as o, createBlock as v, createCommentVNode as R, 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 W, withDirectives as j, normalizeClass as q, withModifiers as J, toDisplayString as K, vShow as U } from "vue";
+import { Q 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__ */ $({
@@ -13,14 +13,14 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
   },
   emits: ["item-click"],
   setup(r, { emit: k }) {
-    const l = r, F = H(), O = k, p = i(() => {
+    const l = r, F = X(), O = k, p = i(() => {
       var a, t;
       const e = F.default();
       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];
-    }), b = i(() => {
+    }), y = i(() => {
       const e = l.maxNum ?? Number.MAX_SAFE_INTEGER;
       return e > 0 ? e : Number.MAX_SAFE_INTEGER;
-    }), y = i(() => p.value.length > b.value), V = i(() => y.value ? p.value.slice(0, b.value) : p.value), z = i(() => y.value ? p.value.slice(b.value) : []), m = f(null), d = f(null), n = f(!1), P = () => {
+    }), 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(
@@ -39,7 +39,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       B.value = a.bottom + e.height + 16 > D.value ? "placement-top" : "placement-bottom";
     };
     return N(n, (e) => {
-      e && W(() => {
+      e && H(() => {
         T();
       });
     }), N(D, () => {
@@ -58,7 +58,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
           default: S(() => [
             w("span", {
               class: "tr-action-group__btn-wrapper",
-              onClick: (X) => {
+              onClick: (Q) => {
                 var s;
                 return A((s = t.props) == null ? void 0 : s.name);
               }
@@ -69,7 +69,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      y.value ? (o(), v(h(M), {
+      b.value ? (o(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",
@@ -87,25 +87,25 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
             L(e.$slots, "moreBtn", {}, () => [
               E(h(te), { icon: h(Y) }, null, 8, ["icon"])
             ], !0),
-            E(j, { name: "tr-action-group-dropdown" }, {
+            E(W, { name: "tr-action-group-dropdown" }, {
               default: S(() => [
-                q(w("ul", {
+                j(w("ul", {
                   ref_key: "dropDownRef",
                   ref: d,
-                  class: J(["tr-action-group__dropdown", B.value])
+                  class: q(["tr-action-group__dropdown", B.value])
                 }, [
                   (o(!0), _(G, null, I(z.value, (t, C) => {
                     var c;
                     return o(), _("li", {
                       class: "tr-action-group__dropdown-item",
                       key: C,
-                      onClick: K((X) => {
+                      onClick: J((Q) => {
                         var s;
                         return A((s = t.props) == null ? void 0 : s.name);
                       }, ["stop"])
                     }, [
                       l.dropDownShowLabelOnly ? R("", !0) : (o(), v(x(t), { key: 0 })),
-                      w("span", ae, Q((c = t.props) == null ? void 0 : c.label), 1)
+                      w("span", ae, K((c = t.props) == null ? void 0 : c.label), 1)
                     ], 8, le);
                   }), 128))
                 ], 2), [

package/dist/attachments/index.js

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

package/dist/base-popper/index.js

@@ -1,4 +1,4 @@
-import { B as f } from "../index3.js";
+import { B as f } from "../index4.js";
 export {
   f as default
 };