aibox-custom-component-packages 0.0.6 → 0.0.8

package/es/McpFormDialog.mjs

@@ -0,0 +1,8 @@
+import "./chunks/index.bCzIhWFw.js";
+import { M as r, c as o, M as t, p as l } from "./chunks/index.DdD1VsH1.js";
+export {
+  r as McpFormDialog,
+  o as createMcpDeleteHandler,
+  t as default,
+  l as platformMap
+};

package/es/McpParamsSet.mjs

@@ -0,0 +1,630 @@
+import { w as re } from "./chunks/index.bCzIhWFw.js";
+import { resolveComponent as Z, createElementBlock as X, openBlock as U, createVNode as x, createElementVNode as I, unref as h, createBlock as V, createCommentVNode as ee, withCtx as k, toDisplayString as G, ref as M, computed as ie, watch as te, nextTick as ce, onUnmounted as ae, Fragment as oe, onMounted as ue, createTextVNode as de, normalizeStyle as pe, normalizeClass as fe, withModifiers as me } from "vue";
+import { _ as ve } from "./chunks/AiboxTable.CF4T_OCu.js";
+import { ParameterTable as _e, ARRAYTYPES as he } from "./ParameterTable.mjs";
+import { ElTooltip as K, ElIcon as ne, ElSkeleton as ge, ElButton as ye, ElMessage as F } from "element-plus";
+import { u as se } from "./chunks/i18n.k9Q_HVMs.js";
+import { ApplicationIcon as Ie, SOURCE_TYPE as Te } from "color-star-custom-components";
+import { _ as J } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import { u as Oe, C as be } from "./chunks/index.BDd6hHiU.js";
+import { g as Se } from "./chunks/request.24c3shPx.js";
+import { useRoute as Ee } from "vue-router";
+import './assets/McpParamsSet.css';const Me = { class: "header-nav" }, Ne = { class: "text-name" }, Re = { class: "text-name-nav" }, Ae = { class: "text-ellipsis" }, De = { class: "text-name-desc text-ellipsis" }, Ce = {
+  __name: "TextLeft",
+  props: {
+    detailData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    showEdit: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["editMcp"],
+  setup(s, { emit: t }) {
+    const o = t, { t: p } = se(), O = (g) => g ? g.length > 50 ? g.slice(0, 50) + "..." : g : "", n = () => {
+      o("editMcp");
+    };
+    return (g, S) => {
+      const _ = Z("IconEdit2");
+      return U(), X("div", Me, [
+        x(h(Ie), {
+          row: s.detailData,
+          applicationType: h(Te).MCP,
+          iconField: "iconUrl",
+          size: 48
+        }, null, 8, ["row", "applicationType"]),
+        I("div", Ne, [
+          I("div", Re, [
+            x(h(K), {
+              content: s.detailData.name,
+              placement: "top",
+              "show-after": 500,
+              "popper-style": { maxWidth: "500px" }
+            }, {
+              default: k(() => [
+                I("div", Ae, G(O(
+                  s.detailData.name || h(p)("CONFIGURATION_MCP_TOOL.LABEL_MCP_NAME")
+                )), 1)
+              ]),
+              _: 1
+            }, 8, ["content"]),
+            s.showEdit ? (U(), V(h(ne), {
+              key: 0,
+              class: "edit-icon",
+              onClick: n
+            }, {
+              default: k(() => [
+                x(_)
+              ]),
+              _: 1
+            })) : ee("", !0)
+          ]),
+          x(h(K), {
+            content: s.detailData.description || h(p)("CONFIGURATION_MCP_TOOL.LABEL_DESCRIPTION"),
+            placement: "top",
+            "show-after": 500,
+            "popper-style": { maxWidth: "500px" }
+          }, {
+            default: k(() => [
+              I("div", De, G(O(
+                s.detailData.description || h(p)("CONFIGURATION_MCP_TOOL.LABEL_DESCRIPTION")
+              )), 1)
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ])
+      ]);
+    };
+  }
+}, Le = /* @__PURE__ */ J(Ce, [["__scopeId", "data-v-f291c753"]]), we = (s) => {
+  const {
+    heightRef: t,
+    defaultHeight: o,
+    minHeight: p,
+    maxHeight: O,
+    widthRef: n,
+    defaultWidth: g,
+    minWidth: S,
+    maxWidth: _,
+    direction: f = "vertical",
+    // 新增，默认只支持垂直
+    reverse: y = !1,
+    // 新增，默认false，右侧面板传true
+    onResizeStart: w,
+    onResizing: B,
+    onResizeEnd: R
+  } = s;
+  let T = !1, m = 0, C = 0, A = 0, P = 0;
+  const q = (D) => {
+    T = !0, (f === "vertical" || f === "both") && (m = D.clientY, C = t?.value), (f === "horizontal" || f === "both") && (A = D.clientX, P = n?.value), document.addEventListener("mousemove", H), document.addEventListener("mouseup", z), document.body.classList.add("resizing"), typeof w == "function" && w(D, { height: C, width: P });
+  }, H = (D) => {
+    if (!T) return;
+    let l, c, u, e;
+    if ((f === "vertical" || f === "both") && t && (c = D.clientY - m, l = Math.max(
+      p,
+      Math.min(O, C - c)
+    ), t.value = l), (f === "horizontal" || f === "both") && n) {
+      e = D.clientX - A;
+      const a = y ? -e : e;
+      u = Math.max(
+        S ?? 0,
+        Math.min(_ ?? 1 / 0, P + a)
+      ), n.value = u;
+    }
+    typeof B == "function" && B(D, { height: l, width: u, deltaY: c, deltaX: e });
+  }, z = (D) => {
+    T && (T = !1, document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", z), document.body.classList.remove("resizing"), typeof R == "function" && R(D, { height: t?.value, width: n?.value }));
+  };
+  return {
+    startResize: q,
+    handleResize: H,
+    stopResize: z,
+    reset: () => {
+      t && typeof o == "number" && (t.value = o), n && typeof g == "number" && (n.value = g);
+    },
+    cleanup: () => {
+      document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", z), document.body.classList.remove("resizing");
+    }
+  };
+};
+function xe(s) {
+  const t = M(130), o = 130, p = 350, O = M(130), n = we({
+    heightRef: t,
+    defaultHeight: 130,
+    minHeight: o,
+    maxHeight: 9999,
+    // 拖动时几乎不限制最大高度，这里不用MAX_BOX_HEIGHT，是为了避免初始化表格高度太高
+    // 记录开始拖拽时的高度
+    onResizeStart: (_, { height: f }) => {
+      O.value = f;
+    },
+    // 自定义调整逻辑，反转方向
+    onResizing: (_, { deltaY: f }) => {
+      const y = Math.max(
+        o,
+        O.value + f
+        // 移除最大高度限制
+      );
+      t.value = y;
+    },
+    // 在调整大小结束后执行检查
+    onResizeEnd: () => {
+      t.value < o && (t.value = S.value);
+    }
+  }), g = (_) => {
+    let f = 0;
+    const y = [..._];
+    for (; y.length; ) {
+      const w = y.pop();
+      f++;
+      const B = w.children || w.childItems;
+      B?.length && y.push(...B);
+    }
+    return f;
+  }, S = ie(() => {
+    const y = s.value || [], w = g(y) - 1;
+    return Math.max(
+      o,
+      Math.min(p, 130 + w * 64)
+    );
+  });
+  return te(
+    S,
+    (_) => {
+      n.isDragging || ce(() => {
+        t.value = _;
+      });
+    },
+    {
+      immediate: !0,
+      // 立即执行一次，确保初始化时也能正确设置高度
+      flush: "post"
+      // 在DOM更新后执行
+    }
+  ), ae(() => {
+    n.cleanup();
+  }), {
+    resizer: n,
+    boxHeight: t
+  };
+}
+const Be = { class: "results-warp" }, Pe = { class: "results-warp__left_box" }, Fe = { class: "code-view__box" }, Ue = { class: "code-view__box_left" }, He = {
+  __name: "ResponseResult",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(s, { expose: t }) {
+    const { copyText: o } = Oe(), p = M("{}"), O = () => {
+      o(p.value);
+    };
+    return t({
+      jsonCode: p
+    }), (n, g) => {
+      const S = Z("IconCopy");
+      return U(), X(oe, null, [
+        I("div", Be, [
+          I("div", Pe, [
+            g[0] || (g[0] = I("div", { class: "results-warp__left_box_title" }, "response", -1)),
+            x(h(ne), {
+              class: "results-warp__left_box_copy",
+              onClick: O
+            }, {
+              default: k(() => [
+                x(S)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        I("div", Fe, [
+          I("div", Ue, [
+            s.loading ? (U(), V(h(ge), {
+              key: 0,
+              rows: 10,
+              animated: ""
+            })) : (U(), V(be, {
+              key: 1,
+              code: p.value,
+              language: "json"
+            }, null, 8, ["code"]))
+          ])
+        ])
+      ], 64);
+    };
+  }
+}, ze = /* @__PURE__ */ J(He, [["__scopeId", "data-v-85dcff2e"]]);
+function ke() {
+  const s = M(!1), t = M(!1), o = M(null), p = M(/* @__PURE__ */ new Set()), O = 500, n = (R, T) => function(...m) {
+    o.value && clearTimeout(o.value), o.value = setTimeout(() => {
+      R.apply(this, m), o.value = null;
+    }, T);
+  }, g = () => {
+    s.value = !0;
+  }, S = () => {
+    s.value = !1;
+  };
+  return {
+    isDataModified: s,
+    isSaving: t,
+    markDataModified: g,
+    markDataSaved: S,
+    createAutoSaveHandler: (R, T) => n(async () => {
+      if (t.value || !s.value || T && !T())
+        return;
+      const C = `save_${Date.now()}_${Math.random()}`;
+      if (!(p.value.size > 0)) {
+        p.value.add(C), t.value = !0;
+        try {
+          const A = await R();
+          return A && A.code === 0 && S(), A;
+        } catch (A) {
+          throw console.error("自动保存失败:", A), A;
+        } finally {
+          p.value.delete(C), t.value = !1;
+        }
+      }
+    }, O),
+    saveImmediately: async (R) => {
+      if (o.value && (clearTimeout(o.value), o.value = null), t.value) {
+        console.warn("正在保存中，请稍后再试");
+        return;
+      }
+      const T = `immediate_save_${Date.now()}`;
+      p.value.add(T), t.value = !0;
+      try {
+        const m = await R();
+        return m && m.code === 0 && S(), m;
+      } catch (m) {
+        throw console.error("立即保存失败:", m), m;
+      } finally {
+        p.value.delete(T), t.value = !1;
+      }
+    },
+    setupDataWatcher: (R, T, m = {}) => {
+      const C = {
+        deep: !0,
+        immediate: !1,
+        ...m
+      };
+      return te(
+        R,
+        () => {
+          g(), T();
+        },
+        C
+      );
+    },
+    cleanup: () => {
+      o.value && (clearTimeout(o.value), o.value = null), p.value.clear(), s.value = !1, t.value = !1;
+    },
+    resetSaveState: () => {
+      s.value = !1, t.value = !1;
+    }
+  };
+}
+const Ge = () => {
+  const { $request: s, $env: t } = Se();
+  return {
+    callMcpTool: (p, O, n) => s({
+      url: `${t.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/customize/call-mcp-tool/${p}/${O}`,
+      method: "post",
+      data: n
+    })
+  };
+}, $e = { class: "header-nav-box" }, je = { class: "tool-created" }, Ve = { class: "parameter-settings" }, qe = { class: "parameter-title" }, We = { class: "response-results" }, Xe = { class: "response-title" }, Je = {
+  __name: "index",
+  props: {
+    getSnowFlakeId: {
+      type: Function,
+      default: () => () => Date.now()
+    },
+    mcpBnid: {
+      type: String,
+      default: ""
+    },
+    toolName: {
+      type: String,
+      default: ""
+    },
+    isBackendSystem: {
+      type: Boolean,
+      default: !1
+    },
+    propToolData: {
+      type: Object,
+      default: null
+    },
+    propMcpInfo: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(s, { expose: t }) {
+    const o = s, p = ke(), { markDataModified: O } = p, { t: n } = se(), g = Ee(), S = M({}), _ = M({}), f = M(null), y = M(null), { callMcpTool: w } = Ge(), B = () => {
+    }, R = async () => {
+      try {
+        const l = sessionStorage.getItem("mcp_debug_mcpData");
+        (l || o.propMcpInfo) && (S.value = o.propMcpInfo || JSON.parse(l));
+        const c = sessionStorage.getItem("mcp_debug_toolData");
+        if ((c || o.propToolData) && (_.value = o.propToolData || JSON.parse(c), _.value.inputSchema && _.value.inputSchema.properties)) {
+          const u = _.value.inputSchema.properties, e = _.value.inputSchema.required || [];
+          let a = 0;
+          const E = () => `param_${a++}`, d = (b, i = [], r = 1) => Object.keys(b).map((N) => {
+            const v = b[N];
+            let L = v.type || "string";
+            const $ = {
+              name: N,
+              type: L,
+              description: v.description || "",
+              required: i.includes(N),
+              uiid: E(),
+              disabled: !1,
+              deep: r,
+              value: ""
+              // 用户填写的值
+            };
+            if (L === "array" && v.items) {
+              const j = v.items.type;
+              if (L = {
+                string: "arrayString",
+                number: "arrayNumber",
+                integer: "arrayInteger",
+                boolean: "arrayBoolean",
+                object: "arrayObject",
+                file: "arrayFile",
+                image: "arrayImage"
+              }[j] || "arrayString", $.type = L, j === "object" && v.items.properties) {
+                const le = v.items.required || [], Q = {
+                  name: "[Array Item]",
+                  type: "object",
+                  description: "",
+                  required: !1,
+                  uiid: E(),
+                  disabled: !1,
+                  deep: r + 1,
+                  value: ""
+                };
+                Q.children = d(
+                  v.items.properties,
+                  le,
+                  r + 2
+                ), $.children = [Q];
+              }
+            }
+            if (L === "object" && v.properties) {
+              const j = v.required || [];
+              $.children = d(
+                v.properties,
+                j,
+                r + 1
+              );
+            }
+            return $;
+          });
+          m.value = d(u, e, 1);
+        }
+      } catch (l) {
+        console.error("解析数据失败:", l), F.error(n("CONFIGURATION_MCP_TOOL.LABEL_LOAD_DATA_FAILED"));
+      }
+    }, T = M(!1), m = M([
+      {
+        name: "",
+        type: "string",
+        description: "",
+        required: !1,
+        uiid: "111",
+        disabled: !1,
+        deep: 1
+      }
+    ]), { resizer: C, boxHeight: A } = xe(m), P = M(!1), q = () => {
+      const l = document.querySelector(".parameter-input-box");
+      l && (l.scrollTop = l.scrollHeight);
+    }, H = () => {
+      O();
+    }, z = (l) => {
+      console.log("校验结果:", l);
+    }, W = () => f.value?.validateAllRows(), Y = () => {
+      const l = {}, c = (e) => e === "array" || he.includes(e), u = (e) => {
+        if (!e.children || e.children.length === 0)
+          return;
+        const a = e.type;
+        if (c(a)) {
+          const E = [];
+          return e.children.forEach((d) => {
+            if (d.children && d.children.length > 0) {
+              const b = u(d);
+              b !== void 0 && E.push(b);
+            } else {
+              const b = d.value;
+              let i = b !== void 0 && b !== "" ? b : "";
+              const r = d.type;
+              r === "number" || r === "integer" ? i = i === "" ? 0 : Number(i) : r === "boolean" ? i = i === "" ? !1 : !!i : r === "object" ? i = u(d) || {} : c(r) && (i = u(d) || []), E.push(i);
+            }
+          }), E;
+        }
+        if (a === "object") {
+          const E = {};
+          return e.children.forEach((d) => {
+            const b = d.name;
+            if (!b || b === "[Array Item]") {
+              b === "[Array Item]" && d.children && d.children.length > 0 && d.children.forEach((i) => {
+                const r = i.name;
+                if (r && r !== "[Array Item]")
+                  if (i.children && i.children.length > 0)
+                    E[r] = u(i);
+                  else {
+                    const N = i.value;
+                    let v = N !== void 0 && N !== "" ? N : "";
+                    const L = i.type;
+                    L === "number" || L === "integer" ? v = v === "" ? 0 : Number(v) : L === "boolean" ? v = v === "" ? !1 : !!v : L === "object" ? v = u(i) || {} : c(L) && (v = u(i) || []), E[r] = v;
+                  }
+              });
+              return;
+            }
+            if (d.children && d.children.length > 0)
+              E[b] = u(d);
+            else {
+              const i = d.value;
+              let r = i !== void 0 && i !== "" ? i : "";
+              const N = d.type;
+              N === "number" || N === "integer" ? r = r === "" ? 0 : Number(r) : N === "boolean" ? r = r === "" ? !1 : !!r : N === "object" ? r = u(d) || {} : c(N) && (r = u(d) || []), E[b] = r;
+            }
+          }), E;
+        }
+      };
+      return m.value.forEach((e) => {
+        if (e.name && e.name.trim()) {
+          let a;
+          if (e.children && e.children.length > 0)
+            a = u(e);
+          else if (a = e.value || "", a != null && a !== "") {
+            if (e.type === "number" || e.type === "integer")
+              a = Number(a);
+            else if (e.type === "boolean")
+              a = a === "true" || a === !0;
+            else if (c(e.type) || e.type === "object")
+              try {
+                a = typeof a == "string" ? JSON.parse(a) : a;
+              } catch (E) {
+                console.warn(`参数 ${e.name} JSON解析失败:`, E), a = c(e.type) ? [] : {};
+              }
+          }
+          (a === void 0 || a === "") && (c(e.type) ? a = [] : e.type === "object" ? a = {} : e.type === "number" || e.type === "integer" ? a = 0 : e.type === "boolean" ? a = !1 : a = ""), l[e.name] = a;
+        }
+      }), l;
+    }, D = async () => {
+      try {
+        const l = await W();
+        if (l && l.length > 0) {
+          F.warning(n("CONFIGURATION_MCP_TOOL.LABEL_REQUIRED_PARAMETERS"));
+          return;
+        }
+        if (!S.value.address) {
+          F.warning(n("CONFIGURATION_MCP_TOOL.MCP_ADDRESS_NULL"));
+          return;
+        }
+        const c = _.value.name;
+        if (!c) {
+          F.warning(n("CONFIGURATION_MCP_TOOL.CRAFTSMANSHIP_SPIRIT"));
+          return;
+        }
+        P.value = !0;
+        const u = Y();
+        console.log("调用MCP工具参数:", u), console.log("工具名称:", c);
+        const e = await w(
+          g.params.bnId || o.mcpBnid,
+          c,
+          u
+        );
+        console.log("MCP工具调用返回:", e), e.code === 0 ? (y.value && (y.value.jsonCode = JSON.stringify(
+          e.data || e,
+          null,
+          2
+        )), F.success(n("CONFIGURATION_MCP_TOOL.DEBUG_SUCCESS"))) : (F.error(e.message || n("CONFIGURATION_MCP_TOOL.DEBUG_FAILED")), y.value && (y.value.jsonCode = JSON.stringify(e, null, 2)));
+      } catch (l) {
+        console.error("调试失败:", l), F.error(l.message || n("CONFIGURATION_MCP_TOOL.DEBUG_FAILED")), y.value && (y.value.jsonCode = JSON.stringify(
+          {
+            error: l.message || n("CONFIGURATION_MCP_TOOL.DEBUG_FAILED"),
+            details: l
+          },
+          null,
+          2
+        ));
+      } finally {
+        P.value = !1;
+      }
+    };
+    return ue(() => {
+      R();
+    }), ae(() => {
+      sessionStorage.removeItem("mcp_debug_mcpData"), sessionStorage.removeItem("mcp_debug_toolData");
+    }), t({
+      validateAll: W,
+      handleDebug: D
+    }), (l, c) => (U(), X(oe, null, [
+      s.isBackendSystem ? ee("", !0) : (U(), V(ve, { key: 0 }, {
+        default: k(() => [
+          I("div", $e, [
+            x(Le, {
+              "detail-data": _.value,
+              "show-edit": !1,
+              onEditMcp: B
+            }, null, 8, ["detail-data"]),
+            x(h(ye), {
+              type: "primary",
+              loading: P.value,
+              onClick: D
+            }, {
+              default: k(() => [
+                de(G(h(n)("CONFIGURATION_MCP_TOOL.LABEL_DEBUG_TOOL")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ])
+        ]),
+        _: 1
+      })),
+      I("div", je, [
+        I("div", Ve, [
+          I("p", qe, G(h(n)("CONFIGURATION_MCP_TOOL.LABEL_PARAMETER_SETTINGS")), 1),
+          I("div", {
+            class: fe(["parameter-input-box", { "backend-system": s.isBackendSystem }]),
+            style: pe({ height: h(A) + "px" })
+          }, [
+            x(h(_e), {
+              ref_key: "parameterTableRef",
+              ref: f,
+              tableData: m.value,
+              "onUpdate:tableData": c[0] || (c[0] = (u) => m.value = u),
+              isPluginMode: !0,
+              isDataType: !1,
+              loadingTable: T.value,
+              maxHeight: h(A),
+              disabled: !1,
+              disabledFields: [
+                "name",
+                "type",
+                "description",
+                "required",
+                "add",
+                "delete"
+              ],
+              customFieldName: {
+                name: "name",
+                type: "type",
+                value: "value"
+              },
+              getSnowFlakeId: s.getSnowFlakeId,
+              onNameOrTypeChangeValue: H,
+              onDataNameValidate: z,
+              onScrollToBottom: q
+            }, null, 8, ["tableData", "loadingTable", "maxHeight", "getSnowFlakeId"])
+          ], 6)
+        ]),
+        I("div", {
+          class: "resize-handle",
+          onMousedown: c[1] || (c[1] = me((...u) => h(C).startResize && h(C).startResize(...u), ["prevent"]))
+        }, null, 32),
+        I("div", We, [
+          I("p", Xe, G(h(n)("CONFIGURATION_MCP_TOOL.LABEL_RESPONSE_RESULTS")), 1),
+          x(ze, {
+            ref_key: "responseMessage",
+            ref: y,
+            loading: P.value
+          }, null, 8, ["loading"])
+        ])
+      ])
+    ], 64));
+  }
+}, Ye = /* @__PURE__ */ J(Je, [["__scopeId", "data-v-385912ff"]]), ct = re(Ye);
+export {
+  ct as McpParamsSet,
+  Le as TextLeft,
+  ct as default
+};