@opentiny/tiny-engine-toolbar-save 2.5.0-alpha.0 → 2.5.0-alpha.2

package/dist/index.js

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

package/dist/style.css

@@ -1 +1 @@
-.dots[data-v-1f2072bd]{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-1f2072bd]{margin-left:var(--te-base-space-2x);margin-right:var(--te-base-space-0)}.toolbar-save .save-button[data-v-1f2072bd]{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-1f2072bd]:not(.disabled):hover{background-color:var(--te-toolbars-save-button-bg-color)}.toolbar-save[data-v-1f2072bd] .icon-down-arrow:focus{outline:none}.save-style[data-v-1f2072bd]{padding:8px 4px;font-size:12px}.save-style .save-setting[data-v-1f2072bd]{font-size:14px;font-weight:600;line-height:20px;height:20px;margin-bottom:16px}.save-style .save-time[data-v-1f2072bd]{line-height:24px;font-size:12px;margin:12px 0 16px;display:flex}.save-style .save-time .save-time-label[data-v-1f2072bd]{width:60px;color:var(--te-toolbars-save-text-color)}.save-style .save-time .tiny-select[data-v-1f2072bd]{width:103px;margin-left:12px}.save-style .save-time .tiny-select[data-v-1f2072bd] .tiny-input__suffix{width:12px}.save-style .save-time[data-v-1f2072bd] .tiny-select.is-disabled .tiny-input__suffix{display:flex}.save-style .save-button-group[data-v-1f2072bd]{text-align:right}#saving[data-v-1f2072bd]{cursor:not-allowed;color:var(--te-toolbars-save-text-color-disabled)}#saving[data-v-1f2072bd] svg{color:var(--te-toolbars-save-text-color-disabled)}.dialog-box[data-v-1f2072bd] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-1f2072bd] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-1f2072bd]{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.5.0-alpha.0",
+  "version": "2.5.0-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.5.0-alpha.0",
-    "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.0",
-    "@opentiny/tiny-engine-utils": "2.5.0-alpha.0"
+    "@opentiny/tiny-engine-common": "2.5.0-alpha.2",
+    "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.2",
+    "@opentiny/tiny-engine-utils": "2.5.0-alpha.2"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.2",
     "@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": "ae59c82734d79f650c9221cb9702714814b099c8"
+  "gitHead": "f5707c379397bffc9a63c50c695f3ee3340ad0c6"
 }