@opentiny/tiny-engine-toolbar-save 1.0.2-beta.0 → 1.0.3

package/dist/index.js

@@ -1,47 +1,46 @@
 import "./style.css";
-import { reactive as B, ref as P, watch as T, onBeforeMount as w, resolveComponent as r, openBlock as k, createElementBlock as E, Fragment as M, createVNode as l, withCtx as d, createElementVNode as C, normalizeClass as O, withDirectives as G, vShow as V, createTextVNode as S, createBlock as D, createCommentVNode as R } from "vue";
-import { VueMonaco as U } from "@opentiny/tiny-engine-common";
-import { Loading as z, Button as I, Popover as J, DialogBox as j } from "@opentiny/vue";
-import { useCanvas as h, useLayout as x, useBlock as F, usePage as q, useNotify as H } from "@opentiny/tiny-engine-controller";
-import { theme as K } from "@opentiny/tiny-engine-controller/adapter";
-import { setSchema as Q, getSchema as W } from "@opentiny/tiny-engine-canvas";
-import { constants as X } from "@opentiny/tiny-engine-utils";
-import { handlePageUpdate as Y } from "@opentiny/tiny-engine-common/js/http";
-const { pageState: f, isSaved: Z, isBlock: $ } = h(), { PLUGIN_NAME: ee, getPluginApi: oe } = x(), { getCurrentBlock: te } = F(), { PAGE_STATUS: a } = X, { pageSettingState: p, isTemporaryPage: g } = q(), m = B({
+import { reactive as C, ref as B, onBeforeMount as E, resolveComponent as r, openBlock as y, createElementBlock as L, Fragment as w, createVNode as l, withCtx as d, createElementVNode as b, withDirectives as M, vShow as O, createTextVNode as k, createBlock as G, createCommentVNode as V } from "vue";
+import { VueMonaco as D } from "@opentiny/tiny-engine-common";
+import { Button as R, Popover as U, DialogBox as J } from "@opentiny/vue";
+import { useCanvas as P, useLayout as S, useBlock as j, usePage as z, useNotify as F } from "@opentiny/tiny-engine-controller";
+import { theme as I } from "@opentiny/tiny-engine-controller/adapter";
+import { setSchema as q, selectNode as H, getSchema as K } from "@opentiny/tiny-engine-canvas";
+import { constants as Q } from "@opentiny/tiny-engine-utils";
+import { handlePageUpdate as W } from "@opentiny/tiny-engine-common/js/http";
+const { pageState: h, isSaved: X, isBlock: Y } = P(), { PLUGIN_NAME: Z, getPluginApi: $ } = S(), { getCurrentBlock: ee } = j(), { PAGE_STATUS: a } = Q, { pageSettingState: u, isTemporaryPage: _ } = z(), m = C({
   visible: !1,
   code: "",
   originalCode: "",
   disabled: !1
-}), s = P(!1), ne = async (n) => {
+}), i = B(!1), oe = async (n) => {
   var t;
-  const e = oe(ee.BlockManage), o = te();
-  o.label = n.fileName, o.content = n, s.value = !0, o.screenshot = await e.getBlockBase64(), await ((t = e.saveBlock) == null ? void 0 : t.call(e, o)), s.value = !1;
-}, ae = async (n) => {
-  const { currentPage: e } = f, o = {
+  const e = $(Z.BlockManage), o = ee();
+  o.label = n.fileName, o.content = n, i.value = !0, o.screenshot = await e.getBlockBase64(), await ((t = e.saveBlock) == null ? void 0 : t.call(e, o)), i.value = !1;
+}, te = async (n) => {
+  const { currentPage: e } = h, o = {
     page_content: n
   };
-  s.value = !0, await Y(e.id, { ...e, ...o }), s.value = !1;
-}, y = (n) => {
+  i.value = !0, await W(e.id, { ...e, ...o }), i.value = !1;
+}, f = (n) => {
   const e = JSON.parse(n);
-  if (f.pageSchema = e, Q(e), p != null && p.isAIPage) {
-    g.saved && (g.saved = !1), g.saved = !0;
+  if (h.pageSchema = e, q(e), u != null && u.isAIPage) {
+    _.saved && (_.saved = !1), _.saved = !0;
     const o = "page_content";
-    p.currentPageData[o] = e;
-    return;
+    return u.currentPageData[o] = e, Promise.resolve();
   }
-  $() ? ne(e) : ae(e);
-}, N = async () => {
+  return H(null), Y() ? oe(e) : te(e);
+}, x = async () => {
   var c;
-  if (Z() || m.disabled)
+  if (X() || m.disabled)
     return;
-  const n = (c = x().layoutState) == null ? void 0 : c.pageStatus, e = n == null ? void 0 : n.state, o = n == null ? void 0 : n.data, t = {
+  const n = (c = S().layoutState) == null ? void 0 : c.pageStatus, e = n == null ? void 0 : n.state, o = n == null ? void 0 : n.data, t = {
     [a.Release]: "当前页面未锁定，请先锁定再保存",
     [a.Empty]: "当前应用无页面，请先新建页面再保存",
     [a.Guest]: "官网演示应用不能保存页面，如需体验请切换应用",
     [a.Lock]: `当前页面被 ${o == null ? void 0 : o.username} ${o == null ? void 0 : o.resetPasswordToken} 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
   };
   if ([a.Release, a.Empty, a.Guest, a.Lock].includes(e)) {
-    H({
+    F({
       type: "error",
       title: "保存失败",
       message: t[e]
@@ -49,33 +48,25 @@ const { pageState: f, isSaved: Z, isBlock: $ } = h(), { PLUGIN_NAME: ee, getPlug
     return;
   }
   m.disabled = !0;
-  let i = z.service({
-    lock: !0,
-    text: "保存中",
-    background: "rgba(0, 0, 0, 0.5)"
+  const s = K();
+  m.code = JSON.stringify(s || {}, null, 2), f(m.code).finally(() => {
+    m.disabled = !1;
   });
-  const u = W();
-  m.code = JSON.stringify(u || {}, null, 2), y(m.code), s.value && (m.disabled = !1), T(
-    () => f.isSaved,
-    (v) => {
-      v && i.close();
-    }
-  );
 };
-const se = (n, e) => {
+const ne = (n, e) => {
   const o = n.__vccOpts || n;
-  for (const [t, i] of e)
-    o[t] = i;
+  for (const [t, s] of e)
+    o[t] = s;
   return o;
-}, ie = {
-  saveCommon: y,
-  openCommon: N
-}, ce = {
+}, ae = {
+  saveCommon: f,
+  openCommon: x
+}, se = {
   components: {
-    VueMonaco: U,
-    TinyButton: I,
-    TinyPopover: J,
-    TinyDialogBox: j
+    VueMonaco: D,
+    TinyButton: R,
+    TinyPopover: U,
+    TinyDialogBox: J
   },
   props: {
     icon: {
@@ -84,20 +75,20 @@ const se = (n, e) => {
     }
   },
   setup() {
-    const { isSaved: n } = h(), e = B({
+    const { isSaved: n } = P(), e = C({
       visible: !1,
       code: "",
       originalCode: "",
       disabled: !1,
       timer: null
-    }), o = P(null), t = () => {
+    }), o = B(null), t = () => {
       e.visible = !1, e.originalCode = "";
-    }, i = () => {
-      s.value || N();
-    }, u = () => {
-      y();
-    }, c = {
-      theme: K(),
+    }, s = () => {
+      i.value || x();
+    }, c = () => {
+      f();
+    }, p = {
+      theme: I(),
       tabSize: 2,
       language: "json",
       autoIndent: !0,
@@ -109,24 +100,24 @@ const se = (n, e) => {
         enabled: !1
       }
     };
-    return w(() => {
+    return E(() => {
       clearTimeout(e.timer);
     }), {
       state: e,
       editor: o,
-      editorOptions: c,
-      isLoading: s,
+      editorOptions: p,
+      isLoading: i,
       close: t,
       isSaved: n,
-      openApi: i,
-      saveApi: u
+      openApi: s,
+      saveApi: c
     };
   }
-}, re = { class: "dots" };
-function le(n, e, o, t, i, u) {
-  const c = r("svg-icon"), v = r("tiny-popover"), A = r("vue-monaco"), b = r("tiny-button"), L = r("tiny-dialog-box");
-  return k(), E(M, null, [
-    l(v, {
+}, ie = ["id"], ce = { class: "dots" };
+function re(n, e, o, t, s, c) {
+  const p = r("svg-icon"), N = r("tiny-popover"), A = r("vue-monaco"), g = r("tiny-button"), T = r("tiny-dialog-box");
+  return y(), L(w, null, [
+    l(N, {
       trigger: "hover",
       "open-delay": 1e3,
       "popper-class": "toolbar-right-popover",
@@ -134,46 +125,47 @@ function le(n, e, o, t, i, u) {
       content: t.isLoading ? "保存中" : "保存"
     }, {
       reference: d(() => [
-        C("span", {
-          class: O([t.isLoading ? "saving" : "icon"]),
-          onClick: e[0] || (e[0] = (..._) => t.openApi && t.openApi(..._))
+        b("span", {
+          id: `${t.isLoading ? "saving" : ""}`,
+          class: "icon",
+          onClick: e[0] || (e[0] = (...v) => t.openApi && t.openApi(...v))
         }, [
-          G(C("span", re, null, 512), [
-            [V, !t.isSaved()]
+          M(b("span", ce, null, 512), [
+            [O, !t.isSaved()]
           ]),
-          l(c, { name: o.icon }, null, 8, ["name"])
-        ], 2)
+          l(p, { name: o.icon }, null, 8, ["name"])
+        ], 8, ie)
       ]),
       _: 1
     }, 8, ["content"]),
-    l(L, {
+    l(T, {
       class: "dialog-box",
       modal: !1,
       fullscreen: !0,
       "append-to-body": !0,
       visible: t.state.visible,
       title: "Schema 本地与线上差异",
-      "onUpdate:visible": e[1] || (e[1] = (_) => t.state.visible = _)
+      "onUpdate:visible": e[1] || (e[1] = (v) => t.state.visible = v)
     }, {
       footer: d(() => [
-        l(b, { onClick: t.close }, {
+        l(g, { onClick: t.close }, {
           default: d(() => [
-            S("取 消")
+            k("取 消")
           ]),
           _: 1
         }, 8, ["onClick"]),
-        l(b, {
+        l(g, {
           type: "primary",
           onClick: t.saveApi
         }, {
           default: d(() => [
-            S("保 存")
+            k("保 存")
           ]),
           _: 1
         }, 8, ["onClick"])
       ]),
       default: d(() => [
-        t.state.visible ? (k(), D(A, {
+        t.state.visible ? (y(), G(A, {
           key: 0,
           ref: "editor",
           class: "monaco-editor",
@@ -181,20 +173,20 @@ function le(n, e, o, t, i, u) {
           options: t.editorOptions,
           value: t.state.code,
           original: t.state.originalCode
-        }, null, 8, ["options", "value", "original"])) : R("", !0)
+        }, null, 8, ["options", "value", "original"])) : V("", !0)
       ]),
       _: 1
     }, 8, ["visible"])
   ], 64);
 }
-const de = /* @__PURE__ */ se(ce, [["render", le], ["__scopeId", "data-v-6d9e48c8"]]), ke = {
+const le = /* @__PURE__ */ ne(se, [["render", re], ["__scopeId", "data-v-a55d2356"]]), be = {
   id: "save",
   title: "save",
   icon: "",
   align: "right",
-  component: de,
-  api: ie
+  component: le,
+  api: ae
 };
 export {
-  ke as default
+  be as default
 };

package/dist/style.css

@@ -1 +1 @@
-.dots[data-v-6d9e48c8]{width:6px;height:6px;background:var(--ti-lowcode-toolbar-dot-color);border-radius:50%;display:inline-block;position:absolute;top:4px;right:3px;z-index:100}.saving[data-v-6d9e48c8]{width:32px;height:32px;display:inline-block;cursor:not-allowed;color:var(--ti-lowcode-disabled-color);font-size:20px;margin-bottom:-2px}.dialog-box[data-v-6d9e48c8] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-6d9e48c8] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-6d9e48c8]{width:100%;height:100%}.changeRole a{color:var(--ti-lowcode-canvas-handle-hover-bg);padding:0 5px}
+.dots[data-v-a55d2356]{width:6px;height:6px;background:var(--ti-lowcode-toolbar-dot-color);border-radius:50%;display:inline-block;position:absolute;top:4px;right:3px;z-index:100}#saving[data-v-a55d2356]{cursor:not-allowed;color:var(--ti-lowcode-disabled-color)}#saving[data-v-a55d2356] svg{color:var(--ti-lowcode-disabled-color)}.dialog-box[data-v-a55d2356] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-a55d2356] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-a55d2356]{width:100%;height:100%}.changeRole a{color:var(--ti-lowcode-canvas-handle-hover-bg);padding:0 5px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-save",
-  "version": "1.0.2-beta.0",
+  "version": "1.0.3",
   "publishConfig": {
     "access": "public"
   },
@@ -12,18 +12,31 @@
   "files": [
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/opentiny/tiny-engine",
+    "directory": "packages/toolbars/save"
+  },
+  "bugs": {
+    "url": "https://github.com/opentiny/tiny-engine/issues"
+  },
+  "author": "OpenTiny Team",
+  "license": "MIT",
+  "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-canvas": "^1.0.3-beta.0",
-    "@opentiny/tiny-engine-common": "^1.0.1-beta.0",
-    "@opentiny/tiny-engine-controller": "^1.0.1-beta.0",
-    "@opentiny/tiny-engine-utils": "^1.0.2-beta.0",
-    "@opentiny/vue": "~3.10.0",
-    "vue": "3.2.45"
+    "@opentiny/tiny-engine-canvas": "1.0.3",
+    "@opentiny/tiny-engine-common": "1.0.2",
+    "@opentiny/tiny-engine-controller": "1.0.3",
+    "@opentiny/tiny-engine-utils": "1.0.4",
+    "@opentiny/vue": "~3.10.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "vite": "^4.3.7"
   },
-  "gitHead": "93f1b6980dd79fbaa4ec40be658daac8161b53a6"
+  "peerDependencies": {
+    "vue": "^3.4.15"
+  },
+  "gitHead": "9a6cce3988accb39c97a9a21169c022c65a8e27f"
 }