@opentiny/tiny-robot 0.4.0-alpha.2 → 0.4.0-alpha.4

package/dist/mcp-server-picker/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as V, computed as g, createElementBlock as n, openBlock as a, normalizeClass as G, createElementVNode as s, createBlock as k, createCommentVNode as v, toDisplayString as x, renderSlot as U, Fragment as F, unref as d, createVNode as m, withCtx as T, Transition as K, withDirectives as pe, renderList as N, vShow as ge, mergeModels as J, useModel as ae, watch as H, normalizeStyle as _e, createTextVNode as me } from "vue";
+import { defineComponent as q, ref as V, computed as g, createElementBlock as n, openBlock as a, normalizeClass as G, createElementVNode as s, createBlock as k, createCommentVNode as v, toDisplayString as x, renderSlot as D, Fragment as F, unref as d, createVNode as _, withCtx as T, Transition as K, withDirectives as pe, renderList as N, vShow as ge, mergeModels as J, useModel as ae, watch as H, normalizeStyle as me, createTextVNode as _e } from "vue";
 import { TinyPopconfirm as ve, TinySwitch as X, TinyTabs as fe, TinyTabItem as Y, TinyInput as Z, TinyBaseSelect as he, TinyOption as ye } from "@opentiny/vue";
 import { IconArrowRight as ke, IconArrowDown as be, IconDelete as Te, IconClose as oe, IconEmptySearch as Ce, IconPlus as Pe, IconSearch as ee } from "@opentiny/tiny-robot-svgs";
 import { _ as z } from "../_plugin-vue_export-helper.js";
