@opentiny/tiny-engine-plugin-bridge 2.1.0 → 2.2.0-beta.3

package/LICENSE

@@ -1,22 +1,22 @@
-MIT License
-
-Copyright (c) 2023 - present TinyEngine Authors.
-Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 - present TinyEngine Authors.
+Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

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

package/dist/style.css

@@ -1 +1 @@
-.manage-panel[data-v-f297beff]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-f297beff]{padding:0 12px 12px}.manage-panel .add-button[data-v-f297beff]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-f297beff]{flex:1;border-top:1px solid var(--ti-lowcode-tabs-border-color);overflow:auto;padding:12px 0}.manage-panel .list-item[data-v-f297beff]{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(--ti-lowcode-bridge-list-color);cursor:pointer;font-size:12px}.manage-panel .list-item[data-v-f297beff]:hover,.manage-panel .list-item.active[data-v-f297beff]{background:var(--ti-lowcode-bridge-list-bg)}.manage-panel .list-item:hover .setting-icon[data-v-f297beff],.manage-panel .list-item.active .setting-icon[data-v-f297beff]{display:block}.manage-panel .list-item .setting-icon[data-v-f297beff]{display:none;color:var(--ti-lowcode-toolbar-more-hover-color)}.plugin-setting[data-v-0ab8a7ca] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-0ab8a7ca]{font-size:11px;line-height:18px;margin-top:8px;color:var(--ti-lowcode-datasource-tip-color)}.plugin-setting .resource-form[data-v-0ab8a7ca] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-0ab8a7ca]{font-size:12px;font-weight:700;color:var(--te-common-text-primary)}.plugin-setting .title-wrap .help-link[data-v-0ab8a7ca]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-0ab8a7ca]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-0ab8a7ca]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-0ab8a7ca]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-0ab8a7ca]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-0ab8a7ca]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-0ab8a7ca]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-0ab8a7ca]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-0ab8a7ca]{display:flex;align-items:center}.code-preview[data-v-0ab8a7ca]{font-size:12px;line-height:20px;background:var(--te-common-bg-container);color:var(--te-common-text-weaken);border-radius:4px}.code-preview .pre-title[data-v-0ab8a7ca]{font-family:Microsoft YaHei}.code-preview>pre[data-v-0ab8a7ca]{margin:0;padding:8px 20px;font-family:Consolas,Courier New,monospace}[data-v-c14cfd0a] .tiny-button{border-radius:4px;height:24px;line-height:24px}
+.manage-panel[data-v-6480187c]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-6480187c]{padding:0 12px 12px}.manage-panel .add-button[data-v-6480187c]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-6480187c]{flex:1;border-top:1px solid var(--ti-lowcode-tabs-border-color);overflow:auto;padding:12px 0}.manage-panel .list-item[data-v-6480187c]{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(--ti-lowcode-bridge-list-color);cursor:pointer;font-size:12px}.manage-panel .list-item[data-v-6480187c]:hover,.manage-panel .list-item.active[data-v-6480187c]{background:var(--ti-lowcode-bridge-list-bg)}.manage-panel .list-item:hover .setting-icon[data-v-6480187c],.manage-panel .list-item.active .setting-icon[data-v-6480187c]{display:grid}.manage-panel .list-item .setting-icon[data-v-6480187c]{display:none}.manage-panel .list-item .list-item-icon[data-v-6480187c]{color:var(--te-common-icon-secondary);margin-right:8px}.plugin-setting[data-v-40ef39ca] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-40ef39ca]{font-size:11px;line-height:18px;margin-top:8px;color:var(--ti-lowcode-datasource-tip-color)}.plugin-setting .resource-form[data-v-40ef39ca] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-40ef39ca]{font-size:12px;font-weight:700;color:var(--te-common-text-primary)}.plugin-setting .title-wrap .help-link[data-v-40ef39ca]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-40ef39ca]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-40ef39ca]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-40ef39ca]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-40ef39ca]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-40ef39ca]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-40ef39ca]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-40ef39ca]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-40ef39ca]{display:flex;align-items:center}.code-preview[data-v-40ef39ca]{font-size:12px;line-height:20px;background:var(--te-common-bg-container);color:var(--te-common-text-weaken);border-radius:4px}.code-preview .pre-title[data-v-40ef39ca]{font-family:Microsoft YaHei}.code-preview>pre[data-v-40ef39ca]{margin:0;padding:8px 20px;font-family:Consolas,Courier New,monospace}[data-v-1787cb11] .tiny-button{border-radius:4px;height:24px;line-height:24px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-bridge",
-  "version": "2.1.0",
+  "version": "2.2.0-beta.3",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.1.0",
-    "@opentiny/tiny-engine-meta-register": "2.1.0"
+    "@opentiny/tiny-engine-common": "2.2.0-beta.3",
+    "@opentiny/tiny-engine-meta-register": "2.2.0-beta.3"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.2.0-beta.3",
     "@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.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "faf3072c75ea5024689972e2a687916e084c156f"
+  "gitHead": "04459f34e5ebdaca92355f7698cd4fea19f7ef95"
 }