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

package/dist/attachments/index.js

@@ -1,602 +1,526 @@
-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();
-      }
+import { computed as I, ref as P, onUnmounted as Y, defineComponent as B, mergeModels as j, useModel as Z, createElementBlock as d, openBlock as o, withModifiers as x, createElementVNode as p, createVNode as F, unref as f, Fragment as z, renderList as D, normalizeClass as R, h as ee, createCommentVNode as C, createBlock as L, toDisplayString as U, withCtx as te, resolveDynamicComponent as V, watch as se } from "vue";
+import { o as ae, r as O, s as q, d as J, c as K, f as G, i as H, U as re, J as ne, I as oe, A as ie, C as E, u as W } from "../tiny-robot-svgs.js";
+import { _ as S } from "../_plugin-vue_export-helper.js";
+import { T as le } from "../index2.js";
+const A = {
+  image: H,
+  pdf: G,
+  word: K,
+  excel: J,
+  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: H
+  },
+  {
+    type: "pdf",
+    matcher: (t) => typeof t != "string" ? t.type === "application/pdf" : t.toLowerCase().endsWith(".pdf"),
+    icon: G
+  },
+  {
+    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: K
+  },
+  {
+    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: J
+  },
+  {
+    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 Q(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 : A[e] ? A[e] : A.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, M = a.split("/").pop() || "";
+    return {
+      ...n,
+      name: n.name || M,
+      fileType: v(M),
+      size: _,
+      url: a
     };
-    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;
+  }, 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
     };
-  }, 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)
+  return {
+    detectFileType: v,
+    generateID: y,
+    formatFileSize: b,
+    normalizeAttachments: l,
+    getIconComponent: i
   };
 }
-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"
+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 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;
+function de(t, r) {
+  const s = P([]), 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);
     }
-    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)
-    }))
+  }, 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 });
   };
-}
-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])
+  return Y(() => {
+    s.value.forEach((l) => {
+      URL.revokeObjectURL(l);
+    }), s.value = [];
+  }), {
+    isImage: u,
+    handlePreview: v,
+    downloadFile: y,
+    handleRemove: b,
+    handleRetry: k,
+    handleCustomAction: w
   };
 }