@@ -35,20 +35,20 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
     }, S = g(() => {
       if (!h.value)
         return { checked: e.plugin.enabled || !1, indeterminate: !1 };
-      const c = e.plugin.tools.filter((y) => y.enabled), _ = e.plugin.tools.length;
-      return c.length === 0 ? { checked: !1, indeterminate: !1 } : c.length === _ ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
+      const c = e.plugin.tools.filter((y) => y.enabled), m = e.plugin.tools.length;
+      return c.length === 0 ? { checked: !1, indeterminate: !1 } : c.length === m ? { checked: !0, indeterminate: !1 } : { checked: !0, indeterminate: !0 };
     }), Q = (c) => {
-      h.value && e.plugin.tools.forEach((_) => {
-        _.enabled !== c && (_.enabled = c, r("toggle-tool", _.id, c));
+      h.value && e.plugin.tools.forEach((m) => {
+        m.enabled !== c && (m.enabled = c, r("toggle-tool", m.id, c));
       }), r("toggle-plugin", c);
-    }, R = (c, _) => {
-      r("toggle-tool", c, _);
-    }, D = () => {
+    }, R = (c, m) => {
+      r("toggle-tool", c, m);
+    }, I = () => {
       r("delete-plugin");
-    }, $ = g(() => e.plugin.addState || "idle"), I = (c) => {
+    }, $ = g(() => e.plugin.addState || "idle"), E = (c) => {
       $.value === "idle" && r("add-plugin", c);
-    }, E = (c) => c ? "关闭插件" : "打开插件";
-    return (c, _) => (a(), n("div", {
+    }, L = (c) => c ? "关闭插件" : "打开插件";
+    return (c, m) => (a(), n("div", {
       class: G(["plugin-card", C.value])
     }, [
       s("div", $e, [
@@ -67,7 +67,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
           }, x(i.plugin.description), 9, De)
         ]),
         s("div", Ie, [
-          U(c.$slots, "actions", {
+          D(c.$slots, "actions", {
             plugin: i.plugin,
             expanded: u.value,
             mode: i.mode
@@ -78,7 +78,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                 class: "plugin-card__expand",
                 onClick: w
               }, [
-                U(c.$slots, "expand-icon", { expanded: u.value }, () => [
+                D(c.$slots, "expand-icon", { expanded: u.value }, () => [
                   u.value ? (a(), k(d(be), {
                     key: 1,
                     class: "common-icon"
@@ -89,37 +89,37 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                 ], !0)
               ])) : v("", !0),
               s("div", Ee, [
-                m(d(ve), {
+                _(d(ve), {
                   title: "确定移除该插件吗？",
                   style: { height: "16px" },
                   type: "info",
-                  onConfirm: D,
+                  onConfirm: I,
                   trigger: "click"
                 }, {
                   reference: T(() => [
-                    U(c.$slots, "delete-icon", {}, () => [
+                    D(c.$slots, "delete-icon", {}, () => [
                       s("span", Le, [
-                        m(d(Te), { class: "common-icon delete" })
+                        _(d(Te), { class: "common-icon delete" })
                       ])
                     ], !0)
                   ]),
                   _: 3
                 }),
-                m(d(X), {
-                  title: E(S.value.checked),
+                _(d(X), {
+                  title: L(S.value.checked),
                   "model-value": S.value.checked,
                   indeterminate: S.value.indeterminate,
                   "onUpdate:modelValue": Q
                 }, null, 8, ["title", "model-value", "indeterminate"])
               ])
             ], 64)) : i.mode === "market" ? (a(), n("div", Ue, [
-              U(c.$slots, "add-button", {}, () => [
+              D(c.$slots, "add-button", {}, () => [
                 s("div", {
                   class: G(["plugin-card__add-button", {
                     "plugin-card__add-button--loading": $.value === "loading",
                     "plugin-card__add-button--added": $.value === "added"
                   }]),
-                  onClick: _[0] || (_[0] = (y) => I(i.plugin))
+                  onClick: m[0] || (m[0] = (y) => E(i.plugin))
                 }, [
                   $.value === "idle" ? (a(), n("span", Ne, "添加")) : $.value === "loading" ? (a(), n("span", Oe, "添加中")) : (a(), n("span", qe, "已添加"))
                 ], 2)
@@ -134,15 +134,15 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
       }, {
         default: T(() => [
           pe(s("div", ze, [
-            _[2] || (_[2] = s("div", { class: "plugin-card__divider" }, null, -1)),
+            m[2] || (m[2] = s("div", { class: "plugin-card__divider" }, null, -1)),
             (a(!0), n(F, null, N(i.plugin.tools, (y, A) => {
-              var L;
+              var U;
               return a(), n("div", {
                 key: y.id,
                 class: "plugin-card__tool-item"
               }, [
                 s("div", Qe, [
-                  _[1] || (_[1] = s("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
+                  m[1] || (m[1] = s("div", { class: "plugin-card__icon plugin-card__icon--placeholder" }, null, -1)),
                   s("div", Re, [
                     s("div", je, [
                       s("span", He, x(y.name), 1)
@@ -153,14 +153,14 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                     }, x(y.description), 9, Ge)
                   ]),
                   s("div", Je, [
-                    m(d(X), {
-                      title: E(y.enabled),
+                    _(d(X), {
+                      title: L(y.enabled),
                       "model-value": y.enabled,
                       "onUpdate:modelValue": (j) => R(y.id, j)
                     }, null, 8, ["title", "model-value", "onUpdate:modelValue"])
                   ])
                 ]),
-                A < (((L = i.plugin.tools) == null ? void 0 : L.length) || 0) - 1 ? (a(), n("div", Ke)) : v("", !0)
+                A < (((U = i.plugin.tools) == null ? void 0 : U.length) || 0) - 1 ? (a(), n("div", Ke)) : v("", !0)
               ]);
             }), 128))
           ], 512), [
@@ -193,7 +193,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
     };
     return (C, w) => (a(), n(F, null, [
       r.value ? (a(), n("div", Xe)) : v("", !0),
-      m(K, { name: "plugin-editor" }, {
+      _(K, { name: "plugin-editor" }, {
         default: T(() => [
           r.value ? (a(), n("div", {
             key: 0,
@@ -203,12 +203,12 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
           }, [
             s("div", Ye, [
               w[0] || (w[0] = s("h3", { class: "plugin-editor__title" }, "添加插件", -1)),
-              m(d(oe), {
+              _(d(oe), {
                 class: "plugin-editor__close",
                 onClick: f
               })
             ]),
-            m(d(Se), {
+            _(d(Se), {
               onConfirm: h,
               onCancel: f
             })
@@ -259,10 +259,10 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
 }, gt = {
   key: 0,
   style: { width: "168px" }
-}, _t = {
+}, mt = {
   key: 1,
   style: { width: "264px", "flex-shrink": "0" }
-}, mt = {
+}, _t = {
   key: 1,
   class: "mcp-server-picker__content-list"
 }, vt = {
@@ -319,7 +319,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
     ), H(u, (t, o) => {
       t !== o && r("tab-change", t);
     });
-    const D = g(() => S.value.filter((t) => e.installedSearchFn(f.value, t))), $ = g(() => {
+    const I = g(() => S.value.filter((t) => e.installedSearchFn(f.value, t))), $ = g(() => {
       const { category: t, search: o } = {
         category: C.value,
         search: h.value
@@ -328,11 +328,11 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
         return P && B;
       };
       return Q.value.filter(p);
-    }), I = g(() => u.value === "installed" ? D.value.length > 0 : $.value.length > 0);
+    }), E = g(() => u.value === "installed" ? I.value.length > 0 : $.value.length > 0);
     H(C, (t) => {
       r("market-category-change", t);
     });
-    const E = (t, o) => {
+    const L = (t, o) => {
       var p;
       e.allowPluginToggle && (r("plugin-toggle", t, o), (p = t.tools) != null && p.length && (o ? t.tools.filter((P) => P.enabled).length === 0 && t.tools.forEach((P) => {
         r("tool-toggle", t, P.id, !0);
@@ -345,11 +345,11 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
         const P = t.tools.filter((M) => M.id !== o).some((M) => M.enabled), B = p || P;
         t.enabled !== B && r("plugin-toggle", t, B);
       }
-    }, _ = (t) => {
+    }, m = (t) => {
       e.allowPluginDelete && r("plugin-delete", t);
     }, y = (t) => {
       e.allowPluginAdd && r("plugin-add", t);
-    }, A = V(!1), L = () => {
+    }, A = V(!1), U = () => {
       A.value = !0;
     }, j = (t, o) => {
       r("plugin-create", t, o), A.value = !1;
@@ -408,27 +408,28 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
           ne.value ? (a(), n("div", {
             key: 0,
             class: G(["mcp-server-picker", [`popup-type-${((p = e.popupConfig) == null ? void 0 : p.type) || "fixed"}`, W.value]]),
-            style: _e(se.value)
+            style: me(se.value)
           }, [
             s("div", nt, [
               s("div", it, x(e.title), 1),
               s("div", st, [
+                D(t.$slots, "header-actions", {}, void 0, !0),
                 e.showCustomAddButton ? (a(), n("div", {
                   key: 0,
                   class: "mcp-server-picker__header-right-item",
-                  onClick: L
+                  onClick: U
                 }, [
-                  m(d(Pe), { class: "mcp-server-picker__icon" }),
+                  _(d(Pe), { class: "mcp-server-picker__icon" }),
                   s("span", null, x(e.customAddButtonText), 1)
                 ])) : v("", !0),
-                m(d(oe), {
+                _(d(oe), {
                   class: "mcp-server-picker__header-right-close",
                   onClick: ie
                 })
               ])
             ]),
             s("div", rt, [
-              m(d(fe), {
+              _(d(fe), {
                 modelValue: u.value,
                 "onUpdate:modelValue": o[3] || (o[3] = (l) => u.value = l)
               }, {
@@ -440,28 +441,28 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                   }, {
                     default: T(() => [
                       e.enableSearch ? (a(), n("div", dt, [
-                        m(d(Z), {
+                        _(d(Z), {
                           modelValue: f.value,
                           "onUpdate:modelValue": o[0] || (o[0] = (l) => f.value = l),
                           placeholder: e.searchPlaceholder
                         }, {
                           suffix: T(() => [
-                            m(d(ee), { class: "mcp-server-picker__icon" })
+                            _(d(ee), { class: "mcp-server-picker__icon" })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "placeholder"])
                       ])) : v("", !0),
-                      I.value ? (a(), n("div", ct, [
-                        e.loading ? (a(), n("div", ut, "加载中...")) : (a(!0), n(F, { key: 1 }, N(D.value, (l) => {
+                      E.value ? (a(), n("div", ct, [
+                        e.loading ? (a(), n("div", ut, "加载中...")) : (a(!0), n(F, { key: 1 }, N(I.value, (l) => {
                           var P;
                           return a(), k(d(te), {
                             key: l.id,
                             plugin: l,
                             mode: "installed",
                             expandable: !!((P = l.tools) != null && P.length),
-                            onTogglePlugin: (B) => E(l, B),
+                            onTogglePlugin: (B) => L(l, B),
                             onToggleTool: (B, M) => c(l, B, M),
-                            onDeletePlugin: () => _(l)
+                            onDeletePlugin: () => m(l)
                           }, null, 8, ["plugin", "expandable", "onTogglePlugin", "onToggleTool", "onDeletePlugin"]);
                         }), 128))
                       ])) : (a(), k(d(le), {
@@ -479,7 +480,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                     default: T(() => [
                       e.enableSearch || e.enableMarketCategoryFilter ? (a(), n("div", pt, [
                         e.enableMarketCategoryFilter ? (a(), n("div", gt, [
-                          m(d(he), {
+                          _(d(he), {
                             modelValue: C.value,
                             "onUpdate:modelValue": o[1] || (o[1] = (l) => C.value = l),
                             placeholder: e.marketCategoryPlaceholder,
@@ -493,7 +494,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                                 class: "mcp-server-picker__content-market-header-select-option"
                               }, {
                                 default: T(() => [
-                                  me(x(l.label), 1)
+                                  _e(x(l.label), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["label", "value"]))), 128))
@@ -501,20 +502,20 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
                         ])) : v("", !0),
-                        e.enableSearch ? (a(), n("div", _t, [
-                          m(d(Z), {
+                        e.enableSearch ? (a(), n("div", mt, [
+                          _(d(Z), {
                             modelValue: h.value,
                             "onUpdate:modelValue": o[2] || (o[2] = (l) => h.value = l),
                             placeholder: w.value
                           }, {
                             suffix: T(() => [
-                              m(d(ee), { class: "mcp-server-picker__icon" })
+                              _(d(ee), { class: "mcp-server-picker__icon" })
                             ]),
                             _: 1
                           }, 8, ["modelValue", "placeholder"])
                         ])) : v("", !0)
                       ])) : v("", !0),
-                      I.value ? (a(), n("div", mt, [
+                      E.value ? (a(), n("div", _t, [
                         e.marketLoading ? (a(), n("div", vt, "加载中...")) : (a(!0), n(F, { key: 1 }, N($.value, (l) => (a(), k(d(te), {
                           key: l.id,
                           plugin: l,
@@ -534,7 +535,7 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            m(d(et), {
+            _(d(et), {
               visible: A.value,
               "onUpdate:visible": o[4] || (o[4] = (l) => A.value = l),
               onConfirm: j
@@ -542,10 +543,10 @@ const $e = { class: "plugin-card__main" }, Be = ["src"], Ve = { class: "plugin-c
           ], 6)) : v("", !0)
         ];
       }),
-      _: 1
+      _: 3
     }, 8, ["name"]));
   }
-}), O = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-7f8cfb42"]]);
+}), O = /* @__PURE__ */ z(ft, [["__scopeId", "data-v-1708103a"]]);
 O.name = "McpServerPicker";
 const ht = function(i) {
   i.component(O.name, O);