@opentiny/tiny-engine-plugin-bridge 1.0.3 → 2.0.0-alpha.1

package/dist/index.js

@@ -1,19 +1,17 @@
 import "./style.css";
-import { reactive as j, ref as V, watchEffect as $, resolveComponent as l, openBlock as h, createElementBlock as x, createElementVNode as v, createVNode as s, Fragment as ce, renderList as le, normalizeClass as ie, withModifiers as Q, toDisplayString as w, createCommentVNode as T, pushScopeId as ee, popScopeId as te, computed as C, watch as de, onMounted as pe, createBlock as R, withCtx as r, withDirectives as ue, vShow as me, createTextVNode as k, nextTick as _e } from "vue";
-import { Search as ge, Form as ye, Input as fe, Button as ve, FormItem as he, Checkbox as be, Switch as Ee, Tooltip as Re, RadioGroup as Ce, Radio as Te, Tabs as Ve, TabItem as Se } from "@opentiny/vue";
-import { PluginSetting as Ue, VueMonaco as ke, SvgButton as ne, PluginPanel as Ie, LinkButton as xe } from "@opentiny/tiny-engine-common";
-import { useApp as S, useResource as N, useNotify as B, useModal as we, getGlobalConfig as Ne, useHelp as Be } from "@opentiny/tiny-engine-controller";
-import { isVsCodeEnv as oe } from "@opentiny/tiny-engine-common/js/environments";
-import { updateUtils as X, deleteUtils as Oe } from "@opentiny/tiny-engine-canvas";
-import { useHttp as Pe } from "@opentiny/tiny-engine-http";
-import { generateBridge as Le, generateUtil as Fe } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
-import { iconUnknow as Ae } from "@opentiny/vue-icon";
-import { theme as De } from "@opentiny/tiny-engine-controller/adapter";
-const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${t}&category=${n}`), Ge = (t) => P.post("/app-center/api/apps/extension/create", t), Me = (t) => P.post("/app-center/api/apps/extension/update", t), qe = (t) => P.get(`/app-center/api/apps/extension/delete?${t}`), ze = (t) => {
-  P.get(`/app-center/api/apps/schema/${t}`).then((n) => {
-    Le(n.bridge), Fe(n.utils);
+import { reactive as j, ref as T, watchEffect as X, resolveComponent as i, openBlock as h, createElementBlock as L, createElementVNode as f, createVNode as s, withCtx as l, Fragment as ae, renderList as se, normalizeClass as re, withModifiers as K, toDisplayString as w, computed as C, watch as le, onMounted as ie, createBlock as R, withDirectives as ce, vShow as de, createTextVNode as S, createCommentVNode as U, nextTick as pe } from "vue";
+import { Search as ue, Form as me, Input as ge, Button as _e, FormItem as ye, Checkbox as fe, Switch as ve, Tooltip as he, RadioGroup as be, Radio as Ee, Tabs as Re, TabItem as Ce } from "@opentiny/vue";
+import { SearchEmpty as Te, PluginSetting as Ve, VueMonaco as Se, SvgButton as Z, PluginPanel as Ue, LinkButton as ke } from "@opentiny/tiny-engine-common";
+import { useApp as x, useCanvas as $, useResource as I, useNotify as N, useModal as xe, getMergeMeta as we, useHelp as Ie } from "@opentiny/tiny-engine-meta-register";
+import { isVsCodeEnv as ee } from "@opentiny/tiny-engine-common/js/environments";
+import { useHttp as Ne } from "@opentiny/tiny-engine-http";
+import { generateBridge as Be, generateUtil as Oe } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
+import { iconSearch as Pe, iconUnknow as Le } from "@opentiny/vue-icon";
+const O = Ne(), Ae = (n, t) => O.get(`/app-center/api/apps/extension/list?app=${n}&category=${t}`), Fe = (n) => O.post("/app-center/api/apps/extension/create", n), De = (n) => O.post("/app-center/api/apps/extension/update", n), Me = (n) => O.get(`/app-center/api/apps/extension/delete?${n}`), Ye = (n) => {
+  O.get(`/app-center/api/apps/schema/${n}`).then((t) => {
+    Be(t.bridge), Oe(t.utils);
   });
-}, i = j({
+}, d = j({
   actionType: "",
   type: "",
   category: "",
@@ -21,8 +19,8 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
   resources: [],
   resourceNames: {},
   refresh: !1,
-  id: S().appInfoState.selectedId
-}), Z = {
+  id: ""
+}), Q = {
   name: "",
   type: "npm",
   content: {
@@ -33,7 +31,7 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
     destructuring: !0,
     main: ""
   }
-}, He = {
+}, qe = {
   name: "",
   type: "function",
   content: {
@@ -43,66 +41,69 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
 }, E = {
   Util: "utils",
   Bridge: "bridge"
-}, F = {
+}, A = {
   Npm: "npm",
   Function: "function"
-}, je = {
+}, Ge = {
   [E.Util]: "新建工具类",
   [E.Bridge]: "新建桥接源"
-}, O = {
+}, B = {
   Read: "read",
   Edit: "edit"
-}, Je = (t) => i.resourceNames[t], We = (t, n) => {
-  i.resourceNames[t] = n;
-}, Ke = (t) => {
-  const n = S().appInfoState.selectedId;
-  return Ye(n, t);
-}, M = () => i.actionType, D = (t) => {
-  i.actionType = t;
-}, Qe = () => i.resource, Y = (t = Z) => {
-  t || (t = i.category === F.Function ? He : Z), i.resource = t;
-}, A = () => i.type, q = (t) => {
-  i.type = t;
-}, z = (t) => {
-  i.category = t;
-}, G = () => i.category, H = (...t) => {
-  oe && ze(...t);
-}, Xe = (t, n, d) => {
-  M() === O.Edit ? (t.id = i.resource.id, Me(t).then((e) => {
-    if (e) {
-      const o = N().resState[t.category].findIndex((g) => g.name === e.name);
-      N().resState[t.category][o] = e, X([e]), H(S().appInfoState.selectedId), B({
+}, ze = (n) => d.resourceNames[n], He = (n, t) => {
+  d.resourceNames[n] = t;
+}, je = (n) => {
+  const t = x().appInfoState.selectedId;
+  return Ae(t, n);
+}, q = () => d.actionType, D = (n) => {
+  d.actionType = n;
+}, Je = () => d.resource, M = (n = Q) => {
+  n || (n = d.category === A.Function ? qe : Q), d.resource = n;
+}, F = () => d.type, G = (n) => {
+  d.type = n;
+}, z = (n) => {
+  d.category = n;
+}, Y = () => d.category, H = (...n) => {
+  ee && Ye(...n);
+}, We = (n, t, p) => {
+  const { updateUtils: e } = $().canvasApi.value;
+  q() === B.Edit ? (n.id = d.resource.id, De(n).then((o) => {
+    if (o) {
+      const _ = I().resState[n.category].findIndex((m) => m.name === o.name);
+      I().resState[n.category][_] = o, e([o]), H(x().appInfoState.selectedId), N({
         type: "success",
         message: "修改成功"
-      }), d("refresh", i.type), i.refresh = !0, n();
+      }), p("refresh", d.type), d.refresh = !0, t();
     }
-  })) : Ge(t).then((e) => {
-    e && (N().resState[t.category].push(e), X([e]), H(S().appInfoState.selectedId), B({
+  })) : Fe(n).then((o) => {
+    o && (I().resState[n.category].push(o), e([o]), H(x().appInfoState.selectedId), N({
       type: "success",
       message: "创建成功"
-    }), d("refresh", i.type), i.refresh = !0, n());
+    }), p("refresh", d.type), d.refresh = !0, t());
   });
-}, Ze = (t, n, d) => {
-  var o;
-  const e = `app=${S().appInfoState.selectedId}&id=${(o = i.resource) == null ? void 0 : o.id}`;
-  qe(e).then((g) => {
-    if (g) {
-      const y = N().resState[i.type].findIndex((f) => f.name === g.name);
-      N().resState[i.type].splice(y, 1), Oe([g]), H(S().appInfoState.selectedId), B({
+}, Ke = (n, t, p) => {
+  var _;
+  const e = `app=${x().appInfoState.selectedId}&id=${(_ = d.resource) == null ? void 0 : _.id}`, { deleteUtils: o } = $().canvasApi.value;
+  Me(e).then((m) => {
+    if (m) {
+      const v = I().resState[d.type].findIndex((y) => y.name === m.name);
+      I().resState[d.type].splice(v, 1), o([m]), H(x().appInfoState.selectedId), N({
         type: "success",
         message: "删除成功"
-      }), d("refresh", i.type), i.refresh = !0, n();
+      }), p("refresh", d.type), d.refresh = !0, t();
     }
   });
 };
-const J = (t, n) => {
-  const d = t.__vccOpts || t;
-  for (const [e, o] of n)
-    d[e] = o;
-  return d;
-}, $e = {
+const J = (n, t) => {
+  const p = n.__vccOpts || n;
+  for (const [e, o] of t)
+    p[e] = o;
+  return p;
+}, Qe = {
   components: {
-    TinySearch: ge
+    TinySearch: ue,
+    TinyIconSearch: Pe(),
+    SearchEmpty: Te
   },
   props: {
     name: {
@@ -111,158 +112,151 @@ const J = (t, n) => {
     }
   },
   emits: ["open"],
-  setup(t, { emit: n }) {
-    const d = V([]), e = j({
+  setup(n, { emit: t }) {
+    const p = T([]), e = j({
       resourceList: [],
       activeIndex: -1,
       searchValue: ""
-    }), o = (a = e.resourceList, u = e.searchValue) => a.filter((c) => c.name.toLowerCase().indexOf(u.toLowerCase()) > -1), g = async (a) => {
-      e.resourceList = await Ke(a), We(
+    }), o = (a = e.resourceList, c = e.searchValue) => a.filter((r) => r.name.toLowerCase().indexOf(c.toLowerCase()) > -1), _ = async (a) => {
+      e.resourceList = await je(a), He(
         a,
-        Array.isArray(e.resourceList) ? e.resourceList.map((u) => u.name) : []
-      ), d.value = o(e.resourceList);
+        Array.isArray(e.resourceList) ? e.resourceList.map((c) => c.name) : []
+      ), p.value = o(e.resourceList);
     };
-    return $(async () => {
-      g(t.name);
+    return X(async () => {
+      _(n.name);
     }), {
       state: e,
-      list: d,
+      list: p,
       add: (a) => {
-        D(""), q(t.name), Y(""), z(a), n("open");
+        D(""), G(n.name), M(""), z(a), t("open");
       },
-      openRead: (a, u) => {
-        e.activeIndex = u, Y(a), D(O.Edit), n("open");
+      openRead: (a, c) => {
+        e.activeIndex = c, M(a), D(B.Edit), t("open");
       },
-      openEdit: (a, u) => {
-        e.activeIndex = u, Y(a), D(O.Edit), q(t.name), z(a.type), n("open");
+      openEdit: (a, c) => {
+        e.activeIndex = c, M(a), D(B.Edit), G(n.name), z(a.type), t("open");
       },
-      refresh: g,
-      getType: A,
+      refresh: _,
+      getType: F,
       RESOURCE_TYPE: E,
       searchBridgeData: (a) => {
-        d.value = o(e.resourceList, a);
+        p.value = o(e.resourceList, a);
       }
     };
   }
-}, et = (t) => (ee("data-v-70da6acf"), t = t(), te(), t), tt = { class: "manage-panel" }, nt = { class: "manage-panel-search" }, ot = { class: "list" }, at = ["onClick"], st = { class: "item-label" }, rt = {
-  key: 0,
-  class: "empty-wrap"
-}, ct = /* @__PURE__ */ et(() => /* @__PURE__ */ v("p", { class: "empty-text" }, "暂无数据", -1));
-function lt(t, n, d, e, o, g) {
-  const y = l("tiny-search"), f = l("svg-icon");
-  return h(), x("div", tt, [
-    v("div", nt, [
-      s(y, {
+}, Xe = { class: "manage-panel" }, Ze = { class: "manage-panel-search" }, $e = { class: "list" }, et = ["onClick"], tt = { class: "item-label" };
+function nt(n, t, p, e, o, _) {
+  const m = i("tiny-icon-search"), v = i("tiny-search"), y = i("svg-icon"), b = i("search-empty");
+  return h(), L("div", Xe, [
+    f("div", Ze, [
+      s(v, {
         modelValue: e.state.searchValue,
         "onUpdate:modelValue": [
-          n[0] || (n[0] = (_) => e.state.searchValue = _),
+          t[0] || (t[0] = (a) => e.state.searchValue = a),
           e.searchBridgeData
         ],
         clearable: "",
         placeholder: "请输入关键字搜索"
-      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+      }, {
+        prefix: l(() => [
+          s(m)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onUpdate:modelValue"])
     ]),
-    v("div", ot, [
-      (h(!0), x(ce, null, le(e.list, (_, b) => (h(), x("div", {
-        key: _.name,
-        class: ie(["list-item", b === e.state.activeIndex ? "active" : ""]),
-        onClick: Q((a) => e.openEdit(_, b), ["stop"])
+    f("div", $e, [
+      (h(!0), L(ae, null, se(e.list, (a, c) => (h(), L("div", {
+        key: a.name,
+        class: re(["list-item", c === e.state.activeIndex ? "active" : ""]),
+        onClick: K((r) => e.openEdit(a, c), ["stop"])
       }, [
-        s(f, { name: "resources" }),
-        v("div", st, w(_.name), 1),
-        s(f, {
+        s(y, { name: "resources" }),
+        f("div", tt, w(a.name), 1),
+        s(y, {
           class: "setting-icon",
           name: "setting",
-          onClick: Q((a) => e.openEdit(_, b), ["stop"])
+          onClick: K((r) => e.openEdit(a, c), ["stop"])
         }, null, 8, ["onClick"])
-      ], 10, at))), 128)),
-      e.list.length ? T("", !0) : (h(), x("div", rt, [
-        s(f, {
-          class: "empty-icon",
-          name: "empty"
-        }),
-        ct
-      ]))
+      ], 10, et))), 128)),
+      s(b, {
+        isShow: !e.list.length
+      }, null, 8, ["isShow"])
     ])
   ]);
 }
-const it = /* @__PURE__ */ J($e, [["render", lt], ["__scopeId", "data-v-70da6acf"]]);
-const W = V(!1), dt = () => {
-  W.value = !0, _e(() => window.dispatchEvent(new Event("resize")));
-}, I = () => {
+const ot = /* @__PURE__ */ J(Qe, [["render", nt], ["__scopeId", "data-v-ddac9b90"]]);
+const W = T(!1), at = () => {
+  W.value = !0, pe(() => window.dispatchEvent(new Event("resize")));
+}, k = () => {
   W.value = !1;
-}, pt = {
+}, st = {
   components: {
-    TinyForm: ye,
-    TinyInput: fe,
-    TinyButton: ve,
-    TinyFormItem: he,
-    TinyCheckbox: be,
-    PluginSetting: Ue,
-    TinySwitch: Ee,
-    MonacoEditor: ke,
-    IconUnknow: Ae(),
-    TinyTooltip: Re,
-    TinyRadioGroup: Ce,
-    TinyRadio: Te,
-    SvgButton: ne
+    TinyForm: me,
+    TinyInput: ge,
+    TinyButton: _e,
+    TinyFormItem: ye,
+    TinyCheckbox: fe,
+    PluginSetting: Ve,
+    TinySwitch: ve,
+    MonacoEditor: Se,
+    IconUnknow: Le(),
+    TinyTooltip: he,
+    TinyRadioGroup: be,
+    TinyRadio: Ee,
+    SvgButton: Z
   },
-  setup(t, { emit: n }) {
-    const d = {
-      theme: De(),
-      roundedSelection: !0,
-      automaticLayout: !0,
-      autoIndent: !0,
-      formatOnPaste: !0,
+  setup(n, { emit: t }) {
+    const p = {
       language: "javascript",
       mouseStyle: "default",
       minimap: { enabled: !1 },
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = we(), o = j({
-      resource: C(() => Qe()),
+    }, { confirm: e } = xe(), o = j({
+      resource: C(() => Je()),
       name: "",
       value: "",
       content: {},
-      status: C(() => M() === O.Edit),
-      category: C(() => G() === F.Npm),
+      status: C(() => q() === B.Edit),
+      category: C(() => Y() === A.Npm),
       mode: C(() => {
-        var c;
-        return ((c = Ne()) == null ? void 0 : c.dslMode) !== "Vue";
+        var r;
+        return ((r = we("engine.config")) == null ? void 0 : r.dslMode) !== "Vue";
       }),
       isInstance: !1,
       title: C(() => {
-        const c = M() === O.Edit ? "编辑" : "添加", m = A() === E.Bridge ? "桥接源" : "工具类";
-        return c + m;
+        const r = q() === B.Edit ? "编辑" : "添加", g = F() === E.Bridge ? "桥接源" : "工具类";
+        return r + g;
       }),
-      type: F.Npm
-    }), g = C(() => {
-      const c = o.name || "name";
-      let m = c;
-      o.content.destructuring && (o.name && o.name === o.content.exportName ? m = `{ ${o.content.exportName || "exportName"} }` : m = `{ ${o.content.exportName || "exportName"} as ${c} }`);
-      const U = `${o.content.package || "package"}${o.content.main || ""}`;
-      return `import ${m} from '${U}'
-export { ${c} }`;
+      type: A.Npm
+    }), _ = C(() => {
+      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 V = `${o.content.package || "package"}${o.content.main || ""}`;
+      return `import ${g} from '${V}'
+export { ${r} }`;
     });
-    $(() => {
-      var c, m;
-      o.name = o.resource.name, o.content = o.resource.content || {}, o.value = ((m = (c = o.resource) == null ? void 0 : c.content) == null ? void 0 : m.value) || "", o.type = G();
-    }), de(
+    X(() => {
+      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 = Y();
+    }), le(
       () => o.isInstance,
-      (c) => {
-        c || (o.content.instance = "");
+      (r) => {
+        r || (o.content.instance = "");
       }
     );
-    const y = V(null), f = V(null);
-    return pe(() => window.dispatchEvent(new Event("resize"))), {
+    const m = T(null), v = T(null);
+    return ie(() => window.dispatchEvent(new Event("resize"))), {
       rules: {
         name: [
           { required: !0, message: "必填", trigger: "change" },
           {
-            validator: (c, m, U) => {
-              const L = Je(A());
-              Array.isArray(L) && L.includes(m) ? U(new Error("资源名称已存在")) : U();
+            validator: (r, g, V) => {
+              const P = ze(F());
+              Array.isArray(P) && P.includes(g) ? V(new Error("资源名称已存在")) : V();
             },
             trigger: "change"
           }
@@ -271,39 +265,39 @@ export { ${c} }`;
         "content.exportName": [{ required: !0, message: "必填", trigger: "change" }],
         "content.instanceName": { required: !0, message: "必填", trigger: "change" }
       },
