@opentiny/tiny-engine-plugin-bridge 2.1.0-rc.0 → 2.1.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 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);
+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 { 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);
   });
-}, l = j({
+}, c = j({
   actionType: "",
   type: "",
   category: "",
@@ -30,190 +30,190 @@ const Ne = (t, n) => b(x.Http).get(`/app-center/api/apps/extension/list?app=${t}
     destructuring: !0,
     main: ""
   }
-}, Oe = {
+}, Be = {
   name: "",
   type: "function",
   content: {
     type: "JSFunction",
     value: ""
   }
-}, V = {
+}, S = {
   Util: "utils",
   Bridge: "bridge"
 }, F = {
   Npm: "npm",
   Function: "function"
-}, Le = {
-  [V.Util]: "新建工具类",
-  [V.Bridge]: "新建桥接源"
-}, w = {
+}, Ie = {
+  [S.Util]: "新建工具类",
+  [S.Bridge]: "新建桥接源"
+}, I = {
   Read: "read",
   Edit: "edit"
-}, 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) => {
+}, w = () => b(x.GlobalService).getBaseInfo().id, we = (n) => c.resourceNames[n], Oe = (n, t) => {
+  c.resourceNames[n] = t;
+}, Le = (n) => {
+  const t = w();
+  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;
+}, H = (n) => {
+  c.category = n;
+}, q = () => c.category, z = (...n) => {
+  ge && Ue(...n);
+}, Fe = (n, t, p) => {
+  Y() === I.Edit ? (n.id = c.resource.id, ke(n).then((e) => {
     if (e) {
-      const o = I().appSchemaState[t.category].findIndex((_) => _.name === e.name);
+      const o = B().appSchemaState[n.category].findIndex((y) => y.name === e.name);
       if (o === -1) {
-        S({
+        V({
           type: "error",
           message: "修改失败"
         });
         return;
       }
-      I().appSchemaState[t.category][o] = e, z(B()), S({
+      B().appSchemaState[n.category][o] = e, z(w()), V({
         type: "success",
         message: "修改成功"
-      }), p("refresh", l.type), l.refresh = !0, n();
+      }), p("refresh", c.type), c.refresh = !0, t();
     }
-  })) : Ue(t).then((e) => {
-    e && (I().appSchemaState[t.category].push(e), z(B()), S({
+  })) : Te(n).then((e) => {
+    e && (B().appSchemaState[n.category].push(e), z(w()), V({
       type: "success",
       message: "创建成功"
-    }), p("refresh", l.type), l.refresh = !0, n());
+    }), p("refresh", c.type), c.refresh = !0, t());
   });
-}, Ge = (t, n, p) => {
+}, Pe = (n, t, 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);
+  const e = `app=${w()}&id=${(o = c.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) {
-        S({
+        V({
           type: "error",
           message: "删除失败"
         });
         return;
       }
-      I().appSchemaState[l.type].splice(u, 1), z(B()), S({
+      B().appSchemaState[c.type].splice(u, 1), z(w()), V({
         type: "success",
         message: "删除成功"
-      }), p("refresh", l.type), l.refresh = !0, n();
+      }), p("refresh", c.type), c.refresh = !0, t();
     }
   });
-}, J = (t, n) => {
-  const p = t.__vccOpts || t;
-  for (const [e, o] of n)
+}, J = (n, t) => {
+  const p = n.__vccOpts || n;
+  for (const [e, o] of t)
     p[e] = o;
   return p;
-}, qe = {
+}, De = {
   components: {
-    TinySearch: Ee,
-    TinyIconSearch: ke(),
-    SearchEmpty: pe
+    TinySearch: _e,
+    TinyIconSearch: be(),
+    SearchEmpty: ce
   },
   props: {
     name: {
       type: String,
-      default: V.Util
+      default: S.Util
     }
   },
   emits: ["open"],
-  setup(t, { emit: n }) {
+  setup(n, { emit: t }) {
     const p = k([]), e = j({
       resourceList: [],
       activeIndex: -1,
       searchValue: ""
-    }), 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(
+    }), 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);
     };
     return Z(async () => {
-      _(t.name);
+      y(n.name);
     }), {
       state: e,
       list: p,
       add: (a) => {
-        M(""), X(t.name), G(""), H(a), n("open");
+        M(""), X(n.name), G(""), H(a), t("open");
       },
       openRead: (a, i) => {
-        e.activeIndex = i, G(a), M(w.Edit), n("open");
+        e.activeIndex = i, G(a), M(I.Edit), t("open");
       },
       openEdit: (a, i) => {
-        e.activeIndex = i, G(a), M(w.Edit), X(t.name), H(a.type), n("open");
+        e.activeIndex = i, G(a), M(I.Edit), X(n.name), H(a.type), t("open");
       },
-      refresh: _,
+      refresh: y,
       getType: P,
-      RESOURCE_TYPE: V,
+      RESOURCE_TYPE: S,
       searchBridgeData: (a) => {
         p.value = o(e.resourceList, a);
       }
     };
   }
-}, 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, {
+}, 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, {
         modelValue: e.state.searchValue,
         "onUpdate:modelValue": [
-          n[0] || (n[0] = (a) => e.state.searchValue = a),
+          t[0] || (t[0] = (a) => e.state.searchValue = a),
           e.searchBridgeData
         ],
         clearable: "",
         placeholder: "搜索"
       }, {
-        prefix: c(() => [
+        prefix: l(() => [
           s(u)
         ]),
         _: 1
       }, 8, ["modelValue", "onUpdate:modelValue"])
     ]),
