@opentiny/tiny-engine-toolbar-save 2.4.0 → 2.5.0-alpha.1

package/dist/index.js

@@ -1,11 +1,11 @@
 import "./style.css";
-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 = {
+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 = {
   id: "engine.toolbars.save",
   type: "toolbars",
   title: "save",
@@ -15,100 +15,298 @@ const V = {
     },
     renderType: "button"
   }
-}, { PAGE_STATUS: g, AUTO_SAVED: w } = N, _ = x({
+}, {
+  PAGE_STATUS: P,
+  AUTO_SAVED: M
+} = _, O = ee({
   visible: !1,
   code: "",
   originalCode: "",
   disabled: !1
-}), b = h(!1), te = async (a) => {
+}), d = W(!1), Y = m(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 } = B().pageState, o = {
+  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 = {
     page_content: a
   };
-  b.value = !0;
+  d.value = !0;
   const t = {
     id: e.id,
-    params: { ...e, ...o }
+    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) {
+  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) {
     o.saved && (o.saved = !1), o.saved = !0;
-    const p = "page_content";
-    return e.currentPageData[p] = n, Promise.resolve();
+    const b = "page_content";
+    return e.currentPageData[b] = n, Promise.resolve();
   }
-  return c(null), t() ? te(n) : oe(n);
-}, F = async () => {
-  var p;
-  const { isSaved: a, getSchema: e } = B();
-  if (a() || _.disabled)
+  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;
-  const { beforeSave: o, saveMethod: t, saved: s } = H(V.id);
+  const {
+    beforeSave: o,
+    saveMethod: t,
+    saved: s
+  } = I(r.id);
   try {
     if (typeof o == "function" && await o(), typeof t == "function" && await t())
       return;
-  } catch (d) {
-    D({
+  } catch (p) {
+    w({
       type: "error",
-      message: `Error in saving: ${d}`
+      message: `Error in saving: ${p}`
     });
   }
-  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} 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
+  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} 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
   };