-      resourceForm: f,
-      editor: y,
+      resourceForm: v,
+      editor: m,
       state: o,
-      codePreview: g,
+      codePreview: _,
       isOpen: W,
-      closePanel: I,
+      closePanel: k,
       save: () => {
-        const c = {
-          category: A(),
-          type: G(),
+        const r = {
+          category: F(),
+          type: Y(),
           name: o.name,
-          app: S().appInfoState.selectedId,
+          app: x().appInfoState.selectedId,
           content: o.category ? o.content : {
             type: "JSFunction",
-            value: y.value.getEditor().getValue()
+            value: m.value.getEditor().getValue()
           }
         };
-        f.value.validate((m) => {
-          if (!m) {
-            B({
+        v.value.validate((g) => {
+          if (!g) {
+            N({
               type: "error",
               message: "请检查必填项"
             });
             return;
           }
-          if (!o.category && !y.value.getEditor().getValue()) {
-            B({
+          if (!o.category && !m.value.getEditor().getValue()) {
+            N({
               type: "error",
               message: "function 内容必填"
             });
             return;
           }
-          Xe(c, I, n);
+          We(r, k, t);
         });
       },
       deleteReSource: () => {
@@ -311,54 +305,54 @@ export { ${c} }`;
           title: "删除资源",
           message: "如果删除正在使用的资源，将无法正常预览页面，确认要删除吗？",
           exec: () => {
-            Ze(o.name, I, n);
+            Ke(o.name, k, t);
           }
         });
       },
-      options: d,
-      handleChangeType: (c) => {
-        z(c);
+      options: p,
+      handleChangeType: (r) => {
+        z(r);
       },
-      RESOURCE_CATEGORY: F
+      RESOURCE_CATEGORY: A
     };
   }
-}, K = (t) => (ee("data-v-46796b24"), t = t(), te(), t), ut = { class: "title-wrap" }, mt = { class: "header-wrap" }, _t = { class: "right-item" }, gt = { key: 2 }, yt = { class: "cdn-label-wrap" }, ft = /* @__PURE__ */ K(() => /* @__PURE__ */ v("span", null, "CDN", -1)), vt = { class: "code-preview" }, ht = /* @__PURE__ */ K(() => /* @__PURE__ */ v("span", { class: "pre-title" }, "生成的", -1)), bt = /* @__PURE__ */ K(() => /* @__PURE__ */ v("span", { class: "pre-title" }, "代码预览", -1));
-function Et(t, n, d, e, o, g) {
-  const y = l("svg-button"), f = l("tiny-button"), _ = l("tiny-radio"), b = l("tiny-radio-group"), a = l("tiny-form-item"), u = l("tiny-input"), c = l("tiny-switch"), m = l("tiny-checkbox"), U = l("icon-unknow"), L = l("tiny-tooltip"), ae = l("monaco-editor"), se = l("tiny-form"), re = l("plugin-setting");
-  return e.isOpen ? (h(), R(re, { key: 0 }, {
-    title: r(() => [
-      v("div", ut, [
-        v("span", null, w(e.state.title), 1)
+}, rt = { class: "title-wrap" }, lt = { class: "header-wrap" }, it = { class: "right-item" }, ct = { key: 2 }, dt = { class: "cdn-label-wrap" }, pt = { class: "code-preview" };
+function ut(n, t, p, e, o, _) {
+  const m = i("svg-button"), v = i("tiny-button"), y = i("tiny-radio"), b = i("tiny-radio-group"), a = i("tiny-form-item"), c = i("tiny-input"), r = i("tiny-switch"), g = i("tiny-checkbox"), V = i("icon-unknow"), P = i("tiny-tooltip"), te = i("monaco-editor"), ne = i("tiny-form"), oe = i("plugin-setting");
+  return e.isOpen ? (h(), R(oe, { key: 0 }, {
+    title: l(() => [
+      f("div", rt, [
+        f("span", null, w(e.state.title), 1)
       ])
     ]),
-    header: r(() => [
-      v("div", mt, [
-        ue(s(y, {
+    header: l(() => [
+      f("div", lt, [
+        ce(s(m, {
           class: "delete-btn",
           name: "delete",
           onClick: e.deleteReSource
         }, null, 8, ["onClick"]), [
-          [me, e.state.status]
+          [de, e.state.status]
         ]),
-        s(f, {
+        s(v, {
           class: "save-btn",
           type: "primary",
           onClick: e.save
         }, {
-          default: r(() => [
-            k("保存")
-          ]),
+          default: l(() => t[10] || (t[10] = [
+            S("保存")
+          ])),
           _: 1
         }, 8, ["onClick"]),
-        s(y, {
+        s(m, {
           class: "close-btn",
           name: "close",
           onClick: e.closePanel
         }, null, 8, ["onClick"])
       ])
     ]),
-    content: r(() => [
-      s(se, {
+    content: l(() => [
+      s(ne, {
         ref: "resourceForm",
         class: "resource-form",
         rules: e.rules,
@@ -368,34 +362,34 @@ function Et(t, n, d, e, o, g) {
         "label-position": "left",
         "label-align": !0
       }, {
-        default: r(() => [
-          v("div", _t, [
-            e.state.status ? T("", !0) : (h(), R(a, {
+        default: l(() => [
+          f("div", it, [
+            e.state.status ? U("", !0) : (h(), R(a, {
               key: 0,
               label: "工具类型",
               prop: "type"
             }, {
-              default: r(() => [
+              default: l(() => [
                 s(b, {
                   modelValue: e.state.type,
-                  "onUpdate:modelValue": n[0] || (n[0] = (p) => e.state.type = p),
+                  "onUpdate:modelValue": t[0] || (t[0] = (u) => e.state.type = u),
                   class: "resource-type-radio-group",
                   onChange: e.handleChangeType
                 }, {
-                  default: r(() => [
-                    s(_, {
+                  default: l(() => [
+                    s(y, {
                       label: e.RESOURCE_CATEGORY.Npm
                     }, {
-                      default: r(() => [
-                        k(w(e.RESOURCE_CATEGORY.Npm), 1)
+                      default: l(() => [
+                        S(w(e.RESOURCE_CATEGORY.Npm), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    s(_, {
+                    s(y, {
                       label: e.RESOURCE_CATEGORY.Function
                     }, {
-                      default: r(() => [
-                        k(w(e.RESOURCE_CATEGORY.Function), 1)
+                      default: l(() => [
+                        S(w(e.RESOURCE_CATEGORY.Function), 1)
                       ]),
                       _: 1
                     }, 8, ["label"])
@@ -405,29 +399,29 @@ function Et(t, n, d, e, o, g) {
               ]),
               _: 1
             })),
-            e.state.status ? T("", !0) : (h(), R(a, {
+            e.state.status ? U("", !0) : (h(), R(a, {
               key: 1,
               label: "名称",
               prop: "name"
             }, {
-              default: r(() => [
-                s(u, {
+              default: l(() => [
+                s(c, {
                   modelValue: e.state.name,
-                  "onUpdate:modelValue": n[1] || (n[1] = (p) => e.state.name = p),
+                  "onUpdate:modelValue": t[1] || (t[1] = (u) => e.state.name = u),
                   placeholder: "请输入工具类名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             })),
-            e.state.category ? (h(), x("div", gt, [
+            e.state.category ? (h(), L("div", ct, [
               s(a, {
                 label: "包名",
                 prop: "content.package"
               }, {
-                default: r(() => [
-                  s(u, {
+                default: l(() => [
+                  s(c, {
                     modelValue: e.state.content.package,
-                    "onUpdate:modelValue": n[2] || (n[2] = (p) => e.state.content.package = p),
+                    "onUpdate:modelValue": t[2] || (t[2] = (u) => e.state.content.package = u),
                     placeholder: "请输入npm包名称"
                   }, null, 8, ["modelValue"])
                 ]),
@@ -437,20 +431,20 @@ function Et(t, n, d, e, o, g) {
                 label: "导出名称",
                 prop: "content.exportName"
               }, {
-                default: r(() => [
-                  s(u, {
+                default: l(() => [
+                  s(c, {
                     modelValue: e.state.content.exportName,
-                    "onUpdate:modelValue": n[3] || (n[3] = (p) => e.state.content.exportName = p),
+                    "onUpdate:modelValue": t[3] || (t[3] = (u) => e.state.content.exportName = u),
                     placeholder: "请输入npm包的导出名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "是否解构" }, {
-                default: r(() => [
-                  s(c, {
+                default: l(() => [
+                  s(r, {
                     modelValue: e.state.content.destructuring,
-                    "onUpdate:modelValue": n[4] || (n[4] = (p) => e.state.content.destructuring = p)
+                    "onUpdate:modelValue": t[4] || (t[4] = (u) => e.state.content.destructuring = u)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
@@ -459,83 +453,83 @@ function Et(t, n, d, e, o, g) {
                 key: 0,
                 label: "是否作为实例"
               }, {
-                default: r(() => [
-                  s(m, {
+                default: l(() => [
+                  s(g, {
                     modelValue: e.state.isInstance,
-                    "onUpdate:modelValue": n[5] || (n[5] = (p) => e.state.isInstance = p)
+                    "onUpdate:modelValue": t[5] || (t[5] = (u) => e.state.isInstance = u)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : T("", !0),
+              })) : U("", !0),
               e.state.isInstance ? (h(), R(a, {
                 key: 1,
                 label: "实例名称",
                 prop: "content.instanceName"
               }, {
-                default: r(() => [
-                  s(u, {
+                default: l(() => [
+                  s(c, {
                     modelValue: e.state.content.instance,
-                    "onUpdate:modelValue": n[6] || (n[6] = (p) => e.state.content.instance = p)
+                    "onUpdate:modelValue": t[6] || (t[6] = (u) => e.state.content.instance = u)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : T("", !0),
+              })) : U("", !0),
               s(a, { label: "入口路径" }, {
-                default: r(() => [
-                  s(u, {
+                default: l(() => [
+                  s(c, {
                     modelValue: e.state.content.main,
-                    "onUpdate:modelValue": n[7] || (n[7] = (p) => e.state.content.main = p),
+                    "onUpdate:modelValue": t[7] || (t[7] = (u) => e.state.content.main = u),
                     placeholder: "main"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "版本号" }, {
-                default: r(() => [
-                  s(u, {
+                default: l(() => [
+                  s(c, {
                     modelValue: e.state.content.version,
-                    "onUpdate:modelValue": n[8] || (n[8] = (p) => e.state.content.version = p),
+                    "onUpdate:modelValue": t[8] || (t[8] = (u) => e.state.content.version = u),
                     placeholder: "latest"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, null, {
-                label: r(() => [
-                  v("div", yt, [
-                    ft,
-                    s(L, {
+                label: l(() => [
+                  f("div", dt, [
+                    t[11] || (t[11] = f("span", null, "CDN", -1)),
+                    s(P, {
                       effect: "dark",
                       content: "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败",
                       placement: "top"
                     }, {
-                      default: r(() => [
-                        s(U, { class: "cdn-tips-icon" })
+                      default: l(() => [
+                        s(V, { class: "cdn-tips-icon" })
                       ]),
                       _: 1
                     })
                   ])
                 ]),
-                default: r(() => [
-                  s(u, {
+                default: l(() => [
+                  s(c, {
                     modelValue: e.state.content.cdnLink,
-                    "onUpdate:modelValue": n[9] || (n[9] = (p) => e.state.content.cdnLink = p),
+                    "onUpdate:modelValue": t[9] || (t[9] = (u) => e.state.content.cdnLink = u),
                     placeholder: "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              v("div", vt, [
-                v("pre", null, [
-                  k("// "),
-                  ht,
-                  k(" utils.js "),
-                  bt,
-                  k(`
+              f("div", pt, [
+                f("pre", null, [
+                  t[12] || (t[12] = S("// ")),
+                  t[13] || (t[13] = f("span", { class: "pre-title" }, "生成的", -1)),
+                  t[14] || (t[14] = S(" utils.js ")),
+                  t[15] || (t[15] = f("span", { class: "pre-title" }, "代码预览", -1)),
+                  S(`
 ` + w(e.codePreview), 1)
                 ])
               ])
-            ])) : (h(), R(ae, {
+            ])) : (h(), R(te, {
               key: 3,
               ref: "editor",
               value: e.state.value,
@@ -548,79 +542,79 @@ function Et(t, n, d, e, o, g) {
       }, 8, ["rules", "model"])
     ]),
     _: 1
-  })) : T("", !0);
+  })) : U("", !0);
 }
