@opentiny/tiny-engine-plugin-bridge 2.3.0-rc.0 → 2.4.0-rc.0

package/dist/index.js

@@ -1,16 +1,16 @@
 import "./style.css";
-import { reactive as z, ref as N, watchEffect as Z, resolveComponent as i, createElementBlock as L, openBlock as f, createElementVNode as v, createVNode as s, withCtx as l, Fragment as te, renderList as ne, withModifiers as K, normalizeClass as oe, toDisplayString as U, computed as C, watch as ae, onMounted as se, createBlock as E, createCommentVNode as T, createTextVNode as w, nextTick as re } from "vue";
-import { SvgButton as j, SearchEmpty as le, ButtonGroup as ce, VueMonaco as ie, PluginSetting as de, PluginPanel as pe } from "@opentiny/tiny-engine-common";
-import { getMetaApi as b, META_SERVICE as S, useResource as B, useNotify as k, useModal as ue, getMergeMeta as me } from "@opentiny/tiny-engine-meta-register";
-import { isVsCodeEnv as ge } from "@opentiny/tiny-engine-common/js/environments";
-import { generateBridge as ye, generateUtil as _e } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
-import { Search as fe, Radio as ve, RadioGroup as he, Checkbox as Ee, FormItem as Re, Button as Ce, Input as Ve, Form as be } from "@opentiny/vue";
-import { iconSearch as Se } from "@opentiny/vue-icon";
-const xe = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}&category=${t}`), Te = (n) => b(S.Http).post("/app-center/api/apps/extension/create", n), ke = (n) => b(S.Http).post("/app-center/api/apps/extension/update", n), Ne = (n) => b(S.Http).get(`/app-center/api/apps/extension/delete?${n}`), Ue = (n) => {
-  b(S.Http).get(`/app-center/api/apps/schema/${n}`).then((t) => {
-    ye(t.bridge), _e(t.utils);
+import { reactive as G, ref as N, watchEffect as ee, resolveComponent as d, createElementBlock as I, openBlock as E, createElementVNode as h, createVNode as a, withCtx as l, Fragment as oe, renderList as ae, withModifiers as X, normalizeClass as se, toDisplayString as U, computed as F, watch as re, onMounted as le, nextTick as ie, createBlock as R, createCommentVNode as S, createTextVNode as D, provide as ce } from "vue";
+import { SvgButton as j, SearchEmpty as ue, ButtonGroup as de, VueMonaco as pe, PluginSetting as me, PluginPanel as ge } from "@opentiny/tiny-engine-common";
+import { getMetaApi as V, META_SERVICE as B, useResource as k, useNotify as x, useModal as ye, useLayout as te, getMergeMeta as fe } from "@opentiny/tiny-engine-meta-register";
+import { isVsCodeEnv as _e } from "@opentiny/tiny-engine-common/js/environments";
+import { generateBridge as ve, generateUtil as Ee } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
+import { Search as he, Radio as Ce, RadioGroup as Fe, Checkbox as Re, FormItem as be, Button as Ve, Input as Be, Form as Se } from "@opentiny/vue";
+import { iconSearch as xe } from "@opentiny/vue-icon";
+const Ne = (n, t) => V(B.Http).get(`/app-center/api/apps/extension/list?app=${n}&category=${t}`), Te = (n) => V(B.Http).post("/app-center/api/apps/extension/create", n), Ue = (n) => V(B.Http).post("/app-center/api/apps/extension/update", n), ke = (n) => V(B.Http).get(`/app-center/api/apps/extension/delete?${n}`), Ae = (n) => {
+  V(B.Http).get(`/app-center/api/apps/schema/${n}`).then((t) => {
+    ve(t.bridge), Ee(t.utils);
   });
-}, u = z({
+}, m = G({
   actionType: "",
   type: "",
   category: "",
@@ -19,7 +19,7 @@ const xe = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}
   resourceNames: {},
   refresh: !1,
   id: ""
-}), Q = {
+}), Z = {
   name: "",
   type: "npm",
   content: {
@@ -30,254 +30,256 @@ const xe = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}
     destructuring: !0,
     main: ""
   }
-}, Be = {
+}, De = {
   name: "",
   type: "function",
   content: {
     type: "JSFunction",
     value: ""
   }
-}, V = {
+}, b = {
   Util: "utils",
   Bridge: "bridge"
-}, A = {
+}, w = {
   Npm: "npm",
   Function: "function"
 }, Ie = {
-  [V.Util]: "新建工具类",
-  [V.Bridge]: "新建桥接源"
-}, I = {
+  [b.Util]: "新建工具类",
+  [b.Bridge]: "新建桥接源"
+}, A = {
   Edit: "edit"
-}, D = () => b(S.GlobalService).getBaseInfo().id, Oe = (n) => u.resourceNames[n], we = (n, t) => {
-  u.resourceNames[n] = t;
-}, Le = (n) => {
-  const t = D();
-  return xe(t, n);
-}, Y = () => u.actionType, G = (n) => {
-  u.actionType = n;
-}, Ae = () => u.resource, M = (n = Q) => {
-  n || (n = u.category === A.Function ? Be : Q), u.resource = n;
-}, F = () => u.type, X = (n) => {
-  u.type = n;
-}, H = (n) => {
-  u.category = n;
-}, q = () => u.category, $ = (...n) => {
-  ge && Ue(...n);
-}, Fe = async (n, t, m) => {
-  const e = Y() === I.Edit;
+}, P = () => V(B.GlobalService).getBaseInfo().id, we = (n) => m.resourceNames[n], Le = (n, t) => {
+  m.resourceNames[n] = t;
+}, Oe = (n) => {
+  const t = P();
+  return Ne(t, n);
+}, H = () => m.actionType, M = (n) => {
+  m.actionType = n;
+}, Pe = () => m.resource, q = (n = Z) => {
+  n || (n = m.category === w.Function ? De : Z), m.resource = n;
+}, L = () => m.type, $ = (n) => {
+  m.type = n;
+}, z = (n) => {
+  m.category = n;
+}, Y = () => m.category, ne = (...n) => {
+  _e && Ae(...n);
+}, Ge = async (n, t, p) => {
+  const e = H() === A.Edit;
   try {
     if (e) {
-      n.id = u.resource.id;
-      const o = await ke(n);
-      if (o) {
-        const y = B().appSchemaState[n.category].findIndex((c) => c.name === o.name);
-        if (y === -1) {
-          k({
+      n.id = m.resource.id;
+      const i = await Ue(n);
+      if (i) {
+        const g = k().appSchemaState[n.category].findIndex((y) => y.name === i.name);
+        if (g === -1) {
+          x({
             type: "error",
             message: "修改失败"
           });
           return;
         }
-        B().appSchemaState[n.category][y] = o;
+        k().appSchemaState[n.category][g] = i;
       }
     } else {
-      const o = await Te(n);
-      o && B().appSchemaState[n.category].push(o);
+      const i = await Te(n);
+      i && k().appSchemaState[n.category].push(i);
     }
-    $(D()), k({
+    ne(P()), x({
       type: "success",
       message: `${e ? "修改" : "创建"}成功`
-    }), m("refresh", u.type), u.refresh = !0, t();
-  } catch (o) {
-    k({
+    }), p("refresh", m.type), m.refresh = !0, t();
+  } catch (i) {
+    x({
       type: "error",
-      message: `工具类${e ? "修改" : "创建"}失败：${o.message}`
+      message: `工具类${e ? "修改" : "创建"}失败：${i.message}`
     });
   }
-}, Pe = (n, t, m) => {
-  var o;
-  const e = `app=${D()}&id=${(o = u.resource) == null ? void 0 : o.id}`;
-  Ne(e).then((y) => {
-    if (y) {
-      const c = B().appSchemaState[u.type].findIndex((_) => _.name === y.name);
-      if (c === -1) {
-        k({
+}, Me = (n, t, p) => {
+  var i;
+  const e = `app=${P()}&id=${(i = m.resource) == null ? void 0 : i.id}`;
+  ke(e).then((g) => {
+    if (g) {
+      const y = k().appSchemaState[m.type].findIndex((o) => o.name === g.name);
+      if (y === -1) {
+        x({
           type: "error",
           message: "删除失败"
         });
         return;
       }
-      B().appSchemaState[u.type].splice(c, 1), $(D()), k({
+      k().appSchemaState[m.type].splice(y, 1), ne(P()), x({
         type: "success",
         message: "删除成功"
-      }), m("refresh", u.type), u.refresh = !0, t();
+      }), p("refresh", m.type), m.refresh = !0, t();
     }
   });
-}, J = (n, t) => {
-  const m = n.__vccOpts || n;
-  for (const [e, o] of t)
-    m[e] = o;
-  return m;
-}, De = {
+}, qe = {
   components: {
-    TinySearch: fe,
-    TinyIconSearch: Se(),
-    SearchEmpty: le,
+    TinySearch: he,
+    TinyIconSearch: xe(),
+    SearchEmpty: ue,
     SvgButton: j
   },
   props: {
     name: {
       type: String,
-      default: V.Util
+      default: b.Util
     }
   },
   emits: ["open"],
   setup(n, { emit: t }) {
-    const m = N([]), e = z({
+    const p = N([]), e = G({
       resourceList: [],
       activeIndex: -1,
       searchValue: ""
-    }), o = (d = e.resourceList, r = e.searchValue) => d.filter((a) => a.name.toLowerCase().indexOf(r.toLowerCase()) > -1), y = async (d) => {
-      e.resourceList = await Le(d), we(
-        d,
-        Array.isArray(e.resourceList) ? e.resourceList.map((r) => r.name) : []
-      ), m.value = o(e.resourceList);
+    }), i = (r = e.resourceList, s = e.searchValue) => r.filter((f) => f.name.toLowerCase().indexOf(s.toLowerCase()) > -1), g = async (r) => {
+      e.resourceList = await Oe(r), Le(
+        r,
+        Array.isArray(e.resourceList) ? e.resourceList.map((s) => s.name) : []
+      ), p.value = i(e.resourceList);
     };
-    return Z(async () => {
-      y(n.name);
+    return ee(async () => {
+      g(n.name);
     }), {
       state: e,
-      list: m,
-      add: (d) => {
-        G(""), X(n.name), M(""), H(d), t("open");
+      list: p,
+      add: (r) => {
+        M(""), $(n.name), q(""), z(r), t("open");
       },
-      openRead: (d, r) => {
-        e.activeIndex = r, M(d), G(I.Edit), t("open");
+      openRead: (r, s) => {
+        e.activeIndex = s, q(r), M(A.Edit), t("open");
       },
-      openEdit: (d, r) => {
-        e.activeIndex = r, M(d), G(I.Edit), X(n.name), H(d.type), t("open");
+      openEdit: (r, s) => {
+        e.activeIndex = s, q(r), M(A.Edit), $(n.name), z(r.type), t("open");
       },
-      refresh: y,
-      getType: F,
-      RESOURCE_TYPE: V,
-      searchBridgeData: (d) => {
-        m.value = o(e.resourceList, d);
+      refresh: g,
+      getType: L,
+      RESOURCE_TYPE: b,
+      searchBridgeData: (r) => {
+        p.value = i(e.resourceList, r);
       }
     };
   }
-}, Ge = { class: "manage-panel" }, Me = { class: "manage-panel-search" }, qe = { class: "list" }, Ye = ["onClick"], He = { class: "item-label" };
-function ze(n, t, m, e, o, y) {
-  const c = i("tiny-icon-search"), _ = i("tiny-search"), R = i("svg-icon"), h = i("svg-button"), d = i("search-empty");
-  return f(), L("div", Ge, [
-    v("div", Me, [
-      s(_, {
+}, J = (n, t) => {
+  const p = n.__vccOpts || n;
+  for (const [e, i] of t)
+    p[e] = i;
+  return p;
+}, Ye = { class: "manage-panel" }, He = { class: "manage-panel-search" }, ze = { class: "list lowcode-scrollbar" }, je = ["onClick"], Je = { class: "item-label" };
+function We(n, t, p, e, i, g) {
+  const y = d("tiny-icon-search"), o = d("tiny-search"), C = d("svg-icon"), v = d("svg-button"), r = d("search-empty");
+  return E(), I("div", Ye, [
+    h("div", He, [
+      a(o, {
         modelValue: e.state.searchValue,
         "onUpdate:modelValue": [
-          t[0] || (t[0] = (r) => e.state.searchValue = r),
+          t[0] || (t[0] = (s) => e.state.searchValue = s),
           e.searchBridgeData
         ],
         clearable: "",
         placeholder: "搜索"
       }, {
         prefix: l(() => [
-          s(c)
+          a(y)
         ]),
         _: 1
       }, 8, ["modelValue", "onUpdate:modelValue"])
     ]),
-    v("div", qe, [
-      (f(!0), L(te, null, ne(e.list, (r, a) => (f(), L("div", {
-        key: r.name,
-        class: oe(["list-item", a === e.state.activeIndex ? "active" : ""]),
-        onClick: K((g) => e.openEdit(r, a), ["stop"])
+    h("div", ze, [
+      (E(!0), I(oe, null, ae(e.list, (s, f) => (E(), I("div", {
+        key: s.name,
+        class: se(["list-item", f === e.state.activeIndex ? "active" : ""]),
+        onClick: X((T) => e.openEdit(s, f), ["stop"])
       }, [
-        s(R, {
+        a(C, {
           name: "plugin-icon-sresources",
           class: "list-item-icon"
         }),
-        v("div", He, U(r.name), 1),
-        s(h, {
+        h("div", Je, U(s.name), 1),
+        a(v, {
           class: "setting-icon",
           hoverBgColor: !1,
           name: "setting",
-          onClick: K((g) => e.openEdit(r, a), ["stop"])
+          onClick: X((T) => e.openEdit(s, f), ["stop"])
         }, null, 8, ["onClick"])
-      ], 10, Ye))), 128)),
-      s(d, {
+      ], 10, je))), 128)),
+      a(r, {
         isShow: !e.list.length
       }, null, 8, ["isShow"])
     ])
   ]);
 }
-const je = /* @__PURE__ */ J(De, [["render", ze], ["__scopeId", "data-v-3a53f0e5"]]), W = N(!1), Je = () => {
-  W.value = !0, re(() => window.dispatchEvent(new Event("resize")));
-}, P = () => {
+const Ke = /* @__PURE__ */ J(qe, [["render", We], ["__scopeId", "data-v-accaf761"]]), W = N(!1), Qe = () => {
+  W.value = !0, ie(() => window.dispatchEvent(new Event("resize")));
+}, O = () => {
   W.value = !1;
-}, We = {
+}, Xe = {
   components: {
-    TinyForm: be,
-    TinyInput: Ve,
-    TinyButton: Ce,
-    TinyFormItem: Re,
-    TinyCheckbox: Ee,
-    PluginSetting: de,
-    MonacoEditor: ie,
-    TinyRadioGroup: he,
-    TinyRadio: ve,
+    TinyForm: Se,
+    TinyInput: Be,
+    TinyButton: Ve,
+    TinyFormItem: be,
+    TinyCheckbox: Re,
+    PluginSetting: me,
+    MonacoEditor: pe,
+    TinyRadioGroup: Fe,
+    TinyRadio: Ce,
     SvgButton: j,
-    ButtonGroup: ce
+    ButtonGroup: de
   },
   setup(n, { emit: t }) {
-    const m = {
+    const p = {
       language: "javascript",
       mouseStyle: "default",
       minimap: { enabled: !1 },
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = ue(), o = z({
-      resource: C(() => Ae()),
+    }, { confirm: e } = ye(), { PLUGIN_NAME: i, getPluginByLayout: g } = te(), y = F(() => g(i.Bridge)), o = G({
+      resource: F(() => Pe()),
       name: "",
       value: "",
       content: {},
-      status: C(() => Y() === I.Edit),
-      category: C(() => q() === A.Npm),
-      mode: C(() => {
-        var a;
-        return ((a = me("engine.config")) == null ? void 0 : a.dslMode) !== "Vue";
+      status: F(() => H() === A.Edit),
+      category: F(() => Y() === w.Npm),
+      mode: F(() => {
+        var u;
+        return ((u = fe("engine.config")) == null ? void 0 : u.dslMode) !== "Vue";
       }),
       isInstance: !1,
-      title: C(() => {
-        const a = Y() === I.Edit ? "编辑" : "添加", g = F() === V.Bridge ? "桥接源" : "工具类";
-        return a + g;
+      title: F(() => {
+        const u = H() === A.Edit ? "编辑" : "添加", _ = L() === b.Bridge ? "桥接源" : "工具类";
+        return u + _;
       }),
-      type: A.Npm
-    }), y = C(() => {
-      const a = o.name || "name";
-      let g = a;
-      o.content.destructuring && (o.name && o.name === o.content.exportName ? g = `{ ${o.content.exportName || "exportName"} }` : g = `{ ${o.content.exportName || "exportName"} as ${a} }`);
-      const x = `${o.content.package || "package"}${o.content.main || ""}`;
-      return `import ${g} from '${x}'
-export { ${a} }`;
+      type: w.Npm
+    }), C = F(() => {
+      const u = o.name || "name";
+      let _ = u;
+      o.content.destructuring && (o.name && o.name === o.content.exportName ? _ = `{ ${o.content.exportName || "exportName"} }` : _ = `{ ${o.content.exportName || "exportName"} as ${u} }`);
+      const c = `${o.content.package || "package"}${o.content.main || ""}`;
+      return `import ${_} from '${c}'
+export { ${u} }`;
     });
-    Z(() => {
-      var a, g;
-      o.name = o.resource.name, o.content = o.resource.content || {}, o.value = ((g = (a = o.resource) == null ? void 0 : a.content) == null ? void 0 : g.value) || "", o.type = q();
-    }), ae(
+    ee(() => {
+      var u, _;
+      o.name = o.resource.name, o.content = o.resource.content || {}, o.value = ((_ = (u = o.resource) == null ? void 0 : u.content) == null ? void 0 : _.value) || "", o.type = Y();
+    }), re(
       () => o.isInstance,
-      (a) => {
-        a || (o.content.instance = "");
+      (u) => {
+        u || (o.content.instance = "");
       }
     );
-    const c = N(null), _ = N(null);
-    return se(() => window.dispatchEvent(new Event("resize"))), {
+    const v = N(null), r = N(null);
+    return le(() => window.dispatchEvent(new Event("resize"))), {
+      align: y,
+      PLUGIN_NAME: i,
       rules: {
         name: [
           { required: !0, message: "必填", trigger: "change" },
           {
-            validator: (a, g, x) => {
-              const O = Oe(F());
-              Array.isArray(O) && O.includes(g) ? x(new Error("资源名称已存在")) : x();
+            validator: (u, _, c) => {
+              const Q = we(L());
+              Array.isArray(Q) && Q.includes(_) ? c(new Error("资源名称已存在")) : c();
             },
             trigger: "change"
           }
@@ -286,33 +288,33 @@ export { ${a} }`;
         "content.exportName": [{ required: !0, message: "必填", trigger: "change" }],
         "content.instanceName": { required: !0, message: "必填", trigger: "change" }
       },