-const De = { class: "tr-image-preview__content" }, Ce = ["src"], Z = 0.1, Te = /* @__PURE__ */ E({
+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__ */ B({
   __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");
+  props: /* @__PURE__ */ j({
+    images: {}
+  }, {
+    currentIndex: { required: !0 },
+    currentIndexModifiers: {}
+  }),
+  emits: /* @__PURE__ */ j(["close"], ["update:currentIndex"]),
+  setup(t, { emit: r }) {
+    const s = t, u = r, i = Z(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 (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", {
+    return (l, h) => {
+      var c, m;
+      return o(), d("div", {
+        class: "tr-image-preview",
+        onClick: x(w, ["self"])
+      }, [
+        p("button", {
           class: "tr-image-preview__close",
-          onClick: b
-        }, "×")
-      ])
-    ])) : m("", !0);
+          onClick: w
+        }, [
+          F(f(re))
+        ]),
+        p("div", ue, [
+          p("button", {
+            class: "tr-image-preview__nav tr-image-preview__nav--left",
+            onClick: x(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: x(b, ["stop"]),
+            disabled: i.value === l.images.length - 1
+          }, [
+            F(f(oe))
+          ], 8, _e)
+        ]),
+        p("div", ve, [
+          p("div", he, [
+            (o(!0), d(z, null, D(l.images, (e, n) => (o(), d("div", {
+              key: e.id,
+              class: R(["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))
+          ])
+        ])
+      ]);
+    };
   }
-}), Fe = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-d04daa2e"]]), Re = ["data-file-type"], Le = { class: "tr-file-card__icon-wrapper" }, Se = {
+}), be = /* @__PURE__ */ S(we, [["__scopeId", "data-v-027af77c"]]);
+function ke(t, r, s = {}) {
+  const u = P(!1), i = P([]), v = P(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"
+}, Ue = ["src", "alt"], xe = {
   key: 0,
-  class: "tr-file-card__overlay"
-}, $e = {
+  class: "tr-file-card__picture-overlay"
+}, Me = {
+  key: 1,
+  class: "tr-file-card__status-overlay tr-file-card__status-overlay--picture"
+}, Pe = {
   key: 0,
-  class: "tr-file-card__loading-icon"
-}, ze = { class: "tr-file-card__content" }, Ie = { class: "tr-file-card__info" }, Be = ["title"], Pe = {
+  class: "tr-file-card__status-icon tr-file-card__status-icon--loading"
+}, Re = {
+  key: 0,
+  class: "tr-file-card__status-icon--loading-text"
+}, Le = {
+  key: 2,
+  class: "tr-file-card__default-container"
+}, $e = { class: "tr-file-card__icon-wrapper" }, Te = {
+  key: 0,
+  class: "tr-file-card__status-overlay tr-file-card__status-overlay--icon"
+}, Ae = {
+  key: 0,
+  class: "tr-file-card__status-icon tr-file-card__status-icon--loading"
+}, Be = { class: "tr-file-card__content" }, ze = { class: "tr-file-card__info" }, De = ["title"], Se = {
   key: 0,
   class: "tr-file-card__status"
-}, Ae = { class: "tr-file-card__file-type" }, Oe = {
+}, 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"
-}, je = {
+}, Ve = {
+  key: 0,
+  class: "tr-file-card__actions"
+}, Oe = ["href", "target", "onClick"], qe = ["onClick"], Je = {
   key: 1,
-  class: "tr-file-card__progress"
-}, Ee = { class: "tr-file-card__progress-text" }, Me = { class: "tr-file-card__progress-bar" }, We = {
+  class: "tr-file-card__status-uploading"
+}, Ke = {
   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({
+  class: "tr-file-card__status-error"
+}, Ge = /* @__PURE__ */ B({
   __name: "FileCard",
   props: {
     file: {},
-    fileIcons: {},
-    disabled: { type: Boolean, default: !1 },
-    showPreview: { type: Boolean, default: !0 },
+    variant: { default: "card" },
     showStatus: { type: Boolean, default: !0 },
-    statusType: { default: "info" },
-    customActions: {}
+    fileIcons: {},
+    disabled: { type: Boolean },
+    actions: {},
+    fileMatchers: {}
   },
   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);
+  setup(t, { emit: r }) {
+    const s = t, u = r, { formatFileSize: i, getIconComponent: v } = Q({
+      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
       }
-      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"
+    ]);
+    return (a, _) => {
+      var M;
+      return o(), d("div", {
+        class: R(n.value),
+        "data-file-type": a.file.fileType || "other",
+        onClick: _[3] || (_[3] = (g) => a.variant === "picture" ? f(b)(g) : void 0)
       }, [
-        t.disabled ? m("", !0) : (r(), d("button", {
+        a.disabled ? C("", !0) : (o(), d("button", {
           key: 0,
-          type: "button",
-          class: "tr-file-card__close",
-          onClick: $,
+          class: "tr-file-card__close-btn",
+          onClick: _[0] || (_[0] = x(
+            //@ts-ignore
+            (...g) => f(k) && f(k)(...g),
+            ["stop"]
+          )),
           "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", {
+          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, Ue),
+          m.value ? (o(), d("div", xe, _[4] || (_[4] = [
+            p("span", { class: "tr-file-card__picture-overlay-text" }, "预览", -1)
+          ]))) : C("", !0),
+          c.value || e.value ? (o(), d("div", Me, [
+            c.value ? (o(), d("div", Pe, [
+              F(f(E)),
+              a.file.message ? (o(), d("span", Re, U(a.file.message), 1)) : C("", !0)
+            ])) : e.value ? (o(), L(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", Le, [
+          p("div", {
+            class: R(["tr-file-card__icon", { "tr-file-card__icon--clickable": f(y) }]),
+            onClick: _[1] || (_[1] = x((g) => f(y) ? f(b)(g) : null, ["stop"]))
+          }, [
+            p("div", $e, [
+              (o(), L(V(h.value), { class: "tr-file-card__file-icon" })),
+              c.value || e.value ? (o(), d("div", Te, [
+                c.value ? (o(), d("div", Ae, [
+                  F(f(E))
+                ])) : e.value ? (o(), L(f(W), {
+                  key: 1,
+                  class: "tr-file-card__status-icon tr-file-card__status-icon--error"
+                })) : C("", !0)
+              ])) : C("", !0)
+            ])
+          ], 2),
+          p("div", Be, [
+            p("div", ze, [
+              p("div", {
+                class: "tr-file-card__name",
+                title: a.file.name
+              }, U(a.file.name), 9, De),
+              a.showStatus ? (o(), d("div", Se, [
+                m.value ? (o(), d("div", je, [
+                  p("div", Ee, [
+                    p("span", We, U(((M = a.file.fileType) == null ? void 0 : M.toUpperCase()) || "FILE"), 1),
+                    a.file.size ? (o(), d("span", Ne, U(f(i)(a.file.size)), 1)) : C("", !0)
+                  ]),
+                  a.actions ? (o(), d("div", Ve, [
+                    (o(!0), d(z, null, D(a.actions, (g, X) => (o(), d("div", {
+                      key: X,
+                      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: (T) => f(w)(g, T)
+                      }, U(g.label), 9, Oe)) : (o(), d("button", {
+                        key: 1,
+                        class: R(`tr-file-card__action-btn--${g.type}`),
+                        onClick: (T) => f(w)(g, T)
+                      }, U(g.label), 11, qe))
+                    ]))), 128))
+                  ])) : C("", !0)
+                ])) : c.value ? (o(), d("div", Je, _[5] || (_[5] = [
+                  p("span", { class: "tr-file-card__uploading-text" }, "上传中...", -1)
+                ]))) : e.value ? (o(), d("div", Ke, [
+                  _[6] || (_[6] = p("span", { class: "tr-file-card__error-text" }, "上传失败", -1)),
+                  p("button", {
                     class: "tr-file-card__retry-btn",
-                    onClick: a
+                    onClick: _[2] || (_[2] = //@ts-ignore
+                    (...g) => f(l) && f(l)(...g))
                   }, "重试")
-                ])) : (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)
-              ])
+                ])) : C("", !0)
+              ])) : C("", !0)
             ])
           ])
-        ], 6)) : m("", !0)
-      ]),
-      _: 3
-    }));
+        ]))
+      ], 10, Ie);
+    };
   }
