@opentiny/tiny-engine-toolbar-save 2.1.0-rc.0 → 2.2.0-beta.3

package/dist/index.js

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

package/dist/style.css

@@ -1 +1 @@
-.dots[data-v-65d97e8e]{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}.toolbar-save .save-button[data-v-65d97e8e]{background-color:var(--ti-lowcode-toolbar-button-bg);border:none;min-width:70px;height:26px;display:flex;align-items:center;padding:0 8px;border-radius:4px}.toolbar-save .save-button[data-v-65d97e8e]:not(.disabled):hover{background-color:var(--ti-lowcode-toolbar-button-bg)}.toolbar-save .save-button .save-title[data-v-65d97e8e]{margin:0 6px}.toolbar-save[data-v-65d97e8e] .icon-down-arrow:focus{outline:none}.save-style[data-v-65d97e8e]{padding:20px 12px;font-size:12px}.save-style .save-setting[data-v-65d97e8e]{font-size:14px;font-weight:600;line-height:20px;height:20px;margin-bottom:16px}.save-style .save-time[data-v-65d97e8e]{line-height:24px;font-size:12px;margin:12px 0 16px;display:flex}.save-style .save-time .save-time-label[data-v-65d97e8e]{width:60px}.save-style .save-time .tiny-select[data-v-65d97e8e]{width:103px;margin-left:12px}.save-style .save-time .tiny-select[data-v-65d97e8e] .tiny-input__suffix{width:12px;top:12px}.save-style .save-button-group[data-v-65d97e8e]{text-align:right}.save-style .save-button-group[data-v-65d97e8e] .tiny-button{min-width:40px;padding:0 8px;height:26px;line-height:24px;border:0;border-radius:4px}#saving[data-v-65d97e8e]{cursor:not-allowed;color:var(--ti-lowcode-disabled-color)}#saving[data-v-65d97e8e] svg{color:var(--ti-lowcode-disabled-color)}.dialog-box[data-v-65d97e8e] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-65d97e8e] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-65d97e8e]{width:100%;height:100%}.changeRole a{color:var(--ti-lowcode-canvas-handle-hover-bg);padding:0 5px}
+.dots[data-v-d7b68e59]{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}.toolbar-save .icon-down-arrow.icon-down-arrow[data-v-d7b68e59]{margin-left:var(--te-base-space-2x);margin-right:var(--te-base-space-0)}.toolbar-save .save-button[data-v-d7b68e59]{background-color:var(--ti-lowcode-toolbar-button-bg);border:none;min-width:70px;height:26px;display:flex;align-items:center;padding:0 8px;border-radius:4px}.toolbar-save .save-button[data-v-d7b68e59]:not(.disabled):hover{background-color:var(--ti-lowcode-toolbar-button-bg)}.toolbar-save[data-v-d7b68e59] .icon-down-arrow:focus{outline:none}.save-style[data-v-d7b68e59]{padding:8px 4px;font-size:12px}.save-style .save-setting[data-v-d7b68e59]{font-size:14px;font-weight:600;line-height:20px;height:20px;margin-bottom:16px}.save-style .save-time[data-v-d7b68e59]{line-height:24px;font-size:12px;margin:12px 0 16px;display:flex}.save-style .save-time .save-time-label[data-v-d7b68e59]{width:60px;color:var(--te-common-text-secondary)}.save-style .save-time .tiny-select[data-v-d7b68e59]{width:103px;margin-left:12px}.save-style .save-time .tiny-select[data-v-d7b68e59] .tiny-input__suffix{width:12px;top:12px}.save-style .save-button-group[data-v-d7b68e59]{text-align:right}#saving[data-v-d7b68e59]{cursor:not-allowed;color:var(--ti-lowcode-disabled-color)}#saving[data-v-d7b68e59] svg{color:var(--ti-lowcode-disabled-color)}.dialog-box[data-v-d7b68e59] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-d7b68e59] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-d7b68e59]{width:100%;height:100%}.changeRole a{color:var(--ti-lowcode-canvas-handle-hover-bg);padding:0 5px}.save-style .save-time .tiny-input__inner{height:24px!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-save",
-  "version": "2.1.0-rc.0",
+  "version": "2.2.0-beta.3",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.1.0-rc.0",
-    "@opentiny/tiny-engine-meta-register": "2.1.0-rc.0",
-    "@opentiny/tiny-engine-utils": "2.1.0-rc.0"
+    "@opentiny/tiny-engine-common": "2.2.0-beta.3",
+    "@opentiny/tiny-engine-meta-register": "2.2.0-beta.3",
+    "@opentiny/tiny-engine-utils": "2.2.0-beta.3"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.1.0-rc.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.2.0-beta.3",
     "@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": "71a3549d5f1d38d2ed3934ce83b722b11878aa7c"
+  "gitHead": "04459f34e5ebdaca92355f7698cd4fea19f7ef95"
 }