@opentiny/tiny-robot 0.3.0-alpha.20 → 0.3.0-alpha.22

package/dist/mcp-add-form/index.js

@@ -0,0 +1,212 @@
+import { defineComponent as g, ref as b, useModel as k, watch as O, onUnmounted as R, createElementBlock as _, openBlock as v, createElementVNode as t, withDirectives as c, vModelText as f, createVNode as y, unref as D, createCommentVNode as $ } from "vue";
+import { TinyRadioGroup as E } from "@opentiny/vue";
+import { d as L } from "../index2.js";
+import { _ as T } from "../_plugin-vue_export-helper.js";
+const M = { class: "form-editor__container" }, S = { class: "form-editor__item" }, F = { class: "form-editor__item" }, I = { class: "form-editor__item" }, N = { class: "form-editor__item" }, H = { class: "form-editor__item" }, w = { class: "form-editor__item" }, A = ["src"], C = "https://res.hc-cdn.com/tinyui-design/1.1.0.20250526191525/home/images/tiny-ng.svg", P = /* @__PURE__ */ g({
+  __name: "FormEditor",
+  props: {
+    formData: { required: !0 },
+    formDataModifiers: {}
+  },
+  emits: ["update:formData"],
+  setup(i) {
+    const d = b(""), o = k(i, "formData"), s = [
+      { label: "streamableHttp", text: "流式HTTP（Streamable HTTP）" },
+      { label: "sse", text: "服务器发送事件（SSE）" }
+    ], { open: n, files: u } = L({
+      accept: "image/*",
+      // 只接受图片文件
+      multiple: !1
+      // 只允许选择单个文件
+    }), r = () => {
+      d.value && d.value !== C && (URL.revokeObjectURL(d.value), d.value = "");
+    };
+    O(u, (m) => {
+      if (m && m.length > 0) {
+        const e = m[0];
+        if (!e.type.startsWith("image/"))
+          return;
+        const a = 5 * 1024 * 1024;
+        if (e.size > a)
+          return;
+        r(), d.value = URL.createObjectURL(e), o.value.thumbnail = e;
+      }
+    });
+    const x = () => {
+      n();
+    };
+    return R(() => {
+      r();
+    }), (m, e) => (v(), _("form", M, [
+      t("div", S, [
+        e[5] || (e[5] = t("label", { class: "form-editor__label" }, "名称", -1)),
+        c(t("input", {
+          "onUpdate:modelValue": e[0] || (e[0] = (a) => o.value.name = a),
+          class: "form-editor__input",
+          type: "text",
+          placeholder: "请输入插件名称"
+        }, null, 512), [
+          [f, o.value.name]
+        ])
+      ]),
+      t("div", F, [
+        e[6] || (e[6] = t("label", { class: "form-editor__label" }, "描述", -1)),
+        c(t("textarea", {
+          "onUpdate:modelValue": e[1] || (e[1] = (a) => o.value.description = a),
+          class: "form-editor__textarea",
+          placeholder: "请输入插件描述"
+        }, null, 512), [
+          [f, o.value.description]
+        ])
+      ]),
+      t("div", I, [
+        e[7] || (e[7] = t("label", { class: "form-editor__label custom-label" }, "类型", -1)),
+        y(D(E), {
+          modelValue: o.value.type,
+          "onUpdate:modelValue": e[2] || (e[2] = (a) => o.value.type = a),
+          options: s,
+          class: "form-editor__radio-group"
+        }, null, 8, ["modelValue"])
+      ]),
+      t("div", N, [
+        e[8] || (e[8] = t("label", { class: "form-editor__label" }, "URL", -1)),
+        c(t("input", {
+          "onUpdate:modelValue": e[3] || (e[3] = (a) => o.value.url = a),
+          class: "form-editor__input",
+          type: "url",
+          placeholder: "请输入插件URL"
+        }, null, 512), [
+          [f, o.value.url]
+        ])
+      ]),
+      t("div", H, [
+        e[9] || (e[9] = t("label", { class: "form-editor__label" }, "请求头", -1)),
+        c(t("textarea", {
+          "onUpdate:modelValue": e[4] || (e[4] = (a) => o.value.headers = a),
+          class: "form-editor__textarea",
+          placeholder: "请输入请求头，格式为JSON"
+        }, null, 512), [
+          [f, o.value.headers]
+        ])
+      ]),
+      t("div", w, [
+        e[11] || (e[11] = t("label", { class: "form-editor__label custom-label" }, "缩略图", -1)),
+        t("div", {
+          class: "form-editor__file-upload",
+          onClick: x
+        }, [
+          t("img", {
+            src: d.value || C,
+            alt: "缩略图预览",
+            class: "form-editor__file-preview-image"
+          }, null, 8, A),
+          e[10] || (e[10] = t("div", { class: "form-editor__file-overlay" }, [
+            t("div", { class: "form-editor__file-icon" })
+          ], -1))
+        ])
+      ])
+    ]));
+  }
+}), h = /* @__PURE__ */ T(P, [["__scopeId", "data-v-e91567e8"]]), j = { class: "code-editor__container" }, q = { class: "code-editor__section" }, z = { class: "code-editor__area" }, B = /* @__PURE__ */ g({
+  __name: "CodeEditor",
+  props: {
+    codeData: { required: !0 },
+    codeDataModifiers: {}
+  },
+  emits: ["update:codeData"],
+  setup(i) {
+    const d = k(i, "codeData");
+    return (o, s) => (v(), _("div", j, [
+      t("div", q, [
+        t("div", z, [
+          c(t("textarea", {
+            "onUpdate:modelValue": s[0] || (s[0] = (n) => d.value = n),
+            class: "code-editor__textarea",
+            placeholder: "请输入 JSON 配置..."
+          }, null, 512), [
+            [f, d.value]
+          ])
+        ])
+      ])
+    ]));
+  }
+}), J = /* @__PURE__ */ T(B, [["__scopeId", "data-v-555fb3c4"]]), G = { class: "mcp-add-form" }, W = { class: "mcp-add-form__content" }, K = { class: "mcp-add-form__add-type" }, Q = { key: 0 }, X = { key: 1 }, Y = /* @__PURE__ */ g({
+  __name: "index",
+  props: {
+    addType: { default: "form" },
+    formData: {},
+    codeData: {}
+  },
+  emits: ["update:addType", "confirm", "cancel"],
+  setup(i, { emit: d }) {
+    const o = i, s = d, n = b(
+      o.formData || {
+        name: "",
+        description: "",
+        type: "streamableHttp",
+        url: "",
+        headers: "",
+        thumbnail: null
+      }
+    ), u = b(o.codeData || ""), r = b(o.addType), x = [
+      { label: "form", text: "表单添加" },
+      { label: "code", text: "代码添加" }
+    ], m = () => {
+      s("cancel");
+    }, e = () => {
+      r.value === "form" ? s("confirm", "form", n.value) : s("confirm", "code", u.value);
+    }, a = (V) => {
+      s("update:addType", V);
+    };
+    return (V, l) => (v(), _("div", G, [
+      t("div", W, [
+        t("div", K, [
+          l[3] || (l[3] = t("span", { class: "mcp-add-form__add-type-label" }, "添加方式", -1)),
+          y(D(E), {
+            modelValue: r.value,
+            "onUpdate:modelValue": [
+              l[0] || (l[0] = (p) => r.value = p),
+              a
+            ],
+            type: "button",
+            options: x
+          }, null, 8, ["modelValue"])
+        ]),
+        r.value === "form" ? (v(), _("div", Q, [
+          y(D(h), {
+            "form-data": n.value,
+            "onUpdate:formData": l[1] || (l[1] = (p) => n.value = p)
+          }, null, 8, ["form-data"])
+        ])) : $("", !0),
+        r.value === "code" ? (v(), _("div", X, [
+          y(D(J), {
+            "code-data": u.value,
+            "onUpdate:codeData": l[2] || (l[2] = (p) => u.value = p)
+          }, null, 8, ["code-data"])
+        ])) : $("", !0)
+      ]),
+      t("div", { class: "mcp-add-form__footer" }, [
+        t("div", {
+          class: "button cancel",
+          onClick: m
+        }, [...l[4] || (l[4] = [
+          t("span", null, "取消", -1)
+        ])]),
+        t("div", {
+          class: "button confirm",
+          onClick: e
+        }, [...l[5] || (l[5] = [
+          t("span", null, "确定", -1)
+        ])])
+      ])
+    ]));
+  }
+}), U = /* @__PURE__ */ T(Y, [["__scopeId", "data-v-e85f1044"]]);
+U.name = "TrMcpAddForm";
+const Z = function(i) {
+  i.component(U.name, U);
+};
+U.install = Z;
+export {
+  U as default
+};