-}), it = /* @__PURE__ */ G(st, [["__scopeId", "data-v-dcd22813"]]), lt = {
-  key: 1,
-  class: "tr-attachments__empty"
-}, j = /* @__PURE__ */ E({
+}), He = /* @__PURE__ */ S(Ge, [["__scopeId", "data-v-06df896e"]]), Qe = { class: "tr-attachments" }, Xe = /* @__PURE__ */ B({
   __name: "index",
   props: {
     items: {},
-    disabled: { type: Boolean, default: !1 },
-    overflow: { default: "wrap" },
-    drag: { type: [Boolean, Object] },
+    disabled: { type: Boolean },
+    wrap: { type: Boolean },
     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(
+    actions: { default: () => [
       {
-        enabled: $.value,
-        onDrop: v
+        label: "下载",
+        type: "download"
       },
-      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);
+      {
+        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 = P(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 V(i) {
-      o("file-download", i);
+    function w(e, n) {
+      u("download", e, n);
     }
-    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 l(e) {
+      u("retry", e);
     }
-    function ee(i) {
-      o("action", i);
+    function h(e) {
+      u("action", e);
     }
-    O(
-      () => n.items,
-      (i) => {
-        i && (e.value = i);
+    const c = I(() => s.wrap ? "wrap" : "no-wrap"), { normalizeAttachments: m } = Q({
+      fileMatchers: s.fileMatchers
+    });
+    return se(
+      () => s.items,
+      (e) => {
+        e && e.length > 0 && (i.value = m(e));
       },
-      { 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)
+      { deep: !0, immediate: !0 }
+    ), (e, n) => (o(), d("div", Qe, [
+      i.value.length > 0 ? (o(), d("div", {
+        key: 0,
+        class: R(["tr-attachments__file-list", c.value]),
+        onClick: n[0] || (n[0] = x(() => {
+        }, ["stop"]))
       }, [
-        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);
-    };
+        (o(!0), d(z, null, D(i.value, (a) => (o(), L(He, {
+          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(), L(V(f(b)())))
+    ]));
   }
-});
-j.name = "TrAttachments";
-const nt = function(p) {
-  p.component(j.name, j);
+}), $ = /* @__PURE__ */ S(Xe, [["__scopeId", "data-v-e09559ac"]]);
+$.name = "TrAttachments";
+const Ye = function(t) {
+  t.component($.name, $);
 };
-j.install = nt;
+$.install = Ye;
 export {
-  j as default
+  $ as default
 };