@opentiny/tiny-engine-toolbar-save 1.0.2 → 1.0.3

package/dist/index.js

@@ -1,37 +1,37 @@
 import "./style.css";
-import { reactive as C, ref as B, onBeforeMount as E, resolveComponent as l, openBlock as y, createElementBlock as L, Fragment as w, createVNode as r, withCtx as d, createElementVNode as b, normalizeClass as M, withDirectives as O, vShow as G, createTextVNode as k, createBlock as V, createCommentVNode as D } from "vue";
-import { VueMonaco as R } from "@opentiny/tiny-engine-common";
-import { Button as U, Popover as z, DialogBox as J } from "@opentiny/vue";
-import { useCanvas as P, useLayout as S, useBlock as j, usePage as F, useNotify as I } from "@opentiny/tiny-engine-controller";
-import { theme as q } from "@opentiny/tiny-engine-controller/adapter";
-import { setSchema as H, selectNode as K, getSchema as Q } from "@opentiny/tiny-engine-canvas";
-import { constants as W } from "@opentiny/tiny-engine-utils";
-import { handlePageUpdate as X } from "@opentiny/tiny-engine-common/js/http";
-const { pageState: h, isSaved: Y, isBlock: Z } = P(), { PLUGIN_NAME: $, getPluginApi: ee } = S(), { getCurrentBlock: oe } = j(), { PAGE_STATUS: a } = W, { pageSettingState: u, isTemporaryPage: _ } = F(), m = C({
+import { reactive as C, ref as B, onBeforeMount as E, resolveComponent as r, openBlock as y, createElementBlock as L, Fragment as w, createVNode as l, withCtx as d, createElementVNode as b, withDirectives as M, vShow as O, createTextVNode as k, createBlock as G, createCommentVNode as V } from "vue";
+import { VueMonaco as D } from "@opentiny/tiny-engine-common";
+import { Button as R, Popover as U, DialogBox as J } from "@opentiny/vue";
+import { useCanvas as P, useLayout as S, useBlock as j, usePage as z, useNotify as F } from "@opentiny/tiny-engine-controller";
+import { theme as I } from "@opentiny/tiny-engine-controller/adapter";
+import { setSchema as q, selectNode as H, getSchema as K } from "@opentiny/tiny-engine-canvas";
+import { constants as Q } from "@opentiny/tiny-engine-utils";
+import { handlePageUpdate as W } from "@opentiny/tiny-engine-common/js/http";
+const { pageState: h, isSaved: X, isBlock: Y } = P(), { PLUGIN_NAME: Z, getPluginApi: $ } = S(), { getCurrentBlock: ee } = j(), { PAGE_STATUS: a } = Q, { pageSettingState: u, isTemporaryPage: _ } = z(), m = C({
   visible: !1,
   code: "",
   originalCode: "",
   disabled: !1
-}), i = B(!1), te = async (n) => {
+}), i = B(!1), oe = async (n) => {
   var t;
-  const e = ee($.BlockManage), o = oe();
+  const e = $(Z.BlockManage), o = ee();
   o.label = n.fileName, o.content = n, i.value = !0, o.screenshot = await e.getBlockBase64(), await ((t = e.saveBlock) == null ? void 0 : t.call(e, o)), i.value = !1;
-}, ne = async (n) => {
+}, te = async (n) => {
   const { currentPage: e } = h, o = {
     page_content: n
   };
-  i.value = !0, await X(e.id, { ...e, ...o }), i.value = !1;
+  i.value = !0, await W(e.id, { ...e, ...o }), i.value = !1;
 }, f = (n) => {
   const e = JSON.parse(n);
-  if (h.pageSchema = e, H(e), u != null && u.isAIPage) {
+  if (h.pageSchema = e, q(e), u != null && u.isAIPage) {
     _.saved && (_.saved = !1), _.saved = !0;
     const o = "page_content";
     return u.currentPageData[o] = e, Promise.resolve();
   }
-  return K(null), Z() ? te(e) : ne(e);
+  return H(null), Y() ? oe(e) : te(e);
 }, x = async () => {
   var c;
-  if (Y() || m.disabled)
+  if (X() || m.disabled)
     return;
   const n = (c = S().layoutState) == null ? void 0 : c.pageStatus, e = n == null ? void 0 : n.state, o = n == null ? void 0 : n.data, t = {
     [a.Release]: "当前页面未锁定，请先锁定再保存",
@@ -40,7 +40,7 @@ const { pageState: h, isSaved: Y, isBlock: Z } = P(), { PLUGIN_NAME: $, getPlugi
     [a.Lock]: `当前页面被 ${o == null ? void 0 : o.username} ${o == null ? void 0 : o.resetPasswordToken} 锁定，如需编辑请先联系他解锁文件，然后再锁定该页面后编辑！`
   };
   if ([a.Release, a.Empty, a.Guest, a.Lock].includes(e)) {
-    I({
+    F({
       type: "error",
       title: "保存失败",
       message: t[e]
@@ -48,24 +48,24 @@ const { pageState: h, isSaved: Y, isBlock: Z } = P(), { PLUGIN_NAME: $, getPlugi
     return;
   }
   m.disabled = !0;
-  const s = Q();
+  const s = K();
   m.code = JSON.stringify(s || {}, null, 2), f(m.code).finally(() => {
     m.disabled = !1;
   });
 };
-const ae = (n, e) => {
+const ne = (n, e) => {
   const o = n.__vccOpts || n;
   for (const [t, s] of e)
     o[t] = s;
   return o;
-}, se = {
+}, ae = {
   saveCommon: f,
   openCommon: x
-}, ie = {
+}, se = {
   components: {
-    VueMonaco: R,
-    TinyButton: U,
-    TinyPopover: z,
+    VueMonaco: D,
+    TinyButton: R,
+    TinyPopover: U,
     TinyDialogBox: J
   },
   props: {
@@ -88,7 +88,7 @@ const ae = (n, e) => {
     }, c = () => {
       f();
     }, p = {
-      theme: q(),
+      theme: I(),
       tabSize: 2,
       language: "json",
       autoIndent: !0,
@@ -113,11 +113,11 @@ const ae = (n, e) => {
       saveApi: c
     };
   }
-}, ce = { class: "dots" };
-function le(n, e, o, t, s, c) {
-  const p = l("svg-icon"), N = l("tiny-popover"), A = l("vue-monaco"), g = l("tiny-button"), T = l("tiny-dialog-box");
+}, ie = ["id"], ce = { class: "dots" };
+function re(n, e, o, t, s, c) {
+  const p = r("svg-icon"), N = r("tiny-popover"), A = r("vue-monaco"), g = r("tiny-button"), T = r("tiny-dialog-box");
   return y(), L(w, null, [
-    r(N, {
+    l(N, {
       trigger: "hover",
       "open-delay": 1e3,
       "popper-class": "toolbar-right-popover",
@@ -126,18 +126,19 @@ function le(n, e, o, t, s, c) {
     }, {
       reference: d(() => [
         b("span", {
-          class: M([t.isLoading ? "saving" : "icon"]),
+          id: `${t.isLoading ? "saving" : ""}`,
+          class: "icon",
           onClick: e[0] || (e[0] = (...v) => t.openApi && t.openApi(...v))
         }, [
-          O(b("span", ce, null, 512), [
-            [G, !t.isSaved()]
+          M(b("span", ce, null, 512), [
+            [O, !t.isSaved()]
           ]),
-          r(p, { name: o.icon }, null, 8, ["name"])
-        ], 2)
+          l(p, { name: o.icon }, null, 8, ["name"])
+        ], 8, ie)
       ]),
       _: 1
     }, 8, ["content"]),
-    r(T, {
+    l(T, {
       class: "dialog-box",
       modal: !1,
       fullscreen: !0,
@@ -147,13 +148,13 @@ function le(n, e, o, t, s, c) {
       "onUpdate:visible": e[1] || (e[1] = (v) => t.state.visible = v)
     }, {
       footer: d(() => [
-        r(g, { onClick: t.close }, {
+        l(g, { onClick: t.close }, {
           default: d(() => [
             k("取 消")
           ]),
           _: 1
         }, 8, ["onClick"]),
-        r(g, {
+        l(g, {
           type: "primary",
           onClick: t.saveApi
         }, {
@@ -164,7 +165,7 @@ function le(n, e, o, t, s, c) {
         }, 8, ["onClick"])
       ]),
       default: d(() => [
-        t.state.visible ? (y(), V(A, {
+        t.state.visible ? (y(), G(A, {
           key: 0,
           ref: "editor",
           class: "monaco-editor",
@@ -172,19 +173,19 @@ function le(n, e, o, t, s, c) {
           options: t.editorOptions,
           value: t.state.code,
           original: t.state.originalCode
-        }, null, 8, ["options", "value", "original"])) : D("", !0)
+        }, null, 8, ["options", "value", "original"])) : V("", !0)
       ]),
       _: 1
     }, 8, ["visible"])
   ], 64);
 }
-const re = /* @__PURE__ */ ae(ie, [["render", le], ["__scopeId", "data-v-6d9e48c8"]]), be = {
+const le = /* @__PURE__ */ ne(se, [["render", re], ["__scopeId", "data-v-a55d2356"]]), be = {
   id: "save",
   title: "save",
   icon: "",
   align: "right",
-  component: re,
-  api: se
+  component: le,
+  api: ae
 };
 export {
   be as default

package/dist/style.css

@@ -1 +1 @@
-.dots[data-v-6d9e48c8]{width:6px;height:6px;background:var(--ti-lowcode-toolbar-dot-color);border-radius:50%;display:inline-block;position:absolute;top:4px;right:3px;z-index:100}.saving[data-v-6d9e48c8]{width:32px;height:32px;display:inline-block;cursor:not-allowed;color:var(--ti-lowcode-disabled-color);font-size:20px;margin-bottom:-2px}.dialog-box[data-v-6d9e48c8] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-6d9e48c8] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-6d9e48c8]{width:100%;height:100%}.changeRole a{color:var(--ti-lowcode-canvas-handle-hover-bg);padding:0 5px}
+.dots[data-v-a55d2356]{width:6px;height:6px;background:var(--ti-lowcode-toolbar-dot-color);border-radius:50%;display:inline-block;position:absolute;top:4px;right:3px;z-index:100}#saving[data-v-a55d2356]{cursor:not-allowed;color:var(--ti-lowcode-disabled-color)}#saving[data-v-a55d2356] svg{color:var(--ti-lowcode-disabled-color)}.dialog-box[data-v-a55d2356] .tiny-dialog-box{display:flex;flex-direction:column}.dialog-box[data-v-a55d2356] .tiny-dialog-box .tiny-dialog-box__body{flex:1}.dialog-box .monaco-editor[data-v-a55d2356]{width:100%;height:100%}.changeRole a{color:var(--ti-lowcode-canvas-handle-hover-bg);padding:0 5px}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-save",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "vite build"
+  },
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -21,19 +24,19 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/vue": "~3.10.0",
-    "vue": "3.2.45",
-    "@opentiny/tiny-engine-canvas": "1.0.2",
-    "@opentiny/tiny-engine-common": "1.0.1",
-    "@opentiny/tiny-engine-controller": "1.0.2",
-    "@opentiny/tiny-engine-utils": "1.0.3"
+    "@opentiny/tiny-engine-canvas": "1.0.3",
+    "@opentiny/tiny-engine-common": "1.0.2",
+    "@opentiny/tiny-engine-controller": "1.0.3",
+    "@opentiny/tiny-engine-utils": "1.0.4",
+    "@opentiny/vue": "~3.10.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
     "vite": "^4.3.7"
   },
-  "scripts": {
-    "build": "vite build"
-  }
-}
+  "peerDependencies": {
+    "vue": "^3.4.15"
+  },
+  "gitHead": "9a6cce3988accb39c97a9a21169c022c65a8e27f"
+}