-const Rt = /* @__PURE__ */ J(pt, [["render", Et], ["__scopeId", "data-v-46796b24"]]);
-const Ct = {
+const mt = /* @__PURE__ */ J(st, [["render", ut], ["__scopeId", "data-v-b13edd83"]]);
+const gt = {
   components: {
-    TinyTabs: Ve,
-    TinyTabItem: Se,
-    PluginPanel: Ie,
-    SvgButton: ne,
-    BridgeManage: it,
-    BridgeSetting: Rt,
-    LinkButton: xe
+    TinyTabs: Re,
+    TinyTabItem: Ce,
+    PluginPanel: Ue,
+    SvgButton: Z,
+    BridgeManage: ot,
+    BridgeSetting: mt,
+    LinkButton: ke
   },
   setup() {
-    const t = V(E.Util), n = V(null), d = V(null), e = C(() => je[t.value]), o = Be().getDocsUrl("bridge");
+    const n = T(E.Util), t = T(null), p = T(null), e = C(() => Ge[n.value]), o = Ie().getDocsUrl("bridge");
     return {
       addResource: (a) => {
-        t.value === E.Util ? d.value.add(a) : n.value.add(a);
+        n.value === E.Util ? p.value.add(a) : t.value.add(a);
       },
       RESOURCE_TYPE: E,
-      activedName: t,
+      activedName: n,
       switchTab: (a) => {
-        I(), q(a.name);
+        k(), G(a.name);
       },
       openBridgePanel: () => {
-        dt();
+        at();
       },
-      closePanel: I,
+      closePanel: k,
       openUtilPanel: () => {
-        I();
+        k();
       },
       refreshList: (a) => {
-        a === E.Util ? d.value.refresh(a) : n.value.refresh(a);
+        a === E.Util ? p.value.refresh(a) : t.value.refresh(a);
       },
-      bridge: n,
+      bridge: t,
       docsUrl: o,
-      utilsRef: d,
+      utilsRef: p,
       tips: e,
-      isVsCodeEnv: oe
+      isVsCodeEnv: ee
     };
   }
 };
-function Tt(t, n, d, e, o, g) {
-  const y = l("link-button"), f = l("svg-button"), _ = l("bridge-manage"), b = l("tiny-tab-item"), a = l("tiny-tabs"), u = l("bridge-setting"), c = l("plugin-panel");
-  return h(), R(c, {
+function _t(n, t, p, e, o, _) {
+  const m = i("link-button"), v = i("svg-button"), y = i("bridge-manage"), b = i("tiny-tab-item"), a = i("tiny-tabs"), c = i("bridge-setting"), r = i("plugin-panel");
+  return h(), R(r, {
     title: "资源管理",
     isCloseLeft: !1,
     onClose: e.closePanel
   }, {
-    header: r(() => [
-      s(y, { href: e.docsUrl }, null, 8, ["href"]),
-      s(f, {
+    header: l(() => [
+      s(m, { href: e.docsUrl }, null, 8, ["href"]),
+      s(v, {
         name: "add-utils",
         placement: "left",
         tips: e.tips,
-        onClick: n[0] || (n[0] = (m) => e.addResource("npm"))
+        onClick: t[0] || (t[0] = (g) => e.addResource("npm"))
       }, null, 8, ["tips"])
     ]),
-    content: r(() => [
+    content: l(() => [
       s(a, {
         modelValue: e.activedName,
-        "onUpdate:modelValue": n[1] || (n[1] = (m) => e.activedName = m),
+        "onUpdate:modelValue": t[1] || (t[1] = (g) => e.activedName = g),
         class: "tabs full-width-tabs",
         "tab-style": "button-card",
         onClick: e.switchTab
       }, {
-        default: r(() => [
+        default: l(() => [
           s(b, {
             name: e.RESOURCE_TYPE.Util,
             title: "工具类"
           }, {
-            default: r(() => [
-              s(_, {
+            default: l(() => [
+              s(y, {
                 ref: "utilsRef",
                 name: e.RESOURCE_TYPE.Util,
                 onOpen: e.openBridgePanel
@@ -633,30 +627,33 @@ function Tt(t, n, d, e, o, g) {
             name: e.RESOURCE_TYPE.Bridge,
             title: "桥接源"
           }, {
-            default: r(() => [
-              s(_, {
+            default: l(() => [
+              s(y, {
                 ref: "bridge",
                 name: e.RESOURCE_TYPE.Bridge,
                 onOpen: e.openBridgePanel
               }, null, 8, ["name", "onOpen"])
             ]),
             _: 1
-          }, 8, ["name"])) : T("", !0)
+          }, 8, ["name"])) : U("", !0)
         ]),
         _: 1
       }, 8, ["modelValue", "onClick"]),
-      s(u, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
+      s(c, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
     ]),
     _: 1
   }, 8, ["onClose"]);
 }
-const Vt = /* @__PURE__ */ J(Ct, [["render", Tt], ["__scopeId", "data-v-e04eb86e"]]), Ft = {
-  id: "Bridge",
+const yt = /* @__PURE__ */ J(gt, [["render", _t], ["__scopeId", "data-v-22dde0d1"]]), ft = {
+  id: "engine.plugins.bridge",
   title: "资源管理",
-  icon: "plugin-icon-sresources",
+  type: "plugins",
   align: "top",
-  component: Vt
+  icon: "plugin-icon-sresources"
+}, Ut = {
+  ...ft,
+  entry: yt
 };
 export {
-  Ft as default
+  Ut as default
 };

package/dist/style.css

@@ -1 +1 @@
-.manage-panel[data-v-70da6acf]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-70da6acf]{padding:8px}.manage-panel .add-button[data-v-70da6acf]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-70da6acf]{flex:1;border-top:1px solid var(--ti-lowcode-tabs-border-color);overflow:auto}.manage-panel .list-item[data-v-70da6acf]{height:28px;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-70da6acf]:hover,.manage-panel .list-item.active[data-v-70da6acf]{background:var(--ti-lowcode-bridge-list-bg)}.manage-panel .list-item svg[data-v-70da6acf]{color:var(--ti-lowcode-toolbar-more-hover-color)}.plugin-setting[data-v-46796b24] .icon-wrap{margin-right:8px}.plugin-setting .resource-form[data-v-46796b24] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap .help-link[data-v-46796b24]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-46796b24]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-46796b24]{display:flex;align-items:center;column-gap:16px}.plugin-setting .header-wrap .delete-btn[data-v-46796b24]{color:var(--ti-lowcode-common-text-color-5)}.plugin-setting .header-wrap .delete-btn[data-v-46796b24]:hover{color:var(--ti-lowcode-common-primary-text-color)}.plugin-setting .monaco-editor[data-v-46796b24]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-46796b24]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-46796b24]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-46796b24]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-46796b24]{display:flex;align-items:center}.code-preview[data-v-46796b24]{font-size:14px;line-height:20px;margin-left:12px;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-46796b24]{font-family:Microsoft YaHei}.code-preview>pre[data-v-46796b24]{margin:0;padding:8px 20px;font-family:Consolas,Courier New,monospace}.tabs[data-v-e04eb86e]{height:calc(100% - 46px)}[data-v-e04eb86e] .tiny-tabs__header{padding:8px;border-bottom:1px solid var(--ti-lowcode-tabs-border-color)}[data-v-e04eb86e] .tiny-tabs__content{height:calc(100% - 45px);padding:0}[data-v-e04eb86e] .tiny-tabs__content>div{height:100%}[data-v-e04eb86e] .help-box{position:absolute;left:72px;top:3px}
+.manage-panel[data-v-ddac9b90]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-ddac9b90]{padding:8px}.manage-panel .add-button[data-v-ddac9b90]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-ddac9b90]{flex:1;border-top:1px solid var(--ti-lowcode-tabs-border-color);overflow:auto}.manage-panel .list-item[data-v-ddac9b90]{height:28px;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-ddac9b90]:hover,.manage-panel .list-item.active[data-v-ddac9b90]{background:var(--ti-lowcode-bridge-list-bg)}.manage-panel .list-item svg[data-v-ddac9b90]{color:var(--ti-lowcode-toolbar-more-hover-color)}.plugin-setting[data-v-b13edd83] .icon-wrap{margin-right:8px}.plugin-setting .resource-form[data-v-b13edd83] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap .help-link[data-v-b13edd83]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-b13edd83]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-b13edd83]{display:flex;align-items:center;column-gap:16px}.plugin-setting .header-wrap .delete-btn[data-v-b13edd83]{color:var(--ti-lowcode-common-text-color-5)}.plugin-setting .header-wrap .delete-btn[data-v-b13edd83]:hover{color:var(--ti-lowcode-common-primary-text-color)}.plugin-setting .monaco-editor[data-v-b13edd83]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-b13edd83]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-b13edd83]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-b13edd83]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-b13edd83]{display:flex;align-items:center}.code-preview[data-v-b13edd83]{font-size:14px;line-height:20px;margin-left:12px;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-b13edd83]{font-family:Microsoft YaHei}.code-preview>pre[data-v-b13edd83]{margin:0;padding:8px 20px;font-family:Consolas,Courier New,monospace}.tabs[data-v-22dde0d1]{height:calc(100% - 46px)}[data-v-22dde0d1] .tiny-tabs__header{padding:8px;border-bottom:1px solid var(--ti-lowcode-tabs-border-color)}[data-v-22dde0d1] .tiny-tabs__content{height:calc(100% - 45px);padding:0;margin:0}[data-v-22dde0d1] .tiny-tabs__content>div{height:100%}[data-v-22dde0d1] .help-box{position:absolute;left:72px;top:3px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-plugin-bridge",
-  "version": "1.0.3",
+  "version": "2.0.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -24,20 +24,20 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-canvas": "1.0.3",
-    "@opentiny/tiny-engine-common": "1.0.2",
-    "@opentiny/tiny-engine-controller": "1.0.3",
-    "@opentiny/tiny-engine-http": "1.0.2",
-    "@opentiny/vue": "~3.10.0",
-    "@opentiny/vue-icon": "~3.10.0"
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.1",
+    "@opentiny/tiny-engine-http": "2.0.0-alpha.1",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.1"
   },
   "devDependencies": {
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.1",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
   },
   "peerDependencies": {
+    "@opentiny/vue": "^3.14.0",
+    "@opentiny/vue-icon": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "9a6cce3988accb39c97a9a21169c022c65a8e27f"
+  "gitHead": "f15ccc5dde391288bf4297e3ffc35aab52651f3d"
 }