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

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 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 _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);
   });
-}, l = j({
+}, u = z({
   actionType: "",
   type: "",
   category: "",
@@ -30,7 +30,7 @@ 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: {
@@ -40,81 +40,91 @@ const Ne = (t, n) => b(x.Http).get(`/app-center/api/apps/extension/list?app=${t}
 }, V = {
   Util: "utils",
   Bridge: "bridge"
-}, F = {
+}, A = {
   Npm: "npm",
   Function: "function"
-}, Le = {
+}, Ie = {
   [V.Util]: "新建工具类",
   [V.Bridge]: "新建桥接源"
-}, w = {
+}, 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) => {
+}, D = () => b(S.GlobalService).getBaseInfo().id, Oe = (n) => u.resourceNames[n], we = (n, t) => {
+  u.resourceNames[n] = t;
+}, Le = (n) => {
+  const t = D();
+  return xe(t, n);
+}, Y = () => u.actionType, G = (n) => {
+  u.actionType = n;
+}, Ae = () => u.resource, M = (n = Q) => {
+  n || (n = u.category === A.Function ? Be : Q), u.resource = n;
+}, F = () => u.type, X = (n) => {
+  u.type = n;
+}, H = (n) => {
+  u.category = n;
+}, q = () => u.category, $ = (...n) => {
+  ge && Ue(...n);
+}, Fe = async (n, t, m) => {
+  const e = Y() === I.Edit;
+  try {
     if (e) {
-      const o = I().appSchemaState[t.category].findIndex((_) => _.name === e.name);
-      if (o === -1) {
-        S({
-          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;
       }
-      I().appSchemaState[t.category][o] = e, z(B()), S({
-        type: "success",
-        message: "修改成功"
-      }), p("refresh", l.type), l.refresh = !0, n();
+    } else {
+      const o = await Te(n);
+      o && B().appSchemaState[n.category].push(o);
     }
-  })) : Ue(t).then((e) => {
-    e && (I().appSchemaState[t.category].push(e), z(B()), S({
+    $(D()), k({
       type: "success",
-      message: "创建成功"
-    }), p("refresh", l.type), l.refresh = !0, n());
-  });
-}, Ge = (t, n, 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=${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({
+  const e = `app=${D()}&id=${(o = u.resource) == null ? void 0 : o.id}`;
+  Ne(e).then((y) => {
+    if (y) {
+      const c = B().appSchemaState[u.type].findIndex((_) => _.name === y.name);
+      if (c === -1) {
+        k({
           type: "error",
           message: "删除失败"
         });
         return;
       }
-      I().appSchemaState[l.type].splice(u, 1), z(B()), S({
+      B().appSchemaState[u.type].splice(c, 1), $(D()), k({
         type: "success",
         message: "删除成功"
-      }), p("refresh", l.type), l.refresh = !0, n();
+      }), m("refresh", u.type), u.refresh = !0, t();
     }
   });
-}, J = (t, n) => {
-  const p = t.__vccOpts || t;
-  for (const [e, o] of n)
-    p[e] = o;
-  return p;
-}, qe = {
+}, J = (n, t) => {
+  const m = n.__vccOpts || n;
+  for (const [e, o] of t)
+    m[e] = o;
+  return m;
+}, De = {
   components: {
-    TinySearch: Ee,
-    TinyIconSearch: ke(),
-    SearchEmpty: pe
+    TinySearch: fe,
+    TinyIconSearch: Se(),
+    SearchEmpty: le,
+    SvgButton: j
   },
   props: {
     name: {
@@ -123,147 +133,152 @@ const Ne = (t, n) => b(x.Http).get(`/app-center/api/apps/extension/list?app=${t}
     }
   },
   emits: ["open"],
-  setup(t, { emit: n }) {
-    const p = k([]), e = j({
+  setup(n, { emit: t }) {
+    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), _ = async (a) => {
-      e.resourceList = await Pe(a), Fe(
-        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 () => {
-      _(t.name);
+      y(n.name);
     }), {
       state: e,
-      list: p,
-      add: (a) => {
-        M(""), X(t.name), G(""), H(a), n("open");
+      list: m,
+      add: (d) => {
+        G(""), X(n.name), M(""), H(d), t("open");
       },
-      openRead: (a, i) => {
-        e.activeIndex = i, G(a), M(w.Edit), n("open");
+      openRead: (d, r) => {
+        e.activeIndex = r, M(d), G(I.Edit), t("open");
       },
-      openEdit: (a, i) => {
-        e.activeIndex = i, G(a), M(w.Edit), X(t.name), H(a.type), n("open");
+      openEdit: (d, r) => {
+        e.activeIndex = r, M(d), G(I.Edit), X(n.name), H(d.type), t("open");
       },
-      refresh: _,
-      getType: P,
+      refresh: y,
+      getType: F,
       RESOURCE_TYPE: V,
-      searchBridgeData: (a) => {
-        p.value = o(e.resourceList, a);
+      searchBridgeData: (d) => {
+        m.value = o(e.resourceList, d);
       }
     };
   }
-}, 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, {
+}, 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": [
-          n[0] || (n[0] = (a) => e.state.searchValue = a),
+          t[0] || (t[0] = (r) => e.state.searchValue = r),
           e.searchBridgeData
         ],
         clearable: "",
         placeholder: "搜索"
       }, {
-        prefix: c(() => [
-          s(u)
+        prefix: l(() => [
+          s(c)
         ]),
         _: 1
       }, 8, ["modelValue", "onUpdate:modelValue"])
     ]),
-    f("div", ze, [
-      (h(!0), A(te, null, ne(e.list, (a, i) => (h(), A("div", {
-        key: a.name,
-        class: oe(["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(v, { name: "plugin-icon-sresources" }),
-        f("div", Je, U(a.name), 1),
-        s(v, {
+        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, je))), 128)),
-      s(E, {
+      ], 10, Ye))), 128)),
+      s(d, {
         isShow: !e.list.length
       }, null, 8, ["isShow"])
     ])
   ]);
 }
-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 = () => {
+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;
-}, Xe = {
+}, We = {
   components: {
-    TinyForm: Re,
-    TinyInput: Ce,
-    TinyButton: Se,
-    TinyFormItem: Ve,
-    TinyCheckbox: be,
-    PluginSetting: ue,
-    MonacoEditor: me,
-    TinyRadioGroup: xe,
-    TinyRadio: Te,
-    SvgButton: $
+    TinyForm: ve,
+    TinyInput: he,
+    TinyButton: Ee,
+    TinyFormItem: Re,
+    TinyCheckbox: Ce,
+    PluginSetting: ce,
+    MonacoEditor: ie,
+    TinyRadioGroup: Ve,
+    TinyRadio: be,
+    SvgButton: j,
+    ButtonGroup: de
   },
-  setup(t, { emit: n }) {
-    const p = {
+  setup(n, { emit: t }) {
+    const m = {
       language: "javascript",
       mouseStyle: "default",
       minimap: { enabled: !1 },
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = _e(), o = j({
-      resource: R(() => De()),
+    }, { confirm: e } = ue(), o = z({
+      resource: C(() => Ae()),
       name: "",
       value: "",
       content: {},
-      status: R(() => Y() === w.Edit),
-      category: R(() => q() === F.Npm),
-      mode: R(() => {
-        var r;
-        return ((r = ye("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() === w.Edit ? "编辑" : "添加", g = P() === V.Bridge ? "桥接源" : "工具类";
-        return r + g;
+      title: C(() => {
+        const a = Y() === I.Edit ? "编辑" : "添加", g = F() === V.Bridge ? "桥接源" : "工具类";
+        return a + g;
       }),
-      type: F.Npm
-    }), _ = 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();
+      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), y = k(null);
+    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 = Ae(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: y,
-      editor: u,
+      resourceForm: _,
+      editor: c,
       state: o,
-      codePreview: _,
+      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()
           }
         };
-        y.value.validate((g) => {
-          if (!g) {
-            S({
-              type: "error",
-              message: "请检查必填项"
-            });
-            return;
-          }
-          if (!o.category && !u.value.getEditor().getValue()) {
-            S({
-              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);
           }
-          Me(r, D, n);
         });
       },
       deleteReSource: () => {
@@ -312,56 +322,56 @@ export { ${r} }`;
           title: "删除资源",
           message: "如果删除正在使用的资源，将无法正常预览页面，确认要删除吗？",
           exec: () => {
-            Ge(o.name, D, n);
+            Pe(o.name, P, t);
           }
         });
       },
-      options: p,
-      handleChangeType: (r) => {
-        H(r);
+      options: m,
+      handleChangeType: (a) => {
+        H(a);
       },
-      RESOURCE_CATEGORY: F
+      RESOURCE_CATEGORY: A
     };
   }
-}, 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: "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(() => [
+      v("div", Ke, [
+        v("span", null, U(e.state.title), 1)
       ])
     ]),
-    header: c(() => [
-      f("div", $e, [
-        s(u, {
-          class: "save-btn",
-          type: "primary",
-          onClick: e.save
-        }, {
-          default: c(() => [
-            L("保存")
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        re(s(y, {
-          class: "delete-btn",
-          name: "delete",
-          onClick: e.deleteReSource
-        }, null, 8, ["onClick"]), [
-          [ce, e.state.status]
+    header: l(() => [
+      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(y, {
-          class: "close-btn",
-          name: "close",
-          onClick: e.closePanel
-        }, null, 8, ["onClick"])
-      ])
+        _: 1
+      })
     ]),
-    content: c(() => [
-      s(T, {
+    content: l(() => [
+      s(O, {
         ref: "resourceForm",
         class: "resource-form",
         rules: e.rules,
@@ -371,34 +381,34 @@ 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(() => [
+          v("div", Qe, [
+            e.state.status ? T("", !0) : (f(), E(r, {
               key: 0,
               label: "工具类型",
               prop: "type"
             }, {
-              default: c(() => [
-                s(E, {
+              default: l(() => [
+                s(d, {
                   modelValue: e.state.type,
-                  "onUpdate:modelValue": n[0] || (n[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
                 }, {
-                  default: c(() => [
-                    s(v, {
+                  default: l(() => [
+                    s(h, {
                       label: e.RESOURCE_CATEGORY.Npm
                     }, {
-                      default: c(() => [
-                        L(U(e.RESOURCE_CATEGORY.Npm), 1)
+                      default: l(() => [
+                        w(U(e.RESOURCE_CATEGORY.Npm), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    s(v, {
+                    s(h, {
                       label: e.RESOURCE_CATEGORY.Function
                     }, {
-                      default: c(() => [
-                        L(U(e.RESOURCE_CATEGORY.Function), 1)
+                      default: l(() => [
+                        w(U(e.RESOURCE_CATEGORY.Function), 1)
                       ]),
                       _: 1
                     }, 8, ["label"])
@@ -408,129 +418,131 @@ function st(t, n, p, e, o, _) {
               ]),
               _: 1
             })),
-            e.state.status ? N("", !0) : (h(), C(a, {
+            e.state.status ? T("", !0) : (f(), E(r, {
               key: 1,
               label: "工具名称",
               prop: "name"
             }, {
-              default: c(() => [
-                s(i, {
+              default: l(() => [
+                s(a, {
                   modelValue: e.state.name,
-                  "onUpdate:modelValue": n[1] || (n[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 ? (h(), A("div", tt, [
-              s(a, {
+            e.state.category ? (f(), L("div", Xe, [
+              s(r, {
                 label: "npm包名",
                 prop: "content.package"
               }, {
-                default: c(() => [
-                  s(i, {
+                default: l(() => [
+                  s(a, {
                     modelValue: e.state.content.package,
-                    "onUpdate:modelValue": n[2] || (n[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: c(() => [
-                  s(i, {
+                default: l(() => [
+                  s(a, {
                     modelValue: e.state.content.exportName,
-                    "onUpdate:modelValue": n[3] || (n[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: "" }, {
-                default: c(() => [
-                  s(r, {
+              s(r, { label: "" }, {
+                default: l(() => [
+                  s(g, {
                     modelValue: e.state.content.destructuring,
-                    "onUpdate:modelValue": n[4] || (n[4] = (d) => e.state.content.destructuring = d)
+                    "onUpdate:modelValue": t[4] || (t[4] = (p) => e.state.content.destructuring = p)
                   }, {
-                    default: c(() => [
-                      L("解构npm包")
-                    ]),
+                    default: l(() => t[11] || (t[11] = [
+                      w("解构npm包")
+                    ])),
                     _: 1
                   }, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              e.state.mode ? (h(), C(a, {
+              e.state.mode ? (f(), E(r, {
                 key: 0,
                 label: "是否作为实例"
               }, {
-                default: c(() => [
-                  s(r, {
+                default: l(() => [
+                  s(g, {
                     modelValue: e.state.isInstance,
-                    "onUpdate:modelValue": n[5] || (n[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 ? (h(), C(a, {
+              })) : T("", !0),
+              e.state.isInstance ? (f(), E(r, {
                 key: 1,
                 label: "实例名称",
                 prop: "content.instanceName"
               }, {
-                default: c(() => [
-                  s(i, {
+                default: l(() => [
+                  s(a, {
                     modelValue: e.state.content.instance,
-                    "onUpdate:modelValue": n[6] || (n[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: "入口路径" }, {
-                default: c(() => [
-                  s(i, {
+              })) : T("", !0),
+              s(r, { label: "入口路径" }, {
+                default: l(() => [
+                  s(a, {
                     modelValue: e.state.content.main,
-                    "onUpdate:modelValue": n[7] || (n[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: "版本号" }, {
-                default: c(() => [
-                  s(i, {
+              s(r, { label: "版本号" }, {
+                default: l(() => [
+                  s(a, {
                     modelValue: e.state.content.version,
-                    "onUpdate:modelValue": n[8] || (n[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, {
-                label: c(() => [
-                  nt
-                ]),
-                default: c(() => [
-                  s(i, {
+              s(r, null, {
+                label: l(() => t[12] || (t[12] = [
+                  v("div", { class: "cdn-label-wrap" }, [
+                    v("span", null, "CDN")
+                  ], -1)
+                ])),
+                default: l(() => [
+                  s(a, {
                     modelValue: e.state.content.cdnLink,
-                    "onUpdate:modelValue": n[9] || (n[9] = (d) => e.state.content.cdnLink = d),
+                    "onUpdate:modelValue": t[9] || (t[9] = (p) => e.state.content.cdnLink = p),
                     placeholder: "CDN"
                   }, null, 8, ["modelValue"]),
-                  ot
+                  t[13] || (t[13] = v("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1))
                 ]),
                 _: 1
               }),
-              s(a, { label: "生成utils.js代码预览" }, {
-                default: c(() => [
-                  f("div", at, [
-                    f("pre", null, U(e.codePreview), 1)
+              s(r, { label: "生成utils.js代码预览" }, {
+                default: l(() => [
+                  v("div", Ze, [
+                    v("pre", null, U(e.codePreview), 1)
                   ])
                 ]),
                 _: 1
               })
-            ])) : (h(), C(g, {
+            ])) : (f(), E(x, {
               key: 3,
               ref: "editor",
               value: e.state.value,
@@ -543,71 +555,71 @@ function st(t, n, p, e, o, _) {
       }, 8, ["rules", "model"])
     ]),
     _: 1
-  })) : N("", !0);
+  })) : T("", !0);
 }
-const rt = /* @__PURE__ */ J(Xe, [["render", st], ["__scopeId", "data-v-96189c8c"]]), ct = {
+const et = /* @__PURE__ */ J(We, [["render", $e], ["__scopeId", "data-v-40ef39ca"]]), tt = {
   components: {
-    PluginPanel: ge,
-    SvgButton: $,
-    BridgeManage: Ke,
-    BridgeSetting: rt
+    PluginPanel: pe,
+    SvgButton: j,
+    BridgeManage: je,
+    BridgeSetting: et
   },
   setup() {
-    const t = k(V.Util), n = k(null), p = R(() => Le[t.value]);
+    const n = N(V.Util), t = N(null), m = C(() => Ie[n.value]);
     return {
-      addResource: (u) => {
-        t.value == n.value.add(u);
+      addResource: (c) => {
+        n.value == t.value.add(c);
       },
       RESOURCE_TYPE: V,
-      activedName: t,
+      activedName: n,
       openBridgePanel: () => {
-        Qe();
+        Je();
       },
-      closePanel: D,
-      refreshList: (u) => {
-        u == n.value.refresh(u);
+      closePanel: P,
+      refreshList: (c) => {
+        c == t.value.refresh(c);
       },
-      utilsRef: n,
-      tips: p
+      utilsRef: t,
+      tips: m
     };
   }
 };
-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 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: c(() => [
-      s(u, {
+    header: l(() => [
+      s(c, {
         name: "add-utils",
         placement: "left",
         tips: e.tips,
-        onClick: n[0] || (n[0] = (a) => e.addResource("npm"))
+        onClick: t[0] || (t[0] = (d) => e.addResource("npm"))
       }, null, 8, ["tips"])
     ]),
-    content: c(() => [
-      s(y, {
+    content: l(() => [
+      s(_, {
         ref: "utilsRef",
         name: e.RESOURCE_TYPE.Util,
         onOpen: e.openBridgePanel
       }, null, 8, ["name", "onOpen"]),
-      s(v, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
+      s(R, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
     ]),
     _: 1
   }, 8, ["onClose"]);
 }
-const it = /* @__PURE__ */ J(ct, [["render", lt], ["__scopeId", "data-v-1787cb11"]]), dt = {
+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"
-}, vt = {
-  ...dt,
-  entry: it
+}, mt = {
+  ...at,
+  entry: ot
 };
 export {
-  vt as default
+  mt 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-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-rc.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-rc.0",
-    "@opentiny/tiny-engine-meta-register": "2.1.0-rc.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-rc.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": "71a3549d5f1d38d2ed3934ce83b722b11878aa7c"
+  "gitHead": "04459f34e5ebdaca92355f7698cd4fea19f7ef95"
 }