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

package/dist/index.js

@@ -1,19 +1,19 @@
 import "./style.css";
-import { reactive as H, 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 K, 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 { 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 Q, deleteUtils as Oe } from "@opentiny/tiny-engine-canvas";
+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-common/js/vscodeGenerateFile";
+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);
   });
-}, i = H({
+}, i = j({
   actionType: "",
   type: "",
   category: "",
@@ -22,7 +22,7 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
   resourceNames: {},
   refresh: !1,
   id: S().appInfoState.selectedId
-}), X = {
+}), Z = {
   name: "",
   type: "npm",
   content: {
@@ -57,27 +57,27 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
 }, Ke = (t) => {
   const n = S().appInfoState.selectedId;
   return Ye(n, t);
-}, G = () => i.actionType, D = (t) => {
+}, M = () => i.actionType, D = (t) => {
   i.actionType = t;
-}, Qe = () => i.resource, Y = (t = X) => {
-  t || (t = i.category === F.Function ? He : X), i.resource = t;
-}, A = () => i.type, M = (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;
-}, q = (t) => {
+}, z = (t) => {
   i.category = t;
-}, Z = () => i.category, z = (...t) => {
+}, G = () => i.category, H = (...t) => {
   oe && ze(...t);
 }, Xe = (t, n, d) => {
-  G() === O.Edit ? (t.id = i.resource.id, Me(t).then((e) => {
+  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, Q([e]), z(S().appInfoState.selectedId), B({
+      N().resState[t.category][o] = e, X([e]), H(S().appInfoState.selectedId), B({
         type: "success",
         message: "修改成功"
       }), d("refresh", i.type), i.refresh = !0, n();
     }
   })) : Ge(t).then((e) => {
-    e && (N().resState[t.category].push(e), Q([e]), z(S().appInfoState.selectedId), B({
+    e && (N().resState[t.category].push(e), X([e]), H(S().appInfoState.selectedId), B({
       type: "success",
       message: "创建成功"
     }), d("refresh", i.type), i.refresh = !0, n());
@@ -88,14 +88,14 @@ const P = Pe(), Ye = (t, n) => P.get(`/app-center/api/apps/extension/list?app=${
   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]), z(S().appInfoState.selectedId), B({
+      N().resState[i.type].splice(y, 1), Oe([g]), H(S().appInfoState.selectedId), B({
         type: "success",
         message: "删除成功"
       }), d("refresh", i.type), i.refresh = !0, n();
     }
   });
 };
-const j = (t, n) => {
+const J = (t, n) => {
   const d = t.__vccOpts || t;
   for (const [e, o] of n)
     d[e] = o;
@@ -112,7 +112,7 @@ const j = (t, n) => {
   },
   emits: ["open"],
   setup(t, { emit: n }) {
-    const d = V([]), e = H({
+    const d = V([]), e = j({
       resourceList: [],
       activeIndex: -1,
       searchValue: ""
@@ -128,13 +128,13 @@ const j = (t, n) => {
       state: e,
       list: d,
       add: (a) => {
-        D(""), M(t.name), Y(""), q(a), n("open");
+        D(""), q(t.name), Y(""), z(a), n("open");
       },
       openRead: (a, u) => {
         e.activeIndex = u, Y(a), D(O.Edit), n("open");
       },
       openEdit: (a, u) => {
-        e.activeIndex = u, Y(a), D(O.Edit), M(t.name), q(a.type), n("open");
+        e.activeIndex = u, Y(a), D(O.Edit), q(t.name), z(a.type), n("open");
       },
       refresh: g,
       getType: A,
@@ -166,14 +166,14 @@ function lt(t, n, d, e, o, g) {
       (h(!0), x(ce, null, le(e.list, (_, b) => (h(), x("div", {
         key: _.name,
         class: ie(["list-item", b === e.state.activeIndex ? "active" : ""]),
-        onClick: K((a) => e.openEdit(_, b), ["stop"])
+        onClick: Q((a) => e.openEdit(_, b), ["stop"])
       }, [
         s(f, { name: "resources" }),
         v("div", st, w(_.name), 1),
         s(f, {
           class: "setting-icon",
           name: "setting",
-          onClick: K((a) => e.openEdit(_, b), ["stop"])
+          onClick: Q((a) => e.openEdit(_, b), ["stop"])
         }, null, 8, ["onClick"])
       ], 10, at))), 128)),
       e.list.length ? T("", !0) : (h(), x("div", rt, [
@@ -186,11 +186,11 @@ function lt(t, n, d, e, o, g) {
     ])
   ]);
 }
-const it = /* @__PURE__ */ j($e, [["render", lt], ["__scopeId", "data-v-70da6acf"]]);
-const J = V(!1), dt = () => {
-  J.value = !0, _e(() => window.dispatchEvent(new Event("resize")));
+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 = () => {
-  J.value = !1;
+  W.value = !1;
 }, pt = {
   components: {
     TinyForm: ye,
@@ -220,20 +220,20 @@ const J = V(!1), dt = () => {
       // 禁用滚动条边边一直显示的边框
       overviewRulerBorder: !1,
       renderLineHighlightOnlyWhenFocus: !0
-    }, { confirm: e } = we(), o = H({
+    }, { confirm: e } = we(), o = j({
       resource: C(() => Qe()),
       name: "",
       value: "",
       content: {},
-      status: C(() => G() === O.Edit),
-      category: C(() => Z() === F.Npm),
+      status: C(() => M() === O.Edit),
+      category: C(() => G() === F.Npm),
       mode: C(() => {
         var c;
         return ((c = Ne()) == null ? void 0 : c.dslMode) !== "Vue";
       }),
       isInstance: !1,
       title: C(() => {
-        const c = G() === O.Edit ? "编辑" : "添加", m = A() === E.Bridge ? "桥接源" : "工具类";
+        const c = M() === O.Edit ? "编辑" : "添加", m = A() === E.Bridge ? "桥接源" : "工具类";
         return c + m;
       }),
       type: F.Npm
@@ -247,7 +247,7 @@ export { ${c} }`;
     });
     $(() => {
       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.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(
       () => o.isInstance,
       (c) => {
@@ -275,12 +275,12 @@ export { ${c} }`;
       editor: y,
       state: o,
       codePreview: g,
-      isOpen: J,
+      isOpen: W,
       closePanel: I,
       save: () => {
         const c = {
           category: A(),
-          type: Z(),
+          type: G(),
           name: o.name,
           app: S().appInfoState.selectedId,
           content: o.category ? o.content : {
@@ -317,12 +317,12 @@ export { ${c} }`;
       },
       options: d,
       handleChangeType: (c) => {
-        q(c);
+        z(c);
       },
       RESOURCE_CATEGORY: F
     };
   }
-}, W = (t) => (ee("data-v-63e8b39d"), 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__ */ W(() => /* @__PURE__ */ v("span", null, "CDN", -1)), vt = { class: "code-preview" }, ht = /* @__PURE__ */ W(() => /* @__PURE__ */ v("span", { class: "pre-title" }, "生成的", -1)), bt = /* @__PURE__ */ W(() => /* @__PURE__ */ v("span", { class: "pre-title" }, "代码预览", -1));
+}, 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 }, {
@@ -384,8 +384,7 @@ function Et(t, n, d, e, o, g) {
                 }, {
                   default: r(() => [
                     s(_, {
-                      label: e.RESOURCE_CATEGORY.Npm,
-                      class: "resource-type-radio-item"
+                      label: e.RESOURCE_CATEGORY.Npm
                     }, {
                       default: r(() => [
                         k(w(e.RESOURCE_CATEGORY.Npm), 1)
@@ -393,8 +392,7 @@ function Et(t, n, d, e, o, g) {
                       _: 1
                     }, 8, ["label"]),
                     s(_, {
-                      label: e.RESOURCE_CATEGORY.Function,
-                      class: "resource-type-radio-item"
+                      label: e.RESOURCE_CATEGORY.Function
                     }, {
                       default: r(() => [
                         k(w(e.RESOURCE_CATEGORY.Function), 1)
@@ -552,7 +550,7 @@ function Et(t, n, d, e, o, g) {
     _: 1
   })) : T("", !0);
 }
-const Rt = /* @__PURE__ */ j(pt, [["render", Et], ["__scopeId", "data-v-63e8b39d"]]);
+const Rt = /* @__PURE__ */ J(pt, [["render", Et], ["__scopeId", "data-v-46796b24"]]);
 const Ct = {
   components: {
     TinyTabs: Ve,
@@ -572,7 +570,7 @@ const Ct = {
       RESOURCE_TYPE: E,
       activedName: t,
       switchTab: (a) => {
-        I(), M(a.name);
+        I(), q(a.name);
       },
       openBridgePanel: () => {
         dt();
@@ -652,7 +650,7 @@ function Tt(t, n, d, e, o, g) {
     _: 1
   }, 8, ["onClose"]);
 }
-const Vt = /* @__PURE__ */ j(Ct, [["render", Tt], ["__scopeId", "data-v-e04eb86e"]]), Ft = {
+const Vt = /* @__PURE__ */ J(Ct, [["render", Tt], ["__scopeId", "data-v-5b838c2a"]]), Ft = {
   id: "Bridge",
   title: "资源管理",
   icon: "plugin-icon-sresources",

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-63e8b39d] .icon-wrap{margin-right:8px}.plugin-setting .resource-form[data-v-63e8b39d] .tiny-form-item__label .cdn-tips-icon{margin-left:4px}.plugin-setting .title-wrap .help-link[data-v-63e8b39d]{display:inline-block;color:var(--ti-lowcode-common-primary-color);font-size:12px;margin-left:16px}.plugin-setting .title-wrap .help-link[data-v-63e8b39d]:hover{text-decoration:underline}.plugin-setting .header-wrap[data-v-63e8b39d]{display:flex;align-items:center;column-gap:16px}.plugin-setting .header-wrap .delete-btn[data-v-63e8b39d]{color:var(--ti-lowcode-common-text-color-5)}.plugin-setting .header-wrap .delete-btn[data-v-63e8b39d]:hover{color:var(--ti-lowcode-common-primary-text-color)}.plugin-setting .resource-type-radio-item[data-v-63e8b39d]{--ti-radio-text-color: var(--ti-lowcode-common-secondary-text-color)}.plugin-setting .monaco-editor[data-v-63e8b39d]{height:500px;margin-top:8px;border:1px solid var(--ti-lowcode-birdge-editor-border-color)}.plugin-setting .resource-form-footer[data-v-63e8b39d]{padding:12px 0 12px 80px}.plugin-setting .resource-form-footer .tiny-svg[data-v-63e8b39d]{margin-right:6px}.plugin-setting .resource-form-footer .del[data-v-63e8b39d]:hover{background-color:var(--ti-lowcode-delete-button-hover-bg)}.plugin-setting .cdn-label-wrap[data-v-63e8b39d]{display:flex;align-items:center}.code-preview[data-v-63e8b39d]{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-63e8b39d]{font-family:Microsoft YaHei}.code-preview>pre[data-v-63e8b39d]{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-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}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@opentiny/tiny-engine-plugin-bridge",
-  "version": "1.0.2",
+  "version": "1.0.4-alpha.0",
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "vite build"
+  },
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -21,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",
-    "vue": "3.2.45",
-    "@opentiny/tiny-engine-canvas": "1.0.2",
-    "@opentiny/tiny-engine-common": "1.0.1",
-    "@opentiny/tiny-engine-http": "1.0.1",
-    "@opentiny/tiny-engine-controller": "1.0.2"
+    "@opentiny/vue-icon": "~3.10.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "vite": "^4.3.7"
   },
-  "scripts": {
-    "build": "vite build"
-  }
-}
+  "peerDependencies": {
+    "vue": "^3.4.15"
+  },
+  "gitHead": "8cba0b459d0c0829554dd8adab11fe60a4931acd"
+}