aibox-custom-component-packages 0.0.6 → 0.0.7

package/es/chunks/index.CSjjAi3w.js

@@ -0,0 +1,396 @@
+import { w as Y } from "./index.bCzIhWFw.js";
+import { ref as h, h as R, createBlock as Q, openBlock as j, unref as N, normalizeClass as k, withCtx as S, createVNode as x, createElementVNode as b, createTextVNode as V, toDisplayString as X, nextTick as J } from "vue";
+import { ElMessageBox as G, ElMessage as O, ElSelect as K, ElOption as W, ElButton as z } from "element-plus";
+import { useDialog as Z, DialogContainer as ee } from "../DialogContainer.mjs";
+import { CreateMcpForm as te } from "../CreateMcpForm.mjs";
+import { u as H } from "./i18n.DDMVloiU.js";
+import { useRouter as re } from "vue-router";
+import { g as oe } from "./request.24c3shPx.js";
+import { _ as se } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/index2.css';const q = () => {
+  const { $request: r, $env: c } = oe();
+  return {
+    createMcp: (e) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/customize`,
+      method: "post",
+      data: e
+    }),
+    getMcpDetail: (e) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/customize/${e}`,
+      method: "get"
+    }),
+    updateMcp: (e, m) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/customize/${e}`,
+      method: "put",
+      data: m
+    }),
+    deleteMcp: (e) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/customize/${e}`,
+      method: "delete"
+    }),
+    createMcpAdmin: (e) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/admin`,
+      method: "post",
+      data: e
+    }),
+    updateMcpAdmin: (e, m) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/admin/${e}`,
+      method: "post",
+      data: m
+    }),
+    deleteMcpAdmin: (e) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/admin/${e}`,
+      method: "delete"
+    }),
+    getMcpDetailAdmin: (e) => r({
+      url: `${c.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/admin/${e}`,
+      method: "get"
+    })
+  };
+}, P = (r) => {
+  switch (r) {
+    case "success":
+      return "el-button--success";
+    case "warning":
+      return "el-button--warning";
+    case "danger":
+      return "el-button--danger";
+    case "info":
+      return "el-button--info";
+    case "default":
+      return "";
+    default:
+      return "el-button--primary";
+  }
+}, ae = () => {
+  const { t: r } = H();
+  return {
+    customMessageBox: ({
+      title: T,
+      text: u,
+      tip: a = "",
+      type: p = "warning",
+      dangerouslyUseHTMLString: M = !1,
+      cancelButtonText: s = r("COMMON_BUTTON.CANCEL_TEXT"),
+      confirmButtonText: f = r("COMMON_BUTTON.CONFIRM_TEXT"),
+      confirmButtonType: n = "primary",
+      cancelButtonType: e = "default"
+    }) => G.confirm(
+      M ? `<div class="custom-message-box">
+        <div class="custom-message-box__title" v-if="text">${u}</div>
+        <div class="custom-message-box__tip" v-if="tip">${a}</div>
+      </div>` : u,
+      T,
+      {
+        dangerouslyUseHTMLString: M,
+        type: p,
+        cancelButtonText: s,
+        confirmButtonText: f,
+        confirmButtonClass: P(n),
+        cancelButtonClass: P(e)
+      }
+    ),
+    customPromptMessageBox: ne
+  };
+};
+function ne({
+  confirmButtonText: r,
+  cancelButtonText: c,
+  confirmButtonType: T = "primary",
+  cancelButtonType: u = "default",
+  confirmCallback: a,
+  cancelCallback: p,
+  inputValidatorCallback: M,
+  label: s,
+  showLabel: f = !1,
+  text: n,
+  defaultValue: e = "",
+  selectOptions: m,
+  multiple: g = !1,
+  filterable: y = !0,
+  maxLength: C
+}) {
+  if (Array.isArray(m) && m.length) {
+    const o = h(
+      g ? Array.isArray(e) ? e : [] : e
+    ), _ = R({
+      name: "MessageBoxSelect",
+      setup() {
+        return () => R("div", { style: "padding: 6px 0; width: 100%" }, [
+          f ? R(
+            "div",
+            {
+              style: "margin-bottom: 8px; font-size: 14px; color: #262626;"
+            },
+            s || ""
+          ) : null,
+          R(
+            K,
+            {
+              modelValue: o.value,
+              "onUpdate:modelValue": (l) => o.value = l,
+              multiple: g,
+              filterable: y,
+              placeholder: `${t("COMMON_DATA.PLACEHOLDER_SELECT")}${s || ""}`,
+              teleported: !0,
+              style: "width: 370px"
+              // Select 宽度 100%
+            },
+            () => m.map(
+              (l) => R(W, {
+                key: l?.value,
+                // 补 key
+                label: l?.label || "",
+                value: l?.value
+              })
+            )
+          )
+        ]);
+      }
+    });
+    G({
+      title: n || "",
+      message: _,
+      showCancelButton: !0,
+      confirmButtonText: r || t("COMMON_BUTTON.CONFIRM_TEXT"),
+      cancelButtonText: c || t("COMMON_BUTTON.CANCEL_TEXT"),
+      confirmButtonClass: P(T),
+      cancelButtonClass: P(u),
+      draggable: !0,
+      closeOnClickModal: !1,
+      beforeClose: (l, I, $) => {
+        if (l === "confirm") {
+          if (M) {
+            const d = M(o.value);
+            if (d !== !0) {
+              const E = typeof d == "string" ? d : `${t("COMMON_DATA.PLACEHOLDER_SELECT")}${s || ""}`;
+              O.error && O.error(E);
+              return;
+            }
+          } else if (g && (!Array.isArray(o.value) || o.value.length === 0) || !g && (o.value === "" || o.value === void 0 || o.value === null)) {
+            O.error && O.error(
+              `${t("COMMON_DATA.PLACEHOLDER_SELECT")}${s || ""}`
+            );
+            return;
+          }
+          const L = () => {
+            I.confirmButtonLoading = !0, I.confirmButtonText = t("COMMON_DATA.LOADING_SUFFIX");
+          }, F = () => {
+            I.confirmButtonLoading = !1, I.confirmButtonText = r || t("COMMON_BUTTON.CONFIRM_TEXT");
+          };
+          a(o.value, $, L, F);
+        } else
+          $();
+      }
+    }).catch(() => {
+      p && p();
+    });
+    return;
+  }
+  const B = {
+    confirmButtonText: r || t("COMMON_BUTTON.CONFIRM_TEXT"),
+    cancelButtonText: c || t("COMMON_BUTTON.CANCEL_TEXT"),
+    confirmButtonClass: P(T),
+    cancelButtonClass: P(u),
+    draggable: !0,
+    inputPlaceholder: `${t("COMMON_DATA.PLACEHOLDER_INPUT")}${s}`,
+    inputValue: e,
+    closeOnClickModal: !1,
+    inputValidator: (o) => !o || !o.trim() ? `${t("COMMON_DATA.PLACEHOLDER_INPUT")}${s}` : C && o.length > C ? t("COMMON_DATA.PLACEHOLDER_INPUT_MAXLENGTH") : M ? M(o) : !0,
+    beforeClose: (o, i, _) => {
+      if (o === "confirm") {
+        const l = () => {
+          i.confirmButtonLoading = !0, i.confirmButtonText = t("COMMON_DATA.LOADING_SUFFIX");
+        }, I = () => {
+          i.confirmButtonLoading = !1, i.confirmButtonText = r || t("COMMON_BUTTON.CONFIRM_TEXT");
+        };
+        a(i.inputValue, _, l, I);
+      } else
+        _();
+    }
+  };
+  C && (B.inputAttrs = { maxlength: C }), G.prompt(f ? s : "", n || "", B).catch(
+    () => {
+      p && p();
+    }
+  );
+}
+const A = {
+  agent: "agent",
+  admin: "admin"
+}, Te = (r = A.agent) => {
+  const { deleteMcp: c, deleteMcpAdmin: T } = q(), { customMessageBox: u } = ae(), { t: a } = H(), p = {
+    [A.agent]: c,
+    [A.admin]: T
+  };
+  return {
+    deleteMcpHandler: async ({ row: s, refreshCallback: f }) => {
+      if (!s.bnid) {
+        O.warning(
+          a("MCPLIST.MCPLIST_CHANNEL_NAME_EXCEPTION_DELETE") || "该MCP数据异常，无法删除"
+        );
+        return;
+      }
+      if (s.publishChannels && s.publishChannels.some((n) => n.channelType === 10)) {
+        u({
+          title: a("MESSAGE_REMIND.OPERATION_REMIND"),
+          text: `${a("COMMON_TAG.MCP")} <span style="color:var(--el-color-primary)"> ${s.name}</span> ${a("MCPLIST.MCPLIST_CHANNEL_NAME_EXCEPTION_DELETE_INFO")}`,
+          dangerouslyUseHTMLString: !0
+        });
+        return;
+      }
+      u({
+        title: a("MESSAGE_REMIND.CONFIRM_DELETE"),
+        text: `${a("MESSAGE_REMIND.HISTORY_IMPORT_PREFIX")} ${a("COMMON_TAG.MCP")} <span style="color:var(--el-color-primary)"> ${s.name}</span>${a("MESSAGE_REMIND.HISTORY_IMPORT_SUFFIX")} <span style="color: red"
+            >${a("MESSAGE_REMIND.CAREFUL_IMPORT_TIP")}</span
+          > `,
+        dangerouslyUseHTMLString: !0
+      }).then(async () => {
+        const n = p[r];
+        (await n(s.bnid)).code === 0 && (O.success(a("MESSAGE_REMIND.DELETE_SUCCESS")), f?.());
+      });
+    }
+  };
+}, ce = {
+  class: /* @__PURE__ */ k("custom-mcp-dialog__footer")
+}, ie = {
+  __name: "McpFormDialog",
+  props: {
+    // 区分平台：'agent' i聚智平台, 'admin' 管理后台
+    platform: {
+      type: String,
+      default: A.agent
+    },
+    // 控制是否显示 MCP 概览字段
+    showOverview: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: String,
+      default: "520px"
+    }
+  },
+  emits: ["refresh"],
+  setup(r, { expose: c, emit: T }) {
+    const {
+      getMcpDetail: u,
+      updateMcp: a,
+      createMcp: p,
+      createMcpAdmin: M,
+      updateMcpAdmin: s,
+      getMcpDetailAdmin: f
+    } = q(), { t: n } = H(), { dialogRef: e, showDialog: m, hideDialog: g } = Z(), y = T, C = r, B = re(), o = h(!1), i = h(null), _ = h(null), l = h(!1), I = () => {
+      o.value = !1, _.value = null, m();
+    }, $ = async (d) => {
+      o.value = !0, _.value = d.bnid, m();
+      try {
+        const U = {
+          [A.agent]: u,
+          [A.admin]: f
+        }[C.platform], v = await U(d.bnid);
+        v.code === 0 && v.data ? (await J(), i.value && i.value.setFormData(v.data)) : g();
+      } catch (E) {
+        console.error("获取MCP详情失败:", E), g();
+      }
+    }, L = () => {
+      g(), _.value = null;
+    }, F = async () => {
+      if (l.value = !0, !i.value) {
+        console.error("表单引用不存在");
+        return;
+      }
+      try {
+        if (await i.value.validate()) {
+          const E = i.value.getFormData();
+          if (o.value) {
+            if (!_.value) {
+              O.error(
+                n("MCPFORMDIALOG.MCP_ID_REQUIRED") || "缺少MCP ID，无法更新"
+              );
+              return;
+            }
+            const v = {
+              [A.agent]: a,
+              [A.admin]: s
+            }[C.platform], D = await v(_.value, E);
+            D.code === 0 ? (O.success(n("MCPFORMDIALOG.UPDATE_SUCCESS") || "更新MCP成功"), L(), y("refresh")) : D.code === -1 && O.error(D.msg || n("MCPFORMDIALOG.UPDATE_FAIL"));
+          } else {
+            const v = {
+              [A.agent]: p,
+              [A.admin]: M
+            }[C.platform], D = await v(E);
+            if (D.code === 0) {
+              const w = D.data;
+              O.success(n("MCPFORMDIALOG.CREATE_SUCCESS") || "创建MCP成功"), L(), y("refresh"), w ? C.showOverview ? B.push({
+                name: "mcp-detail",
+                query: {
+                  bnid: w
+                }
+              }) : B.push({
+                name: "MCPTool",
+                params: {
+                  bnId: w
+                }
+              }) : console.warn("创建MCP成功，但未返回bnid，无法跳转");
+            } else
+              console.error("创建MCP失败，返回数据异常:", D);
+          }
+        }
+      } catch (d) {
+        console.error("表单提交错误:", d);
+      } finally {
+        l.value = !1;
+      }
+    };
+    return c({ showCreateDialog: I, showEditDialog: $ }), (d, E) => (j(), Q(N(ee), {
+      class: k("custom-mcp-dialog"),
+      width: r.width,
+      ref_key: "dialogRef",
+      ref: e
+    }, {
+      title: S(() => [
+        b("div", null, X(o.value ? N(n)("MCPFORMDIALOG.TITLE") : N(n)("MCPFORMDIALOG.TITLE_ADD")), 1)
+      ]),
+      footer: S(() => [
+        b("div", ce, [
+          x(N(z), {
+            onClick: L,
+            plain: ""
+          }, {
+            default: S(() => [
+              V(X(N(n)("COMMON_BUTTON.CANCEL_TEXT")), 1)
+            ]),
+            _: 1
+          }),
+          x(N(z), {
+            color: "var(--el-color-primary)",
+            type: "primary",
+            onClick: E[0] || (E[0] = (U) => F()),
+            loading: l.value
+          }, {
+            default: S(() => [
+              V(X(N(n)("COMMON_BUTTON.CONFIRM_TEXT")), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ])
+      ]),
+      default: S(() => [
+        x(N(te), {
+          ref_key: "createFormRef",
+          ref: i,
+          showOverview: r.showOverview
+        }, null, 8, ["showOverview"])
+      ]),
+      _: 1
+    }, 8, ["width"]));
+  }
+}, le = /* @__PURE__ */ se(ie, [["__scopeId", "data-v-9e80c8eb"]]), fe = Y(le);
+export {
+  fe as M,
+  ne as a,
+  Te as c,
+  A as p,
+  ae as u
+};

package/es/chunks/index.CdEBk4F_.js

@@ -0,0 +1,134 @@
+import { ref as v, shallowRef as O, watch as B, onMounted as k, createElementBlock as A, openBlock as m, normalizeClass as N, createBlock as b, createCommentVNode as I, createVNode as c, unref as l, withCtx as y } from "vue";
+import { ElMessage as g, ElIcon as M, ElScrollbar as P } from "element-plus";
+import { Codemirror as L } from "vue-codemirror";
+import { EditorView as h } from "@codemirror/view";
+import { json as x } from "@codemirror/lang-json";
+import { oneDark as V } from "@codemirror/theme-one-dark";
+import { codeFolding as _ } from "@codemirror/language";
+import { IconCopy1 as R } from "color-message-aibox-vue";
+import { u as T } from "./i18n.DDMVloiU.js";
+import F from "copy-to-clipboard";
+import { _ as j } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/index3.css';const D = () => {
+  const { t: a } = T();
+  return {
+    copyText: (s) => {
+      F(s) ? g({
+        message: a("MESSAGE_REMIND.COPY_SUCCESS"),
+        type: "success"
+      }) : g({
+        message: a("COMMON_STORE_LIBRARY.LABEL_COPY_FAIL"),
+        type: "error"
+      });
+    }
+  };
+}, J = {
+  __name: "index",
+  props: {
+    code: { type: String, default: "" },
+    language: { type: String, default: "json" },
+    customExpandDepth: { type: Number, default: 1 / 0 },
+    sort: { type: Boolean, default: !0 },
+    noPadding: { type: Boolean, default: !1 },
+    theme: { type: String, default: "light" },
+    showLength: { type: Boolean, default: !1 },
+    maxHeight: { type: String, default: "calc(100% - 125px)" },
+    showCopy: { type: Boolean, default: !1 },
+    enableFolding: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const { copyText: u } = D(), s = a, i = v(""), d = {
+      json: () => x()
+    }, C = () => {
+      const r = s.language.toLowerCase();
+      return d[r] ? d[r]() : x();
+    }, p = O([]), S = (r) => {
+      const o = r.trim(), n = (t) => {
+        try {
+          return JSON.parse(t);
+        } catch {
+          return null;
+        }
+      };
+      let e = null;
+      if ((o.startsWith("{") || o.startsWith("[")) && (e = n(o)), !e) {
+        const t = `{${o.replace(/,\s*$/, "")}}`;
+        e = n(t);
+      }
+      if (e && typeof e == "object" && !Array.isArray(e)) {
+        const t = e.role;
+        if (t) return "role: " + t;
+      }
+      return "";
+    }, E = () => {
+      const r = [C(), h.editable.of(!1), h.lineWrapping];
+      s.enableFolding && r.push(
+        _({
+          preparePlaceholder: (o, n) => {
+            try {
+              const e = o.doc.sliceString(n.from, n.to);
+              return S(e);
+            } catch {
+              return "...";
+            }
+          },
+          placeholderDOM: (o, n, e) => {
+            const t = document.createElement("span");
+            return t.className = "cm-foldPlaceholder", t.onclick = n, t.style.cursor = "pointer", t.style.color = "#888", t.style.padding = "0 4px", t.style.borderRadius = "3px", t.textContent = e ? `${e}...` : "...", t;
+          }
+        })
+      ), s.theme === "dark" && r.push(V), p.value = r;
+    }, w = (r) => {
+      try {
+        const o = JSON.parse(r);
+        if (s.sort && typeof o == "object" && o !== null) {
+          const n = (e) => Array.isArray(e) ? e.map(n) : typeof e == "object" && e !== null ? Object.keys(e).sort().reduce((t, f) => (t[f] = n(e[f]), t), {}) : e;
+          return JSON.stringify(n(o), null, 2);
+        }
+        return JSON.stringify(o, null, 2);
+      } catch {
+        return r;
+      }
+    };
+    return B(
+      () => s.code,
+      (r) => {
+        i.value = s.language === "json" ? w(r) : r;
+      },
+      { immediate: !0 }
+    ), k(() => {
+      E();
+    }), (r, o) => (m(), A("div", {
+      class: N(["code-viewer", { "no-padding": a.noPadding, dark: a.theme === "dark" }])
+    }, [
+      a.showCopy ? (m(), b(l(M), {
+        key: 0,
+        onClick: o[0] || (o[0] = (n) => l(u)(a.code)),
+        class: "code-viewer__copy",
+        color: "#96A0AB",
+        size: "18px"
+      }, {
+        default: y(() => [
+          c(l(R))
+        ]),
+        _: 1
+      })) : I("", !0),
+      c(l(P), { "max-height": a.maxHeight }, {
+        default: y(() => [
+          c(l(L), {
+            modelValue: i.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (n) => i.value = n),
+            style: { height: "100%", minHeight: "100px" },
+            extensions: p.value,
+            disabled: !0
+          }, null, 8, ["modelValue", "extensions"])
+        ]),
+        _: 1
+      }, 8, ["max-height"])
+    ], 2));
+  }
+}, Z = /* @__PURE__ */ j(J, [["__scopeId", "data-v-fdd1bb78"]]);
+export {
+  Z as C,
+  D as u
+};