china-mobile-international-custom-components 0.0.40 → 0.0.42

package/es/DialogContainer.mjs

@@ -0,0 +1,130 @@
+import { w as b } from "./chunks/index.bCzIhWFw.js";
+import { ref as s, computed as B, onBeforeUnmount as k, resolveComponent as V, createBlock as O, createCommentVNode as S, openBlock as x, normalizeClass as T, withCtx as i, createElementVNode as $, renderSlot as c, nextTick as r } from "vue";
+import './assets/DialogContainer.css';const N = { class: "dialog-body" }, R = {
+  __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), v = () => {
+      t("open");
+    }, h = () => {
+      t("opened");
+    }, y = () => {
+      t("close");
+    }, D = () => {
+      t("closed"), r(() => {
+        a.value = !1;
+      });
+    };
+    return k(() => {
+      a.value = !1;
+    }), o({
+      showDialog: m,
+      hideDialog: g
+    }), (d, f) => {
+      const w = V("el-dialog");
+      return a.value ? (x(), O(w, {
+        key: 0,
+        ref: "Dialog",
+        modelValue: n.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (C) => n.value = C),
+        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: T(p.value),
+        draggable: e.draggable,
+        onOpen: v,
+        onOpened: h,
+        onClose: y,
+        onClosed: D
+      }, {
+        header: i(() => [
+          c(d.$slots, "title")
+        ]),
+        footer: i(() => [
+          c(d.$slots, "footer")
+        ]),
+        default: i(() => [
+          $("div", N, [
+            c(d.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue", "width", "title", "modal", "show-close", "destroy-on-close", "class", "draggable"])) : S("", !0);
+    };
+  }
+}, E = (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();
+      });
+    }
+  };
+}, F = b(R);
+export {
+  F as DialogContainer,
+  F as default,
+  E as useDialog
+};

package/es/FileUploader.mjs

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