@opentiny/tiny-engine-toolbar-save 2.0.0 → 2.1.0

package/dist/index.js

@@ -1,11 +1,11 @@
 import "./style.css";
-import { reactive as P, ref as V, onUnmounted as h, resolveComponent as m, openBlock as B, createElementBlock as N, createVNode as d, withCtx as r, createTextVNode as k, createBlock as O, createCommentVNode as M, createElementVNode as b } from "vue";
+import { reactive as B, ref as P, onUnmounted as N, resolveComponent as m, openBlock as x, createElementBlock as h, createVNode as c, withCtx as r, createTextVNode as k, createBlock as O, createCommentVNode as M, createElementVNode as g } from "vue";
 import { VueMonaco as U, ToolbarBase as D } from "@opentiny/tiny-engine-common";
 import { Button as L, Popover as G, DialogBox as R, Checkbox as j, Select as J } from "@opentiny/vue";
-import { usePage as q, useCanvas as T, getOptions as z, useNotify as S, useLayout as F, getMetaApi as H, META_APP as K, useBlock as Q } from "@opentiny/tiny-engine-meta-register";
+import { usePage as q, useCanvas as C, getOptions as z, useNotify as T, useLayout as F, getMetaApi as H, META_APP as K, useBlock as Q } from "@opentiny/tiny-engine-meta-register";
 import { constants as W } from "@opentiny/tiny-engine-utils";
 import { handlePageUpdate as X } from "@opentiny/tiny-engine-common/js/http";
