aibox-custom-component-packages 0.0.6 → 0.0.8

package/es/FileDisplay.mjs

@@ -0,0 +1,4 @@
+import { i as e } from "./chunks/index.Dx-mCS4E.js";
+export {
+  e as FileDisplay
+};

package/es/FilePreview.mjs

@@ -0,0 +1,179 @@
+import { w as L } from "./chunks/index.bCzIhWFw.js";
+import { createElementBlock as t, openBlock as l, Fragment as m, createCommentVNode as r, unref as s, renderSlot as C, createBlock as o, withCtx as n, renderList as F, createElementVNode as p, resolveDynamicComponent as x, toDisplayString as S, createVNode as d, createTextVNode as T } from "vue";
+import { ElRow as $, ElCol as D, ElIcon as c, ElButton as V } from "element-plus";
+import { IconDelete as E, IconHide as b } from "color-message-aibox-vue";
+import { U as v } from "./chunks/enums.WrpwbF4w.js";
+import { u as z, i as P, a as N } from "./chunks/usePreview.BHvXwaNi.js";
+import { j as re, f as de, l as ce, m as ue, k as pe, d as _e, c as fe, b as me, h as ve, e as we, g as ke } from "./chunks/usePreview.BHvXwaNi.js";
+import { _ as A } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/FilePreview.css';const H = {
+  key: 0,
+  class: "panel-preview"
+}, j = { class: "panel-preview__item" }, J = ["onClick"], M = ["src", "alt"], R = { class: "panel-preview__name ellipsis" }, W = { key: 0 }, Z = { key: 1 }, q = {
+  key: 1,
+  class: "upload-preview"
+}, G = ["src", "alt"], K = { class: "preview-item__mask" }, O = {
+  __name: "index",
+  props: {
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    canEdit: {
+      type: Boolean,
+      default: !0
+    },
+    previewType: {
+      type: String,
+      default: v.面板
+    },
+    isStream: {
+      type: Boolean,
+      default: !1
+    },
+    isCustom: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["on-remove", "on-preview"],
+  setup(a, { emit: B }) {
+    const { downloadPrew: U, downloadStreamPrew: I } = z(), w = a, k = B, y = (i) => N(i);
+    function g(i) {
+      w.isCustom ? k("on-preview", i) : w.isStream ? I(i) : U(i);
+    }
+    function h(i, u) {
+      k("on-remove", i, u);
+    }
+    return (i, u) => (l(), t(m, null, [
+      a.previewType === s(v).面板 ? (l(), t("div", H, [
+        C(i.$slots, "PanelUploader", {}, void 0, !0),
+        a.fileList.length ? (l(), o(s($), {
+          key: 0,
+          gutter: 20,
+          class: "panel-preview__row"
+        }, {
+          default: n(() => [
+            (l(!0), t(m, null, F(a.fileList, (e, _) => (l(), o(s(D), {
+              span: 8,
+              key: e.bnid
+            }, {
+              default: n(() => [
+                p("div", j, [
+                  p("div", {
+                    class: "panel-preview__box",
+                    onClick: (f) => g(e)
+                  }, [
+                    s(P)(e.suffix, e.url) ? (l(), t("img", {
+                      key: 0,
+                      src: e.url,
+                      alt: e.name,
+                      class: "panel-preview__img"
+                    }, null, 8, M)) : (l(), o(s(c), {
+                      key: 1,
+                      size: "32px",
+                      class: "panel-preview__img"
+                    }, {
+                      default: n(() => [
+                        (l(), o(x(y(e))))
+                      ]),
+                      _: 2
+                    }, 1024)),
+                    p("span", R, S(e.name), 1)
+                  ], 8, J),
+                  e.isUploading ? (l(), t("div", W, [
+                    d(s(V), {
+                      text: "",
+                      size: "small",
+                      loading: ""
+                    }, {
+                      default: n(() => [...u[0] || (u[0] = [
+                        T("上传中...", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])) : (l(), t("div", Z, [
+                    a.canEdit ? (l(), o(s(c), {
+                      key: 0,
+                      size: "18",
+                      style: { cursor: "pointer" },
+                      onClick: (f) => h(_, e)
+                    }, {
+                      default: n(() => [
+                        d(s(E))
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : r("", !0)
+                  ]))
+                ])
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        })) : r("", !0)
+      ])) : r("", !0),
+      a.previewType === s(v).卡片 ? (l(), t("ul", q, [
+        (l(!0), t(m, null, F(a.fileList, (e, _) => (l(), t("li", {
+          class: "preview-item",
+          key: e.bnid
+        }, [
+          s(P)(e.suffix, e.url) ? (l(), t("img", {
+            key: 0,
+            src: e.url,
+            alt: e.name,
+            class: "preview-item__img"
+          }, null, 8, G)) : (l(), o(s(c), {
+            key: 1,
+            size: "32px",
+            class: "preview-item__img"
+          }, {
+            default: n(() => [
+              (l(), o(x(y(e))))
+            ]),
+            _: 2
+          }, 1024)),
+          p("div", K, [
+            d(s(c), {
+              class: "preview-item__mask--view",
+              onClick: (f) => g(e)
+            }, {
+              default: n(() => [
+                d(s(b))
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            a.canEdit ? (l(), o(s(c), {
+              key: 0,
+              class: "preview-item__mask--delete",
+              onClick: (f) => h(_, e)
+            }, {
+              default: n(() => [
+                d(s(E))
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : r("", !0)
+          ])
+        ]))), 128)),
+        C(i.$slots, "CardUploader", {}, void 0, !0)
+      ])) : r("", !0)
+    ], 64));
+  }
+}, Q = /* @__PURE__ */ A(O, [["__scopeId", "data-v-d6028d96"]]), ae = L(Q);
+export {
+  ae as FilePreview,
+  ae as default,
+  re as isAudioFile,
+  de as isExcelFile,
+  ce as isHtmlFile,
+  P as isImageLink,
+  ue as isJsonFile,
+  pe as isMdFile,
+  _e as isPdfFile,
+  fe as isPptFile,
+  me as isText,
+  ve as isVideoFile,
+  we as isWordFile,
+  ke as isZipFile,
+  N as uploadUrl
+};

package/es/FileUploader.mjs

@@ -1,11 +1,265 @@
-import { a as s, b as n, A as E, F as m, R as p, U as u, c as l, p as o } from "./chunks/enums.CfSBDD6u.js";
+import { w as j } from "./chunks/index.bCzIhWFw.js";
+import { ref as E, computed as h, resolveDirective as z, createElementBlock as _, openBlock as i, normalizeStyle as X, normalizeClass as I, withDirectives as V, createBlock as r, unref as l, withCtx as f, createElementVNode as p, createCommentVNode as m, renderSlot as N, resolveDynamicComponent as $, Fragment as Y, createVNode as T, createTextVNode as G, toDisplayString as O } from "vue";
+import { ElUpload as H, ElIcon as y, ElImage as Z, ElButton as q, ElMessage as U } from "element-plus";
+import { f as J } from "./chunks/files.cduUqjHX.js";
+import { u as F } from "./chunks/i18n.k9Q_HVMs.js";
+import { MySpace as Q, Space as ee, IconEdit2 as te, IconAdd as le, IconUpload2 as ae, File as oe } from "color-message-aibox-vue";
+import { ICON_PATH_MAP as g, SOURCE_TYPE as C, APPLICATION_TYPE as L } from "color-star-custom-components";
+import './assets/FileUploader.css';const v = {
+  卡片: "Card",
+  按钮: "Button",
+  面板: "Panel",
+  自定义: "Custom"
+}, se = { class: "card-uploader__mask" }, ne = {
+  key: 4,
+  class: "pd-l-24 pd-r-24"
+}, ie = { class: "panel-uploader__text" }, ce = { class: "panel-uploader__text--tip" }, de = { class: "text-3271fe" }, pe = { class: "text-262626" }, ue = { class: "text-3271fe" }, re = { class: "text-262626" }, fe = {
+  key: 0,
+  class: "panel-uploader__text--tip font-style"
+}, me = { class: "panel-uploader__text--tip font-style" }, Oe = {
+  __name: "index",
+  props: {
+    uploadType: {
+      type: String,
+      default: "Card"
+    },
+    acceptType: {
+      type: String,
+      default: ""
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    limitCount: {
+      type: Number,
+      default: 1e3
+    },
+    limitSize: {
+      type: Number,
+      default: 8
+    },
+    warnTips: {
+      type: String,
+      default: ""
+    },
+    warnTips2: {
+      type: String,
+      default: ""
+    },
+    isMiio: {
+      type: Boolean,
+      default: !0
+    },
+    businessType: {
+      type: String,
+      default: "common"
+    },
+    defaultUploadIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["on-success"],
+  setup(e, { emit: t }) {
+    const { t: o } = F(), n = E(!1), a = E(null), { commonUpload: M } = J(), d = e, S = t, A = (s) => {
+      const u = /\.([^.]+)$/, c = s.match(u);
+      return c ? c[1] : null;
+    }, W = (s, u, c) => {
+      let P = !0;
+      const R = s.name && s.name.toLowerCase();
+      if (console.log(s.name, R, "fileName"), u && u.indexOf(A(R)) === -1) {
+        const w = o("COMPONENTS.UPLOAD_TYPE_TIP", { type: u });
+        U({
+          type: "warning",
+          message: w
+        }), P = !1;
+      }
+      if (s.size > 1024 * 1024 * c) {
+        const w = o("COMPONENTS.UPLOAD_SIZE_TIP", { size: c });
+        U.warning(w), P = !1;
+      }
+      return P;
+    }, b = {
+      space: ee,
+      "my-space": Q
+    }, k = {
+      plugin: g.application[C.PLUGIN],
+      agent: g.agent[L.autonomous],
+      dialogue: g.agent[L.dialogue],
+      model: g.application[C.MODEL],
+      workflow: g.application[C.WORKFLOW],
+      mcp: g.application[C.MCP]
+    }, B = h(() => ({
+      Card: "card-uploader",
+      Button: "button-uploader",
+      Panel: "panel-uploader"
+    })[d.uploadType]), x = h(() => d.defaultUploadIcon ? b[d.defaultUploadIcon] : ""), K = () => {
+      const s = o(
+        "COMPONENTS.UPLOAD_COUNT_TIP",
+        { count: d.limitCount }
+      );
+      U({
+        type: "warning",
+        message: s
+      });
+    }, D = async (s) => {
+      if (W(s, d.acceptType, d.limitSize))
+        if (d.isMiio) {
+          n.value = !0;
+          const { data: c } = await M(
+            {
+              file: s.raw
+            },
+            d.businessType
+          ).finally(() => {
+            n.value = !1;
+          });
+          console.log(c, "data"), S("on-success", c);
+        } else
+          S("on-success", s);
+      else
+        a.value.handleRemove(s);
+    };
+    return (s, u) => {
+      const c = z("loading");
+      return i(), _("div", {
+        class: I(["file-uploader", e.defaultUploadIcon]),
+        style: X({
+          border: !e.defaultUploadIcon && e.uploadType === "Card" ? "1px dashed var(--el-border-color)" : "none",
+          "border-radius": !e.defaultUploadIcon && e.uploadType === "Card" ? "8px" : "0",
+          "background-image": x.value ? `url('${x.value}')` : "none"
+        })
+      }, [
+        V((i(), r(l(H), {
+          ref_key: "uploader",
+          ref: a,
+          class: I(B.value),
+          action: "",
+          "auto-upload": !1,
+          limit: e.limitCount,
+          "show-file-list": !1,
+          accept: e.acceptType,
+          multiple: e.multiple,
+          drag: e.uploadType === l(v).面板,
+          "on-change": D,
+          "on-exceed": K
+        }, {
+          default: f(() => [
+            x.value ? (i(), r(l(y), {
+              key: 0,
+              size: "64",
+              class: "absolute"
+            }, {
+              default: f(() => [
+                (i(), r($(x.value)))
+              ]),
+              _: 1
+            })) : (i(), _(Y, { key: 1 }, [
+              e.defaultUploadIcon ? (i(), r(l(Z), {
+                key: 0,
+                style: { width: "64px", height: "64px" },
+                src: k[e.defaultUploadIcon],
+                class: "absolute"
+              }, null, 8, ["src"])) : m("", !0)
+            ], 64)),
+            p("div", se, [
+              T(l(y), {
+                color: "#fff",
+                size: "16px"
+              }, {
+                default: f(() => [
+                  T(l(te))
+                ]),
+                _: 1
+              })
+            ]),
+            e.uploadType === l(v).卡片 ? (i(), r(l(y), {
+              key: 2,
+              class: "card-uploader__icon"
+            }, {
+              default: f(() => [
+                e.defaultUploadIcon ? m("", !0) : (i(), r(l(le), { key: 0 })),
+                N(s.$slots, "text-slot")
+              ]),
+              _: 3
+            })) : m("", !0),
+            e.uploadType === l(v).按钮 ? (i(), r(l(q), {
+              key: 3,
+              type: "primary"
+            }, {
+              default: f(() => [
+                T(l(y), { style: { "margin-right": "5px" } }, {
+                  default: f(() => [
+                    T(l(ae))
+                  ]),
+                  _: 1
+                }),
+                G(" " + O(l(o)("COMMON_BUTTON.UPLOAD_TEXT")), 1)
+              ]),
+              _: 1
+            })) : m("", !0),
+            e.uploadType === l(v).面板 ? (i(), _("div", ne, [
+              T(l(y), { size: "48px" }, {
+                default: f(() => [
+                  T(l(oe))
+                ]),
+                _: 1
+              }),
+              p("div", ie, [
+                p("div", ce, [
+                  p("span", de, O(l(o)("COMMON_BUTTON.CLICK_TEXT")), 1),
+                  p("span", pe, O(l(o)("COMMON_BUTTON.OR_TEXT")), 1),
+                  p("span", ue, O(l(o)("COMMON_BUTTON.DRAG_TEXT")), 1),
+                  p("span", re, O(l(o)("COMMON_BUTTON.FILE_UPLOAD_TEXT")), 1)
+                ]),
+                e.warnTips2 ? (i(), _("div", fe, O(e.warnTips2), 1)) : m("", !0),
+                p("div", me, O(e.warnTips), 1)
+              ])
+            ])) : m("", !0),
+            e.uploadType === l(v).自定义 ? N(s.$slots, "upload-box", { key: 5 }) : m("", !0)
+          ]),
+          _: 3
+        }, 8, ["class", "limit", "accept", "multiple", "drag"])), [
+          [c, n.value]
+        ])
+      ], 6);
+    };
+  }
+}, Me = (e) => {
+  const { t } = F();
+  let o = e.toLowerCase(), n = "", a = "";
+  const M = t("WORKFLOW_COM.TIP_TEXT_3");
+  return o.includes("file") ? (a = "jpg、jpeg、png、webp、doc、docx、ppt、pptx、pdf、txt、xls、xlsx、csv、mp4、mkv、webm、ts、avi、mov、flv、3gp、ogv、mp3、wav、aac、flac、ogg", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("image") ? (a = "jpg、jpeg、png、webp", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("doc") ? (a = "doc、docx", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("ppt") ? (a = "ppt、pptx", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("pdf") ? (a = "pdf", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("txt") ? (a = "txt", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("excel") ? (a = "xls、xlsx、csv", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("audio") ? (a = "mp3、wav、aac、flac、ogg", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })) : o.includes("video") && (a = "mp4、mkv、webm、ts、avi、mov、flv、3gp、ogv", n = t("WORKFLOW_COM.SUPPORT_FORMATS", { formats: a })), n + M;
+}, Pe = (e) => {
+  let t = e.toLowerCase();
+  if (t.includes("file"))
+    return ".jpg,.jpeg,.png,.webp,.doc,.docx,.ppt,.pptx,.pdf,.txt,.xls,.xlsx,.csv,.mp4,.mkv,.webm,.ts,.avi,.mov,.flv,.3gp,.ogv,.mp3,.wav,.aac,.flac,.ogg";
+  if (t.includes("image"))
+    return ".jpg,.jpeg,.png,.webp";
+  if (t.includes("doc"))
+    return ".doc,.docx";
+  if (t.includes("ppt"))
+    return ".ppt,.pptx";
+  if (t.includes("pdf"))
+    return ".pdf";
+  if (t.includes("txt"))
+    return ".txt";
+  if (t.includes("excel"))
+    return ".xls,.xlsx,.csv";
+  if (t.includes("audio"))
+    return ".mp3,.wav,.aac,.flac,.ogg";
+  if (t.includes("video"))
+    return ".mp4,.mkv,.webm,.ts,.avi,.mov,.flv,.3gp,.ogv";
+}, we = (e) => {
+  const t = e.match(/array(\w+)/);
+  return t && t[1] ? t[1].toLowerCase() : null;
+}, Ue = j(Oe);
 export {
-  s as AgentChannelEnum,
-  n as AgentLabelValueEnum,
-  E as AgentTypeEnum,
-  m as FormItemTypesEnum,
-  p as RELEASE_CHANNEL_TYPE,
-  u as UploadTypesEnum,
-  l as colorValue,
-  o as pages
+  Ue as FileUploader,
+  v as UploadTypesEnum,
+  Ue as default,
+  we as extractAndLowerCaseArrayType,
+  Pe as getAcceptType,
+  Me as getWarnTips
 };