@opentiny/tiny-engine-toolbar-save 2.9.0-rc.0 → 2.9.0

package/dist/index.js

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