-const A = {
+const V = {
   id: "engine.toolbars.save",
   type: "toolbars",
   title: "save",
@@ -15,78 +15,78 @@ const A = {
     },
     renderType: "button"
   }
-}, { PAGE_STATUS: u } = W, g = P({
+}, { PAGE_STATUS: u } = W, _ = B({
   visible: !1,
   code: "",
   originalCode: "",
   disabled: !1
-}), f = V(!1), Y = async (n) => {
-  var a;
+}), y = P(!1), Y = async (n) => {
+  var i;
   const e = H(K.BlockManage), { getCurrentBlock: t } = Q(), o = t();
-  o.label = n.fileName, o.content = n, f.value = !0, o.screenshot = await e.getBlockBase64(), await ((a = e.saveBlock) == null ? void 0 : a.call(e, o)), f.value = !1;
+  o.label = n.fileName, o.content = n, y.value = !0, o.screenshot = await e.getBlockBase64(), await ((i = e.saveBlock) == null ? void 0 : i.call(e, o)), y.value = !1;
 }, Z = async (n) => {
-  const { currentPage: e } = T().pageState, t = {
+  const { currentPage: e } = C().pageState, t = {
     page_content: n
   };
-  f.value = !0, await X(e.id, { ...e, ...t }, !1, !0), f.value = !1;
-}, x = (n) => {
-  const { pageSettingState: e, isTemporaryPage: t } = q(), { isBlock: o, canvasApi: a, pageState: s } = T(), i = JSON.parse(n), { setSchema: l, selectNode: c } = a.value;
-  if (s.pageSchema = i, l(i), e != null && e.isAIPage) {
+  y.value = !0, await X(e.id, { ...e, ...t }, !1, !0), y.value = !1;
+}, S = (n) => {
+  const { pageSettingState: e, isTemporaryPage: t } = q(), { isBlock: o, canvasApi: i, pageState: s, resetBlockCanvasState: d, resetPageCanvasState: l } = C(), a = JSON.parse(n), { selectNode: v } = i.value;
+  if (o() ? d({ ...s, pageSchema: a }) : l({ ...s, pageSchema: a }), e != null && e.isAIPage) {
     t.saved && (t.saved = !1), t.saved = !0;
-    const v = "page_content";
-    return e.currentPageData[v] = i, Promise.resolve();
+    const p = "page_content";
+    return e.currentPageData[p] = a, Promise.resolve();
   }
-  return c(null), o() ? Y(i) : Z(i);
-}, w = async () => {
-  var _;
-  const { isSaved: n, canvasApi: e } = T();
-  if (n() || g.disabled)
+  return v(null), o() ? Y(a) : Z(a);
+}, A = async () => {
+  var p;
+  const { isSaved: n, getSchema: e } = C();
+  if (n() || _.disabled)
     return;
-  const { beforeSave: t, saveMethod: o, saved: a } = z(A.id);
+  const { beforeSave: t, saveMethod: o, saved: i } = z(V.id);
   try {
     if (typeof t == "function" && await t(), typeof o == "function" && await o())
       return;
-  } catch (p) {
-    S({
+  } catch (f) {
+    T({
       type: "error",
-      message: `Error in saving: ${p}`
+      message: `Error in saving: ${f}`
     });
   }
-  const s = (_ = F().layoutState) == null ? void 0 : _.pageStatus, i = s == null ? void 0 : s.state, l = s == null ? void 0 : s.data, { getSchema: c } = e.value, v = {
+  const s = (p = F().layoutState) == null ? void 0 : p.pageStatus, d = s == null ? void 0 : s.state, l = s == null ? void 0 : s.data, a = {
     [u.Release]: "当前页面未锁定，请先锁定再保存",
     [u.Empty]: "当前应用无页面，请先新建页面再保存",
     [u.Guest]: "官网演示应用不能保存页面，如需体验请切换应用",
     [u.Lock]: `当前页面被 ${l == null ? void 0 : l.username} ${l == null ? void 0 : l.resetPasswordToken} 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
   };
-  if ([u.Release, u.Empty, u.Guest, u.Lock].includes(i)) {
-    S({
+  if ([u.Release, u.Empty, u.Guest, u.Lock].includes(d)) {
+    T({
       type: "error",
       title: "保存失败",
-      message: v[i]
+      message: a[d]
     });
     return;
   }
-  g.disabled = !0;
-  const C = c();
-  g.code = JSON.stringify(C || {}, null, 2), x(g.code).finally(() => {
-    if (g.disabled = !1, typeof a == "function")
+  _.disabled = !0;
+  const v = e();
+  _.code = JSON.stringify(v || {}, null, 2), S(_.code).finally(() => {
+    if (_.disabled = !1, typeof i == "function")
       try {
-        a();
-      } catch (p) {
-        S({
+        i();
+      } catch (f) {
+        T({
           type: "error",
-          message: `Error in saved: ${p}`
+          message: `Error in saved: ${f}`
         });
       }
   });
 }, I = (n, e) => {
   const t = n.__vccOpts || n;
-  for (const [o, a] of e)
-    t[o] = a;
+  for (const [o, i] of e)
+    t[o] = i;
   return t;
 }, $ = {
-  saveCommon: x,
-  openCommon: w
+  saveCommon: S,
+  openCommon: A
 }, ee = {
   components: {
     VueMonaco: U,
@@ -108,11 +108,11 @@ const A = {
     }
   },
   setup() {
-    const { isSaved: n } = T(), e = [
+    const { isSaved: n } = C(), e = [
       { value: 5, label: "5分钟" },
       { value: 10, label: "10分钟" },
       { value: 15, label: "15分钟" }
-    ], t = P({
+    ], t = B({
       visible: !1,
       code: "",
       originalCode: "",
@@ -120,77 +120,77 @@ const A = {
       timeValue: 5,
       checked: !1,
       preservationTime: null
-    }), o = V(null), a = () => {
+    }), o = P(null), i = () => {
       t.visible = !1, t.originalCode = "";
     }, s = () => {
-      f.value || w();
-    }, i = () => {
-      x();
+      y.value || A();
+    }, d = () => {
+      S();
     }, l = {
       language: "json",
       lineNumbers: !0,
       minimap: {
         enabled: !1
       }
-    }, c = () => {
+    }, a = () => {
       clearTimeout(t.preservationTime), t.preservationTime = setTimeout(() => {
-        s(), c();
+        s(), a();
       }, t.timeValue * 60 * 1e3);
     }, v = () => {
-      t.checked ? c() : clearTimeout(t.preservationTime);
+      t.checked ? a() : clearTimeout(t.preservationTime);
     };
-    return h(() => {
+    return N(() => {
       clearTimeout(t.preservationTime);
     }), {
       state: t,
       editor: o,
       editorOptions: l,
-      isLoading: f,
+      isLoading: y,
       isSaved: n,
-      close: a,
+      close: i,
       openApi: s,
-      saveApi: i,
+      saveApi: d,
       delayOptions: e,
       autoSave: v
     };
   }
 }, oe = { class: "toolbar-save" }, te = { class: "save-style" }, ne = { class: "save-time" }, ae = { class: "save-button-group" };
-function se(n, e, t, o, a, s) {
-  const i = m("svg-icon"), l = m("vue-monaco"), c = m("tiny-button"), v = m("tiny-dialog-box"), C = m("toolbar-base"), _ = m("tiny-checkbox"), p = m("tiny-select"), E = m("tiny-popover");
-  return B(), N("div", oe, [
-    d(E, {
+function se(n, e, t, o, i, s) {
+  const d = m("svg-icon"), l = m("vue-monaco"), a = m("tiny-button"), v = m("tiny-dialog-box"), p = m("toolbar-base"), f = m("tiny-checkbox"), w = m("tiny-select"), E = m("tiny-popover");
+  return x(), h("div", oe, [
+    c(E, {
       "visible-arrow": !1,
       width: "203",
       trigger: "hover"
     }, {
       reference: r(() => [
-        d(C, {
+        c(p, {
           content: o.isLoading ? "保存中" : "保存",
           icon: t.options.icon.default || t.options.icon,
           options: { ...t.options, showDots: !o.isSaved() },
           onClickApi: o.openApi
         }, {
           button: r(() => [
-            d(i, { name: t.iconExpand }, null, 8, ["name"])
+            c(d, { name: t.iconExpand }, null, 8, ["name"])
           ]),
           default: r(() => [
-            d(v, {
+            c(v, {
               class: "dialog-box",
               modal: !1,
               fullscreen: !0,
               "append-to-body": !0,
               visible: o.state.visible,
               title: "Schema 本地与线上差异",
-              "onUpdate:visible": e[0] || (e[0] = (y) => o.state.visible = y)
+              "onUpdate:visible": e[0] || (e[0] = (b) => o.state.visible = b)
             }, {
               footer: r(() => [
-                d(c, { onClick: o.close }, {
+                c(a, { onClick: o.close }, {
                   default: r(() => e[3] || (e[3] = [
                     k("取 消")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                d(c, {
+                c(a, {
                   type: "primary",
                   onClick: o.saveApi
                 }, {
@@ -201,7 +201,7 @@ function se(n, e, t, o, a, s) {
                 }, 8, ["onClick"])
               ]),
               default: r(() => [
-                o.state.visible ? (B(), O(l, {
+                o.state.visible ? (x(), O(l, {
                   key: 0,
                   ref: "editor",
                   class: "monaco-editor",
@@ -218,11 +218,11 @@ function se(n, e, t, o, a, s) {
         }, 8, ["content", "icon", "options", "onClickApi"])
       ]),
       default: r(() => [
-        b("div", te, [
-          e[8] || (e[8] = b("div", { class: "save-setting" }, "保存设置", -1)),
-          d(_, {
+        g("div", te, [
+          e[8] || (e[8] = g("div", { class: "save-setting" }, "保存设置", -1)),
+          c(f, {
             modelValue: o.state.checked,
-            "onUpdate:modelValue": e[1] || (e[1] = (y) => o.state.checked = y),
+            "onUpdate:modelValue": e[1] || (e[1] = (b) => o.state.checked = b),
             name: "tiny-checkbox"
           }, {
             default: r(() => e[5] || (e[5] = [
@@ -230,18 +230,18 @@ function se(n, e, t, o, a, s) {
             ])),
             _: 1
           }, 8, ["modelValue"]),
-          b("div", ne, [
-            e[6] || (e[6] = b("div", { class: "save-time-label" }, "保存间隔", -1)),
-            d(p, {
+          g("div", ne, [
+            e[6] || (e[6] = g("div", { class: "save-time-label" }, "保存间隔", -1)),
+            c(w, {
               modelValue: o.state.timeValue,
-              "onUpdate:modelValue": e[2] || (e[2] = (y) => o.state.timeValue = y),
+              "onUpdate:modelValue": e[2] || (e[2] = (b) => o.state.timeValue = b),
               options: o.delayOptions,
               disabled: !o.state.checked,
               autocomplete: ""
             }, null, 8, ["modelValue", "options", "disabled"])
           ]),
-          b("div", ae, [
-            d(c, {
+          g("div", ae, [
+            c(a, {
               type: "primary",
               onClick: o.autoSave
             }, {
@@ -258,7 +258,7 @@ function se(n, e, t, o, a, s) {
   ]);
 }
 const ie = /* @__PURE__ */ I(ee, [["render", se], ["__scopeId", "data-v-75c21aff"]]), pe = {
-  ...A,
+  ...V,
   entry: ie,
   apis: $
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-save",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.0.0",
-    "@opentiny/tiny-engine-meta-register": "2.0.0",
-    "@opentiny/tiny-engine-utils": "2.0.0"
+    "@opentiny/tiny-engine-common": "2.1.0",
+    "@opentiny/tiny-engine-meta-register": "2.1.0",
+    "@opentiny/tiny-engine-utils": "2.1.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -39,5 +39,5 @@
     "@opentiny/vue": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "26b32b2236bb85d8113158fd1475884aa99a9657"
+  "gitHead": "faf3072c75ea5024689972e2a687916e084c156f"
 }