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

package/dist/attachments/index.js

@@ -0,0 +1,526 @@
+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
+    };
+  }, 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 = 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);
+    }
+  }, 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 Y(() => {
+    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__ */ B({
+  __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 = 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 (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: 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))
+          ])
+        ])
+      ]);
+    };
+  }
+}), 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__picture-overlay"
+}, Me = {
+  key: 1,
+  class: "tr-file-card__status-overlay tr-file-card__status-overlay--picture"
+}, Pe = {
+  key: 0,
+  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"
+}, 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"], Je = {
+  key: 1,
+  class: "tr-file-card__status-uploading"
+}, Ke = {
+  key: 2,
+  class: "tr-file-card__status-error"
+}, Ge = /* @__PURE__ */ B({
+  __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 } = 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
+      }
+    ]);
+    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)
+      }, [
+        a.disabled ? C("", !0) : (o(), d("button", {
+          key: 0,
+          class: "tr-file-card__close-btn",
+          onClick: _[0] || (_[0] = x(
+            //@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, 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: _[2] || (_[2] = //@ts-ignore
+                    (...g) => f(l) && f(l)(...g))
+                  }, "重试")
+                ])) : C("", !0)
+              ])) : C("", !0)
+            ])
+          ])
+        ]))
+      ], 10, Ie);
+    };
+  }
+}), He = /* @__PURE__ */ S(Ge, [["__scopeId", "data-v-06df896e"]]), Qe = { class: "tr-attachments" }, Xe = /* @__PURE__ */ B({
+  __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 = 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 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 } = Q({
+      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", 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"]))
+      }, [
+        (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)())))
+    ]));
+  }
+}), $ = /* @__PURE__ */ S(Xe, [["__scopeId", "data-v-e09559ac"]]);
+$.name = "TrAttachments";
+const Ye = function(t) {
+  t.component($.name, $);
+};
+$.install = Ye;
+export {
+  $ as default
+};

package/dist/base-popper/index.js

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