china-mobile-international-custom-components 0.0.41 → 0.0.43

package/es/DialogContainer.mjs

@@ -0,0 +1,128 @@
+import { w as C } from "./chunks/index.bCzIhWFw.js";
+import { ref as s, computed as b, onBeforeUnmount as B, createBlock as k, createCommentVNode as V, openBlock as O, unref as S, normalizeClass as x, withCtx as i, createElementVNode as T, renderSlot as c, nextTick as r } from "vue";
+import { ElDialog as $ } from "element-plus";
+import './assets/DialogContainer.css';const E = { class: "dialog-body" }, N = {
+  __name: "DialogContainer",
+  props: {
+    // 弹框宽度
+    width: {
+      type: String,
+      default: "720px"
+    },
+    // 弹框标题
+    title: {
+      type: String,
+      default: ""
+    },
+    // 是否显示关闭按钮|是否esc和点击遮罩关闭
+    closable: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否显示关闭销毁
+    destroyOnclose: {
+      type: Boolean,
+      default: !1
+    },
+    // 自定义类名
+    customClass: {
+      type: String,
+      default: ""
+    },
+    // 拖动
+    draggable: {
+      type: Boolean,
+      default: !0
+    },
+    // appendTo: {
+    //   type: String,
+    //   default: '#layout-wrap__left'
+    // },
+    modal: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["open", "opened", "close", "closed"],
+  setup(e, { expose: o, emit: l }) {
+    const t = l, u = e, a = s(!1), n = s(!1), m = () => {
+      a.value = !0, r(() => {
+        n.value = !0;
+      });
+    }, g = () => {
+      n.value = !1;
+    }, p = b(() => "dialog-container " + u.customClass), h = () => {
+      t("open");
+    }, v = () => {
+      t("opened");
+    }, D = () => {
+      t("close");
+    }, y = () => {
+      t("closed"), r(() => {
+        a.value = !1;
+      });
+    };
+    return B(() => {
+      a.value = !1;
+    }), o({
+      showDialog: m,
+      hideDialog: g
+    }), (d, f) => a.value ? (O(), k(S($), {
+      key: 0,
+      ref: "Dialog",
+      modelValue: n.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (w) => n.value = w),
+      width: e.width,
+      title: e.title,
+      "append-to-body": "",
+      modal: e.modal,
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      "show-close": e.closable,
+      "destroy-on-close": e.destroyOnclose,
+      class: x(p.value),
+      draggable: e.draggable,
+      onOpen: h,
+      onOpened: v,
+      onClose: D,
+      onClosed: y
+    }, {
+      header: i(() => [
+        c(d.$slots, "title")
+      ]),
+      footer: i(() => [
+        c(d.$slots, "footer")
+      ]),
+      default: i(() => [
+        T("div", E, [
+          c(d.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "width", "title", "modal", "show-close", "destroy-on-close", "class", "draggable"])) : V("", !0);
+  }
+}, F = (e = s(!1)) => {
+  const o = s(null), l = s(null);
+  return {
+    dialogRef: o,
+    //弹窗的ref必须为dialogRef
+    formRef: l,
+    //弹窗里面含有form表单的话，ref必须为formRef
+    showDialog: () => {
+      o.value.showDialog();
+    },
+    hideDialog: () => {
+      e.value = !1, o.value.hideDialog();
+    },
+    resetDialog: () => {
+      e.value = !1, l.value && r(() => {
+        l.value.resetFields();
+      });
+    }
+  };
+}, I = C(N);
+export {
+  I as DialogContainer,
+  I as default,
+  F as useDialog
+};

package/es/FileUploader.mjs

@@ -0,0 +1,255 @@
+import { w as N } from "./chunks/index.bCzIhWFw.js";
+import { ref as U, computed as P, resolveComponent as _, resolveDirective as B, createElementBlock as x, openBlock as c, normalizeStyle as K, normalizeClass as S, withDirectives as D, createBlock as m, unref as n, withCtx as d, createCommentVNode as p, createElementVNode as f, renderSlot as R, resolveDynamicComponent as j, createVNode as T, createTextVNode as C, toDisplayString as u } from "vue";
+import { ElMessage as I, ElUpload as z, ElIcon as O, ElButton as $ } from "element-plus";
+import { u as w } from "./chunks/i18n.Bd7hh14j.js";
+import { g as X } from "./chunks/request.24c3shPx.js";
+import './assets/FileUploader.css';const V = (t) => {
+  const e = /\.([^.]+)$/, o = t.match(e);
+  return o ? o[1] : null;
+}, G = (t, e, o) => {
+  const { t: a } = w();
+  let l = !0;
+  const r = t.name && t.name.toLowerCase();
+  if (console.log(t.name, r, "fileName"), e && e.indexOf(V(r)) === -1) {
+    const s = a("COMPONENTS.UPLOAD_TYPE_TIP", { type: e });
+    I({
+      type: "warning",
+      message: s
+    }), l = !1;
+  }
+  if (t.size > 1024 * 1024 * o) {
+    const s = a("COMPONENTS.UPLOAD_SIZE_TIP", { size: o });
+    I.warning(s), l = !1;
+  }
+  return l;
+}, ce = (t) => {
+  const { t: e } = w();
+  let o = t.toLowerCase(), a = "", l = "";
+  const r = e("WORKFLOW_COM.TIP_TEXT_3");
+  return o.includes("file") ? (l = "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", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("image") ? (l = "jpg、jpeg、png、webp", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("doc") ? (l = "doc、docx", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("ppt") ? (l = "ppt、pptx", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("pdf") ? (l = "pdf", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("txt") ? (l = "txt", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("excel") ? (l = "xls、xlsx、csv", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("audio") ? (l = "mp3、wav、aac、flac、ogg", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })) : o.includes("video") && (l = "mp4、mkv、webm、ts、avi、mov、flv、3gp、ogv", a = e("WORKFLOW_COM.SUPPORT_FORMATS", { formats: l })), a + r;
+}, ie = (t) => {
+  let e = t.toLowerCase();
+  if (e.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 (e.includes("image"))
+    return ".jpg,.jpeg,.png,.webp";
+  if (e.includes("doc"))
+    return ".doc,.docx";
+  if (e.includes("ppt"))
+    return ".ppt,.pptx";
+  if (e.includes("pdf"))
+    return ".pdf";
+  if (e.includes("txt"))
+    return ".txt";
+  if (e.includes("excel"))
+    return ".xls,.xlsx,.csv";
+  if (e.includes("audio"))
+    return ".mp3,.wav,.aac,.flac,.ogg";
+  if (e.includes("video"))
+    return ".mp4,.mkv,.webm,.ts,.avi,.mov,.flv,.3gp,.ogv";
+}, de = (t) => {
+  const e = t.match(/array(\w+)/);
+  return e && e[1] ? e[1].toLowerCase() : null;
+}, q = () => {
+  const { $request: t, $env: e } = X();
+  return {
+    commonUpload: (o, a = "common") => t({
+      method: "post",
+      url: `${e.VITE_APP_AIBOX_BASE_URL}/api/v1/common/file/upload?type=${a}`,
+      data: o,
+      dataType: "formData",
+      skipCamelToKebab: !0
+    })
+  };
+}, g = {
+  卡片: "Card",
+  按钮: "Button",
+  面板: "Panel",
+  自定义: "Custom"
+}, Y = { class: "card-uploader__mask" }, Z = { key: 3 }, H = { class: "panel-uploader__text" }, J = { class: "panel-uploader__text--tip" }, Q = {
+  key: 0,
+  class: "panel-uploader__text--tip font-style"
+}, ee = { class: "panel-uploader__text--tip font-style" }, te = {
+  __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(t, { emit: e }) {
+    const { t: o } = w(), a = U(!1), l = U(null), { commonUpload: r } = q(), s = t, M = e, E = {
+      plugin: "Plugin",
+      agent: "WorkflowIcon1",
+      dialogue: "WorkflowIcon3",
+      model: "Model",
+      workflow: "Workflow",
+      space: "Space",
+      "my-space": "MySpace",
+      mcp: "McpIcon"
+    }, F = P(() => ({
+      Card: "card-uploader",
+      Button: "button-uploader",
+      Panel: "panel-uploader"
+    })[s.uploadType]), v = P(() => s.defaultUploadIcon ? E[s.defaultUploadIcon] : ""), W = async (i) => {
+      if (G(i, s.acceptType, s.limitSize))
+        if (s.isMiio) {
+          a.value = !0;
+          const { data: y } = await r(
+            {
+              file: i.raw
+            },
+            s.businessType
+          ).finally(() => {
+            a.value = !1;
+          });
+          console.log(y, "data"), M("on-success", y);
+        } else
+          M("on-success", i);
+      else
+        l.value.handleRemove(i);
+    };
+    return (i, A) => {
+      const y = _("IconEdit2"), b = _("IconAdd"), h = _("IconUpload2"), k = _("File"), L = B("loading");
+      return c(), x("div", {
+        class: S(["file-uploader", t.defaultUploadIcon]),
+        style: K({
+          border: !t.defaultUploadIcon && t.uploadType === "Card" ? "1px dashed var(--el-border-color)" : "none",
+          "border-radius": !t.defaultUploadIcon && t.uploadType === "Card" ? "8px" : "0",
+          "background-image": v.value ? `url('${v.value}')` : "none"
+        })
+      }, [
+        D((c(), m(n(z), {
+          ref_key: "uploader",
+          ref: l,
+          class: S(F.value),
+          action: "",
+          "auto-upload": !1,
+          limit: t.limitCount,
+          "show-file-list": !1,
+          accept: t.acceptType,
+          multiple: t.multiple,
+          drag: t.uploadType === n(g).面板,
+          "on-change": W
+        }, {
+          default: d(() => [
+            v.value ? (c(), m(n(O), {
+              key: 0,
+              size: "64",
+              class: "absolute"
+            }, {
+              default: d(() => [
+                (c(), m(j(v.value)))
+              ]),
+              _: 1
+            })) : p("", !0),
+            f("div", Y, [
+              T(n(O), {
+                color: "#fff",
+                size: "16px"
+              }, {
+                default: d(() => [
+                  T(y)
+                ]),
+                _: 1
+              })
+            ]),
+            t.uploadType === n(g).卡片 ? (c(), m(n(O), {
+              key: 1,
+              class: "card-uploader__icon"
+            }, {
+              default: d(() => [
+                t.defaultUploadIcon ? p("", !0) : (c(), m(b, { key: 0 })),
+                R(i.$slots, "text-slot")
+              ]),
+              _: 3
+            })) : p("", !0),
+            t.uploadType === n(g).按钮 ? (c(), m(n($), {
+              key: 2,
+              type: "primary"
+            }, {
+              default: d(() => [
+                T(n(O), { style: { "margin-right": "5px" } }, {
+                  default: d(() => [
+                    T(h)
+                  ]),
+                  _: 1
+                }),
+                C(" " + u(n(o)("COMMON_BUTTON.UPLOAD_TEXT")), 1)
+              ]),
+              _: 1
+            })) : p("", !0),
+            t.uploadType === n(g).面板 ? (c(), x("div", Z, [
+              T(n(O), { size: "48px" }, {
+                default: d(() => [
+                  T(k)
+                ]),
+                _: 1
+              }),
+              f("div", H, [
+                f("div", J, [
+                  f("span", null, u(n(o)("COMMON_BUTTON.CLICK_TEXT")), 1),
+                  C(" " + u(n(o)("COMMON_BUTTON.OR_TEXT")) + " ", 1),
+                  f("span", null, u(n(o)("COMMON_BUTTON.DRAG_TEXT")), 1),
+                  C(" " + u(n(o)("COMMON_BUTTON.FILE_UPLOAD_TEXT")), 1)
+                ]),
+                t.warnTips2 ? (c(), x("div", Q, u(t.warnTips2), 1)) : p("", !0),
+                f("div", ee, u(t.warnTips), 1)
+              ])
+            ])) : p("", !0),
+            t.uploadType === n(g).自定义 ? R(i.$slots, "upload-box", { key: 4 }) : p("", !0)
+          ]),
+          _: 3
+        }, 8, ["class", "limit", "accept", "multiple", "drag"])), [
+          [L, a.value]
+        ])
+      ], 6);
+    };
+  }
+}, pe = N(te);
+export {
+  pe as FileUploader,
+  g as UploadTypesEnum,
+  pe as default,
+  de as extractAndLowerCaseArrayType,
+  ie as getAcceptType,
+  ce as getWarnTips,
+  G as validateUpload
+};