-      resourceForm: _,
-      editor: c,
+      resourceForm: r,
+      editor: v,
       state: o,
-      codePreview: y,
+      codePreview: C,
       isOpen: W,
-      closePanel: P,
+      closePanel: O,
       save: () => {
-        const a = {
-          category: F(),
-          type: q(),
+        const u = {
+          category: L(),
+          type: Y(),
           name: o.name,
-          app: b(S.GlobalService).getBaseInfo().id,
+          app: V(B.GlobalService).getBaseInfo().id,
           content: o.category ? o.content : {
             type: "JSFunction",
-            value: c.value.getEditor().getValue()
+            value: v.value.getEditor().getValue()
           }
         };
-        _.value.validate((g) => {
-          if (g) {
-            if (!o.category && !c.value.getEditor().getValue()) {
-              k({
+        r.value.validate((_) => {
+          if (_) {
+            if (!o.category && !v.value.getEditor().getValue()) {
+              x({
                 type: "error",
                 message: "function 内容必填"
               });
               return;
             }
-            Fe(a, P, t);
+            Ge(u, O, t);
           }
         });
       },
@@ -321,46 +323,50 @@ export { ${a} }`;
           title: "删除资源",
           message: "如果删除正在使用的资源，将无法正常预览页面，确认要删除吗？",
           exec: () => {
-            Pe(o.name, P, t);
+            Me(o.name, O, t);
           }
         });
       },
-      options: m,
-      handleChangeType: (a) => {
-        H(a);
+      options: p,
+      handleChangeType: (u) => {
+        z(u);
       },
-      RESOURCE_CATEGORY: A
+      RESOURCE_CATEGORY: w
     };
   }
-}, Ke = { class: "title-wrap" }, Qe = { class: "right-item" }, Xe = { key: 2 }, Ze = { class: "code-preview" };
-function $e(n, t, m, e, o, y) {
-  const c = i("tiny-button"), _ = i("svg-button"), R = i("button-group"), h = i("tiny-radio"), d = i("tiny-radio-group"), r = i("tiny-form-item"), a = i("tiny-input"), g = i("tiny-checkbox"), x = i("monaco-editor"), O = i("tiny-form"), ee = i("plugin-setting");
-  return e.isOpen ? (f(), E(ee, { key: 0 }, {
+}, Ze = { class: "title-wrap" }, $e = { class: "right-item" }, et = { key: 2 }, tt = { class: "code-preview" };
+function nt(n, t, p, e, i, g) {
+  const y = d("tiny-button"), o = d("svg-button"), C = d("button-group"), v = d("tiny-radio"), r = d("tiny-radio-group"), s = d("tiny-form-item"), f = d("tiny-input"), T = d("tiny-checkbox"), K = d("monaco-editor"), u = d("tiny-form"), _ = d("plugin-setting");
+  return e.isOpen ? (E(), R(_, {
+    key: 0,
+    align: e.align,
+    "fixed-name": e.PLUGIN_NAME.Bridge
+  }, {
     title: l(() => [
-      v("div", Ke, [
-        v("span", null, U(e.state.title), 1)
+      h("div", Ze, [
+        h("span", null, U(e.state.title), 1)
       ])
     ]),
     header: l(() => [
-      s(R, null, {
+      a(C, null, {
         default: l(() => [
-          s(c, {
+          a(y, {
             class: "save-btn",
             type: "primary",
             onClick: e.save
           }, {
             default: l(() => t[10] || (t[10] = [
-              w("保存")
+              D("保存")
             ])),
             _: 1
           }, 8, ["onClick"]),
-          e.state.status ? (f(), E(_, {
+          e.state.status ? (E(), R(o, {
             key: 0,
             class: "delete-btn",
             name: "delete",
             onClick: e.deleteReSource
-          }, null, 8, ["onClick"])) : T("", !0),
-          s(_, {
+          }, null, 8, ["onClick"])) : S("", !0),
+          a(o, {
             class: "close-btn",
             name: "close",
             onClick: e.closePanel
@@ -370,7 +376,7 @@ function $e(n, t, m, e, o, y) {
       })
     ]),
     content: l(() => [
-      s(O, {
+      a(u, {
         ref: "resourceForm",
         class: "resource-form",
         rules: e.rules,
@@ -381,33 +387,33 @@ function $e(n, t, m, e, o, y) {
         "label-align": !0
       }, {
         default: l(() => [
-          v("div", Qe, [
-            e.state.status ? T("", !0) : (f(), E(r, {
+          h("div", $e, [
+            e.state.status ? S("", !0) : (E(), R(s, {
               key: 0,
               label: "工具类型",
               prop: "type"
             }, {
               default: l(() => [
-                s(d, {
+                a(r, {
                   modelValue: e.state.type,
-                  "onUpdate:modelValue": t[0] || (t[0] = (p) => e.state.type = p),
+                  "onUpdate:modelValue": t[0] || (t[0] = (c) => e.state.type = c),
                   class: "resource-type-radio-group",
                   onChange: e.handleChangeType
                 }, {
                   default: l(() => [
-                    s(h, {
+                    a(v, {
                       label: e.RESOURCE_CATEGORY.Npm
                     }, {
                       default: l(() => [
-                        w(U(e.RESOURCE_CATEGORY.Npm), 1)
+                        D(U(e.RESOURCE_CATEGORY.Npm), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    s(h, {
+                    a(v, {
                       label: e.RESOURCE_CATEGORY.Function
                     }, {
                       default: l(() => [
-                        w(U(e.RESOURCE_CATEGORY.Function), 1)
+                        D(U(e.RESOURCE_CATEGORY.Function), 1)
                       ]),
                       _: 1
                     }, 8, ["label"])
@@ -417,131 +423,131 @@ function $e(n, t, m, e, o, y) {
               ]),
               _: 1
             })),
-            e.state.status ? T("", !0) : (f(), E(r, {
+            e.state.status ? S("", !0) : (E(), R(s, {
               key: 1,
               label: "工具名称",
               prop: "name"
             }, {
               default: l(() => [
-                s(a, {
+                a(f, {
                   modelValue: e.state.name,
-                  "onUpdate:modelValue": t[1] || (t[1] = (p) => e.state.name = p),
+                  "onUpdate:modelValue": t[1] || (t[1] = (c) => e.state.name = c),
                   placeholder: "请输入工具类名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             })),
-            e.state.category ? (f(), L("div", Xe, [
-              s(r, {
+            e.state.category ? (E(), I("div", et, [
+              a(s, {
                 label: "npm包名",
                 prop: "content.package"
               }, {
                 default: l(() => [
-                  s(a, {
+                  a(f, {
                     modelValue: e.state.content.package,
-                    "onUpdate:modelValue": t[2] || (t[2] = (p) => e.state.content.package = p),
+                    "onUpdate:modelValue": t[2] || (t[2] = (c) => e.state.content.package = c),
                     placeholder: "请输入npm包名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              s(r, {
+              a(s, {
                 label: "npm包导出名",
                 prop: "content.exportName"
               }, {
                 default: l(() => [
-                  s(a, {
+                  a(f, {
                     modelValue: e.state.content.exportName,
-                    "onUpdate:modelValue": t[3] || (t[3] = (p) => e.state.content.exportName = p),
+                    "onUpdate:modelValue": t[3] || (t[3] = (c) => e.state.content.exportName = c),
                     placeholder: "请输入npm包的导出名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              s(r, { label: "" }, {
+              a(s, { label: "" }, {
                 default: l(() => [
-                  s(g, {
+                  a(T, {
                     modelValue: e.state.content.destructuring,
-                    "onUpdate:modelValue": t[4] || (t[4] = (p) => e.state.content.destructuring = p)
+                    "onUpdate:modelValue": t[4] || (t[4] = (c) => e.state.content.destructuring = c)
                   }, {
                     default: l(() => t[11] || (t[11] = [
-                      w("解构npm包")
+                      D("解构npm包")
                     ])),
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              e.state.mode ? (f(), E(r, {
+              e.state.mode ? (E(), R(s, {
                 key: 0,
                 label: "是否作为实例"
               }, {
                 default: l(() => [
-                  s(g, {
+                  a(T, {
                     modelValue: e.state.isInstance,
-                    "onUpdate:modelValue": t[5] || (t[5] = (p) => e.state.isInstance = p)
+                    "onUpdate:modelValue": t[5] || (t[5] = (c) => e.state.isInstance = c)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : T("", !0),
-              e.state.isInstance ? (f(), E(r, {
+              })) : S("", !0),
+              e.state.isInstance ? (E(), R(s, {
                 key: 1,
                 label: "实例名称",
                 prop: "content.instanceName"
               }, {
                 default: l(() => [
-                  s(a, {
+                  a(f, {
                     modelValue: e.state.content.instance,
-                    "onUpdate:modelValue": t[6] || (t[6] = (p) => e.state.content.instance = p)
+                    "onUpdate:modelValue": t[6] || (t[6] = (c) => e.state.content.instance = c)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : T("", !0),
-              s(r, { label: "入口路径" }, {
+              })) : S("", !0),
+              a(s, { label: "入口路径" }, {
                 default: l(() => [
-                  s(a, {
+                  a(f, {
                     modelValue: e.state.content.main,
-                    "onUpdate:modelValue": t[7] || (t[7] = (p) => e.state.content.main = p),
+                    "onUpdate:modelValue": t[7] || (t[7] = (c) => e.state.content.main = c),
                     placeholder: "main"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              s(r, { label: "版本号" }, {
+              a(s, { label: "版本号" }, {
                 default: l(() => [
-                  s(a, {
+                  a(f, {
                     modelValue: e.state.content.version,
-                    "onUpdate:modelValue": t[8] || (t[8] = (p) => e.state.content.version = p),
+                    "onUpdate:modelValue": t[8] || (t[8] = (c) => e.state.content.version = c),
                     placeholder: "latest"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              s(r, null, {
+              a(s, null, {
                 label: l(() => t[12] || (t[12] = [
-                  v("div", { class: "cdn-label-wrap" }, [
-                    v("span", null, "CDN")
+                  h("div", { class: "cdn-label-wrap" }, [
+                    h("span", null, "CDN")
                   ], -1)
                 ])),
                 default: l(() => [
-                  s(a, {
+                  a(f, {
                     modelValue: e.state.content.cdnLink,
-                    "onUpdate:modelValue": t[9] || (t[9] = (p) => e.state.content.cdnLink = p),
+                    "onUpdate:modelValue": t[9] || (t[9] = (c) => e.state.content.cdnLink = c),
                     placeholder: "CDN"
                   }, null, 8, ["modelValue"]),
-                  t[13] || (t[13] = v("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1))
+                  t[13] || (t[13] = h("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1))
                 ]),
                 _: 1
               }),
-              s(r, { label: "生成utils.js代码预览" }, {
+              a(s, { label: "生成utils.js代码预览" }, {
                 default: l(() => [
-                  v("div", Ze, [
-                    v("pre", null, U(e.codePreview), 1)
+                  h("div", tt, [
+                    h("pre", null, U(e.codePreview), 1)
                   ])
                 ]),
                 _: 1
               })
-            ])) : (f(), E(x, {
+            ])) : (E(), R(K, {
               key: 3,
               ref: "editor",
               value: e.state.value,
@@ -554,72 +560,81 @@ function $e(n, t, m, e, o, y) {
       }, 8, ["rules", "model"])
     ]),
     _: 1
-  })) : T("", !0);
+  }, 8, ["align", "fixed-name"])) : S("", !0);
 }
-const et = /* @__PURE__ */ J(We, [["render", $e], ["__scopeId", "data-v-080f54ec"]]), tt = {
+const ot = /* @__PURE__ */ J(Xe, [["render", nt], ["__scopeId", "data-v-a30fa265"]]), at = {
   components: {
-    PluginPanel: pe,
+    PluginPanel: ge,
     SvgButton: j,
-    BridgeManage: je,
-    BridgeSetting: et
+    BridgeManage: Ke,
+    BridgeSetting: ot
+  },
+  props: {
+    fixedPanels: {
+      type: Array
+    }
   },
-  setup() {
-    const n = N(V.Util), t = N(null), m = C(() => Ie[n.value]);
-    return {
-      addResource: (c) => {
-        n.value == t.value.add(c);
+  setup(n, { emit: t }) {
+    const p = N(b.Util), e = N(null), i = F(() => Ie[p.value]), { PLUGIN_NAME: g } = te(), y = G({
+      emitEvent: t
+    });
+    return ce("panelState", y), {
+      PLUGIN_NAME: g,
+      addResource: (r) => {
+        e.value.add(r);
       },
-      RESOURCE_TYPE: V,
-      activedName: n,
+      RESOURCE_TYPE: b,
+      activedName: p,
       openBridgePanel: () => {
-        Je();
+        Qe();
       },
-      closePanel: P,
-      refreshList: (c) => {
-        c == t.value.refresh(c);
+      closePanel: O,
+      refreshList: (r) => {
+        e.value.refresh(r);
       },
-      utilsRef: t,
-      tips: m
+      utilsRef: e,
+      tips: i
     };
   }
 };
-function nt(n, t, m, e, o, y) {
-  const c = i("svg-button"), _ = i("bridge-manage"), R = i("bridge-setting"), h = i("plugin-panel");
-  return f(), E(h, {
+function st(n, t, p, e, i, g) {
+  const y = d("svg-button"), o = d("bridge-manage"), C = d("bridge-setting"), v = d("plugin-panel");
+  return E(), R(v, {
     title: "资源管理",
-    class: "bridge-manage",
-    isCloseLeft: !1,
+    class: "plugin-bridge",
+    "fixed-name": e.PLUGIN_NAME.Bridge,
+    fixedPanels: p.fixedPanels,
     onClose: e.closePanel
   }, {
     header: l(() => [
-      s(c, {
+      a(y, {
         name: "add-utils",
         placement: "left",
         tips: e.tips,
-        onClick: t[0] || (t[0] = (d) => e.addResource("npm"))
+        onClick: t[0] || (t[0] = (r) => e.addResource("npm"))
       }, null, 8, ["tips"])
     ]),
     content: l(() => [
-      s(_, {
+      a(o, {
         ref: "utilsRef",
         name: e.RESOURCE_TYPE.Util,
         onOpen: e.openBridgePanel
       }, null, 8, ["name", "onOpen"]),
-      s(R, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
+      a(C, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
     ]),
     _: 1
-  }, 8, ["onClose"]);
+  }, 8, ["fixed-name", "fixedPanels", "onClose"]);
 }
-const ot = /* @__PURE__ */ J(tt, [["render", nt], ["__scopeId", "data-v-751d1a2d"]]), at = {
+const rt = /* @__PURE__ */ J(at, [["render", st], ["__scopeId", "data-v-1a60fd05"]]), lt = {
   id: "engine.plugins.bridge",
   title: "资源管理",
   type: "plugins",
-  align: "top",
+  align: "leftTop",
   icon: "plugin-icon-sresources"
-}, mt = {
-  ...at,
-  entry: ot
+}, ft = {
+  ...lt,
+  entry: rt
 };
 export {
-  mt as default
+  ft as default
 };

package/dist/style.css

@@ -1 +1 @@
-.manage-panel[data-v-3a53f0e5]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-3a53f0e5]{padding:0 12px 12px}.manage-panel .add-button[data-v-3a53f0e5]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-3a53f0e5]{flex:1;border-top:1px solid var(--te-bridge-list-border-color);overflow:auto;padding:12px 0}.manage-panel .list-item[data-v-3a53f0e5]{height:24px;line-height:24px;display:grid;grid-template-columns:16px 1fr auto;column-gap:8px;align-items:center;padding:0 12px;position:relative;color:var(--te-bridge-list-text-color);cursor:pointer;font-size:12px}.manage-panel .list-item[data-v-3a53f0e5]:hover,.manage-panel .list-item.active[data-v-3a53f0e5]{background:var(--te-bridge-list-bg-color)}.manage-panel .list-item:hover .setting-icon[data-v-3a53f0e5],.manage-panel .list-item.active .setting-icon[data-v-3a53f0e5]{display:grid}.manage-panel .list-item .setting-icon[data-v-3a53f0e5]{display:none}.manage-panel .list-item .list-item-icon[data-v-3a53f0e5]{color:var(--te-bridge-list-icon-color);margin-right:8px}.plugin-setting[data-v-080f54ec] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-080f54ec]{font-size:11px;line-height:18px;margin-top:8px;color:var(--te-bridge-setting-tip-text-color)}.plugin-setting .resource-form[data-v-080f54ec] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-080f54ec]{font-size:12px;font-weight:700;color:var(--te-bridge-setting-title-text-color)}.plugin-setting .title-wrap .help-link[data-v-080f54ec]{display:inline-block;color:var(--te-bridge-setting-link-text-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-080f54ec]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-080f54ec]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-080f54ec]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-080f54ec]{height:500px;margin-top:8px;border:1px solid var(--te-bridge-editor-border-color)}.plugin-setting .cdn-label-wrap[data-v-080f54ec]{display:flex;align-items:center}.code-preview[data-v-080f54ec]{font-size:12px;line-height:20px;background:var(--te-bridge-setting-code-bg-color);color:var(--te-bridge-setting-code-text-color);border-radius:4px}.code-preview .pre-title[data-v-080f54ec]{font-family:Microsoft YaHei}.code-preview>pre[data-v-080f54ec]{margin:0;padding:8px 20px;font-family:Consolas,Courier New,monospace}[data-v-751d1a2d] .tiny-button{border-radius:4px;height:24px;line-height:24px}.bridge-manage{--te-bridge-list-text-color: var(--te-common-text-primary);--te-bridge-list-bg-color: var(--te-common-bg-container);--te-bridge-list-icon-color: var(--te-common-icon-secondary);--te-bridge-list-border-color: var(--te-common-border-default);--te-bridge-editor-border-color: var(--te-common-border-divider);--te-bridge-setting-tip-text-color: var(--te-common-text-weaken);--te-bridge-setting-title-text-color: var(--te-common-text-primary);--te-bridge-setting-link-text-color: var(--te-common-text-link);--te-bridge-setting-code-text-color: var(--te-common-text-weaken);--te-bridge-setting-code-bg-color: var(--te-common-bg-container)}
+.manage-panel[data-v-accaf761]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-accaf761]{padding:0 12px 12px}.manage-panel .add-button[data-v-accaf761]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-accaf761]{flex:1;border-top:1px solid var(--te-bridge-list-border-color);overflow:auto;padding:12px 0}.manage-panel .list-item[data-v-accaf761]{height:24px;line-height:24px;display:grid;grid-template-columns:16px 1fr auto;column-gap:8px;align-items:center;padding:0 12px;position:relative;color:var(--te-bridge-list-text-color);cursor:pointer;font-size:12px}.manage-panel .list-item[data-v-accaf761]:hover,.manage-panel .list-item.active[data-v-accaf761]{background:var(--te-bridge-list-bg-color)}.manage-panel .list-item:hover .setting-icon[data-v-accaf761],.manage-panel .list-item.active .setting-icon[data-v-accaf761]{display:grid}.manage-panel .list-item .setting-icon[data-v-accaf761]{display:none}.manage-panel .list-item .list-item-icon[data-v-accaf761]{color:var(--te-bridge-list-icon-color);margin-right:8px}.plugin-setting[data-v-a30fa265] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-a30fa265]{font-size:11px;line-height:18px;margin-top:8px;color:var(--te-bridge-setting-tip-text-color)}.plugin-setting .resource-form[data-v-a30fa265] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-a30fa265]{font-size:12px;font-weight:700;color:var(--te-bridge-setting-title-text-color)}.plugin-setting .title-wrap .help-link[data-v-a30fa265]{display:inline-block;color:var(--te-bridge-setting-link-text-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-a30fa265]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-a30fa265]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-a30fa265]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-a30fa265]{height:500px;margin-top:8px;border:1px solid var(--te-bridge-editor-border-color)}.plugin-setting .cdn-label-wrap[data-v-a30fa265]{display:flex;align-items:center}.code-preview[data-v-a30fa265]{font-size:12px;line-height:20px;background:var(--te-bridge-setting-code-bg-color);color:var(--te-bridge-setting-code-text-color);border-radius:4px}.code-preview .pre-title[data-v-a30fa265]{font-family:Microsoft YaHei}.code-preview>pre[data-v-a30fa265]{margin:0;padding:8px 20px;font-family:Consolas,Courier New,monospace}[data-v-1a60fd05] .tiny-button{border-radius:4px;height:24px;line-height:24px}.plugin-bridge{--te-bridge-list-text-color: var(--te-common-text-primary);--te-bridge-list-bg-color: var(--te-common-bg-container);--te-bridge-list-icon-color: var(--te-common-icon-secondary);--te-bridge-list-border-color: var(--te-common-border-default);--te-bridge-editor-border-color: var(--te-common-border-divider);--te-bridge-setting-tip-text-color: var(--te-common-text-weaken);--te-bridge-setting-title-text-color: var(--te-common-text-primary);--te-bridge-setting-link-text-color: var(--te-common-text-link);--te-bridge-setting-code-text-color: var(--te-common-text-weaken);--te-bridge-setting-code-bg-color: var(--te-common-bg-container)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-bridge",
-  "version": "2.3.0-rc.0",
+  "version": "2.4.0-rc.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.3.0-rc.0",
-    "@opentiny/tiny-engine-meta-register": "2.3.0-rc.0"
+    "@opentiny/tiny-engine-common": "2.4.0-rc.0",
+    "@opentiny/tiny-engine-meta-register": "2.4.0-rc.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.3.0-rc.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.0-rc.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -39,5 +39,5 @@
     "@opentiny/vue-icon": "^3.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "5ea78adea68ea21caaf13ff9f8dcb008a1ad78cc"
+  "gitHead": "40df6ee51c80bf918c176f7e8ad97b6b687ddc7b"
 }