@opentiny/tiny-engine-plugin-bridge 2.0.0-rc.4 → 2.1.0-rc.0

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 T, watchEffect as Z, resolveComponent as m, openBlock as h, createElementBlock as L, createElementVNode as _, createVNode as s, withCtx as l, Fragment as te, renderList as ne, normalizeClass as oe, withModifiers as K, toDisplayString as k, computed as R, watch as ae, onMounted as se, createBlock as C, createTextVNode as A, withDirectives as re, vShow as le, createCommentVNode as U, nextTick as ce } from "vue";
-import { SearchEmpty as ie, PluginSetting as de, VueMonaco as pe, SvgButton as $, PluginPanel as ue } from "@opentiny/tiny-engine-common";
-import { getMetaApi as b, META_SERVICE as S, useCanvas as ee, useResource as N, useNotify as B, useModal as me, getMergeMeta as ge } from "@opentiny/tiny-engine-meta-register";
-import { isVsCodeEnv as ye } from "@opentiny/tiny-engine-common/js/environments";
-import { generateBridge as fe, generateUtil as _e } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
-import { Search as ve, Form as he, Input as Ee, Button as Re, FormItem as Ce, Checkbox as Ve, RadioGroup as be, Radio as Se } from "@opentiny/vue";
-import { iconSearch as xe } from "@opentiny/vue-icon";
-const Te = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}&category=${t}`), Ue = (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}`), Be = (n) => {
-  b(S.Http).get(`/app-center/api/apps/schema/${n}`).then((t) => {
-    fe(t.bridge), _e(t.utils);
+import { reactive as j, ref as k, watchEffect as Z, resolveComponent as m, openBlock as h, createElementBlock as A, createElementVNode as f, createVNode as s, withCtx as c, Fragment as te, renderList as ne, normalizeClass as oe, withModifiers as K, toDisplayString as U, computed as R, watch as ae, onMounted as se, createBlock as C, createTextVNode as L, withDirectives as re, vShow as ce, createCommentVNode as N, nextTick as le, pushScopeId as ie, popScopeId as de } from "vue";
+import { SearchEmpty as pe, PluginSetting as ue, VueMonaco as me, SvgButton as $, PluginPanel as ge } from "@opentiny/tiny-engine-common";
+import { getMetaApi as b, META_SERVICE as x, useResource as I, useNotify as S, useModal as _e, getMergeMeta as ye } from "@opentiny/tiny-engine-meta-register";
+import { isVsCodeEnv as fe } from "@opentiny/tiny-engine-common/js/environments";
+import { generateBridge as he, generateUtil as ve } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
+import { Search as Ee, Form as Re, Input as Ce, Button as Se, FormItem as Ve, Checkbox as be, RadioGroup as xe, Radio as Te } from "@opentiny/vue";
+import { iconSearch as ke } from "@opentiny/vue-icon";
+const Ne = (t, n) => b(x.Http).get(`/app-center/api/apps/extension/list?app=${t}&category=${n}`), Ue = (t) => b(x.Http).post("/app-center/api/apps/extension/create", t), Ie = (t) => b(x.Http).post("/app-center/api/apps/extension/update", t), we = (t) => b(x.Http).get(`/app-center/api/apps/extension/delete?${t}`), Be = (t) => {
+  b(x.Http).get(`/app-center/api/apps/schema/${t}`).then((n) => {
+    he(n.bridge), ve(n.utils);
   });
-}, i = j({
+}, l = j({
   actionType: "",
   type: "",
   category: "",
@@ -30,7 +30,7 @@ const Te = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}
     destructuring: !0,
     main: ""
   }
-}, Ie = {
+}, Oe = {
   name: "",
   type: "function",
   content: {
@@ -43,65 +43,78 @@ const Te = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}
 }, F = {
   Npm: "npm",
   Function: "function"
-}, we = {
+}, Le = {
   [V.Util]: "新建工具类",
   [V.Bridge]: "新建桥接源"
-}, I = {
+}, w = {
   Read: "read",
   Edit: "edit"
-}, w = () => b(S.GlobalService).getBaseInfo().id, Oe = (n) => i.resourceNames[n], Ae = (n, t) => {
-  i.resourceNames[n] = t;
-}, Le = (n) => {
-  const t = w();
-  return Te(t, n);
-}, Y = () => i.actionType, M = (n) => {
-  i.actionType = n;
-}, Fe = () => i.resource, G = (n = Q) => {
-  n || (n = i.category === F.Function ? Ie : Q), i.resource = n;
-}, P = () => i.type, X = (n) => {
-  i.type = n;
-}, H = (n) => {
-  i.category = n;
-}, q = () => i.category, z = (...n) => {
-  ye && Be(...n);
-}, Pe = (n, t, u) => {
-  const { updateUtils: e } = ee().canvasApi.value;
-  Y() === I.Edit ? (n.id = i.resource.id, ke(n).then((o) => {
-    if (o) {
-      const y = N().resState[n.category].findIndex((c) => c.name === o.name);
-      N().resState[n.category][y] = o, e([o]), z(w()), B({
+}, B = () => b(x.GlobalService).getBaseInfo().id, Ae = (t) => l.resourceNames[t], Fe = (t, n) => {
+  l.resourceNames[t] = n;
+}, Pe = (t) => {
+  const n = B();
+  return Ne(n, t);
+}, Y = () => l.actionType, M = (t) => {
+  l.actionType = t;
+}, De = () => l.resource, G = (t = Q) => {
+  t || (t = l.category === F.Function ? Oe : Q), l.resource = t;
+}, P = () => l.type, X = (t) => {
+  l.type = t;
+}, H = (t) => {
+  l.category = t;
+}, q = () => l.category, z = (...t) => {
+  fe && Be(...t);
+}, Me = (t, n, p) => {
+  Y() === w.Edit ? (t.id = l.resource.id, Ie(t).then((e) => {
+    if (e) {
+      const o = I().appSchemaState[t.category].findIndex((_) => _.name === e.name);
+      if (o === -1) {
+        S({
+          type: "error",
+          message: "修改失败"
+        });
+        return;
+      }
+      I().appSchemaState[t.category][o] = e, z(B()), S({
         type: "success",
         message: "修改成功"
-      }), u("refresh", i.type), i.refresh = !0, t();
+      }), p("refresh", l.type), l.refresh = !0, n();
     }
-  })) : Ue(n).then((o) => {
-    o && (N().resState[n.category].push(o), e([o]), z(w()), B({
+  })) : Ue(t).then((e) => {
+    e && (I().appSchemaState[t.category].push(e), z(B()), S({
       type: "success",
       message: "创建成功"
-    }), u("refresh", i.type), i.refresh = !0, t());
+    }), p("refresh", l.type), l.refresh = !0, n());
   });
-}, De = (n, t, u) => {
-  var y;
-  const e = `app=${w()}&id=${(y = i.resource) == null ? void 0 : y.id}`, { deleteUtils: o } = ee().canvasApi.value;
-  Ne(e).then((c) => {
-    if (c) {
-      const f = N().resState[i.type].findIndex((v) => v.name === c.name);
-      N().resState[i.type].splice(f, 1), o([c]), z(w()), B({
+}, Ge = (t, n, p) => {
+  var o;
+  const e = `app=${B()}&id=${(o = l.resource) == null ? void 0 : o.id}`;
+  we(e).then((_) => {
+    if (_) {
+      const u = I().appSchemaState[l.type].findIndex((y) => y.name === _.name);
+      if (u === -1) {
+        S({
+          type: "error",
+          message: "删除失败"
+        });
+        return;
+      }
+      I().appSchemaState[l.type].splice(u, 1), z(B()), S({
         type: "success",
         message: "删除成功"
-      }), u("refresh", i.type), i.refresh = !0, t();
+      }), p("refresh", l.type), l.refresh = !0, n();
     }
   });
-}, J = (n, t) => {
-  const u = n.__vccOpts || n;
-  for (const [e, o] of t)
-    u[e] = o;
-  return u;
-}, Me = {
+}, J = (t, n) => {
+  const p = t.__vccOpts || t;
+  for (const [e, o] of n)
+    p[e] = o;
+  return p;
+}, qe = {
   components: {
-    TinySearch: ve,
-    TinyIconSearch: xe(),
-    SearchEmpty: ie
+    TinySearch: Ee,
+    TinyIconSearch: ke(),
+    SearchEmpty: pe
   },
   props: {
     name: {
@@ -110,127 +123,127 @@ const Te = (n, t) => b(S.Http).get(`/app-center/api/apps/extension/list?app=${n}
     }
   },
   emits: ["open"],
-  setup(n, { emit: t }) {
-    const u = T([]), e = j({
+  setup(t, { emit: n }) {
+    const p = k([]), e = j({
       resourceList: [],
       activeIndex: -1,
       searchValue: ""
-    }), o = (a = e.resourceList, d = e.searchValue) => a.filter((r) => r.name.toLowerCase().indexOf(d.toLowerCase()) > -1), y = async (a) => {
-      e.resourceList = await Le(a), Ae(
+    }), o = (a = e.resourceList, i = e.searchValue) => a.filter((r) => r.name.toLowerCase().indexOf(i.toLowerCase()) > -1), _ = async (a) => {
+      e.resourceList = await Pe(a), Fe(
         a,
-        Array.isArray(e.resourceList) ? e.resourceList.map((d) => d.name) : []
-      ), u.value = o(e.resourceList);
+        Array.isArray(e.resourceList) ? e.resourceList.map((i) => i.name) : []
+      ), p.value = o(e.resourceList);
     };
     return Z(async () => {
-      y(n.name);
+      _(t.name);
     }), {
       state: e,
-      list: u,
+      list: p,
       add: (a) => {
-        M(""), X(n.name), G(""), H(a), t("open");
+        M(""), X(t.name), G(""), H(a), n("open");
       },
-      openRead: (a, d) => {
-        e.activeIndex = d, G(a), M(I.Edit), t("open");
+      openRead: (a, i) => {
+        e.activeIndex = i, G(a), M(w.Edit), n("open");
       },
-      openEdit: (a, d) => {
-        e.activeIndex = d, G(a), M(I.Edit), X(n.name), H(a.type), t("open");
+      openEdit: (a, i) => {
+        e.activeIndex = i, G(a), M(w.Edit), X(t.name), H(a.type), n("open");
       },
-      refresh: y,
+      refresh: _,
       getType: P,
       RESOURCE_TYPE: V,
       searchBridgeData: (a) => {
-        u.value = o(e.resourceList, a);
+        p.value = o(e.resourceList, a);
       }
     };
   }
-}, Ge = { class: "manage-panel" }, qe = { class: "manage-panel-search" }, Ye = { class: "list" }, He = ["onClick"], ze = { class: "item-label" };
-function je(n, t, u, e, o, y) {
-  const c = m("tiny-icon-search"), f = m("tiny-search"), v = m("svg-icon"), E = m("search-empty");
-  return h(), L("div", Ge, [
-    _("div", qe, [
-      s(f, {
+}, Ye = { class: "manage-panel" }, He = { class: "manage-panel-search" }, ze = { class: "list" }, je = ["onClick"], Je = { class: "item-label" };
+function We(t, n, p, e, o, _) {
+  const u = m("tiny-icon-search"), y = m("tiny-search"), v = m("svg-icon"), E = m("search-empty");
+  return h(), A("div", Ye, [
+    f("div", He, [
+      s(y, {
         modelValue: e.state.searchValue,
         "onUpdate:modelValue": [
-          t[0] || (t[0] = (a) => e.state.searchValue = a),
+          n[0] || (n[0] = (a) => e.state.searchValue = a),
           e.searchBridgeData
         ],
         clearable: "",
         placeholder: "搜索"
       }, {
-        prefix: l(() => [
-          s(c)
+        prefix: c(() => [
+          s(u)
         ]),
         _: 1
       }, 8, ["modelValue", "onUpdate:modelValue"])
     ]),
-    _("div", Ye, [
-      (h(!0), L(te, null, ne(e.list, (a, d) => (h(), L("div", {
+    f("div", ze, [
+      (h(!0), A(te, null, ne(e.list, (a, i) => (h(), A("div", {
         key: a.name,
-        class: oe(["list-item", d === e.state.activeIndex ? "active" : ""]),
-        onClick: K((r) => e.openEdit(a, d), ["stop"])
+        class: oe(["list-item", i === e.state.activeIndex ? "active" : ""]),
+        onClick: K((r) => e.openEdit(a, i), ["stop"])
       }, [
         s(v, { name: "plugin-icon-sresources" }),
-        _("div", ze, k(a.name), 1),
+        f("div", Je, U(a.name), 1),
         s(v, {
           class: "setting-icon",
           name: "setting",
-          onClick: K((r) => e.openEdit(a, d), ["stop"])
+          onClick: K((r) => e.openEdit(a, i), ["stop"])
         }, null, 8, ["onClick"])
-      ], 10, He))), 128)),
+      ], 10, je))), 128)),
       s(E, {
         isShow: !e.list.length
       }, null, 8, ["isShow"])
     ])
   ]);
 }
-const Je = /* @__PURE__ */ J(Me, [["render", je], ["__scopeId", "data-v-f297beff"]]), W = T(!1), We = () => {
-  W.value = !0, ce(() => window.dispatchEvent(new Event("resize")));
+const Ke = /* @__PURE__ */ J(qe, [["render", We], ["__scopeId", "data-v-6da3d7ff"]]), W = k(!1), Qe = () => {
+  W.value = !0, le(() => window.dispatchEvent(new Event("resize")));
 }, D = () => {
   W.value = !1;
-}, Ke = {
+}, Xe = {
   components: {
-    TinyForm: he,
-    TinyInput: Ee,
-    TinyButton: Re,
-    TinyFormItem: Ce,
-    TinyCheckbox: Ve,
-    PluginSetting: de,
-    MonacoEditor: pe,
-    TinyRadioGroup: be,
-    TinyRadio: Se,
+    TinyForm: Re,
+    TinyInput: Ce,
+    TinyButton: Se,
+    TinyFormItem: Ve,
+    TinyCheckbox: be,
+    PluginSetting: ue,
+    MonacoEditor: me,
+    TinyRadioGroup: xe,
+    TinyRadio: Te,
     SvgButton: $
   },
-  setup(n, { emit: t }) {
-    const u = {
+  setup(t, { emit: n }) {
+    const p = {
       language: "javascript",
       mouseStyle: "default",
       minimap: { enabled: !1 },
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = me(), o = j({
-      resource: R(() => Fe()),
+    }, { confirm: e } = _e(), o = j({
+      resource: R(() => De()),
       name: "",
       value: "",
       content: {},
-      status: R(() => Y() === I.Edit),
+      status: R(() => Y() === w.Edit),
       category: R(() => q() === F.Npm),
       mode: R(() => {
         var r;
-        return ((r = ge("engine.config")) == null ? void 0 : r.dslMode) !== "Vue";
+        return ((r = ye("engine.config")) == null ? void 0 : r.dslMode) !== "Vue";
       }),
       isInstance: !1,
       title: R(() => {
-        const r = Y() === I.Edit ? "编辑" : "添加", g = P() === V.Bridge ? "桥接源" : "工具类";
+        const r = Y() === w.Edit ? "编辑" : "添加", g = P() === V.Bridge ? "桥接源" : "工具类";
         return r + g;
       }),
       type: F.Npm
-    }), y = R(() => {
+    }), _ = 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 x = `${o.content.package || "package"}${o.content.main || ""}`;
-      return `import ${g} from '${x}'
+      const T = `${o.content.package || "package"}${o.content.main || ""}`;
+      return `import ${g} from '${T}'
 export { ${r} }`;
     });
     Z(() => {
@@ -242,15 +255,15 @@ export { ${r} }`;
         r || (o.content.instance = "");
       }
     );
-    const c = T(null), f = T(null);
+    const u = k(null), y = k(null);
     return se(() => window.dispatchEvent(new Event("resize"))), {
       rules: {
         name: [
           { required: !0, message: "必填", trigger: "change" },
           {
-            validator: (r, g, x) => {
-              const O = Oe(P());
-              Array.isArray(O) && O.includes(g) ? x(new Error("资源名称已存在")) : x();
+            validator: (r, g, T) => {
+              const O = Ae(P());
+              Array.isArray(O) && O.includes(g) ? T(new Error("资源名称已存在")) : T();
             },
             trigger: "change"
           }
@@ -259,10 +272,10 @@ export { ${r} }`;
         "content.exportName": [{ required: !0, message: "必填", trigger: "change" }],
         "content.instanceName": { required: !0, message: "必填", trigger: "change" }
       },
-      resourceForm: f,
-      editor: c,
+      resourceForm: y,
+      editor: u,
       state: o,
-      codePreview: y,
+      codePreview: _,
       isOpen: W,
       closePanel: D,
       save: () => {
@@ -270,28 +283,28 @@ export { ${r} }`;
           category: P(),
           type: q(),
           name: o.name,
-          app: b(S.GlobalService).getBaseInfo().id,
+          app: b(x.GlobalService).getBaseInfo().id,
           content: o.category ? o.content : {
             type: "JSFunction",
-            value: c.value.getEditor().getValue()
+            value: u.value.getEditor().getValue()
           }
         };
-        f.value.validate((g) => {
+        y.value.validate((g) => {
           if (!g) {
-            B({
+            S({
               type: "error",
               message: "请检查必填项"
             });
             return;
           }
-          if (!o.category && !c.value.getEditor().getValue()) {
-            B({
+          if (!o.category && !u.value.getEditor().getValue()) {
+            S({
               type: "error",
               message: "function 内容必填"
             });
             return;
           }
-          Pe(r, D, t);
+          Me(r, D, n);
         });
       },
       deleteReSource: () => {
@@ -299,54 +312,56 @@ export { ${r} }`;
           title: "删除资源",
           message: "如果删除正在使用的资源，将无法正常预览页面，确认要删除吗？",
           exec: () => {
-            De(o.name, D, t);
+            Ge(o.name, D, n);
           }
         });
       },
-      options: u,
+      options: p,
       handleChangeType: (r) => {
         H(r);
       },
       RESOURCE_CATEGORY: F
     };
   }
-}, Qe = { class: "title-wrap" }, Xe = { class: "header-wrap" }, Ze = { class: "right-item" }, $e = { key: 2 }, et = { class: "code-preview" };
-function tt(n, t, u, e, o, y) {
-  const c = m("tiny-button"), f = m("svg-button"), v = m("tiny-radio"), E = m("tiny-radio-group"), a = m("tiny-form-item"), d = m("tiny-input"), r = m("tiny-checkbox"), g = m("monaco-editor"), x = m("tiny-form"), O = m("plugin-setting");
+}, ee = (t) => (ie("data-v-96189c8c"), t = t(), de(), t), Ze = { class: "title-wrap" }, $e = { class: "header-wrap" }, et = { class: "right-item" }, tt = { key: 2 }, nt = /* @__PURE__ */ ee(() => /* @__PURE__ */ f("div", { class: "cdn-label-wrap" }, [
+  /* @__PURE__ */ f("span", null, "CDN")
+], -1)), ot = /* @__PURE__ */ ee(() => /* @__PURE__ */ f("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1)), at = { class: "code-preview" };
+function st(t, n, p, e, o, _) {
+  const u = m("tiny-button"), y = m("svg-button"), v = 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 ? (h(), C(O, { key: 0 }, {
-    title: l(() => [
-      _("div", Qe, [
-        _("span", null, k(e.state.title), 1)
+    title: c(() => [
+      f("div", Ze, [
+        f("span", null, U(e.state.title), 1)
       ])
     ]),
-    header: l(() => [
-      _("div", Xe, [
-        s(c, {
+    header: c(() => [
+      f("div", $e, [
+        s(u, {
           class: "save-btn",
           type: "primary",
           onClick: e.save
         }, {
-          default: l(() => t[10] || (t[10] = [
-            A("保存")
-          ])),
+          default: c(() => [
+            L("保存")
+          ]),
           _: 1
         }, 8, ["onClick"]),
-        re(s(f, {
+        re(s(y, {
           class: "delete-btn",
           name: "delete",
           onClick: e.deleteReSource
         }, null, 8, ["onClick"]), [
-          [le, e.state.status]
+          [ce, e.state.status]
         ]),
-        s(f, {
+        s(y, {
           class: "close-btn",
           name: "close",
           onClick: e.closePanel
         }, null, 8, ["onClick"])
       ])
     ]),
-    content: l(() => [
-      s(x, {
+    content: c(() => [
+      s(T, {
         ref: "resourceForm",
         class: "resource-form",
         rules: e.rules,
@@ -356,34 +371,34 @@ function tt(n, t, u, e, o, y) {
         "label-position": "top",
         "label-align": !0
       }, {
-        default: l(() => [
-          _("div", Ze, [
-            e.state.status ? U("", !0) : (h(), C(a, {
+        default: c(() => [
+          f("div", et, [
+            e.state.status ? N("", !0) : (h(), C(a, {
               key: 0,
               label: "工具类型",
               prop: "type"
             }, {
-              default: l(() => [
+              default: c(() => [
                 s(E, {
                   modelValue: e.state.type,
-                  "onUpdate:modelValue": t[0] || (t[0] = (p) => e.state.type = p),
+                  "onUpdate:modelValue": n[0] || (n[0] = (d) => e.state.type = d),
                   class: "resource-type-radio-group",
                   onChange: e.handleChangeType
                 }, {
-                  default: l(() => [
+                  default: c(() => [
                     s(v, {
                       label: e.RESOURCE_CATEGORY.Npm
                     }, {
-                      default: l(() => [
-                        A(k(e.RESOURCE_CATEGORY.Npm), 1)
+                      default: c(() => [
+                        L(U(e.RESOURCE_CATEGORY.Npm), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
                     s(v, {
                       label: e.RESOURCE_CATEGORY.Function
                     }, {
-                      default: l(() => [
-                        A(k(e.RESOURCE_CATEGORY.Function), 1)
+                      default: c(() => [
+                        L(U(e.RESOURCE_CATEGORY.Function), 1)
                       ]),
                       _: 1
                     }, 8, ["label"])
@@ -393,29 +408,29 @@ function tt(n, t, u, e, o, y) {
               ]),
               _: 1
             })),
-            e.state.status ? U("", !0) : (h(), C(a, {
+            e.state.status ? N("", !0) : (h(), C(a, {
               key: 1,
               label: "工具名称",
               prop: "name"
             }, {
-              default: l(() => [
-                s(d, {
+              default: c(() => [
+                s(i, {
                   modelValue: e.state.name,
-                  "onUpdate:modelValue": t[1] || (t[1] = (p) => e.state.name = p),
+                  "onUpdate:modelValue": n[1] || (n[1] = (d) => e.state.name = d),
                   placeholder: "请输入工具类名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             })),
-            e.state.category ? (h(), L("div", $e, [
+            e.state.category ? (h(), A("div", tt, [
               s(a, {
                 label: "npm包名",
                 prop: "content.package"
               }, {
-                default: l(() => [
-                  s(d, {
+                default: c(() => [
+                  s(i, {
                     modelValue: e.state.content.package,
-                    "onUpdate:modelValue": t[2] || (t[2] = (p) => e.state.content.package = p),
+                    "onUpdate:modelValue": n[2] || (n[2] = (d) => e.state.content.package = d),
                     placeholder: "请输入npm包名称"
                   }, null, 8, ["modelValue"])
                 ]),
@@ -425,24 +440,24 @@ function tt(n, t, u, e, o, y) {
                 label: "npm包导出名",
                 prop: "content.exportName"
               }, {
-                default: l(() => [
-                  s(d, {
+                default: c(() => [
+                  s(i, {
                     modelValue: e.state.content.exportName,
-                    "onUpdate:modelValue": t[3] || (t[3] = (p) => e.state.content.exportName = p),
+                    "onUpdate:modelValue": n[3] || (n[3] = (d) => e.state.content.exportName = d),
                     placeholder: "请输入npm包的导出名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "" }, {
-                default: l(() => [
+                default: c(() => [
                   s(r, {
                     modelValue: e.state.content.destructuring,
-                    "onUpdate:modelValue": t[4] || (t[4] = (p) => e.state.content.destructuring = p)
+                    "onUpdate:modelValue": n[4] || (n[4] = (d) => e.state.content.destructuring = d)
                   }, {
-                    default: l(() => t[11] || (t[11] = [
-                      A("解构npm包")
-                    ])),
+                    default: c(() => [
+                      L("解构npm包")
+                    ]),
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
@@ -452,67 +467,65 @@ function tt(n, t, u, e, o, y) {
                 key: 0,
                 label: "是否作为实例"
               }, {
-                default: l(() => [
+                default: c(() => [
                   s(r, {
                     modelValue: e.state.isInstance,
-                    "onUpdate:modelValue": t[5] || (t[5] = (p) => e.state.isInstance = p)
+                    "onUpdate:modelValue": n[5] || (n[5] = (d) => e.state.isInstance = d)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : U("", !0),
+              })) : N("", !0),
               e.state.isInstance ? (h(), C(a, {
                 key: 1,
                 label: "实例名称",
                 prop: "content.instanceName"
               }, {
-                default: l(() => [
-                  s(d, {
+                default: c(() => [
+                  s(i, {
                     modelValue: e.state.content.instance,
-                    "onUpdate:modelValue": t[6] || (t[6] = (p) => e.state.content.instance = p)
+                    "onUpdate:modelValue": n[6] || (n[6] = (d) => e.state.content.instance = d)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : U("", !0),
+              })) : N("", !0),
               s(a, { label: "入口路径" }, {
-                default: l(() => [
-                  s(d, {
+                default: c(() => [
+                  s(i, {
                     modelValue: e.state.content.main,
-                    "onUpdate:modelValue": t[7] || (t[7] = (p) => e.state.content.main = p),
+                    "onUpdate:modelValue": n[7] || (n[7] = (d) => e.state.content.main = d),
                     placeholder: "main"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "版本号" }, {
-                default: l(() => [
-                  s(d, {
+                default: c(() => [
+                  s(i, {
                     modelValue: e.state.content.version,
-                    "onUpdate:modelValue": t[8] || (t[8] = (p) => e.state.content.version = p),
+                    "onUpdate:modelValue": n[8] || (n[8] = (d) => e.state.content.version = d),
                     placeholder: "latest"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, null, {
-                label: l(() => t[12] || (t[12] = [
-                  _("div", { class: "cdn-label-wrap" }, [
-                    _("span", null, "CDN")
-                  ], -1)
-                ])),
-                default: l(() => [
-                  s(d, {
+                label: c(() => [
+                  nt
+                ]),
+                default: c(() => [
+                  s(i, {
                     modelValue: e.state.content.cdnLink,
-                    "onUpdate:modelValue": t[9] || (t[9] = (p) => e.state.content.cdnLink = p),
+                    "onUpdate:modelValue": n[9] || (n[9] = (d) => e.state.content.cdnLink = d),
                     placeholder: "CDN"
                   }, null, 8, ["modelValue"]),
-                  t[13] || (t[13] = _("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1))
+                  ot
                 ]),
                 _: 1
               }),
               s(a, { label: "生成utils.js代码预览" }, {
-                default: l(() => [
-                  _("div", et, [
-                    _("pre", null, k(e.codePreview), 1)
+                default: c(() => [
+                  f("div", at, [
+                    f("pre", null, U(e.codePreview), 1)
                   ])
                 ]),
                 _: 1
@@ -530,52 +543,52 @@ function tt(n, t, u, e, o, y) {
       }, 8, ["rules", "model"])
     ]),
     _: 1
-  })) : U("", !0);
+  })) : N("", !0);
 }
-const nt = /* @__PURE__ */ J(Ke, [["render", tt], ["__scopeId", "data-v-335043fc"]]), ot = {
+const rt = /* @__PURE__ */ J(Xe, [["render", st], ["__scopeId", "data-v-96189c8c"]]), ct = {
   components: {
-    PluginPanel: ue,
+    PluginPanel: ge,
     SvgButton: $,
-    BridgeManage: Je,
-    BridgeSetting: nt
+    BridgeManage: Ke,
+    BridgeSetting: rt
   },
   setup() {
-    const n = T(V.Util), t = T(null), u = R(() => we[n.value]);
+    const t = k(V.Util), n = k(null), p = R(() => Le[t.value]);
     return {
-      addResource: (c) => {
-        n.value == t.value.add(c);
+      addResource: (u) => {
+        t.value == n.value.add(u);
       },
       RESOURCE_TYPE: V,
-      activedName: n,
+      activedName: t,
       openBridgePanel: () => {
-        We();
+        Qe();
       },
       closePanel: D,
-      refreshList: (c) => {
-        c == t.value.refresh(c);
+      refreshList: (u) => {
+        u == n.value.refresh(u);
       },
-      utilsRef: t,
-      tips: u
+      utilsRef: n,
+      tips: p
     };
   }
 };
-function at(n, t, u, e, o, y) {
-  const c = m("svg-button"), f = m("bridge-manage"), v = m("bridge-setting"), E = m("plugin-panel");
+function lt(t, n, p, e, o, _) {
+  const u = m("svg-button"), y = m("bridge-manage"), v = m("bridge-setting"), E = m("plugin-panel");
   return h(), C(E, {
     title: "资源管理",
     isCloseLeft: !1,
     onClose: e.closePanel
   }, {
-    header: l(() => [
-      s(c, {
+    header: c(() => [
+      s(u, {
         name: "add-utils",
         placement: "left",
         tips: e.tips,
-        onClick: t[0] || (t[0] = (a) => e.addResource("npm"))
+        onClick: n[0] || (n[0] = (a) => e.addResource("npm"))
       }, null, 8, ["tips"])
     ]),
-    content: l(() => [
-      s(f, {
+    content: c(() => [
+      s(y, {
         ref: "utilsRef",
         name: e.RESOURCE_TYPE.Util,
         onOpen: e.openBridgePanel
@@ -585,16 +598,16 @@ function at(n, t, u, e, o, y) {
     _: 1
   }, 8, ["onClose"]);
 }
-const st = /* @__PURE__ */ J(ot, [["render", at], ["__scopeId", "data-v-c14cfd0a"]]), rt = {
+const it = /* @__PURE__ */ J(ct, [["render", lt], ["__scopeId", "data-v-1787cb11"]]), dt = {
   id: "engine.plugins.bridge",
   title: "资源管理",
   type: "plugins",
   align: "top",
   icon: "plugin-icon-sresources"
-}, yt = {
-  ...rt,
-  entry: st
+}, vt = {
+  ...dt,
+  entry: it
 };
 export {
-  yt as default
+  vt 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-335043fc] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-335043fc]{font-size:11px;line-height:18px;margin-top:8px;color:var(--ti-lowcode-datasource-tip-color)}.plugin-setting .resource-form[data-v-335043fc] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-335043fc]{font-size:12px;font-weight:700;color:var(--ti-lowcode-data-source-color)}.plugin-setting .title-wrap .help-link[data-v-335043fc]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-335043fc]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-335043fc]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-335043fc]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-335043fc]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-335043fc]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-335043fc]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-335043fc]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-335043fc]{display:flex;align-items:center}.code-preview[data-v-335043fc]{font-size:14px;line-height:20px;color:var(--ti-lowcode-birdge-code-preview-color);background-color:var(--ti-lowcode-birdge-code-preview-bg-color);border-radius:6px}.code-preview .pre-title[data-v-335043fc]{font-family:Microsoft YaHei}.code-preview>pre[data-v-335043fc]{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-6da3d7ff]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-6da3d7ff]{padding:0 12px 12px}.manage-panel .add-button[data-v-6da3d7ff]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-6da3d7ff]{flex:1;border-top:1px solid var(--ti-lowcode-tabs-border-color);overflow:auto;padding:12px 0}.manage-panel .list-item[data-v-6da3d7ff]{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-6da3d7ff]:hover,.manage-panel .list-item.active[data-v-6da3d7ff]{background:var(--ti-lowcode-bridge-list-bg)}.manage-panel .list-item:hover .setting-icon[data-v-6da3d7ff],.manage-panel .list-item.active .setting-icon[data-v-6da3d7ff]{display:block}.manage-panel .list-item .setting-icon[data-v-6da3d7ff]{display:none;color:var(--ti-lowcode-toolbar-more-hover-color)}.plugin-setting[data-v-96189c8c] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-96189c8c]{font-size:11px;line-height:18px;margin-top:8px;color:var(--ti-lowcode-datasource-tip-color)}.plugin-setting .resource-form[data-v-96189c8c] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-96189c8c]{font-size:12px;font-weight:700;color:var(--te-common-text-primary)}.plugin-setting .title-wrap .help-link[data-v-96189c8c]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-96189c8c]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-96189c8c]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-96189c8c]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-96189c8c]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-96189c8c]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-96189c8c]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-96189c8c]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-96189c8c]{display:flex;align-items:center}.code-preview[data-v-96189c8c]{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-96189c8c]{font-family:Microsoft YaHei}.code-preview>pre[data-v-96189c8c]{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.0.0-rc.4",
+  "version": "2.1.0-rc.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.0.0-rc.4",
-    "@opentiny/tiny-engine-meta-register": "2.0.0-rc.4"
+    "@opentiny/tiny-engine-common": "2.1.0-rc.0",
+    "@opentiny/tiny-engine-meta-register": "2.1.0-rc.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-rc.4",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.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.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "dee65eb9fc7a102d9e5447d0cd3851600ef60054"
+  "gitHead": "71a3549d5f1d38d2ed3934ce83b722b11878aa7c"
 }