aibox-custom-component-packages 0.0.7 → 0.0.9

package/es/McpParamsSet.mjs

@@ -1,630 +1,8 @@
-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.DUGBBVXh.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.DDMVloiU.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 be, C as Oe } from "./chunks/index.CdEBk4F_.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(), b = (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(b(
-                  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(b(
-                s.detailData.description || h(p)("CONFIGURATION_MCP_TOOL.LABEL_DESCRIPTION")
-              )), 1)
-            ]),
-            _: 1
-          }, 8, ["content"])
-        ])
-      ]);
-    };
-  }
-}, Le = /* @__PURE__ */ J(Ce, [["__scopeId", "data-v-a1467780"]]), we = (s) => {
-  const {
-    heightRef: t,
-    defaultHeight: o,
-    minHeight: p,
-    maxHeight: b,
-    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(b, 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, b = M(130), n = we({
-    heightRef: t,
-    defaultHeight: 130,
-    minHeight: o,
-    maxHeight: 9999,
-    // 拖动时几乎不限制最大高度，这里不用MAX_BOX_HEIGHT，是为了避免初始化表格高度太高
-    // 记录开始拖拽时的高度
-    onResizeStart: (_, { height: f }) => {
-      b.value = f;
-    },
-    // 自定义调整逻辑，反转方向
-    onResizing: (_, { deltaY: f }) => {
-      const y = Math.max(
-        o,
-        b.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 } = be(), p = M("{}"), b = () => {
-      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: b
-            }, {
-              default: k(() => [
-                x(S)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        I("div", Fe, [
-          I("div", Ue, [
-            s.loading ? (U(), V(h(ge), {
-              key: 0,
-              rows: 10,
-              animated: ""
-            })) : (U(), V(Oe, {
-              key: 1,
-              code: p.value,
-              language: "json"
-            }, null, 8, ["code"]))
-          ])
-        ])
-      ], 64);
-    };
-  }
-}, ze = /* @__PURE__ */ J(He, [["__scopeId", "data-v-ea1571ef"]]);
-function ke() {
-  const s = M(!1), t = M(!1), o = M(null), p = M(/* @__PURE__ */ new Set()), b = 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;
-        }
-      }
-    }, b),
-    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, b, n) => s({
-      url: `${t.VITE_APP_AIBOX_BASE_URL}/api/v1/mcp/customize/call-mcp-tool/${p}/${b}`,
-      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: b } = 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 = (O, i = [], r = 1) => Object.keys(O).map((N) => {
-            const v = O[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 = () => {
-      b();
-    }, 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 O = u(d);
-              O !== void 0 && E.push(O);
-            } else {
-              const O = d.value;
-              let i = O !== void 0 && O !== "" ? O : "";
-              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 O = d.name;
-            if (!O || O === "[Array Item]") {
-              O === "[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[O] = 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[O] = 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-3be7812b"]]), ct = re(Ye);
-export {
-  ct as McpParamsSet,
-  Le as TextLeft,
-  ct as default
-};
+import "./chunks/DialogContainer.DL7aTMDS.js";
+import "./chunks/FileUploader.DD-lopf-.js";
+import "./chunks/AutoShowTooltip.C_DI9t2Z.js";
+import "./chunks/CodeView.CWuSIL_F.js";
+import "./chunks/AiboxTable.CrWMAX84.js";
+import "./chunks/ParameterTable.BCdnj1gW.js";
+import { n as e, t } from "./chunks/McpParamsSet.Tlo_lPn-.js";
+export { t as McpParamsSet, t as default, e as TextLeft };