china-mobile-international-custom-components 0.0.54 → 0.0.56

package/es/CreateMcpForm.mjs

@@ -0,0 +1,331 @@
+import { w as D } from "./chunks/index.bCzIhWFw.js";
+import { ref as R, reactive as y, createBlock as M, openBlock as A, unref as e, withCtx as n, createVNode as i, createCommentVNode as f, createElementVNode as s, toDisplayString as c, createTextVNode as I } from "vue";
+import { ElForm as V, ElFormItem as p, ElTooltip as P, ElIcon as h, ElInput as E, ElMessage as _ } from "element-plus";
+import { IconTip as L } from "color-message-aibox-vue";
+import { o as B } from "./chunks/usePreview.BMkgYO7E.js";
+import { AuthSection as k } from "./AuthSection.mjs";
+import { RadioGroup as Y } from "./RadioGroup.mjs";
+import { u as S } from "./chunks/i18n.Bd7hh14j.js";
+import { FilePreview as w } from "./AddOrEditSupplierDialog.mjs";
+import { FileUploader as x } from "./FileUploader.mjs";
+import { _ as K } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/CreateMcpForm.css';const Q = { class: "label-with-icon" }, H = { class: "label-with-icon" }, q = { class: "auth-section-wrapper" }, z = {
+  __name: "CreateMcpForm",
+  setup(X, { expose: O }) {
+    const { t: o } = S(), { previewImage: F } = B(), d = R(null), C = R(null), r = y({
+      icon: "",
+      iconUrl: "",
+      name: "",
+      description: "",
+      communicationType: "HTTP",
+      // 默认值改为与 options 中的 value 匹配
+      address: "",
+      applyLink: ""
+    }), b = R([
+      { label: "SSE", value: "SSE" },
+      { label: "Streamable HTTP", value: "HTTP" }
+    ]), l = y({
+      auth: {
+        authType: "none",
+        keyType: "custom",
+        paramLocation: "header",
+        paramName: "",
+        paramValue: "",
+        token: ""
+      }
+    }), U = R({
+      name: [
+        {
+          required: !0,
+          message: o("LIBRARY_CREATEMCPFORM.MCP_NAME_PLACEHOLDER"),
+          trigger: "blur"
+        },
+        {
+          max: 20,
+          message: o("LIBRARY_CREATEMCPFORM.MCP_NAME_MAX"),
+          trigger: "blur"
+        }
+      ],
+      description: [
+        {
+          required: !0,
+          message: o("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION_REQUIRED"),
+          trigger: "blur"
+        },
+        {
+          max: 200,
+          message: o("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION_MAX"),
+          trigger: "blur"
+        }
+      ],
+      address: [
+        {
+          type: "url",
+          required: !0,
+          message: o("LIBRARY_CREATEMCPFORM.SERVICE_URL_INVALID"),
+          trigger: ["blur", "change"]
+        }
+      ],
+      communicationType: [
+        {
+          required: !0,
+          message: o("LIBRARY_CREATEMCPFORM.TRANSFER_METHOD_REQUIRED"),
+          trigger: "change"
+        }
+      ],
+      applyLink: [
+        {
+          type: "url",
+          message: o("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL_INVALID"),
+          trigger: ["blur", "change"]
+        }
+      ]
+    }), m = R([]), N = (a) => {
+      r.iconUrl = a.url, r.icon = a.bnid, m.value = [a];
+    }, g = () => {
+      r.iconUrl = "", r.icon = "", m.value = [];
+    }, v = (a) => {
+      F(a.url);
+    };
+    return O({ validate: async (a) => {
+      if (!d.value) return !1;
+      if (C.value?.validateField) {
+        const t = C.value.validateField();
+        if (Object.keys(t).length > 0)
+          return t.paramName ? _.error(
+            o("LIBRARY_CREATEMCPFORM.PARAMETER_NAME_REQUIRED") || "请输入密钥参数名"
+          ) : t.paramValue ? _.error(
+            o("LIBRARY_CREATEMCPFORM.INPUT_API_KEY_REQUIRED") || "请输入密钥值"
+          ) : t.token ? _.error(
+            o("LIBRARY_CREATEMCPFORM.INPUT_API_KEY_REQUIRED") || "请输入密钥值"
+          ) : _.error(
+            o("LIBRARY_CREATEMCPFORM.MCP_AUTH_REQUIRED") || "请完善鉴权信息"
+          ), a?.(
+            new Error(
+              o("LIBRARY_CREATEMCPFORM.MCP_AUTH_REQUIRED") || "请完善鉴权信息"
+            )
+          ), !1;
+      }
+      return d.value.validate(a);
+    }, getFormData: () => ({
+      name: r.name,
+      icon: r.icon,
+      // iconUrl: ruleForm.iconUrl,
+      description: r.description,
+      address: r.address,
+      communicationType: r.communicationType,
+      // 鉴权相关字段
+      authType: l.auth.authType === "none" ? 0 : 1,
+      // none->0, apiKey->1
+      authLocation: l.auth.paramLocation === "header" ? 0 : 1,
+      // header->0, query->1
+      apiKeyName: l.auth.keyType === "bearer" ? "Authorization" : l.auth.paramName || "",
+      apiKeyValue: l.auth.keyType === "bearer" ? l.auth.token ? `Bearer ${l.auth.token}` : "" : l.auth.paramValue || "",
+      // 可选字段
+      applyLink: r.applyLink || "",
+      headerPrefixType: 1,
+      overview: ""
+    }), setFormData: (a) => {
+      if (!a) return;
+      Object.assign(r, {
+        name: a.name || "",
+        description: a.description || "",
+        icon: a.icon || "",
+        iconUrl: a.iconUrl || "",
+        communicationType: a.communicationType || "SSE",
+        address: a.address || "",
+        applyLink: a.applyLink || ""
+      });
+      const t = a.authType === 1 || a.authType === "1";
+      if (l.auth.authType = t ? "apiKey" : "none", l.auth.paramLocation = a.authLocation === 0 || a.authLocation === "0" ? "header" : "query", t) {
+        const u = !a.apiKeyName || a.apiKeyName === "Authorization";
+        if (l.auth.keyType = u ? "bearer" : "custom", u) {
+          l.auth.paramName = "", l.auth.paramValue = "";
+          const T = a.apiKeyValue || "";
+          l.auth.token = T.startsWith("Bearer ") ? T.substring(7) : T;
+        } else
+          l.auth.paramName = a.apiKeyName || "", l.auth.paramValue = a.apiKeyValue || "", l.auth.token = "";
+      } else
+        l.auth.keyType = "custom", l.auth.paramName = "", l.auth.paramValue = "", l.auth.token = "";
+      a.icon && a.icon !== "0" && a.iconUrl && (m.value = [{ bnid: a.icon, url: a.iconUrl }]);
+    } }), (a, t) => (A(), M(e(V), {
+      ref_key: "ruleFormRef",
+      ref: d,
+      model: r,
+      rules: U.value,
+      "label-width": "auto",
+      "label-position": "top",
+      class: "scrollable-form"
+    }, {
+      default: n(() => [
+        i(e(p), {
+          class: "scrollable-form__item",
+          label: e(o)("LIBRARY_CREATEMCPFORM.MCP_ICON"),
+          prop: "icon"
+        }, {
+          label: n(() => [
+            s("div", Q, [
+              s("span", null, c(e(o)("LIBRARY_CREATEMCPFORM.MCP_ICON")), 1),
+              i(e(P), { placement: "top" }, {
+                content: n(() => [
+                  I(c(e(o)("LIBRARY_CREATEMCPFORM.MCP_ICON_TIP")), 1),
+                  t[6] || (t[6] = s("br", null, null, -1)),
+                  I(" " + c(e(o)("LIBRARY_CREATEMCPFORM.MCP_ICON_SIZE_TIP")), 1)
+                ]),
+                default: n(() => [
+                  i(e(h), {
+                    size: "14px",
+                    color: "#999"
+                  }, {
+                    default: n(() => [
+                      i(e(L))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: n(() => [
+            i(e(w), {
+              fileList: m.value,
+              previewType: "Card",
+              isCustom: !0,
+              onOnRemove: g,
+              onOnPreview: v
+            }, {
+              CardUploader: n(() => [
+                m.value.length === 0 ? (A(), M(e(x), {
+                  key: 0,
+                  "upload-type": "Card",
+                  onOnSuccess: N,
+                  limitSize: 5,
+                  acceptType: ".jpg,.png",
+                  businessType: "mcp",
+                  defaultUploadIcon: "mcp"
+                })) : f("", !0)
+              ]),
+              _: 1
+            }, 8, ["fileList"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        i(e(p), {
+          class: "scrollable-form__item",
+          label: e(o)("LIBRARY_CREATEMCPFORM.MCP_NAME"),
+          prop: "name"
+        }, {
+          default: n(() => [
+            i(e(E), {
+              modelValue: r.name,
+              "onUpdate:modelValue": t[0] || (t[0] = (u) => r.name = u),
+              placeholder: e(o)("LIBRARY_CREATEMCPFORM.MCP_NAME_REQUIRED"),
+              maxlength: "20",
+              "show-word-limit": ""
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        i(e(p), {
+          class: "scrollable-form__item",
+          label: e(o)("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION"),
+          prop: "description"
+        }, {
+          default: n(() => [
+            i(e(E), {
+              modelValue: r.description,
+              "onUpdate:modelValue": t[1] || (t[1] = (u) => r.description = u),
+              type: "textarea",
+              rows: 3,
+              placeholder: e(o)("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION_REQUIRED"),
+              maxlength: "200",
+              "show-word-limit": ""
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        i(e(p), {
+          class: "scrollable-form__item",
+          label: e(o)("LIBRARY_CREATEMCPFORM.TRANSFER_METHOD"),
+          prop: "communicationType"
+        }, {
+          default: n(() => [
+            i(e(Y), {
+              modelValue: r.communicationType,
+              "onUpdate:modelValue": t[2] || (t[2] = (u) => r.communicationType = u),
+              options: b.value,
+              layout: "vertical",
+              "class-name": "scrollable-form__item-radio"
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        i(e(p), {
+          class: "scrollable-form__item",
+          label: e(o)("LIBRARY_CREATEMCPFORM.SERVICE_URL"),
+          prop: "address"
+        }, {
+          default: n(() => [
+            i(e(E), {
+              modelValue: r.address,
+              "onUpdate:modelValue": t[3] || (t[3] = (u) => r.address = u),
+              placeholder: e(o)("LIBRARY_CREATEMCPFORM.SERVICE_URL_REQUIRED")
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        l.auth.authType === "apiKey" ? (A(), M(e(p), {
+          key: 0,
+          class: "scrollable-form__item",
+          prop: "applyLink"
+        }, {
+          label: n(() => [
+            s("div", H, [
+              s("span", null, c(e(o)("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL")), 1),
+              i(e(P), { placement: "top" }, {
+                content: n(() => [
+                  I(c(e(o)("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL_TIP")), 1)
+                ]),
+                default: n(() => [
+                  i(e(h), {
+                    size: "14px",
+                    color: "#999"
+                  }, {
+                    default: n(() => [
+                      i(e(L))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: n(() => [
+            i(e(E), {
+              modelValue: r.applyLink,
+              "onUpdate:modelValue": t[4] || (t[4] = (u) => r.applyLink = u),
+              placeholder: e(o)("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL_REQUIRED")
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          _: 1
+        })) : f("", !0),
+        s("div", q, [
+          i(e(k), {
+            ref_key: "authSectionRef",
+            ref: C,
+            featData: l,
+            "onUpdate:featData": t[5] || (t[5] = (u) => l = u),
+            layout: "vertical"
+          }, null, 8, ["featData"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["model", "rules"]));
+  }
+}, j = /* @__PURE__ */ K(z, [["__scopeId", "data-v-a92d9b79"]]), se = D(j);
+export {
+  se as CreateMcpForm,
+  se as default
+};

package/es/FilePreview.mjs

@@ -0,0 +1,229 @@
+import { w as U } from "./chunks/index.bCzIhWFw.js";
+import { resolveComponent as c, createElementBlock as r, openBlock as n, createCommentVNode as w, unref as _, renderSlot as C, createVNode as u, withCtx as i, Fragment as D, renderList as b, createBlock as a, createElementVNode as x, resolveDynamicComponent as S, toDisplayString as V, createTextVNode as L } from "vue";
+import { o as H } from "./chunks/usePreview.BMkgYO7E.js";
+import { _ as N } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/FilePreview.css';const g = {
+  卡片: "Card",
+  按钮: "Button",
+  面板: "Panel",
+  自定义: "Custom"
+}, M = (e) => /(txt|yaml)/i.test(e), j = (e) => /ppt|pptx/i.test(e), A = (e) => /pdf/i.test(e);
+function O(e) {
+  return /(docx|doc|msword)/i.test(e);
+}
+function J(e) {
+  return /(xlsx|xls|sheet|csv)/i.test(e);
+}
+function W(e) {
+  return /(zip|rar|7z)$/i.test(e);
+}
+const k = (e) => /(jpe?g|png|bmp|gif|webp|svg|ico)(\?.*)?$/i.test(e), Z = (e) => /(mp4|avi|rmvb|rm|wmv|flv|3gp|mkv|mov)(\?.*)?$/i.test(e), q = (e) => /(mp3|wav|wma|aac|flac)(\?.*)?$/i.test(e), G = (e) => /(md|markdown)/i.test(e), K = (e) => /(html|htm|xhtml|xml)/i.test(e), Q = (e) => /(json)/i.test(e), R = (e) => {
+  if (A(e.suffix))
+    return "Pdf1";
+  if (O(e.suffix))
+    return "Doc";
+  if (J(e.suffix))
+    return "Excel1";
+  if (Z(e.suffix))
+    return "Video";
+  if (q(e.suffix))
+    return "Music";
+  if (j(e.suffix))
+    return "Ppt1";
+  if (G(e.suffix))
+    return "Md";
+  if (K(e.suffix))
+    return "Html";
+  if (M(e.suffix))
+    return "Txt1";
+  if (Q(e.suffix))
+    return "Other";
+  if (W(e.suffix))
+    return "Other";
+  if (k(e.suffix))
+    return "Pic";
+}, X = { class: "file-preview-wrapper" }, Y = {
+  key: 0,
+  class: "panel-preview"
+}, ee = { class: "panel-preview__item" }, te = ["onClick"], ne = ["src", "alt"], oe = { class: "panel-preview__name ellipsis" }, se = { key: 0 }, re = { key: 1 }, le = {
+  key: 1,
+  class: "upload-preview"
+}, ie = ["src", "alt"], ae = { class: "preview-item__mask" }, ce = {
+  __name: "index",
+  props: {
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    canEdit: {
+      type: Boolean,
+      default: !0
+    },
+    previewType: {
+      type: String,
+      default: g.面板
+    },
+    isStream: {
+      type: Boolean,
+      default: !1
+    },
+    isCustom: {
+      type: Boolean,
+      default: !1
+    },
+    // 下载文件函数，接收 (item) => Promise<Array<{ url, suffix }>>
+    onDownload: {
+      type: Function,
+      default: null
+    },
+    // 下载文件流函数，接收 (item) => Promise<Blob>
+    onDownloadStream: {
+      type: Function,
+      default: null
+    },
+    // 预览图片函数，接收 (url) => void
+    onPreviewImage: {
+      type: Function,
+      default: null
+    },
+    // 下载 Blob 文件函数，接收 (blob, name, type) => string
+    downloadBlobFile: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: ["on-remove", "on-preview"],
+  setup(e, { emit: s }) {
+    const l = e, f = s, { downloadPrew: B, downloadStreamPrew: I } = H({
+      onDownload: l.onDownload,
+      onDownloadStream: l.onDownloadStream,
+      onPreviewImage: l.onPreviewImage || ((o) => window.open(o, "_blank")),
+      downloadBlobFile: l.downloadBlobFile
+    }), y = (o) => R(o);
+    function F(o) {
+      l.isCustom ? f("on-preview", o) : l.isStream ? l.onDownloadStream ? I(o) : (console.warn("FilePreview: isStream 为 true 但未提供 onDownloadStream 函数"), f("on-preview", o)) : l.onDownload ? B(o) : f("on-preview", o);
+    }
+    function h(o, p) {
+      f("on-remove", o, p);
+    }
+    return (o, p) => {
+      const d = c("el-icon"), $ = c("el-button"), P = c("IconDelete"), E = c("el-col"), T = c("el-row"), z = c("IconHide");
+      return n(), r("div", X, [
+        e.previewType === _(g).面板 ? (n(), r("div", Y, [
+          C(o.$slots, "PanelUploader", {}, void 0, !0),
+          u(T, {
+            gutter: 20,
+            class: "panel-preview__row"
+          }, {
+            default: i(() => [
+              (n(!0), r(D, null, b(e.fileList, (t, m) => (n(), a(E, {
+                span: 8,
+                key: t.bnid
+              }, {
+                default: i(() => [
+                  x("div", ee, [
+                    x("div", {
+                      class: "panel-preview__box",
+                      onClick: (v) => F(t)
+                    }, [
+                      _(k)(t.suffix) ? (n(), r("img", {
+                        key: 0,
+                        src: t.url,
+                        alt: t.name,
+                        class: "panel-preview__img"
+                      }, null, 8, ne)) : (n(), a(d, {
+                        key: 1,
+                        size: "32px",
+                        class: "panel-preview__img"
+                      }, {
+                        default: i(() => [
+                          (n(), a(S(y(t))))
+                        ]),
+                        _: 2
+                      }, 1024)),
+                      x("span", oe, V(t.name), 1)
+                    ], 8, te),
+                    t.isUploading ? (n(), r("div", se, [
+                      u($, {
+                        text: "",
+                        size: "small",
+                        loading: ""
+                      }, {
+                        default: i(() => [...p[0] || (p[0] = [
+                          L("上传中...", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ])) : (n(), r("div", re, [
+                      e.canEdit ? (n(), a(d, {
+                        key: 0,
+                        size: "18",
+                        style: { cursor: "pointer" },
+                        onClick: (v) => h(m, t)
+                      }, {
+                        default: i(() => [
+                          u(P)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : w("", !0)
+                    ]))
+                  ])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ])) : w("", !0),
+        e.previewType === _(g).卡片 ? (n(), r("ul", le, [
+          (n(!0), r(D, null, b(e.fileList, (t, m) => (n(), r("li", {
+            class: "preview-item",
+            key: t.bnid
+          }, [
+            _(k)(t.suffix) ? (n(), r("img", {
+              key: 0,
+              src: t.url,
+              alt: t.name,
+              class: "preview-item__img"
+            }, null, 8, ie)) : (n(), a(d, {
+              key: 1,
+              size: "32px",
+              class: "preview-item__img"
+            }, {
+              default: i(() => [
+                (n(), a(S(y(t))))
+              ]),
+              _: 2
+            }, 1024)),
+            x("div", ae, [
+              u(d, {
+                class: "preview-item__mask--view",
+                onClick: (v) => F(t)
+              }, {
+                default: i(() => [
+                  u(z)
+                ]),
+                _: 1
+              }, 8, ["onClick"]),
+              e.canEdit ? (n(), a(d, {
+                key: 0,
+                class: "preview-item__mask--delete",
+                onClick: (v) => h(m, t)
+              }, {
+                default: i(() => [
+                  u(P)
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : w("", !0)
+            ])
+          ]))), 128)),
+          C(o.$slots, "CardUploader", {}, void 0, !0)
+        ])) : w("", !0)
+      ]);
+    };
+  }
+}, ue = /* @__PURE__ */ N(ce, [["__scopeId", "data-v-fe542fce"]]), _e = U(ue);
+export {
+  _e as FilePreview,
+  _e as default
+};