@opentiny/tiny-engine-plugin-bridge 1.0.4-alpha.0 → 2.0.0-alpha.2

package/dist/index.js

@@ -1,17 +1,15 @@
 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-controller/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-controller/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 x, watchEffect as X, resolveComponent as m, openBlock as h, createElementBlock as L, createElementVNode as f, createVNode as s, withCtx as c, Fragment as ee, renderList as te, normalizeClass as ne, withModifiers as W, toDisplayString as U, computed as E, watch as oe, onMounted as ae, createBlock as C, createTextVNode as O, withDirectives as se, vShow as re, createCommentVNode as T, nextTick as ce } from "vue";
+import { SearchEmpty as le, PluginSetting as ie, VueMonaco as de, SvgButton as Z, PluginPanel as pe } from "@opentiny/tiny-engine-common";
+import { useApp as b, useCanvas as $, useResource as k, useNotify as N, useModal as ue, getMergeMeta as me } from "@opentiny/tiny-engine-meta-register";
+import { isVsCodeEnv as ge } from "@opentiny/tiny-engine-common/js/environments";
+import { useHttp as _e } from "@opentiny/tiny-engine-http";
+import { generateBridge as ye, generateUtil as fe } from "@opentiny/tiny-engine-common/js/vscodeGenerateFile";
+import { Search as ve, Form as he, Input as Re, Button as Ee, FormItem as Ce, Checkbox as Ve, RadioGroup as Se, Radio as xe } from "@opentiny/vue";
+import { iconSearch as be } from "@opentiny/vue-icon";
+const B = _e(), Te = (n, t) => B.get(`/app-center/api/apps/extension/list?app=${n}&category=${t}`), Ue = (n) => B.post("/app-center/api/apps/extension/create", n), ke = (n) => B.post("/app-center/api/apps/extension/update", n), Ne = (n) => B.get(`/app-center/api/apps/extension/delete?${n}`), Ie = (n) => {
+  B.get(`/app-center/api/apps/schema/${n}`).then((t) => {
+    ye(t.bridge), fe(t.utils);
   });
 }, i = j({
   actionType: "",
@@ -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: ""
+}), K = {
   name: "",
   type: "npm",
   content: {
@@ -33,236 +31,229 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
     destructuring: !0,
     main: ""
   }
-}, He = {
+}, Be = {
   name: "",
   type: "function",
   content: {
     type: "JSFunction",
     value: ""
   }
-}, E = {
+}, V = {
   Util: "utils",
   Bridge: "bridge"
-}, F = {
+}, A = {
   Npm: "npm",
   Function: "function"
-}, je = {
-  [E.Util]: "新建工具类",
-  [E.Bridge]: "新建桥接源"
-}, O = {
+}, we = {
+  [V.Util]: "新建工具类",
+  [V.Bridge]: "新建桥接源"
+}, I = {
   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({
+}, Oe = (n) => i.resourceNames[n], Le = (n, t) => {
+  i.resourceNames[n] = t;
+}, Ae = (n) => {
+  const t = b().appInfoState.selectedId;
+  return Te(t, n);
+}, G = () => i.actionType, D = (n) => {
+  i.actionType = n;
+}, Fe = () => i.resource, M = (n = K) => {
+  n || (n = i.category === A.Function ? Be : K), i.resource = n;
+}, F = () => i.type, Q = (n) => {
+  i.type = n;
+}, Y = (n) => {
+  i.category = n;
+}, q = () => i.category, z = (...n) => {
+  ge && Ie(...n);
+}, Pe = (n, t, u) => {
+  const { updateUtils: e } = $().canvasApi.value;
+  G() === I.Edit ? (n.id = i.resource.id, ke(n).then((o) => {
+    if (o) {
+      const _ = k().resState[n.category].findIndex((l) => l.name === o.name);
+      k().resState[n.category][_] = o, e([o]), z(b().appInfoState.selectedId), N({
         type: "success",
         message: "修改成功"
-      }), d("refresh", i.type), i.refresh = !0, n();
+      }), u("refresh", i.type), i.refresh = !0, t();
     }
-  })) : Ge(t).then((e) => {
-    e && (N().resState[t.category].push(e), X([e]), H(S().appInfoState.selectedId), B({
+  })) : Ue(n).then((o) => {
+    o && (k().resState[n.category].push(o), e([o]), z(b().appInfoState.selectedId), N({
       type: "success",
       message: "创建成功"
-    }), d("refresh", i.type), i.refresh = !0, n());
+    }), u("refresh", i.type), i.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({
+}, De = (n, t, u) => {
+  var _;
+  const e = `app=${b().appInfoState.selectedId}&id=${(_ = i.resource) == null ? void 0 : _.id}`, { deleteUtils: o } = $().canvasApi.value;
+  Ne(e).then((l) => {
+    if (l) {
+      const y = k().resState[i.type].findIndex((v) => v.name === l.name);
+      k().resState[i.type].splice(y, 1), o([l]), z(b().appInfoState.selectedId), N({
         type: "success",
         message: "删除成功"
-      }), d("refresh", i.type), i.refresh = !0, n();
+      }), u("refresh", i.type), i.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 H = (n, t) => {
+  const u = n.__vccOpts || n;
+  for (const [e, o] of t)
+    u[e] = o;
+  return u;
+}, Me = {
   components: {
-    TinySearch: ge
+    TinySearch: ve,
+    TinyIconSearch: be(),
+    SearchEmpty: le
   },
   props: {
     name: {
       type: String,
-      default: E.Util
+      default: V.Util
     }
   },
   emits: ["open"],
-  setup(t, { emit: n }) {
-    const d = V([]), e = j({
+  setup(n, { emit: t }) {
+    const u = x([]), 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, d = e.searchValue) => a.filter((r) => r.name.toLowerCase().indexOf(d.toLowerCase()) > -1), _ = async (a) => {
+      e.resourceList = await Ae(a), Le(
         a,
-        Array.isArray(e.resourceList) ? e.resourceList.map((u) => u.name) : []
-      ), d.value = o(e.resourceList);
+        Array.isArray(e.resourceList) ? e.resourceList.map((d) => d.name) : []
+      ), u.value = o(e.resourceList);
     };
-    return $(async () => {
-      g(t.name);
+    return X(async () => {
+      _(n.name);
     }), {
       state: e,
-      list: d,
+      list: u,
       add: (a) => {
-        D(""), q(t.name), Y(""), z(a), n("open");
+        D(""), Q(n.name), M(""), Y(a), t("open");
       },
-      openRead: (a, u) => {
-        e.activeIndex = u, Y(a), D(O.Edit), n("open");
+      openRead: (a, d) => {
+        e.activeIndex = d, M(a), D(I.Edit), t("open");
       },
-      openEdit: (a, u) => {
-        e.activeIndex = u, Y(a), D(O.Edit), q(t.name), z(a.type), n("open");
+      openEdit: (a, d) => {
+        e.activeIndex = d, M(a), D(I.Edit), Q(n.name), Y(a.type), t("open");
       },
-      refresh: g,
-      getType: A,
-      RESOURCE_TYPE: E,
+      refresh: _,
+      getType: F,
+      RESOURCE_TYPE: V,
       searchBridgeData: (a) => {
-        d.value = o(e.resourceList, a);
+        u.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, [
+}, qe = { class: "manage-panel" }, Ge = { class: "manage-panel-search" }, Ye = { class: "list" }, ze = ["onClick"], je = { class: "item-label" };
+function He(n, t, u, e, o, _) {
+  const l = m("tiny-icon-search"), y = m("tiny-search"), v = m("svg-icon"), R = m("search-empty");
+  return h(), L("div", qe, [
+    f("div", Ge, [
       s(y, {
         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"])
+        placeholder: "搜索"
+      }, {
+        prefix: c(() => [
+          s(l)
+        ]),
+        _: 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", Ye, [
+      (h(!0), L(ee, null, te(e.list, (a, d) => (h(), L("div", {
+        key: a.name,
+        class: ne(["list-item", d === e.state.activeIndex ? "active" : ""]),
+        onClick: W((r) => e.openEdit(a, d), ["stop"])
       }, [
-        s(f, { name: "resources" }),
-        v("div", st, w(_.name), 1),
-        s(f, {
+        s(v, { name: "resources" }),
+        f("div", je, U(a.name), 1),
+        s(v, {
           class: "setting-icon",
           name: "setting",
-          onClick: Q((a) => e.openEdit(_, b), ["stop"])
+          onClick: W((r) => e.openEdit(a, d), ["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, ze))), 128)),
+      s(R, {
+        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 = () => {
-  W.value = !1;
-}, pt = {
+const Je = /* @__PURE__ */ H(Me, [["render", He], ["__scopeId", "data-v-c8f41500"]]);
+const J = x(!1), We = () => {
+  J.value = !0, ce(() => window.dispatchEvent(new Event("resize")));
+}, P = () => {
+  J.value = !1;
+}, Ke = {
   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: he,
+    TinyInput: Re,
+    TinyButton: Ee,
+    TinyFormItem: Ce,
+    TinyCheckbox: Ve,
+    PluginSetting: ie,
+    MonacoEditor: de,
+    TinyRadioGroup: Se,
+    TinyRadio: xe,
+    SvgButton: Z
   },
-  setup(t, { emit: n }) {
-    const d = {
-      theme: De(),
-      roundedSelection: !0,
-      automaticLayout: !0,
-      autoIndent: !0,
-      formatOnPaste: !0,
+  setup(n, { emit: t }) {
+    const u = {
       language: "javascript",
       mouseStyle: "default",
       minimap: { enabled: !1 },
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = we(), o = j({
-      resource: C(() => Qe()),
+    }, { confirm: e } = ue(), o = j({
+      resource: E(() => Fe()),
       name: "",
       value: "",
       content: {},
-      status: C(() => M() === O.Edit),
-      category: C(() => G() === F.Npm),
-      mode: C(() => {
-        var c;
-        return ((c = Ne()) == null ? void 0 : c.dslMode) !== "Vue";
+      status: E(() => G() === I.Edit),
+      category: E(() => q() === A.Npm),
+      mode: E(() => {
+        var r;
+        return ((r = me("engine.config")) == null ? void 0 : r.dslMode) !== "Vue";
       }),
       isInstance: !1,
-      title: C(() => {
-        const c = M() === O.Edit ? "编辑" : "添加", m = A() === E.Bridge ? "桥接源" : "工具类";
-        return c + m;
+      title: E(() => {
+        const r = G() === I.Edit ? "编辑" : "添加", g = F() === V.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
+    }), _ = E(() => {
+      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 S = `${o.content.package || "package"}${o.content.main || ""}`;
+      return `import ${g} from '${S}'
+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 = q();
+    }), oe(
       () => 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 l = x(null), y = x(null);
+    return ae(() => 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, S) => {
+              const w = Oe(F());
+              Array.isArray(w) && w.includes(g) ? S(new Error("资源名称已存在")) : S();
             },
             trigger: "change"
           }
@@ -271,39 +262,39 @@ export { ${c} }`;
         "content.exportName": [{ required: !0, message: "必填", trigger: "change" }],
         "content.instanceName": { required: !0, message: "必填", trigger: "change" }
       },
-      resourceForm: f,
-      editor: y,
+      resourceForm: y,
+      editor: l,
       state: o,
-      codePreview: g,
-      isOpen: W,
-      closePanel: I,
+      codePreview: _,
+      isOpen: J,
+      closePanel: P,
       save: () => {
-        const c = {
-          category: A(),
-          type: G(),
+        const r = {
+          category: F(),
+          type: q(),
           name: o.name,
-          app: S().appInfoState.selectedId,
+          app: b().appInfoState.selectedId,
           content: o.category ? o.content : {
             type: "JSFunction",
-            value: y.value.getEditor().getValue()
+            value: l.value.getEditor().getValue()
           }
         };
-        f.value.validate((m) => {
-          if (!m) {
-            B({
+        y.value.validate((g) => {
+          if (!g) {
+            N({
               type: "error",
               message: "请检查必填项"
             });
             return;
           }
-          if (!o.category && !y.value.getEditor().getValue()) {
-            B({
+          if (!o.category && !l.value.getEditor().getValue()) {
+            N({
               type: "error",
               message: "function 内容必填"
             });
             return;
           }
-          Xe(c, I, n);
+          Pe(r, P, t);
         });
       },
       deleteReSource: () => {
@@ -311,45 +302,45 @@ export { ${c} }`;
           title: "删除资源",
           message: "如果删除正在使用的资源，将无法正常预览页面，确认要删除吗？",
           exec: () => {
-            Ze(o.name, I, n);
+            De(o.name, P, t);
           }
         });
       },
-      options: d,
-      handleChangeType: (c) => {
-        z(c);
+      options: u,
+      handleChangeType: (r) => {
+        Y(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)
+}, Qe = { class: "title-wrap" }, Xe = { class: "header-wrap" }, Ze = { class: "right-item" }, $e = { key: 2 }, et = { class: "code-preview" };
+function tt(n, t, u, e, o, _) {
+  const l = m("tiny-button"), y = m("svg-button"), v = m("tiny-radio"), R = m("tiny-radio-group"), a = m("tiny-form-item"), d = m("tiny-input"), r = m("tiny-checkbox"), g = m("monaco-editor"), S = m("tiny-form"), w = m("plugin-setting");
+  return e.isOpen ? (h(), C(w, { key: 0 }, {
+    title: c(() => [
+      f("div", Qe, [
+        f("span", null, U(e.state.title), 1)
       ])
     ]),
-    header: r(() => [
-      v("div", mt, [
-        ue(s(y, {
-          class: "delete-btn",
-          name: "delete",
-          onClick: e.deleteReSource
-        }, null, 8, ["onClick"]), [
-          [me, e.state.status]
-        ]),
-        s(f, {
+    header: c(() => [
+      f("div", Xe, [
+        s(l, {
           class: "save-btn",
           type: "primary",
           onClick: e.save
         }, {
-          default: r(() => [
-            k("保存")
-          ]),
+          default: c(() => t[10] || (t[10] = [
+            O("保存")
+          ])),
           _: 1
         }, 8, ["onClick"]),
+        se(s(y, {
+          class: "delete-btn",
+          name: "delete",
+          onClick: e.deleteReSource
+        }, null, 8, ["onClick"]), [
+          [re, e.state.status]
+        ]),
         s(y, {
           class: "close-btn",
           name: "close",
@@ -357,45 +348,45 @@ function Et(t, n, d, e, o, g) {
         }, null, 8, ["onClick"])
       ])
     ]),
-    content: r(() => [
-      s(se, {
+    content: c(() => [
+      s(S, {
         ref: "resourceForm",
         class: "resource-form",
         rules: e.rules,
         model: e.state,
         "validate-type": "text",
         "inline-message": !0,
-        "label-position": "left",
+        "label-position": "top",
         "label-align": !0
       }, {
-        default: r(() => [
-          v("div", _t, [
-            e.state.status ? T("", !0) : (h(), R(a, {
+        default: c(() => [
+          f("div", Ze, [
+            e.state.status ? T("", !0) : (h(), C(a, {
               key: 0,
               label: "工具类型",
               prop: "type"
             }, {
-              default: r(() => [
-                s(b, {
+              default: c(() => [
+                s(R, {
                   modelValue: e.state.type,
-                  "onUpdate:modelValue": n[0] || (n[0] = (p) => e.state.type = p),
+                  "onUpdate:modelValue": t[0] || (t[0] = (p) => e.state.type = p),
                   class: "resource-type-radio-group",
                   onChange: e.handleChangeType
                 }, {
-                  default: r(() => [
-                    s(_, {
+                  default: c(() => [
+                    s(v, {
                       label: e.RESOURCE_CATEGORY.Npm
                     }, {
-                      default: r(() => [
-                        k(w(e.RESOURCE_CATEGORY.Npm), 1)
+                      default: c(() => [
+                        O(U(e.RESOURCE_CATEGORY.Npm), 1)
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    s(_, {
+                    s(v, {
                       label: e.RESOURCE_CATEGORY.Function
                     }, {
-                      default: r(() => [
-                        k(w(e.RESOURCE_CATEGORY.Function), 1)
+                      default: c(() => [
+                        O(U(e.RESOURCE_CATEGORY.Function), 1)
                       ]),
                       _: 1
                     }, 8, ["label"])
@@ -405,137 +396,131 @@ function Et(t, n, d, e, o, g) {
               ]),
               _: 1
             })),
-            e.state.status ? T("", !0) : (h(), R(a, {
+            e.state.status ? T("", !0) : (h(), C(a, {
               key: 1,
-              label: "名称",
+              label: "工具名称",
               prop: "name"
             }, {
-              default: r(() => [
-                s(u, {
+              default: c(() => [
+                s(d, {
                   modelValue: e.state.name,
-                  "onUpdate:modelValue": n[1] || (n[1] = (p) => e.state.name = p),
+                  "onUpdate:modelValue": t[1] || (t[1] = (p) => e.state.name = p),
                   placeholder: "请输入工具类名称"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             })),
-            e.state.category ? (h(), x("div", gt, [
+            e.state.category ? (h(), L("div", $e, [
               s(a, {
-                label: "包名",
+                label: "npm包名",
                 prop: "content.package"
               }, {
-                default: r(() => [
-                  s(u, {
+                default: c(() => [
+                  s(d, {
                     modelValue: e.state.content.package,
-                    "onUpdate:modelValue": n[2] || (n[2] = (p) => e.state.content.package = p),
+                    "onUpdate:modelValue": t[2] || (t[2] = (p) => e.state.content.package = p),
                     placeholder: "请输入npm包名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, {
-                label: "导出名称",
+                label: "npm包导出名",
                 prop: "content.exportName"
               }, {
-                default: r(() => [
-                  s(u, {
+                default: c(() => [
+                  s(d, {
                     modelValue: e.state.content.exportName,
-                    "onUpdate:modelValue": n[3] || (n[3] = (p) => e.state.content.exportName = p),
+                    "onUpdate:modelValue": t[3] || (t[3] = (p) => e.state.content.exportName = p),
                     placeholder: "请输入npm包的导出名称"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              s(a, { label: "是否解构" }, {
-                default: r(() => [
-                  s(c, {
+              s(a, { label: "" }, {
+                default: c(() => [
+                  s(r, {
                     modelValue: e.state.content.destructuring,
-                    "onUpdate:modelValue": n[4] || (n[4] = (p) => e.state.content.destructuring = p)
-                  }, null, 8, ["modelValue"])
+                    "onUpdate:modelValue": t[4] || (t[4] = (p) => e.state.content.destructuring = p)
+                  }, {
+                    default: c(() => t[11] || (t[11] = [
+                      O("解构npm包")
+                    ])),
+                    _: 1
+                  }, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              e.state.mode ? (h(), R(a, {
+              e.state.mode ? (h(), C(a, {
                 key: 0,
                 label: "是否作为实例"
               }, {
-                default: r(() => [
-                  s(m, {
+                default: c(() => [
+                  s(r, {
                     modelValue: e.state.isInstance,
-                    "onUpdate:modelValue": n[5] || (n[5] = (p) => e.state.isInstance = p)
+                    "onUpdate:modelValue": t[5] || (t[5] = (p) => e.state.isInstance = p)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : T("", !0),
-              e.state.isInstance ? (h(), R(a, {
+              e.state.isInstance ? (h(), C(a, {
                 key: 1,
                 label: "实例名称",
                 prop: "content.instanceName"
               }, {
-                default: r(() => [
-                  s(u, {
+                default: c(() => [
+                  s(d, {
                     modelValue: e.state.content.instance,
-                    "onUpdate:modelValue": n[6] || (n[6] = (p) => e.state.content.instance = p)
+                    "onUpdate:modelValue": t[6] || (t[6] = (p) => e.state.content.instance = p)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               })) : T("", !0),
               s(a, { label: "入口路径" }, {
-                default: r(() => [
-                  s(u, {
+                default: c(() => [
+                  s(d, {
                     modelValue: e.state.content.main,
-                    "onUpdate:modelValue": n[7] || (n[7] = (p) => e.state.content.main = p),
+                    "onUpdate:modelValue": t[7] || (t[7] = (p) => e.state.content.main = p),
                     placeholder: "main"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, { label: "版本号" }, {
-                default: r(() => [
-                  s(u, {
+                default: c(() => [
+                  s(d, {
                     modelValue: e.state.content.version,
-                    "onUpdate:modelValue": n[8] || (n[8] = (p) => e.state.content.version = p),
+                    "onUpdate:modelValue": t[8] || (t[8] = (p) => e.state.content.version = p),
                     placeholder: "latest"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
               s(a, null, {
-                label: r(() => [
-                  v("div", yt, [
-                    ft,
-                    s(L, {
-                      effect: "dark",
-                      content: "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败",
-                      placement: "top"
-                    }, {
-                      default: r(() => [
-                        s(U, { class: "cdn-tips-icon" })
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                default: r(() => [
-                  s(u, {
+                label: c(() => t[12] || (t[12] = [
+                  f("div", { class: "cdn-label-wrap" }, [
+                    f("span", null, "CDN")
+                  ], -1)
+                ])),
+                default: c(() => [
+                  s(d, {
                     modelValue: e.state.content.cdnLink,
-                    "onUpdate:modelValue": n[9] || (n[9] = (p) => e.state.content.cdnLink = p),
-                    placeholder: "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败"
-                  }, null, 8, ["modelValue"])
+                    "onUpdate:modelValue": t[9] || (t[9] = (p) => e.state.content.cdnLink = p),
+                    placeholder: "CDN"
+                  }, null, 8, ["modelValue"]),
+                  t[13] || (t[13] = f("div", { class: "tip" }, "浏览器直接可用的生产包链接，请确保可用，否则可能会造成页面预览失败", -1))
                 ]),
                 _: 1
               }),
-              v("div", vt, [
-                v("pre", null, [
-                  k("// "),
-                  ht,
-                  k(" utils.js "),
-                  bt,
-                  k(`
-` + w(e.codePreview), 1)
-                ])
-              ])
-            ])) : (h(), R(ae, {
+              s(a, { label: "生成utils.js代码预览" }, {
+                default: c(() => [
+                  f("div", et, [
+                    f("pre", null, U(e.codePreview), 1)
+                  ])
+                ]),
+                _: 1
+              })
+            ])) : (h(), C(g, {
               key: 3,
               ref: "editor",
               value: e.state.value,
@@ -550,113 +535,70 @@ function Et(t, n, d, e, o, g) {
     _: 1
   })) : T("", !0);
 }
-const Rt = /* @__PURE__ */ J(pt, [["render", Et], ["__scopeId", "data-v-46796b24"]]);
-const Ct = {
+const nt = /* @__PURE__ */ H(Ke, [["render", tt], ["__scopeId", "data-v-0d684f9e"]]);
+const ot = {
   components: {
-    TinyTabs: Ve,
-    TinyTabItem: Se,
-    PluginPanel: Ie,
-    SvgButton: ne,
-    BridgeManage: it,
-    BridgeSetting: Rt,
-    LinkButton: xe
+    PluginPanel: pe,
+    SvgButton: Z,
+    BridgeManage: Je,
+    BridgeSetting: nt
   },
   setup() {
-    const t = V(E.Util), n = V(null), d = V(null), e = C(() => je[t.value]), o = Be().getDocsUrl("bridge");
+    const n = x(V.Util), t = x(null), u = E(() => we[n.value]);
     return {
-      addResource: (a) => {
-        t.value === E.Util ? d.value.add(a) : n.value.add(a);
-      },
-      RESOURCE_TYPE: E,
-      activedName: t,
-      switchTab: (a) => {
-        I(), q(a.name);
+      addResource: (l) => {
+        n.value == t.value.add(l);
       },
+      RESOURCE_TYPE: V,
+      activedName: n,
       openBridgePanel: () => {
-        dt();
+        We();
       },
-      closePanel: I,
-      openUtilPanel: () => {
-        I();
+      closePanel: P,
+      refreshList: (l) => {
+        l == t.value.refresh(l);
       },
-      refreshList: (a) => {
-        a === E.Util ? d.value.refresh(a) : n.value.refresh(a);
-      },
-      bridge: n,
-      docsUrl: o,
-      utilsRef: d,
-      tips: e,
-      isVsCodeEnv: oe
+      utilsRef: t,
+      tips: u
     };
   }
 };
-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 at(n, t, u, e, o, _) {
+  const l = m("svg-button"), y = m("bridge-manage"), v = m("bridge-setting"), R = m("plugin-panel");
+  return h(), C(R, {
     title: "资源管理",
     isCloseLeft: !1,
     onClose: e.closePanel
   }, {
-    header: r(() => [
-      s(y, { href: e.docsUrl }, null, 8, ["href"]),
-      s(f, {
+    header: c(() => [
+      s(l, {
         name: "add-utils",
         placement: "left",
         tips: e.tips,
-        onClick: n[0] || (n[0] = (m) => e.addResource("npm"))
+        onClick: t[0] || (t[0] = (a) => e.addResource("npm"))
       }, null, 8, ["tips"])
     ]),
-    content: r(() => [
-      s(a, {
-        modelValue: e.activedName,
-        "onUpdate:modelValue": n[1] || (n[1] = (m) => e.activedName = m),
-        class: "tabs full-width-tabs",
-        "tab-style": "button-card",
-        onClick: e.switchTab
-      }, {
-        default: r(() => [
-          s(b, {
-            name: e.RESOURCE_TYPE.Util,
-            title: "工具类"
-          }, {
-            default: r(() => [
-              s(_, {
-                ref: "utilsRef",
-                name: e.RESOURCE_TYPE.Util,
-                onOpen: e.openBridgePanel
-              }, null, 8, ["name", "onOpen"])
-            ]),
-            _: 1
-          }, 8, ["name"]),
-          e.isVsCodeEnv ? (h(), R(b, {
-            key: 0,
-            name: e.RESOURCE_TYPE.Bridge,
-            title: "桥接源"
-          }, {
-            default: r(() => [
-              s(_, {
-                ref: "bridge",
-                name: e.RESOURCE_TYPE.Bridge,
-                onOpen: e.openBridgePanel
-              }, null, 8, ["name", "onOpen"])
-            ]),
-            _: 1
-          }, 8, ["name"])) : T("", !0)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "onClick"]),
-      s(u, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
+    content: c(() => [
+      s(y, {
+        ref: "utilsRef",
+        name: e.RESOURCE_TYPE.Util,
+        onOpen: e.openBridgePanel
+      }, null, 8, ["name", "onOpen"]),
+      s(v, { onRefresh: e.refreshList }, null, 8, ["onRefresh"])
     ]),
     _: 1
   }, 8, ["onClose"]);
 }
-const Vt = /* @__PURE__ */ J(Ct, [["render", Tt], ["__scopeId", "data-v-5b838c2a"]]), Ft = {
-  id: "Bridge",
+const st = /* @__PURE__ */ H(ot, [["render", at], ["__scopeId", "data-v-c14cfd0a"]]), rt = {
+  id: "engine.plugins.bridge",
   title: "资源管理",
-  icon: "plugin-icon-sresources",
+  type: "plugins",
   align: "top",
-  component: Vt
+  icon: "plugin-icon-sresources"
+}, yt = {
+  ...rt,
+  entry: st
 };
 export {
-  Ft as default
+  yt 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-5b838c2a]{height:calc(100% - 46px)}[data-v-5b838c2a] .tiny-tabs__header{padding:8px;border-bottom:1px solid var(--ti-lowcode-tabs-border-color)}[data-v-5b838c2a] .tiny-tabs__content{height:calc(100% - 45px);padding:0}[data-v-5b838c2a] .tiny-tabs__content>div{height:100%}[data-v-5b838c2a] .help-box{position:absolute;left:72px;top:3px}
+.manage-panel[data-v-c8f41500]{height:100%;display:flex;flex-direction:column;position:relative}.manage-panel .manage-panel-search[data-v-c8f41500]{padding:0 12px 12px}.manage-panel .add-button[data-v-c8f41500]{align-self:flex-end;margin:6px}.manage-panel .list[data-v-c8f41500]{flex:1;border-top:1px solid var(--ti-lowcode-tabs-border-color);overflow:auto}.manage-panel .list-item[data-v-c8f41500]{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-c8f41500]:hover,.manage-panel .list-item.active[data-v-c8f41500]{background:var(--ti-lowcode-bridge-list-bg)}.manage-panel .list-item svg[data-v-c8f41500]{color:var(--ti-lowcode-toolbar-more-hover-color)}.plugin-setting[data-v-0d684f9e] .icon-wrap{margin-right:8px}.plugin-setting .resource-form .tip[data-v-0d684f9e]{font-size:11px;line-height:18px;margin-top:8px;color:var(--ti-lowcode-datasource-tip-color)}.plugin-setting .resource-form[data-v-0d684f9e] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap[data-v-0d684f9e]{font-size:12px;font-weight:700;color:var(--ti-lowcode-data-source-color)}.plugin-setting .title-wrap .help-link[data-v-0d684f9e]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-0d684f9e]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-0d684f9e]{display:flex;align-items:center;column-gap:6px}.plugin-setting .header-wrap .tiny-button[data-v-0d684f9e]{width:40px;padding:0;min-width:40px;margin-right:2px}.plugin-setting .monaco-editor[data-v-0d684f9e]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-0d684f9e]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-0d684f9e]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-0d684f9e]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-0d684f9e]{display:flex;align-items:center}.code-preview[data-v-0d684f9e]{font-size:14px;line-height:20px;color:var(--ti-lowcode-birdge-code-preview-color);background-color:var(--ti-lowcode-birdge-code-preview-bg-color);border-radius:6px}.code-preview .pre-title[data-v-0d684f9e]{font-family:Microsoft YaHei}.code-preview>pre[data-v-0d684f9e]{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": "1.0.4-alpha.0",
+  "version": "2.0.0-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -24,20 +24,20 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-canvas": "1.0.4-alpha.0",
-    "@opentiny/tiny-engine-common": "1.0.3-alpha.0",
-    "@opentiny/tiny-engine-controller": "1.0.4-alpha.0",
-    "@opentiny/tiny-engine-http": "1.0.3-alpha.0",
-    "@opentiny/vue": "~3.10.0",
-    "@opentiny/vue-icon": "~3.10.0"
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.2",
+    "@opentiny/tiny-engine-http": "2.0.0-alpha.2",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-alpha.2"
   },
   "devDependencies": {
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.2",
     "@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": "8cba0b459d0c0829554dd8adab11fe60a4931acd"
+  "gitHead": "695ecd00f21aa39965a9ddb02590ae274f92cd8e"
 }