@opentiny/tiny-robot 0.2.1 → 0.3.0-alpha.0

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 n, 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 { o as Y } from "../tiny-robot-svgs.js";
+import { n 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 { o as Z, b as ee } from "../index2.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__ */ $({
@@ -17,10 +17,10 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
       var o, 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];
-    }), y = i(() => {
+    }), b = i(() => {
       const e = a.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 = () => {
+    }), 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), r = f(!1), P = () => {
       r.value = !r.value;
     };
     Z(d, (e) => {
@@ -66,7 +66,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
           _: 2
         }, 1032, ["content", "disabled"]);
       }), 128)),
-      b.value ? (n(), v(h(M), {
+      y.value ? (n(), v(h(M), {
         key: 0,
         content: "更多",
         effect: "dark",

package/dist/attachments/index.js

@@ -0,0 +1,602 @@
+import { reactive as se, computed as k, watch as O, onBeforeUnmount as ie, defineComponent as E, ref as P, createElementBlock as d, createCommentVNode as m, openBlock as r, withModifiers as N, createElementVNode as l, normalizeClass as F, createBlock as L, resolveDynamicComponent as le, createVNode as ne, unref as I, toDisplayString as D, Fragment as z, normalizeStyle as B, renderList as J, createTextVNode as K, Transition as re, withCtx as oe, renderSlot as H, onMounted as ae, createStaticVNode as de } from "vue";
+import { u as ce } from "../index2.js";
+import { I as ue, W as pe, R as fe, q as ve, U as me, S as ge, J as ye, p as _e, v as he } from "../tiny-robot-svgs.js";
+import { _ as G } from "../_plugin-vue_export-helper.js";
+function we(p, g) {
+  const s = se({
+    active: !1,
+    isFullscreen: !1,
+    position: { x: 0, y: 0 }
+  }), n = k(() => g.drag);
+  let o = null, e, c = !1;
+  const h = (u) => u ? typeof u == "string" ? document.querySelector(u) : u : document.body, b = () => {
+    s.active = !1;
+  }, _ = () => {
+    e && (e(), e = void 0);
+    const u = n.value.mode || "container";
+    s.isFullscreen = u === "fullscreen", o = h(n == null ? void 0 : n.value.target), !o && !s.isFullscreen && (console.warn("无法找到拖拽目标元素，将使用document.body作为默认值"), o = document.body);
+    const U = (a) => {
+      if (s.isFullscreen) return !0;
+      if (!o) return !1;
+      const t = o.getBoundingClientRect();
+      return a.clientX >= t.left && a.clientX <= t.right && a.clientY >= t.top && a.clientY <= t.bottom;
+    }, C = {
+      dragover: (a) => {
+        a.preventDefault(), s.position = { x: a.clientX, y: a.clientY };
+        const t = U(a);
+        s.active = t;
+      },
+      drop: (a) => {
+        var t;
+        if (a.preventDefault(), a.stopPropagation(), U(a) && (t = a.dataTransfer) != null && t.files && a.dataTransfer.files.length > 0) {
+          const v = Array.from(a.dataTransfer.files);
+          p.onDrop(v);
+        }
+        b();
+      },
+      dragleave: (a) => {
+        (a.clientX <= 0 || a.clientY <= 0 || a.clientX >= window.innerWidth || a.clientY >= window.innerHeight) && b();
+      }
+    };
+    return Object.entries(C).forEach(([a, t]) => {
+      document.addEventListener(a, t);
+    }), c = !0, () => {
+      Object.entries(C).forEach(([a, t]) => {
+        document.removeEventListener(a, t);
+      }), c = !1;
+    };
+  }, y = (u) => {
+    e && (e(), e = void 0), u && !c && (e = _());
+  };
+  return O(() => p.enabled, y, { immediate: !0 }), O(
+    () => n.value,
+    () => {
+      p.enabled && y(!0);
+    },
+    { deep: !0 }
+  ), ie(() => {
+    e && (e(), e = void 0);
+  }), {
+    dragState: s,
+    dropZone: () => o,
+    initDrag: () => {
+      !c && p.enabled && y(!0);
+    },
+    cleanupDrag: () => y(!1)
+  };
+}
+const be = {
+  // 图片类型
+  png: "image",
+  jpg: "image",
+  jpeg: "image",
+  gif: "image",
+  webp: "image",
+  bmp: "image",
+  svg: "image",
+  // 文档类型
+  pdf: "pdf",
+  doc: "word",
+  docx: "word",
+  xls: "excel",
+  xlsx: "excel",
+  ppt: "ppt",
+  pptx: "ppt",
+  // 文件夹
+  folder: "folder"
+}, ke = {
+  "image/": "image",
+  "application/pdf": "pdf",
+  "application/msword": "word",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "word",
+  "application/vnd.ms-excel": "excel",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "excel",
+  "application/vnd.ms-powerpoint": "ppt",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "ppt"
+};
+function Q() {
+  const p = (e) => {
+    var h;
+    if (typeof e != "string") {
+      for (const [b, _] of Object.entries(ke))
+        if (e.type.startsWith(b))
+          return _;
+      e = e.name;
+    }
+    const c = ((h = e.split(".").pop()) == null ? void 0 : h.toLowerCase()) || "";
+    return be[c] || "other";
+  }, g = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), s = (e) => e < 1024 ? e + " B" : e < 1048576 ? (e / 1024).toFixed(2) + " KB" : (e / 1048576).toFixed(2) + " MB", n = (e) => e.type.startsWith("image/") ? URL.createObjectURL(e) : "";
+  return {
+    detectFileType: p,
+    generateUID: g,
+    formatFileSize: s,
+    createPreviewUrl: n,
+    createAttachments: (e) => e.map((c) => ({
+      uid: g(),
+      name: c.name,
+      status: "success",
+      fileType: p(c),
+      rawFile: c,
+      size: c.size,
+      previewUrl: n(c)
+    }))
+  };
+}
+const W = {
+  image: ye,
+  pdf: ge,
+  word: me,
+  excel: ve,
+  ppt: fe,
+  folder: pe,
+  other: ue
+};
+function Ue(p) {
+  return {
+    getIconComponent: (s = "other") => k(() => p != null && p[s] ? p[s] : W == null ? void 0 : W[s])
+  };
+}
+const De = { class: "tr-image-preview__content" }, Ce = ["src"], Z = 0.1, Te = /* @__PURE__ */ E({
+  __name: "ImagePreview",
+  props: {
+    visible: { type: Boolean },
+    imageUrl: {}
+  },
+  emits: ["close", "download"],
+  setup(p, { emit: g }) {
+    const s = g, n = P(1);
+    function o() {
+      n.value += Z, h();
+    }
+    function e() {
+      n.value > Z && (n.value -= Z, h());
+    }
+    function c() {
+      n.value = 1, h();
+    }
+    function h() {
+      const y = document.querySelector(".tr-image-preview__image");
+      y && (y.style.transform = `scale(${n.value})`);
+    }
+    function b() {
+      s("close");
+    }
+    function _() {
+      s("download");
+    }
+    return (y, u) => y.visible ? (r(), d("div", {
+      key: 0,
+      class: "tr-image-preview",
+      onClick: N(b, ["self"])
+    }, [
+      l("div", De, [
+        l("img", {
+          src: y.imageUrl,
+          alt: "预览图片",
+          class: "tr-image-preview__image"
+        }, null, 8, Ce),
+        l("div", { class: "tr-image-preview__tools" }, [
+          l("button", {
+            class: "tr-image-preview__btn",
+            onClick: o
+          }, u[0] || (u[0] = [
+            l("span", null, "+", -1)
+          ])),
+          l("button", {
+            class: "tr-image-preview__btn",
+            onClick: c
+          }, u[1] || (u[1] = [
+            l("span", null, "100%", -1)
+          ])),
+          l("button", {
+            class: "tr-image-preview__btn",
+            onClick: e
+          }, u[2] || (u[2] = [
+            l("span", null, "-", -1)
+          ])),
+          l("button", {
+            class: "tr-image-preview__btn tr-image-preview__btn--download",
+            onClick: _
+          }, u[3] || (u[3] = [
+            l("span", null, "下载", -1)
+          ]))
+        ]),
+        l("button", {
+          class: "tr-image-preview__close",
+          onClick: b
+        }, "×")
+      ])
+    ])) : m("", !0);
+  }
+}), Fe = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-d04daa2e"]]), Re = ["data-file-type"], Le = { class: "tr-file-card__icon-wrapper" }, Se = {
+  key: 0,
+  class: "tr-file-card__overlay"
+}, $e = {
+  key: 0,
+  class: "tr-file-card__loading-icon"
+}, ze = { class: "tr-file-card__content" }, Ie = { class: "tr-file-card__info" }, Be = ["title"], Pe = {
+  key: 0,
+  class: "tr-file-card__status"
+}, Ae = { class: "tr-file-card__file-type" }, Oe = {
+  key: 0,
+  class: "tr-file-card__file-size"
+}, je = {
+  key: 1,
+  class: "tr-file-card__progress"
+}, Ee = { class: "tr-file-card__progress-text" }, Me = { class: "tr-file-card__progress-bar" }, We = {
+  key: 2,
+  class: "tr-file-card__actions"
+}, Ze = ["onClick"], Ne = { class: "tr-file-card__action-icon" }, Ve = {
+  key: 0,
+  class: "tr-file-card__retry"
+}, Xe = { key: 0 }, Ye = { key: 1 }, qe = { key: 2 }, He = { key: 3 }, Je = { key: 4 }, Ke = { key: 5 }, Ge = /* @__PURE__ */ E({
+  __name: "FileCard",
+  props: {
+    file: {},
+    fileIcons: {},
+    disabled: { type: Boolean, default: !1 },
+    showPreview: { type: Boolean, default: !0 },
+    showStatus: { type: Boolean, default: !0 },
+    statusType: { default: "info" },
+    customActions: {}
+  },
+  emits: ["remove", "preview", "action", "retry", "download"],
+  setup(p, { emit: g }) {
+    const s = p, n = g, { formatFileSize: o } = Q(), e = P(!1), c = P(""), { getIconComponent: h } = Ue(s.fileIcons), b = k(() => h(s.file.fileType).value), _ = k(() => s.file.fileType === "image"), y = k(() => s.file.status === "uploading" || s.file.isUploading), u = k(() => s.file.status === "error"), U = () => {
+      _.value && s.file.previewUrl ? (c.value = s.file.previewUrl, e.value = !0) : _.value && s.file.rawFile ? (c.value = URL.createObjectURL(s.file.rawFile), e.value = !0) : n("preview", s.file);
+    }, A = () => {
+      e.value = !1, c.value && c.value.startsWith("blob:") && URL.revokeObjectURL(c.value);
+    }, S = () => {
+      if (s.file.previewUrl) {
+        const t = document.createElement("a");
+        t.href = s.file.previewUrl, t.download = s.file.name, t.target = "_blank", document.body.appendChild(t), t.click(), document.body.removeChild(t);
+      } else if (s.file.rawFile) {
+        const t = URL.createObjectURL(s.file.rawFile), v = document.createElement("a");
+        v.href = t, v.download = s.file.name, v.target = "_blank", document.body.appendChild(v), v.click(), document.body.removeChild(v), URL.revokeObjectURL(t);
+      }
+      n("download", s.file);
+    }, $ = () => {
+      n("remove", s.file);
+    }, C = (t) => {
+      t.handler && t.handler(s.file), t.type === "preview" && _.value ? U() : t.type === "download" && _.value ? S() : n("action", { action: t, file: s.file });
+    }, a = () => {
+      n("retry", s.file);
+    };
+    return (t, v) => {
+      var T;
+      return r(), d("div", {
+        class: F(["tr-file-card", [
+          `tr-file-card--${t.file.fileType || "other"}`,
+          t.file.status,
+          {
+            "tr-file-card--uploading": y.value,
+            "tr-file-card--error": u.value
+          }
+        ]]),
+        "data-file-type": t.file.fileType || "other"
+      }, [
+        t.disabled ? m("", !0) : (r(), d("button", {
+          key: 0,
+          type: "button",
+          class: "tr-file-card__close",
+          onClick: $,
+          "aria-label": "移除文件"
+        }, v[1] || (v[1] = [
+          l("span", { class: "tr-file-card__close-icon" }, "×", -1)
+        ]))),
+        l("div", {
+          class: F(["tr-file-card__icon", { "tr-file-card__icon--preview": _.value && t.showPreview }]),
+          onClick: v[0] || (v[0] = (R) => _.value && t.showPreview ? U() : null)
+        }, [
+          l("div", Le, [
+            (r(), L(le(b.value))),
+            y.value || u.value ? (r(), d("div", Se, [
+              y.value ? (r(), d("div", $e, [
+                ne(I(_e), {
+                  width: 24,
+                  height: 24
+                })
+              ])) : m("", !0),
+              u.value ? (r(), L(I(he), {
+                key: 1,
+                width: 24,
+                height: 24
+              })) : m("", !0)
+            ])) : m("", !0)
+          ])
+        ], 2),
+        l("div", ze, [
+          l("div", Ie, [
+            l("span", {
+              class: "tr-file-card__name",
+              title: t.file.name
+            }, D(t.file.name), 9, Be),
+            t.showStatus ? (r(), d("div", Pe, [
+              t.statusType === "info" ? (r(), d(z, { key: 0 }, [
+                l("span", Ae, D(((T = t.file.fileType) == null ? void 0 : T.toUpperCase()) || "FILE"), 1),
+                t.file.size ? (r(), d("span", Oe, D(I(o)(t.file.size)), 1)) : m("", !0)
+              ], 64)) : t.statusType === "progress" && t.file.progress !== void 0 ? (r(), d("div", je, [
+                l("div", Ee, D(t.file.status || "处理中...") + " " + D(t.file.progress) + "%", 1),
+                l("div", Me, [
+                  l("div", {
+                    class: "tr-file-card__progress-inner",
+                    style: B({ width: `${t.file.progress}%` })
+                  }, null, 4)
+                ])
+              ])) : t.statusType === "operate" ? (r(), d("div", We, [
+                (r(!0), d(z, null, J(t.customActions, (R, M) => (r(), d("span", {
+                  key: M,
+                  class: F(["tr-file-card__action", `tr-file-card__action--${R.type}`]),
+                  onClick: (V) => C(R)
+                }, [
+                  l("span", Ne, D(R.label), 1)
+                ], 10, Ze))), 128))
+              ])) : t.statusType === "message" ? (r(), d(z, { key: 3 }, [
+                t.file.messageType === "error" && t.file.status === "error" ? (r(), d("div", Ve, [
+                  v[2] || (v[2] = l("span", { class: "tr-file-card__error-text" }, "上传失败", -1)),
+                  l("button", {
+                    class: "tr-file-card__retry-btn",
+                    onClick: a
+                  }, "重试")
+                ])) : (r(), d("div", {
+                  key: 1,
+                  class: F(["tr-file-card__message", `tr-file-card__message--${t.file.messageType || "info"}`])
+                }, [
+                  t.file.messageType === "error" ? (r(), d("span", Xe, "上传失败")) : m("", !0),
+                  t.file.messageType === "warning" ? (r(), d("span", Ye, "上传警告")) : m("", !0),
+                  t.file.messageType === "success" ? (r(), d("span", qe, "上传成功")) : m("", !0),
+                  t.file.messageType === "info" ? (r(), d("span", He, "处理中...")) : m("", !0),
+                  t.file.messageType === "uploading" ? (r(), d("span", Je, "上传中...")) : m("", !0),
+                  t.file.messageType ? m("", !0) : (r(), d("span", Ke, D(t.file.status || "状态信息"), 1))
+                ], 2))
+              ], 64)) : (r(), d(z, { key: 4 }, [
+                K(D(t.file.status), 1)
+              ], 64))
+            ])) : m("", !0)
+          ])
+        ]),
+        _.value ? (r(), L(Fe, {
+          key: 1,
+          visible: e.value,
+          "image-url": c.value,
+          onClose: A,
+          onDownload: S
+        }, null, 8, ["visible", "image-url"])) : m("", !0)
+      ], 10, Re);
+    };
+  }
+}), Qe = { class: "tr-fullscreen-overlay__content" }, xe = { class: "tr-fullscreen-overlay__text" }, et = { class: "tr-fullscreen-overlay__title" }, tt = { class: "tr-fullscreen-overlay__description" }, st = /* @__PURE__ */ E({
+  __name: "FullscreenOverlay",
+  props: {
+    visible: { type: Boolean },
+    config: {}
+  },
+  setup(p) {
+    const g = p, s = k(() => {
+      var o, e, c;
+      return {
+        zIndex: ((o = g.config) == null ? void 0 : o.zIndex) || 1e3,
+        "--enter-delay": `${((e = g.config) == null ? void 0 : e.enterDelay) || 200}ms`,
+        "--leave-delay": `${((c = g.config) == null ? void 0 : c.leaveDelay) || 200}ms`
+      };
+    }), n = k(() => {
+      var o;
+      return ((o = g.config) == null ? void 0 : o.className) || "";
+    });
+    return (o, e) => (r(), L(re, { name: "tr-fade" }, {
+      default: oe(() => [
+        o.visible ? (r(), d("div", {
+          key: 0,
+          class: F(["tr-fullscreen-overlay", [n.value]]),
+          style: B(s.value)
+        }, [
+          l("div", Qe, [
+            e[3] || (e[3] = l("div", { class: "tr-fullscreen-overlay__icon" }, [
+              l("svg", {
+                width: "64",
+                height: "64",
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, [
+                l("path", { d: "M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z" })
+              ])
+            ], -1)),
+            l("div", xe, [
+              l("div", et, [
+                H(o.$slots, "header", {}, () => [
+                  e[0] || (e[0] = K(" 将附件拖到此处完成上传 "))
+                ], !0)
+              ]),
+              l("div", tt, [
+                H(o.$slots, "description", {}, () => [
+                  e[1] || (e[1] = l("span", null, "总计最多上传50个附件（每个100MB以内）", -1)),
+                  e[2] || (e[2] = l("span", null, "支持附件格式 PDF/Word/Excel/PPT/Markdown", -1))
+                ], !0)
+              ])
+            ])
+          ])
+        ], 6)) : m("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), it = /* @__PURE__ */ G(st, [["__scopeId", "data-v-dcd22813"]]), lt = {
+  key: 1,
+  class: "tr-attachments__empty"
+}, j = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    items: {},
+    disabled: { type: Boolean, default: !1 },
+    overflow: { default: "wrap" },
+    drag: { type: [Boolean, Object] },
+    fileIcons: {},
+    rootClass: {},
+    styles: {},
+    statusType: { default: "info" },
+    customActions: {},
+    triggerUpload: { default: 0 }
+  },
+  emits: [
+    "update:items",
+    "files-dropped",
+    "file-remove",
+    "file-preview",
+    "file-download",
+    "file-retry",
+    "action"
+  ],
+  setup(p, { expose: g, emit: s }) {
+    const n = p, o = s, e = P(n.items || []), { detectFileType: c, generateUID: h, formatFileSize: b, createPreviewUrl: _, createAttachments: y } = Q(), u = P(null), {
+      open: U,
+      reset: A,
+      onChange: S
+    } = ce({
+      multiple: !0,
+      accept: "*",
+      reset: !0
+    });
+    S((i) => {
+      if (i && i.length > 0) {
+        const f = Array.from(i);
+        v(f);
+      }
+    });
+    const $ = k(() => !!n.drag && !n.disabled), C = k(() => typeof n.drag == "object" && n.drag.mode === "fullscreen"), { dragState: a, initDrag: t } = we(
+      {
+        enabled: $.value,
+        onDrop: v
+      },
+      n
+    );
+    function v(i) {
+      if (n.disabled) return;
+      const f = i.map(
+        (w) => ({
+          uid: h(),
+          name: w.name,
+          status: "uploading",
+          fileType: c(w),
+          rawFile: w,
+          size: w.size,
+          previewUrl: _(w)
+        })
+      );
+      e.value = [...e.value, ...f], o("files-dropped", f), o("update:items", e.value);
+    }
+    function T() {
+      n.disabled || U();
+    }
+    function R(i) {
+      if (n.disabled) return;
+      const f = e.value.findIndex((w) => w.uid === i.uid);
+      f !== -1 && (i.previewUrl && i.previewUrl.startsWith("blob:") && URL.revokeObjectURL(i.previewUrl), e.value.splice(f, 1), o("file-remove", i), o("update:items", e.value));
+    }
+    function M(i) {
+      o("file-preview", i);
+    }
+    function V(i) {
+      o("file-download", i);
+    }
+    function x(i) {
+      const f = e.value.findIndex((w) => w.uid === i.uid);
+      f !== -1 && (e.value[f].status = "uploading", e.value[f].messageType = void 0, e.value[f].isUploading = !0, o("file-retry", i), o("update:items", e.value));
+    }
+    function ee(i) {
+      o("action", i);
+    }
+    O(
+      () => n.items,
+      (i) => {
+        i && (e.value = i);
+      },
+      { deep: !0 }
+    ), O(
+      () => n.triggerUpload,
+      (i, f) => {
+        i && i !== f && T();
+      }
+    );
+    const te = () => {
+      e.value.forEach((i) => {
+        i.previewUrl && i.previewUrl.startsWith("blob:") && URL.revokeObjectURL(i.previewUrl);
+      }), e.value = [], A(), o("update:items", e.value);
+    };
+    return ae(() => {
+      u.value && $.value && setTimeout(() => {
+        t();
+      }, 0);
+    }), g({
+      triggerUpload: T,
+      addFiles: v,
+      clearFiles: te,
+      getFiles: () => e.value,
+      getFileCount: () => e.value.length,
+      hasFiles: () => e.value.length > 0,
+      formatFileSize: b,
+      createAttachments: y
+    }), (i, f) => {
+      var w, X;
+      return r(), d("div", {
+        class: F(["tr-attachments", [i.rootClass, { "tr-attachments--dragging": I(a).active && !C.value }]]),
+        style: B((w = i.styles) == null ? void 0 : w.root)
+      }, [
+        l("div", {
+          ref_key: "dropZoneRef",
+          ref: u,
+          class: "tr-attachments__dropzone",
+          onClick: T
+        }, [
+          e.value.length > 0 ? (r(), d("div", {
+            key: 0,
+            class: F(["tr-attachments__file-list", `tr-attachments__file-list--${i.overflow}`]),
+            onClick: f[0] || (f[0] = N(() => {
+            }, ["stop"]))
+          }, [
+            (r(!0), d(z, null, J(e.value, (Y) => {
+              var q;
+              return r(), L(Ge, {
+                key: Y.uid,
+                file: Y,
+                "file-icons": i.fileIcons,
+                disabled: i.disabled,
+                style: B((q = i.styles) == null ? void 0 : q.card),
+                "status-type": i.statusType,
+                "custom-actions": i.customActions,
+                "show-status": !0,
+                onRemove: R,
+                onPreview: M,
+                onDownload: V,
+                onRetry: x,
+                onAction: ee
+              }, null, 8, ["file", "file-icons", "disabled", "style", "status-type", "custom-actions"]);
+            }), 128)),
+            i.disabled ? m("", !0) : (r(), d("div", {
+              key: 0,
+              class: "tr-attachments__add-button",
+              onClick: N(T, ["stop"])
+            }, f[1] || (f[1] = [
+              l("div", { class: "tr-attachments__add-icon" }, "+", -1)
+            ])))
+          ], 2)) : (r(), d("div", lt, f[2] || (f[2] = [
+            de('<div class="tr-attachments__empty-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="#bdbdbd"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"></path></svg></div><div class="tr-attachments__empty-text">暂无文件</div><div class="tr-attachments__empty-hint">将文件拖拽到此处，或点击上传</div>', 3)
+          ])))
+        ], 512),
+        C.value ? (r(), L(it, {
+          key: 0,
+          visible: I(a).active,
+          config: typeof i.drag == "object" ? i.drag.overlay : void 0,
+          style: B((X = i.styles) == null ? void 0 : X.overlay)
+        }, null, 8, ["visible", "config", "style"])) : m("", !0)
+      ], 6);
+    };
+  }
+});
+j.name = "TrAttachments";
+const nt = function(p) {
+  p.component(j.name, j);
+};
+j.install = nt;
+export {
+  j as default
+};

package/dist/bubble/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as c0, useCssVars as L0, unref as P0, useSlots as O0, computed as au, createElementBlock as L, openBlock as S, normalizeClass as i0, createCommentVNode as _u, createElementVNode as Z, createBlock as yu, resolveDynamicComponent as o0, renderSlot as mu, toDisplayString as N0, ref as $0, watch as j0, Fragment as U0, renderList as Ou, mergeProps as Nu, createSlots as Z0, withCtx as H0 } from "vue";
 import { t as V0 } from "../utils.js";
 import { _ as a0 } from "../_plugin-vue_export-helper.js";
-import { u as G0 } from "../index2.js";
+import { a as G0 } from "../index2.js";
 const $u = {};
 function W0(u) {
   let e = $u[u];