@opentiny/tiny-engine-toolbar-save 2.3.1 → 2.4.0

package/dist/index.js

@@ -1,11 +1,11 @@
 import "./style.css";
-import { reactive as N, ref as B, resolveComponent as f, createElementBlock as L, openBlock as x, createVNode as v, withCtx as d, createBlock as U, createCommentVNode as I, createTextVNode as S, createElementVNode as k, onMounted as P, onUnmounted as E } from "vue";
-import { ToolbarBase as G, VueMonaco as R } from "@opentiny/tiny-engine-common";
-import { Select as j, Checkbox as Y, DialogBox as q, Popover as z, Button as F } from "@opentiny/vue";
-import { useCanvas as C, getOptions as H, useNotify as A, useLayout as K, usePage as Q, getMetaApi as W, META_APP as X, useBlock as Z, useMessage as $ } from "@opentiny/tiny-engine-meta-register";
-import { constants as V } from "@opentiny/tiny-engine-utils";
+import { reactive as x, ref as h, onMounted as A, onUnmounted as O, resolveComponent as f, createElementBlock as J, openBlock as P, createVNode as v, withCtx as u, createBlock as L, createCommentVNode as U, createTextVNode as S, createElementVNode as k } from "vue";
+import { ToolbarBase as I, VueMonaco as G } from "@opentiny/tiny-engine-common";
+import { Select as R, Checkbox as j, DialogBox as Y, Popover as q, Button as z } from "@opentiny/vue";
+import { useCanvas as B, getOptions as H, useNotify as D, useLayout as K, usePage as Q, getMetaApi as W, META_APP as X, useBlock as Z, useMessage as $ } from "@opentiny/tiny-engine-meta-register";
+import { constants as N } from "@opentiny/tiny-engine-utils";
 import { handlePageUpdate as ee } from "@opentiny/tiny-engine-common/js/http";
