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

package/es/CreateMcpForm.mjs

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