-  if ([g.Release, g.Empty, g.Guest, g.Lock].includes(r)) {
-    D({
+  if ([P.Release, P.Empty, P.Guest, P.Lock].includes(u)) {
+    w({
       type: "error",
       title: "保存失败",
-      message: n[r]
+      message: n[u]
     });
     return;
   }
-  _.disabled = !0;
+  O.disabled = !0;
   const c = e();
-  _.code = JSON.stringify(c || {}, null, 2), T(_.code).finally(() => {
-    if (_.disabled = !1, typeof s == "function")
+  O.code = JSON.stringify(c || {}, null, 2), g(O.code).finally(() => {
+    if (O.disabled = !1, typeof s == "function")
       try {
         s();
-      } catch (d) {
-        D({
+      } catch (p) {
+        w({
           type: "error",
-          message: `Error in saved: ${d}`
+          message: `Error in saved: ${p}`
         });
       }
   });
-}, ae = () => {
+}, {
+  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(() => {
   try {
-    const a = localStorage.getItem(w) ?? "";
+    const a = localStorage.getItem(M) ?? "";
     return JSON.parse(a) ?? !1;
   } catch {
     return !1;
   }
-}, ne = (a) => {
+}, {
+  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) => {
   try {
-    return localStorage.setItem(w, JSON.stringify(a)), !0;
+    return localStorage.setItem(M, JSON.stringify(a)), !0;
   } catch {
     return !1;
   }
-}, { OPEN_DELAY: se } = N, ie = {
-  saveCommon: T,
-  openCommon: F
-}, le = {
+}, {
+  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 = {
   components: {
-    VueMonaco: G,
-    TinyButton: z,
-    TinyPopover: q,
-    TinyDialogBox: Y,
-    TinyCheckbox: j,
-    TinySelect: R,
-    ToolbarBase: I
+    VueMonaco: A,
+    TinyButton: ce,
+    TinyPopover: le,
+    TinyDialogBox: ie,
+    TinyCheckbox: se,
+    TinySelect: ne,
+    ToolbarBase: B
   },
   props: {
     iconExpand: {
@@ -121,139 +319,614 @@ const V = {
     }
   },
   setup() {
-    const a = [
-      { value: 5, label: "5分钟" },
-      { value: 10, label: "10分钟" },
-      { value: 15, label: "15分钟" }
-    ], e = x({
+    const a = [{
+      value: 5,
+      label: "5分钟"
+    }, {
+      value: 10,
+      label: "10分钟"
+    }, {
+      value: 15,
+      label: "15分钟"
+    }], e = ee({
       visible: !1,
       code: "",
       originalCode: "",
       checked: !1,
       timeValue: 5,
       preservationTime: null
-    }), o = h(null), { isSaved: t, setSaved: s, getSchema: l } = B(), { subscribe: r, unsubscribe: i } = $(), n = "toolbar-save", c = h(null);
-    A(() => {
-      r({
+    }), 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({
         topic: "pageOrBlockInit",
         subscriber: n,
-        callback: (y) => {
-          c.value = JSON.stringify(y), s(!0);
+        callback: (z) => {
+          c.value = JSON.stringify(z), s(!0);
         }
-      }), r({
+      }), u({
         topic: "schemaChange",
         subscriber: n,
         callback: () => {
           if (c.value) {
-            const y = JSON.stringify(l()) === c.value;
-            s(y);
+            const z = JSON.stringify(l()) === c.value;
+            s(z);
           }
         }
-      }), r({
+      }), u({
         topic: "schemaImport",
         subscriber: n,
         callback: () => {
           if (c.value) {
-            const y = JSON.stringify(l()) === c.value;
-            s(y);
+            const z = JSON.stringify(l()) === c.value;
+            s(z);
           }
         }
       });
-    }), O(() => {
-      i({ topic: "pageOrBlockInit", subscriber: n }), i({ topic: "schemaChange", subscriber: n }), i({ topic: "schemaImport", subscriber: n });
-    });
-    const p = () => {
+    }, {
+      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(() => {
       e.visible = !1, e.originalCode = "";
-    }, d = () => {
-      b.value || F();
-    }, C = () => {
-      T();
-    }, E = {
+    }, {
+      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 = {
       language: "json",
       lineNumbers: !0,
       minimap: {
         enabled: !1
       }
-    }, m = () => {
+    }, f = m(() => {
       clearTimeout(e.preservationTime), e.preservationTime = setTimeout(() => {
-        d(), m();
+        p(), f();
       }, e.timeValue * 60 * 1e3);
-    }, M = () => {
-      ne(e.checked), e.checked ? m() : clearTimeout(e.preservationTime);
-    };
-    return A(() => {
-      e.checked = ae(), e.checked && m();
-    }), O(() => {
+    }, {
+      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(() => {
       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: E,
-      isLoading: b,
+      editorOptions: S,
+      isLoading: d,
       isSaved: t,
-      close: p,
-      openApi: d,
+      close: b,
+      openApi: p,
       saveApi: C,
       delayOptions: a,
-      saveConfig: M,
-      OPEN_DELAY: se
+      saveConfig: x,
+      OPEN_DELAY: h
     };
   }
-}, ce = (a, e) => {
+}, de = (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"), d = f("vue-monaco"), C = f("tiny-dialog-box"), E = f("toolbar-base");
-  return P(), J("div", re, [
-    v(E, {
+}, 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, {
       content: t.isLoading ? "保存中" : "保存",
       icon: o.options.icon.default || o.options.icon,
       options: { ...o.options, showDots: !t.isSaved() },
       onClickApi: t.openApi
     }, {
-      button: u(() => [
-        v(p, {
+      button: N(() => [
+        V(b, {
           "visible-arrow": !1,
           width: "203",
           trigger: "click",
           "open-delay": t.OPEN_DELAY.Default
         }, {
-          reference: u(() => [
-            v(r, { name: o.iconExpand }, null, 8, ["name"])
+          reference: N(() => [
+            V(u, { name: o.iconExpand }, null, 8, ["name"])
           ]),
-          default: u(() => [
-            k("div", ue, [
-              e[6] || (e[6] = k("div", { class: "save-setting" }, "保存设置", -1)),
-              v(i, {
+          default: N(() => [
+            H("div", me, [
+              e[6] || (e[6] = H("div", { class: "save-setting" }, "保存设置", -1)),
+              V(i, {
                 modelValue: t.state.checked,
-                "onUpdate:modelValue": e[0] || (e[0] = (m) => t.state.checked = m),
+                "onUpdate:modelValue": e[0] || (e[0] = (f) => t.state.checked = f),
                 name: "tiny-checkbox"
               }, {
-                default: u(() => e[3] || (e[3] = [
-                  S("自动保存")
+                default: N(() => e[3] || (e[3] = [
+                  Q("自动保存")
                 ])),
                 _: 1
               }, 8, ["modelValue"]),
-              k("div", de, [
-                e[4] || (e[4] = k("div", { class: "save-time-label" }, "保存间隔", -1)),
-                v(n, {
+              H("div", ve, [
+                e[4] || (e[4] = H("div", { class: "save-time-label" }, "保存间隔", -1)),
+                V(n, {
                   modelValue: t.state.timeValue,
-                  "onUpdate:modelValue": e[1] || (e[1] = (m) => t.state.timeValue = m),
+                  "onUpdate:modelValue": e[1] || (e[1] = (f) => t.state.timeValue = f),
                   options: t.delayOptions,
                   disabled: !t.state.checked,
                   autocomplete: ""
                 }, null, 8, ["modelValue", "options", "disabled"])
               ]),
-              k("div", me, [
-                v(c, {
+              H("div", pe, [
+                V(c, {
                   type: "primary",
                   onClick: t.saveConfig
                 }, {
-                  default: u(() => e[5] || (e[5] = [
-                    S("设置并保存")
+                  default: N(() => e[5] || (e[5] = [
+                    Q("设置并保存")
                   ])),
                   _: 1
                 }, 8, ["onClick"])
@@ -263,35 +936,35 @@ function ve(a, e, o, t, s, l) {
           _: 1
         }, 8, ["open-delay"])
       ]),
-      default: u(() => [
-        v(C, {
+      default: N(() => [
+        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] = (m) => t.state.visible = m)
+          "onUpdate:visible": e[2] || (e[2] = (f) => t.state.visible = f)
         }, {
-          footer: u(() => [
-            v(c, { onClick: t.close }, {
-              default: u(() => e[7] || (e[7] = [
-                S("取 消")
+          footer: N(() => [
+            V(c, { onClick: t.close }, {
+              default: N(() => e[7] || (e[7] = [
+                Q("取 消")
               ])),
               _: 1
             }, 8, ["onClick"]),
-            v(c, {
+            V(c, {
               type: "primary",
               onClick: t.saveApi
             }, {
-              default: u(() => e[8] || (e[8] = [
-                S("保 存")
+              default: N(() => e[8] || (e[8] = [
+                Q("保 存")
               ])),
               _: 1
             }, 8, ["onClick"])
           ]),
-          default: u(() => [
-            t.state.visible ? (P(), L(d, {
+          default: N(() => [
+            t.state.visible ? ($(), oe(p, {
               key: 0,
               ref: "editor",
               class: "monaco-editor",
@@ -299,7 +972,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"])) : U("", !0)
+            }, null, 8, ["options", "value", "original"])) : ae("", !0)
           ]),
           _: 1
         }, 8, ["visible"])
@@ -308,11 +981,11 @@ function ve(a, e, o, t, s, l) {
     }, 8, ["content", "icon", "options", "onClickApi"])
   ]);
 }
-const pe = /* @__PURE__ */ ce(le, [["render", ve], ["__scopeId", "data-v-047f42c8"]]), Be = {
-  ...V,
-  entry: pe,
-  apis: ie
+const ge = /* @__PURE__ */ de(re, [["render", fe], ["__scopeId", "data-v-1f2072bd"]]), xe = {
+  ...r,
+  entry: ge,
+  apis: T
 };
 export {
-  Be as default
+  xe as default
 };

package/dist/style.css

@@ -1 +1 @@
-.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)}
+.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)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-save",
-  "version": "2.4.0",
+  "version": "2.5.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.4.0",
-    "@opentiny/tiny-engine-meta-register": "2.4.0",
-    "@opentiny/tiny-engine-utils": "2.4.0"
+    "@opentiny/tiny-engine-common": "2.5.0-alpha.1",
+    "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.1",
+    "@opentiny/tiny-engine-utils": "2.5.0-alpha.1"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.1",
     "@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": "477aa411da11a4f95712e3e5c251d97cae23f4ad"
+  "gitHead": "018ca6054f72ee559f0d3ca4dfcbeef4fb411e01"
 }