@opentiny/tiny-engine-plugin-bridge 1.0.1

package/dist/index.js

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

package/dist/style.css

@@ -0,0 +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-a65a6161] .icon-wrap{margin-right:8px}.plugin-setting .resource-form[data-v-a65a6161] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap .help-link[data-v-a65a6161]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-a65a6161]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-a65a6161]{display:flex;align-items:center;column-gap:16px}.plugin-setting .header-wrap .delete-btn[data-v-a65a6161]{color:var(--ti-lowcode-common-text-color-5)}.plugin-setting .header-wrap .delete-btn[data-v-a65a6161]:hover{color:var(--ti-lowcode-common-primary-text-color)}.plugin-setting .resource-type-radio-item[data-v-a65a6161]{--ti-radio-text-color: var(--ti-lowcode-common-secondary-text-color)}.plugin-setting .monaco-editor[data-v-a65a6161]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-a65a6161]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-a65a6161]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-a65a6161]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-a65a6161]{display:flex;align-items:center}.tabs[data-v-c5fc42c1]{height:calc(100% - 46px)}[data-v-c5fc42c1] .tiny-tabs__header{padding:8px;border-bottom:1px solid var(--ti-lowcode-tabs-border-color)}[data-v-c5fc42c1] .tiny-tabs__content{height:calc(100% - 45px);padding:0}[data-v-c5fc42c1] .tiny-tabs__content>div{height:100%}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@opentiny/tiny-engine-plugin-bridge",
+  "version": "1.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@opentiny/tiny-engine-common": "^1.0.0",
+    "@opentiny/tiny-engine-controller": "^1.0.0",
+    "@opentiny/tiny-engine-http": "^1.0.0",
+    "@opentiny/vue": "^3.8.0",
+    "vue": "3.2.45"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "vite": "^4.3.7"
+  }
+}