-const w = {
+const V = {
   id: "engine.toolbars.save",
   type: "toolbars",
   title: "save",
@@ -15,41 +15,46 @@ const w = {
     },
     renderType: "button"
   }
-}, { PAGE_STATUS: g, AUTO_SAVED: D } = V, _ = N({
+}, { PAGE_STATUS: g, AUTO_SAVED: w } = N, _ = x({
   visible: !1,
   code: "",
   originalCode: "",
   disabled: !1
-}), b = B(!1), te = async (a) => {
+}), b = h(!1), te = async (a) => {
   var s;
   const e = W(X.BlockManage), { getCurrentBlock: o } = Z(), t = o();
   t.label = a.fileName, t.content = a, b.value = !0, t.screenshot = await e.getBlockBase64(), await ((s = e.saveBlock) == null ? void 0 : s.call(e, t)), b.value = !1;
 }, oe = async (a) => {
-  const { currentPage: e } = C().pageState, o = {
+  const { currentPage: e } = B().pageState, o = {
     page_content: a
   };
-  b.value = !0, await ee(e.id, { ...e, ...o }, !1, !0), b.value = !1;
-}, O = (a) => {
-  const { pageSettingState: e, isTemporaryPage: o } = Q(), { isBlock: t, canvasApi: s, pageState: l, resetBlockCanvasState: r, resetPageCanvasState: i } = C(), n = JSON.parse(a), { selectNode: c } = s.value;
+  b.value = !0;
+  const t = {
+    id: e.id,
+    params: { ...e, ...o }
+  };
+  await ee(t), b.value = !1;
+}, T = (a) => {
+  const { pageSettingState: e, isTemporaryPage: o } = Q(), { isBlock: t, canvasApi: s, pageState: l, resetBlockCanvasState: r, resetPageCanvasState: i } = B(), n = JSON.parse(a), { selectNode: c } = s.value;
   if (t() ? r({ ...l, pageSchema: n }) : i({ ...l, pageSchema: n }), e != null && e.isAIPage) {
     o.saved && (o.saved = !1), o.saved = !0;
     const p = "page_content";
     return e.currentPageData[p] = n, Promise.resolve();
   }
   return c(null), t() ? te(n) : oe(n);
-}, M = async () => {
+}, F = async () => {
   var p;
-  const { isSaved: a, getSchema: e } = C();
+  const { isSaved: a, getSchema: e } = B();
   if (a() || _.disabled)
     return;
-  const { beforeSave: o, saveMethod: t, saved: s } = H(w.id);
+  const { beforeSave: o, saveMethod: t, saved: s } = H(V.id);
   try {
     if (typeof o == "function" && await o(), typeof t == "function" && await t())
       return;
-  } catch (u) {
-    A({
+  } catch (d) {
+    D({
       type: "error",
-      message: `Error in saving: ${u}`
+      message: `Error in saving: ${d}`
     });
   }
   const l = (p = K().layoutState) == null ? void 0 : p.pageStatus, r = l == null ? void 0 : l.state, i = l == null ? void 0 : l.data, n = {
@@ -59,7 +64,7 @@ const w = {
     [g.Lock]: `当前页面被 ${i == null ? void 0 : i.username} ${i == null ? void 0 : i.resetPasswordToken} 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
   };
   if ([g.Release, g.Empty, g.Guest, g.Lock].includes(r)) {
-    A({
+    D({
       type: "error",
       title: "保存失败",
       message: n[r]
@@ -68,47 +73,42 @@ const w = {
   }
   _.disabled = !0;
   const c = e();
-  _.code = JSON.stringify(c || {}, null, 2), O(_.code).finally(() => {
+  _.code = JSON.stringify(c || {}, null, 2), T(_.code).finally(() => {
     if (_.disabled = !1, typeof s == "function")
       try {
         s();
-      } catch (u) {
-        A({
+      } catch (d) {
+        D({
           type: "error",
-          message: `Error in saved: ${u}`
+          message: `Error in saved: ${d}`
         });
       }
   });
 }, ae = () => {
   try {
-    const a = localStorage.getItem(D);
+    const a = localStorage.getItem(w) ?? "";
     return JSON.parse(a) ?? !1;
   } catch {
     return !1;
   }
 }, ne = (a) => {
   try {
-    return localStorage.setItem(D, JSON.stringify(a)), !0;
+    return localStorage.setItem(w, JSON.stringify(a)), !0;
   } catch {
     return !1;
   }
-}, se = (a, e) => {
-  const o = a.__vccOpts || a;
-  for (const [t, s] of e)
-    o[t] = s;
-  return o;
-}, { OPEN_DELAY: ie } = V, le = {
-  saveCommon: O,
-  openCommon: M
-}, ce = {
+}, { OPEN_DELAY: se } = N, ie = {
+  saveCommon: T,
+  openCommon: F
+}, le = {
   components: {
-    VueMonaco: R,
-    TinyButton: F,
-    TinyPopover: z,
-    TinyDialogBox: q,
-    TinyCheckbox: Y,
-    TinySelect: j,
-    ToolbarBase: G
+    VueMonaco: G,
+    TinyButton: z,
+    TinyPopover: q,
+    TinyDialogBox: Y,
+    TinyCheckbox: j,
+    TinySelect: R,
+    ToolbarBase: I
   },
   props: {
     iconExpand: {
@@ -125,15 +125,15 @@ const w = {
       { value: 5, label: "5分钟" },
       { value: 10, label: "10分钟" },
       { value: 15, label: "15分钟" }
-    ], e = N({
+    ], e = x({
       visible: !1,
       code: "",
       originalCode: "",
       checked: !1,
       timeValue: 5,
       preservationTime: null
-    }), o = B(null), { isSaved: t, setSaved: s, getSchema: l } = C(), { subscribe: r, unsubscribe: i } = $(), n = "toolbar-save", c = B(null);
-    P(() => {
+    }), o = h(null), { isSaved: t, setSaved: s, getSchema: l } = B(), { subscribe: r, unsubscribe: i } = $(), n = "toolbar-save", c = h(null);
+    A(() => {
       r({
         topic: "pageOrBlockInit",
         subscriber: n,
@@ -159,16 +159,16 @@ const w = {
           }
         }
       });
-    }), E(() => {
+    }), O(() => {
       i({ topic: "pageOrBlockInit", subscriber: n }), i({ topic: "schemaChange", subscriber: n }), i({ topic: "schemaImport", subscriber: n });
     });
     const p = () => {
       e.visible = !1, e.originalCode = "";
-    }, u = () => {
-      b.value || M();
-    }, h = () => {
-      O();
-    }, T = {
+    }, d = () => {
+      b.value || F();
+    }, C = () => {
+      T();
+    }, E = {
       language: "json",
       lineNumbers: !0,
       minimap: {
@@ -176,63 +176,68 @@ const w = {
       }
     }, m = () => {
       clearTimeout(e.preservationTime), e.preservationTime = setTimeout(() => {
-        u(), m();
+        d(), m();
       }, e.timeValue * 60 * 1e3);
-    }, J = () => {
+    }, M = () => {
       ne(e.checked), e.checked ? m() : clearTimeout(e.preservationTime);
     };
-    return P(() => {
+    return A(() => {
       e.checked = ae(), e.checked && m();
-    }), E(() => {
+    }), O(() => {
       clearTimeout(e.preservationTime);
     }), {
       state: e,
       editor: o,
-      editorOptions: T,
+      editorOptions: E,
       isLoading: b,
       isSaved: t,
       close: p,
-      openApi: u,
-      saveApi: h,
+      openApi: d,
+      saveApi: C,
       delayOptions: a,
-      saveConfig: J,
-      OPEN_DELAY: ie
+      saveConfig: M,
+      OPEN_DELAY: se
     };
   }
-}, re = { class: "toolbar-save" }, de = { class: "save-style" }, ue = { class: "save-time" }, me = { class: "save-button-group" };
+}, ce = (a, e) => {
+  const o = a.__vccOpts || a;
+  for (const [t, s] of e)
+    o[t] = s;
+  return o;
+}, re = { class: "toolbar-save" }, ue = { class: "save-style" }, de = { class: "save-time" }, me = { class: "save-button-group" };
 function ve(a, e, o, t, s, l) {
-  const r = f("svg-icon"), i = f("tiny-checkbox"), n = f("tiny-select"), c = f("tiny-button"), p = f("tiny-popover"), u = f("vue-monaco"), h = f("tiny-dialog-box"), T = f("toolbar-base");
-  return x(), L("div", re, [
-    v(T, {
+  const r = f("svg-icon"), i = f("tiny-checkbox"), n = f("tiny-select"), c = f("tiny-button"), p = f("tiny-popover"), d = f("vue-monaco"), C = f("tiny-dialog-box"), E = f("toolbar-base");
+  return P(), J("div", re, [
+    v(E, {
       content: t.isLoading ? "保存中" : "保存",
       icon: o.options.icon.default || o.options.icon,
       options: { ...o.options, showDots: !t.isSaved() },
       onClickApi: t.openApi
     }, {
-      button: d(() => [
+      button: u(() => [
         v(p, {
           "visible-arrow": !1,
           width: "203",
           trigger: "click",
           "open-delay": t.OPEN_DELAY.Default
         }, {
-          reference: d(() => [
+          reference: u(() => [
             v(r, { name: o.iconExpand }, null, 8, ["name"])
           ]),
-          default: d(() => [
-            k("div", de, [
+          default: u(() => [
+            k("div", ue, [
               e[6] || (e[6] = k("div", { class: "save-setting" }, "保存设置", -1)),
               v(i, {
                 modelValue: t.state.checked,
                 "onUpdate:modelValue": e[0] || (e[0] = (m) => t.state.checked = m),
                 name: "tiny-checkbox"
               }, {
-                default: d(() => e[3] || (e[3] = [
+                default: u(() => e[3] || (e[3] = [
                   S("自动保存")
                 ])),
                 _: 1
               }, 8, ["modelValue"]),
-              k("div", ue, [
+              k("div", de, [
                 e[4] || (e[4] = k("div", { class: "save-time-label" }, "保存间隔", -1)),
                 v(n, {
                   modelValue: t.state.timeValue,
@@ -247,7 +252,7 @@ function ve(a, e, o, t, s, l) {
                   type: "primary",
                   onClick: t.saveConfig
                 }, {
-                  default: d(() => e[5] || (e[5] = [
+                  default: u(() => e[5] || (e[5] = [
                     S("设置并保存")
                   ])),
                   _: 1
@@ -258,8 +263,8 @@ function ve(a, e, o, t, s, l) {
           _: 1
         }, 8, ["open-delay"])
       ]),
-      default: d(() => [
-        v(h, {
+      default: u(() => [
+        v(C, {
           class: "dialog-box",
           modal: !1,
           fullscreen: !0,
@@ -268,9 +273,9 @@ function ve(a, e, o, t, s, l) {
           title: "Schema 本地与线上差异",
           "onUpdate:visible": e[2] || (e[2] = (m) => t.state.visible = m)
         }, {
-          footer: d(() => [
+          footer: u(() => [
             v(c, { onClick: t.close }, {
-              default: d(() => e[7] || (e[7] = [
+              default: u(() => e[7] || (e[7] = [
                 S("取 消")
               ])),
               _: 1
@@ -279,14 +284,14 @@ function ve(a, e, o, t, s, l) {
               type: "primary",
               onClick: t.saveApi
             }, {
-              default: d(() => e[8] || (e[8] = [
+              default: u(() => e[8] || (e[8] = [
                 S("保 存")
               ])),
               _: 1
             }, 8, ["onClick"])
           ]),
-          default: d(() => [
-            t.state.visible ? (x(), U(u, {
+          default: u(() => [
+            t.state.visible ? (P(), L(d, {
               key: 0,
               ref: "editor",
               class: "monaco-editor",
@@ -294,7 +299,7 @@ function ve(a, e, o, t, s, l) {
               options: t.editorOptions,
               value: t.state.code,
               original: t.state.originalCode
-            }, null, 8, ["options", "value", "original"])) : I("", !0)
+            }, null, 8, ["options", "value", "original"])) : U("", !0)
           ]),
           _: 1
         }, 8, ["visible"])
@@ -303,11 +308,11 @@ function ve(a, e, o, t, s, l) {
     }, 8, ["content", "icon", "options", "onClickApi"])
   ]);
 }
-const pe = /* @__PURE__ */ se(ce, [["render", ve], ["__scopeId", "data-v-204025a1"]]), Ce = {
-  ...w,
+const pe = /* @__PURE__ */ ce(le, [["render", ve], ["__scopeId", "data-v-047f42c8"]]), Be = {
+  ...V,
   entry: pe,
-  apis: le
+  apis: ie
 };
 export {
-  Ce as default
+  Be as default
 };

package/dist/style.css

@@ -1 +1 @@
-.dots[data-v-204025a1]{width:6px;height:6px;background:var(--te-toolbars-save-dot-color);border-radius:50%;display:inline-block;position:absolute;top:4px;right:3px;z-index:100}.toolbar-save .icon-down-arrow.icon-down-arrow[data-v-204025a1]{margin-left:var(--te-base-space-2x);margin-right:var(--te-base-space-0)}.toolbar-save .save-button[data-v-204025a1]{background-color:var(--te-toolbars-save-button-bg-color);border:none;min-width:70px;height:26px;display:flex;align-items:center;padding:0 8px;border-radius:4px}.toolbar-save .save-button[data-v-204025a1]:not(.disabled):hover{background-color:var(--te-toolbars-save-button-bg-color)}.toolbar-save[data-v-204025a1] .icon-down-arrow:focus{outline:none}.save-style[data-v-204025a1]{padding:8px 4px;font-size:12px}.save-style .save-setting[data-v-204025a1]{font-size:14px;font-weight:600;line-height:20px;height:20px;margin-bottom:16px}.save-style .save-time[data-v-204025a1]{line-height:24px;font-size:12px;margin:12px 0 16px;display:flex}.save-style .save-time .save-time-label[data-v-204025a1]{width:60px;color:var(--te-toolbars-save-text-color)}.save-style .save-time .tiny-select[data-v-204025a1]{width:103px;margin-left:12px}.save-style .save-time .tiny-select[data-v-204025a1] .tiny-input__suffix{width:12px}.save-style .save-time[data-v-204025a1] .tiny-select.is-disabled .tiny-input__suffix{display:flex}.save-style .save-button-group[data-v-204025a1]{text-align:right}#saving[data-v-204025a1]{cursor:not-allowed;color:var(--te-toolbars-save-text-color-disabled)}#saving[data-v-204025a1] svg{color:var(--te-toolbars-save-text-color-disabled)}.dialog-box[data-v-204025a1] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-204025a1] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-204025a1]{width:100%;height:100%}.changeRole a{color:var(--te-toolbars-save-text-color-link);padding:0 5px}.save-style .save-time .tiny-input__inner{height:24px!important}:root{--te-toolbars-save-text-color: var(--te-common-text-secondary);--te-toolbars-save-text-color-disabled: var(--te-common-text-disabled);--te-toolbars-save-dot-color: var(--te-common-color-error);--te-toolbars-save-button-bg-color: var(--te-common-bg-prompt);--te-toolbars-save-text-color-link: var(--te-common-text-link)}
+.dots[data-v-047f42c8]{width:6px;height:6px;background:var(--te-toolbars-save-dot-color);border-radius:50%;display:inline-block;position:absolute;top:4px;right:3px;z-index:100}.toolbar-save .icon-down-arrow.icon-down-arrow[data-v-047f42c8]{margin-left:var(--te-base-space-2x);margin-right:var(--te-base-space-0)}.toolbar-save .save-button[data-v-047f42c8]{background-color:var(--te-toolbars-save-button-bg-color);border:none;min-width:70px;height:26px;display:flex;align-items:center;padding:0 8px;border-radius:4px}.toolbar-save .save-button[data-v-047f42c8]:not(.disabled):hover{background-color:var(--te-toolbars-save-button-bg-color)}.toolbar-save[data-v-047f42c8] .icon-down-arrow:focus{outline:none}.save-style[data-v-047f42c8]{padding:8px 4px;font-size:12px}.save-style .save-setting[data-v-047f42c8]{font-size:14px;font-weight:600;line-height:20px;height:20px;margin-bottom:16px}.save-style .save-time[data-v-047f42c8]{line-height:24px;font-size:12px;margin:12px 0 16px;display:flex}.save-style .save-time .save-time-label[data-v-047f42c8]{width:60px;color:var(--te-toolbars-save-text-color)}.save-style .save-time .tiny-select[data-v-047f42c8]{width:103px;margin-left:12px}.save-style .save-time .tiny-select[data-v-047f42c8] .tiny-input__suffix{width:12px}.save-style .save-time[data-v-047f42c8] .tiny-select.is-disabled .tiny-input__suffix{display:flex}.save-style .save-button-group[data-v-047f42c8]{text-align:right}#saving[data-v-047f42c8]{cursor:not-allowed;color:var(--te-toolbars-save-text-color-disabled)}#saving[data-v-047f42c8] svg{color:var(--te-toolbars-save-text-color-disabled)}.dialog-box[data-v-047f42c8] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-047f42c8] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-047f42c8]{width:100%;height:100%}.changeRole a{color:var(--te-toolbars-save-text-color-link);padding:0 5px}.save-style .save-time .tiny-input__inner{height:24px!important}:root{--te-toolbars-save-text-color: var(--te-common-text-secondary);--te-toolbars-save-text-color-disabled: var(--te-common-text-disabled);--te-toolbars-save-dot-color: var(--te-common-color-error);--te-toolbars-save-button-bg-color: var(--te-common-bg-prompt);--te-toolbars-save-text-color-link: var(--te-common-text-link)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-save",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.3.1",
-    "@opentiny/tiny-engine-meta-register": "2.3.0",
-    "@opentiny/tiny-engine-utils": "2.3.0"
+    "@opentiny/tiny-engine-common": "2.4.0",
+    "@opentiny/tiny-engine-meta-register": "2.4.0",
+    "@opentiny/tiny-engine-utils": "2.4.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.3.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.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.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "9eb2dbacfdb9fd9648b66621d6340ac502efd4b3"
+  "gitHead": "477aa411da11a4f95712e3e5c251d97cae23f4ad"
 }