-    f("div", ze, [
-      (h(!0), A(te, null, ne(e.list, (a, i) => (h(), A("div", {
+    _("div", qe, [
+      (v(!0), A(ee, null, te(e.list, (a, i) => (v(), A("div", {
         key: a.name,
-        class: oe(["list-item", i === e.state.activeIndex ? "active" : ""]),
+        class: ne(["list-item", i === e.state.activeIndex ? "active" : ""]),
         onClick: K((r) => e.openEdit(a, i), ["stop"])
       }, [
-        s(v, { name: "plugin-icon-sresources" }),
-        f("div", Je, U(a.name), 1),
-        s(v, {
+        s(h, { name: "plugin-icon-sresources" }),
+        _("div", He, U(a.name), 1),
+        s(h, {
           class: "setting-icon",
           name: "setting",
           onClick: K((r) => e.openEdit(a, i), ["stop"])
         }, null, 8, ["onClick"])
-      ], 10, je))), 128)),
+      ], 10, Ye))), 128)),
       s(E, {
         isShow: !e.list.length
       }, null, 8, ["isShow"])
     ])
   ]);
 }
-const Ke = /* @__PURE__ */ J(qe, [["render", We], ["__scopeId", "data-v-6da3d7ff"]]), W = k(!1), Qe = () => {
+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 = () => {
   W.value = !1;
-}, Xe = {
+}, We = {
   components: {
-    TinyForm: Re,
-    TinyInput: Ce,
-    TinyButton: Se,
-    TinyFormItem: Ve,
-    TinyCheckbox: be,
-    PluginSetting: ue,
-    MonacoEditor: me,
-    TinyRadioGroup: xe,
-    TinyRadio: Te,
+    TinyForm: ve,
+    TinyInput: he,
+    TinyButton: Ee,
+    TinyFormItem: Re,
+    TinyCheckbox: Ce,
+    PluginSetting: ie,
+    MonacoEditor: de,
+    TinyRadioGroup: Ve,
+    TinyRadio: Se,
     SvgButton: $
   },
-  setup(t, { emit: n }) {
+  setup(n, { emit: t }) {
     const p = {
       language: "javascript",
       mouseStyle: "default",
@@ -221,24 +221,24 @@ const Ke = /* @__PURE__ */ J(qe, [["render", We], ["__scopeId", "data-v-6da3d7ff
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = _e(), o = j({
-      resource: R(() => De()),
+    }, { confirm: e } = ue(), o = j({
+      resource: R(() => Ae()),
       name: "",
       value: "",
       content: {},
-      status: R(() => Y() === w.Edit),
+      status: R(() => Y() === I.Edit),
       category: R(() => q() === F.Npm),
       mode: R(() => {
         var r;
-        return ((r = ye("engine.config")) == null ? void 0 : r.dslMode) !== "Vue";
+        return ((r = me("engine.config")) == null ? void 0 : r.dslMode) !== "Vue";
       }),
       isInstance: !1,
       title: R(() => {
-        const r = Y() === w.Edit ? "编辑" : "添加", g = P() === V.Bridge ? "桥接源" : "工具类";
+        const r = Y() === I.Edit ? "编辑" : "添加", g = P() === S.Bridge ? "桥接源" : "工具类";
         return r + g;
       }),
       type: F.Npm
-    }), _ = R(() => {
+    }), 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} }`);
@@ -249,20 +249,20 @@ export { ${r} }`;
     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();
-    }), ae(
+    }), oe(
       () => o.isInstance,
       (r) => {
         r || (o.content.instance = "");
       }
     );
-    const u = k(null), y = k(null);
-    return se(() => window.dispatchEvent(new Event("resize"))), {
+    const u = k(null), f = k(null);
+    return ae(() => window.dispatchEvent(new Event("resize"))), {
       rules: {
         name: [
           { required: !0, message: "必填", trigger: "change" },
           {
             validator: (r, g, T) => {
-              const O = Ae(P());
+              const O = we(P());
               Array.isArray(O) && O.includes(g) ? T(new Error("资源名称已存在")) : T();
             },
             trigger: "change"
@@ -272,10 +272,10 @@ export { ${r} }`;
         "content.exportName": [{ required: !0, message: "必填", trigger: "change" }],
         "content.instanceName": { required: !0, message: "必填", trigger: "change" }
       },
-      resourceForm: y,
+      resourceForm: f,
       editor: u,
       state: o,
-      codePreview: _,
+      codePreview: y,
       isOpen: W,
       closePanel: D,
       save: () => {
@@ -289,22 +289,22 @@ export { ${r} }`;
             value: u.value.getEditor().getValue()
           }
         };
-        y.value.validate((g) => {
+        f.value.validate((g) => {
           if (!g) {
-            S({
+            V({
               type: "error",
               message: "请检查必填项"
             });
             return;
           }
           if (!o.category && !u.value.getEditor().getValue()) {
-            S({
+            V({
               type: "error",
               message: "function 内容必填"
             });
             return;
           }
-          Me(r, D, n);
+          Fe(r, D, t);
         });
       },
       deleteReSource: () => {
@@ -312,7 +312,7 @@ export { ${r} }`;
           title: "删除资源",
           message: "如果删除正在使用的资源，将无法正常预览页面，确认要删除吗？",
           exec: () => {
-            Ge(o.name, D, n);
+            Pe(o.name, D, t);
           }
         });
       },
@@ -323,44 +323,42 @@ export { ${r} }`;
       RESOURCE_CATEGORY: F
     };
   }
-}, 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: c(() => [
-      f("div", Ze, [
-        f("span", null, U(e.state.title), 1)
+}, 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 }, {
+    title: l(() => [
+      _("div", Ke, [
+        _("span", null, U(e.state.title), 1)
       ])
     ]),
-    header: c(() => [
-      f("div", $e, [
+    header: l(() => [
+      _("div", Qe, [
         s(u, {
           class: "save-btn",
           type: "primary",
           onClick: e.save
         }, {
-          default: c(() => [
+          default: l(() => t[10] || (t[10] = [
             L("保存")
-          ]),
+          ])),
           _: 1
         }, 8, ["onClick"]),
-        re(s(y, {
+        se(s(f, {
           class: "delete-btn",
           name: "delete",
           onClick: e.deleteReSource
         }, null, 8, ["onClick"]), [
-          [ce, e.state.status]
+          [re, e.state.status]
         ]),
-        s(y, {
+        s(f, {
           class: "close-btn",
           name: "close",
           onClick: e.closePanel
         }, null, 8, ["onClick"])
       ])
     ]),
-    content: c(() => [
+    content: l(() => [
       s(T, {
         ref: "resourceForm",
         class: "resource-form",
@@ -371,33 +369,33 @@ function st(t, n, p, e, o, _) {
         "label-position": "top",
         "label-align": !0
       }, {
-        default: c(() => [
-          f("div", et, [
-            e.state.status ? N("", !0) : (h(), C(a, {
+        default: l(() => [
+          _("div", Xe, [
+            e.state.status ? N("", !0) : (v(), C(a, {
               key: 0,
               label: "工具类型",
               prop: "type"
             }, {
-              default: c(() => [
+              default: l(() => [
                 s(E, {
                   modelValue: e.state.type,
-                  "onUpdate:modelValue": n[0] || (n[0] = (d) => e.state.type = d),
+                  "onUpdate:modelValue": t[0] || (t[0] = (d) => e.state.type = d),
                   class: "resource-type-radio-group",
                   onChange: e.handleChangeType
                 }, {
-                  default: c(() => [
-                    s(v, {
+                  default: l(() => [
+                    s(h, {
                       label: e.RESOURCE_CATEGORY.Npm
                     }, {
-                      default: c(() => [
+                      default: l(() => [
                         L(U(e.RESOURCE_CATEGORY.Npm), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    s(v, {
+                    s(h, {
                       label: e.RESOURCE_CATEGORY.Function
                     }, {
-                      default: c(() => [
+                      default: l(() => [
                         L(U(e.RESOURCE_CATEGORY.Function), 1)
                       ]),
                       _: 1
@@ -408,29 +406,29 @@ function st(t, n, p, e, o, _) {
               ]),
               _: 1
             })),
-            e.state.status ? N("", !0) : (h(), C(a, {
+            e.state.status ? N("", !0) : (v(), C(a, {
               key: 1,
               label: "工具名称",
               prop: "name"
             }, {
-              default: c(() => [
+              default: l(() => [
                 s(i, {
                   modelValue: e.state.name,
-                  "onUpdate:modelValue": n[1] || (n[1] = (d) => e.state.name = d),
+                  "onUpdate:modelValue": t[1] || (t[1] = (d) => e.state.name = d),
                   placeholder: "请输入工具类名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             })),
-            e.state.category ? (h(), A("div", tt, [
+            e.state.category ? (v(), A("div", Ze, [
               s(a, {
                 label: "npm包名",
                 prop: "content.package"
               }, {
-                default: c(() => [
+                default: l(() => [
                   s(i, {
                     modelValue: e.state.content.package,
-                    "onUpdate:modelValue": n[2] || (n[2] = (d) => e.state.content.package = d),
+                    "onUpdate:modelValue": t[2] || (t[2] = (d) => e.state.content.package = d),
                     placeholder: "请输入npm包名称"
                   }, null, 8, ["modelValue"])
                 ]),
@@ -440,97 +438,99 @@ function st(t, n, p, e, o, _) {
                 label: "npm包导出名",
                 prop: "content.exportName"
               }, {
-                default: c(() => [
+                default: l(() => [
                   s(i, {
                     modelValue: e.state.content.exportName,
-                    "onUpdate:modelValue": n[3] || (n[3] = (d) => e.state.content.exportName = d),
+                    "onUpdate:modelValue": t[3] || (t[3] = (d) => e.state.content.exportName = d),
                     placeholder: "请输入npm包的导出名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "" }, {
-                default: c(() => [
+                default: l(() => [
                   s(r, {
                     modelValue: e.state.content.destructuring,
-                    "onUpdate:modelValue": n[4] || (n[4] = (d) => e.state.content.destructuring = d)
+                    "onUpdate:modelValue": t[4] || (t[4] = (d) => e.state.content.destructuring = d)
                   }, {
-                    default: c(() => [
+                    default: l(() => t[11] || (t[11] = [
                       L("解构npm包")
-                    ]),
+                    ])),
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              e.state.mode ? (h(), C(a, {
+              e.state.mode ? (v(), C(a, {
                 key: 0,
                 label: "是否作为实例"
               }, {
-                default: c(() => [
+                default: l(() => [
                   s(r, {
                     modelValue: e.state.isInstance,
-                    "onUpdate:modelValue": n[5] || (n[5] = (d) => e.state.isInstance = d)
+                    "onUpdate:modelValue": t[5] || (t[5] = (d) => e.state.isInstance = d)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : N("", !0),
-              e.state.isInstance ? (h(), C(a, {
+              e.state.isInstance ? (v(), C(a, {
                 key: 1,
                 label: "实例名称",
                 prop: "content.instanceName"
               }, {
-                default: c(() => [
+                default: l(() => [
                   s(i, {
                     modelValue: e.state.content.instance,
-                    "onUpdate:modelValue": n[6] || (n[6] = (d) => e.state.content.instance = d)
+                    "onUpdate:modelValue": t[6] || (t[6] = (d) => e.state.content.instance = d)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : N("", !0),
               s(a, { label: "入口路径" }, {
-                default: c(() => [
+                default: l(() => [
                   s(i, {
                     modelValue: e.state.content.main,
-                    "onUpdate:modelValue": n[7] || (n[7] = (d) => e.state.content.main = d),
+                    "onUpdate:modelValue": t[7] || (t[7] = (d) => e.state.content.main = d),
                     placeholder: "main"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "版本号" }, {
-                default: c(() => [
+                default: l(() => [
                   s(i, {
                     modelValue: e.state.content.version,
-                    "onUpdate:modelValue": n[8] || (n[8] = (d) => e.state.content.version = d),
+                    "onUpdate:modelValue": t[8] || (t[8] = (d) => e.state.content.version = d),
                     placeholder: "latest"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, null, {
-                label: c(() => [
-                  nt
-                ]),
-                default: c(() => [
+                label: l(() => t[12] || (t[12] = [
+                  _("div", { class: "cdn-label-wrap" }, [
+                    _("span", null, "CDN")
+                  ], -1)
+                ])),
+                default: l(() => [
                   s(i, {
                     modelValue: e.state.content.cdnLink,
-                    "onUpdate:modelValue": n[9] || (n[9] = (d) => e.state.content.cdnLink = d),
+                    "onUpdate:modelValue": t[9] || (t[9] = (d) => e.state.content.cdnLink = d),
                     placeholder: "CDN"
                   }, null, 8, ["modelValue"]),
-                  ot
+                  t[13] || (t[13] = _("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1))
                 ]),
                 _: 1
               }),
               s(a, { label: "生成utils.js代码预览" }, {
-                default: c(() => [
-                  f("div", at, [
-                    f("pre", null, U(e.codePreview), 1)
+                default: l(() => [
+                  _("div", $e, [
+                    _("pre", null, U(e.codePreview), 1)
                   ])
                 ]),
                 _: 1
               })
-            ])) : (h(), C(g, {
+            ])) : (v(), C(g, {
               key: 3,
               ref: "editor",
               value: e.state.value,
@@ -545,69 +545,69 @@ function st(t, n, p, e, o, _) {
     _: 1
   })) : N("", !0);
 }
-const rt = /* @__PURE__ */ J(Xe, [["render", st], ["__scopeId", "data-v-96189c8c"]]), ct = {
+const tt = /* @__PURE__ */ J(We, [["render", et], ["__scopeId", "data-v-0ab8a7ca"]]), nt = {
   components: {
-    PluginPanel: ge,
+    PluginPanel: pe,
     SvgButton: $,
-    BridgeManage: Ke,
-    BridgeSetting: rt
+    BridgeManage: je,
+    BridgeSetting: tt
   },
   setup() {
-    const t = k(V.Util), n = k(null), p = R(() => Le[t.value]);
+    const n = k(S.Util), t = k(null), p = R(() => Ie[n.value]);
     return {
       addResource: (u) => {
-        t.value == n.value.add(u);
+        n.value == t.value.add(u);
       },
-      RESOURCE_TYPE: V,
-      activedName: t,
+      RESOURCE_TYPE: S,
+      activedName: n,
       openBridgePanel: () => {
-        Qe();
+        Je();
       },
       closePanel: D,
       refreshList: (u) => {
-        u == n.value.refresh(u);
+        u == t.value.refresh(u);
       },
-      utilsRef: n,
+      utilsRef: t,
       tips: p
     };
   }
 };
-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, {
+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, {
     title: "资源管理",
     isCloseLeft: !1,
     onClose: e.closePanel
   }, {
-    header: c(() => [
+    header: l(() => [
       s(u, {
         name: "add-utils",
         placement: "left",
         tips: e.tips,
-        onClick: n[0] || (n[0] = (a) => e.addResource("npm"))
+        onClick: t[0] || (t[0] = (a) => e.addResource("npm"))
       }, null, 8, ["tips"])
     ]),
-    content: c(() => [
-      s(y, {
+    content: l(() => [
+      s(f, {
         ref: "utilsRef",
         name: e.RESOURCE_TYPE.Util,
         onOpen: e.openBridgePanel
       }, null, 8, ["name", "onOpen"]),
-      s(v, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
+      s(h, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
     ]),
     _: 1
   }, 8, ["onClose"]);
 }
-const it = /* @__PURE__ */ J(ct, [["render", lt], ["__scopeId", "data-v-1787cb11"]]), dt = {
+const at = /* @__PURE__ */ J(nt, [["render", ot], ["__scopeId", "data-v-c14cfd0a"]]), st = {
   id: "engine.plugins.bridge",
   title: "资源管理",
   type: "plugins",
   align: "top",
   icon: "plugin-icon-sresources"
-}, vt = {
-  ...dt,
-  entry: it
+}, gt = {
+  ...st,
+  entry: at
 };
 export {
-  vt as default
+  gt as default
 };

package/dist/style.css

@@ -1 +1 @@
-.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}
+.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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-bridge",
-  "version": "2.1.0-rc.0",
+  "version": "2.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,11 +25,11 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.1.0-rc.0",
-    "@opentiny/tiny-engine-meta-register": "2.1.0-rc.0"
+    "@opentiny/tiny-engine-common": "2.1.0",
+    "@opentiny/tiny-engine-meta-register": "2.1.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.0-rc.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.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": "71a3549d5f1d38d2ed3934ce83b722b11878aa7c"
+  "gitHead": "faf3072c75ea5024689972e2a687916e084c156f"
 }