@univerjs/sheets-zen-editor 0.6.10 → 0.7.0-beta.1

package/lib/es/index.js

@@ -1,25 +1,25 @@
-var ce = Object.defineProperty;
-var ae = (e, t, i) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var E = (e, t, i) => ae(e, typeof t != "symbol" ? t + "" : t, i);
-import { CommandType as R, IUniverInstanceService as P, delayAnimationFrame as w, DOCS_ZEN_EDITOR_UNIT_ID_KEY as g, Tools as X, UniverInstanceType as x, DocumentFlavor as q, DocumentDataModel as de, createIdentifier as le, ICommandService as J, DEFAULT_EMPTY_DOCUMENT_VALUE as ue, FOCUSING_DOC as ge, FOCUSING_UNIVER_EDITOR as fe, EDITOR_ACTIVATED as he, FOCUSING_EDITOR_STANDALONE as me, Disposable as ve, RxDisposable as pe, Plugin as Se, merge as Ee, Inject as _e, Injector as Ie, IConfigService as Ce } from "@univerjs/core";
-import { IEditorService as k, VIEWPORT_KEY as Oe, DocBackScrollRenderController as ye } from "@univerjs/docs-ui";
-import { IRenderManagerService as Q } from "@univerjs/engine-render";
-import { IEditorBridgeService as b, EditingRenderController as Ne, getCurrentExclusiveRangeInterest$ as Te, getCurrentRangeDisable$ as be, getEditorObject as ze } from "@univerjs/sheets-ui";
-import { IZenZoneService as z, ISidebarService as U, useDependency as D, MenuItemType as Me, ContextMenuPosition as De, ContextMenuGroup as Re, KeyCode as ee, MetaKeys as Pe, IMenuManagerService as we, IShortcutService as xe } from "@univerjs/ui";
-import { jsxs as F, jsx as _ } from "react/jsx-runtime";
-import { clsx as W } from "@univerjs/design";
-import { forwardRef as Z, useRef as te, createElement as j, useEffect as ke } from "react";
-import { BehaviorSubject as Ue, switchMap as Ze, map as je, takeUntil as Be } from "rxjs";
-import { RangeProtectionPermissionEditPoint as Le, WorksheetEditPermission as Ae, WorksheetSetCellValuePermission as $e, WorksheetSetCellStylePermission as Ve, WorkbookEditablePermission as Fe } from "@univerjs/sheets";
-const B = {
+var se = Object.defineProperty;
+var ce = (e, t, i) => t in e ? se(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var _ = (e, t, i) => ce(e, typeof t != "symbol" ? t + "" : t, i);
+import { CommandType as R, IUniverInstanceService as x, delayAnimationFrame as P, DOCS_ZEN_EDITOR_UNIT_ID_KEY as g, Tools as K, UniverInstanceType as w, DocumentFlavor as X, DocumentDataModel as ae, createIdentifier as le, ICommandService as q, DEFAULT_EMPTY_DOCUMENT_VALUE as de, FOCUSING_DOC as ue, FOCUSING_UNIVER_EDITOR as ge, EDITOR_ACTIVATED as fe, FOCUSING_EDITOR_STANDALONE as he, Disposable as ve, RxDisposable as me, Plugin as pe, merge as _e, Inject as Se, Injector as Ie, IConfigService as Ce } from "@univerjs/core";
+import { IEditorService as z, VIEWPORT_KEY as Ee, DocBackScrollRenderController as Oe } from "@univerjs/docs-ui";
+import { IRenderManagerService as J } from "@univerjs/engine-render";
+import { IEditorBridgeService as b, EditingRenderController as Ne, getCurrentExclusiveRangeInterest$ as ye, getCurrentRangeDisable$ as be, getEditorObject as Te } from "@univerjs/sheets-ui";
+import { IZenZoneService as T, ISidebarService as k, useDependency as D, MenuItemType as Me, ContextMenuPosition as De, ContextMenuGroup as Re, KeyCode as Q, MetaKeys as xe, IMenuManagerService as Pe, IShortcutService as we } from "@univerjs/ui";
+import { jsxs as V, jsx as S } from "react/jsx-runtime";
+import { clsx as F } from "@univerjs/design";
+import { forwardRef as U, useRef as ee, createElement as j, useEffect as ze } from "react";
+import { BehaviorSubject as ke, switchMap as Ue, map as je, takeUntil as Ze } from "rxjs";
+import { RangeProtectionPermissionEditPoint as Be, WorksheetEditPermission as Le, WorksheetSetCellValuePermission as Ae, WorksheetSetCellStylePermission as $e, WorkbookEditablePermission as Ve } from "@univerjs/sheets";
+const Z = {
   id: "zen-editor.command.open-zen-editor",
   type: R.COMMAND,
   handler: async (e) => {
     var C;
-    const t = e.get(z), i = e.get(k), n = e.get(b), r = e.get(P), s = e.get(U);
-    s.visible && (s.close(), await w()), t.open();
-    const o = i.getEditor(g);
-    if (o == null)
+    const t = e.get(T), i = e.get(z), n = e.get(b), r = e.get(x), o = e.get(k);
+    o.visible && (o.close(), await P()), t.open();
+    const s = i.getEditor(g);
+    if (s == null)
       return !1;
     const c = n.getLatestEditCellState();
     if (c == null)
@@ -28,13 +28,13 @@ const B = {
     if (a == null)
       return !1;
     r.focusUnit(g);
-    const { body: u, drawings: v, drawingsOrder: l, tableSource: f, settings: p } = X.deepClone(a), S = {
-      ...o.getDocumentData(),
-      body: u,
+    const { body: l, drawings: v, drawingsOrder: u, tableSource: f, settings: m } = K.deepClone(a), p = {
+      ...s.getDocumentData(),
+      body: l,
       drawings: v,
-      drawingsOrder: l,
+      drawingsOrder: u,
       tableSource: f,
-      settings: p
+      settings: m
     }, h = [
       {
         startOffset: 0,
@@ -42,39 +42,39 @@ const B = {
         collapsed: !0
       }
     ];
-    return o.focus(), o.setDocumentData(S, h), o.clearUndoRedoHistory(), !0;
+    return s.focus(), s.setDocumentData(p, h), s.clearUndoRedoHistory(), !0;
   }
-}, L = {
+}, B = {
   id: "zen-editor.command.cancel-zen-edit",
   type: R.COMMAND,
   handler: async (e) => {
-    const t = e.get(z), i = e.get(b), n = e.get(P), r = e.get(U);
-    r.visible && (r.close(), await w()), t.close();
-    const s = n.getCurrentUnitForType(x.UNIVER_SHEET);
-    return s ? (n.focusUnit(s.getUnitId()), i.refreshEditCellState(), !0) : !1;
+    const t = e.get(T), i = e.get(b), n = e.get(x), r = e.get(k);
+    r.visible && (r.close(), await P()), t.close();
+    const o = n.getCurrentUnitForType(w.UNIVER_SHEET);
+    return o ? (n.focusUnit(o.getUnitId()), i.refreshEditCellState(), !0) : !1;
   }
-}, A = {
+}, L = {
   id: "zen-editor.command.confirm-zen-edit",
   type: R.COMMAND,
   handler: async (e) => {
-    var u;
-    const t = e.get(z), i = e.get(b), n = e.get(P), r = e.get(k), s = e.get(U);
-    s.visible && (s.close(), await w()), t.close();
-    const o = r.getEditor(g);
-    if (o == null)
+    var l;
+    const t = e.get(T), i = e.get(b), n = e.get(x), r = e.get(z), o = e.get(k);
+    o.visible && (o.close(), await P()), t.close();
+    const s = r.getEditor(g);
+    if (s == null)
       return !1;
-    const c = e.get(Q), a = n.getCurrentUnitForType(x.UNIVER_SHEET);
+    const c = e.get(J), a = n.getCurrentUnitForType(w.UNIVER_SHEET);
     if (a) {
-      const v = a.getUnitId(), l = (u = c.getRenderById(v)) == null ? void 0 : u.with(Ne);
-      if (l) {
-        const f = X.deepClone(o.getDocumentData());
-        f.documentStyle.documentFlavor = q.UNSPECIFIED, l.submitCellData(new de(f));
+      const v = a.getUnitId(), u = (l = c.getRenderById(v)) == null ? void 0 : l.with(Ne);
+      if (u) {
+        const f = K.deepClone(s.getDocumentData());
+        f.documentStyle.documentFlavor = X.UNSPECIFIED, u.submitCellData(new ae(f));
       }
       return n.focusUnit(a.getUnitId()), i.refreshEditCellState(), !0;
     }
     return !1;
   }
-}, We = "sheets-zen-editor.config", H = {};
+}, Fe = "sheets-zen-editor.config", W = {};
 var d = function() {
   return d = Object.assign || function(e) {
     for (var t, i = 1, n = arguments.length; i < n; i++) {
@@ -83,65 +83,65 @@ var d = function() {
     }
     return e;
   }, d.apply(this, arguments);
-}, He = function(e, t) {
+}, We = function(e, t) {
   var i = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (i[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
       t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (i[n[r]] = e[n[r]]);
   return i;
-}, $ = Z(function(e, t) {
-  var i = e.icon, n = e.id, r = e.className, s = e.extend, o = He(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = te("_".concat(Ke()));
-  return ne(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, d({ ref: t, className: c }, o), s);
+}, A = U(function(e, t) {
+  var i = e.icon, n = e.id, r = e.className, o = e.extend, s = We(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = ee("_".concat(Ge()));
+  return te(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, d({ ref: t, className: c }, s), o);
 });
-function ne(e, t, i, n, r) {
-  return j(e.tag, d(d({ key: t }, Ye(e, i, r)), n), (Ge(e, i).children || []).map(function(s, o) {
-    return ne(s, "".concat(t, "-").concat(e.tag, "-").concat(o), i, void 0, r);
+function te(e, t, i, n, r) {
+  return j(e.tag, d(d({ key: t }, He(e, i, r)), n), (Ye(e, i).children || []).map(function(o, s) {
+    return te(o, "".concat(t, "-").concat(e.tag, "-").concat(s), i, void 0, r);
   }));
 }
-function Ye(e, t, i) {
+function He(e, t, i) {
   var n = d({}, e.attrs);
-  i != null && i.colorChannel1 && n.fill === "colorChannel1" && (n.fill = i.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], c = s[1];
-    o === "mask" && typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  i != null && i.colorChannel1 && n.fill === "colorChannel1" && (n.fill = i.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(o) {
+    var s = o[0], c = o[1];
+    s === "mask" && typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   });
   var r = t.defIds;
-  return !r || r.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], c = s[1];
-    typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  return !r || r.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(o) {
+    var s = o[0], c = o[1];
+    typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Ge(e, t) {
+function Ye(e, t) {
   var i, n = t.defIds;
   return !n || n.length === 0 ? e : e.tag === "defs" && (!((i = e.children) === null || i === void 0) && i.length) ? d(d({}, e), { children: e.children.map(function(r) {
     return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? d(d({}, r), { attrs: d(d({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
   }) }) : e;
 }
-function Ke() {
+function Ge() {
   return Math.random().toString(36).substring(2, 8);
 }
-$.displayName = "UniverIcon";
-var Xe = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ie = Z(function(e, t) {
-  return j($, Object.assign({}, e, {
+A.displayName = "UniverIcon";
+var Ke = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ne = U(function(e, t) {
+  return j(A, Object.assign({}, e, {
     id: "check-mark-single",
     ref: t,
-    icon: Xe
+    icon: Ke
   }));
 });
-ie.displayName = "CheckMarkSingle";
-var qe = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, re = Z(function(e, t) {
-  return j($, Object.assign({}, e, {
+ne.displayName = "CheckMarkSingle";
+var Xe = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, ie = U(function(e, t) {
+  return j(A, Object.assign({}, e, {
     id: "close-single",
     ref: t,
-    icon: qe
+    icon: Xe
   }));
 });
-re.displayName = "CloseSingle";
-class Je {
+ie.displayName = "CloseSingle";
+class qe {
   constructor() {
-    E(this, "_position", null);
-    E(this, "_position$", new Ue(null));
-    E(this, "position$", this._position$.asObservable());
+    _(this, "_position", null);
+    _(this, "_position$", new ke(null));
+    _(this, "position$", this._position$.asObservable());
   }
   dispose() {
     this._position$.complete(), this._position = null;
@@ -156,19 +156,12 @@ class Je {
     this._position$.next(t);
   }
 }
-const V = le(
+const $ = le(
   "univer.sheet-zen-editor-manager.service"
-), Qe = "univer-zen-editor", et = "univer-zen-editor-icon-wrapper", tt = "univer-zen-editor-icon-container", nt = "univer-zen-editor-icon-success", it = "univer-zen-editor-icon-error", rt = "univer-zen-editor-canvas-container", m = {
-  zenEditor: Qe,
-  zenEditorIconWrapper: et,
-  zenEditorIconContainer: tt,
-  zenEditorIconSuccess: nt,
-  zenEditorIconError: it,
-  zenEditorCanvasContainer: rt
-}, ot = "ZEN_EDITOR_PLUGIN_", st = `${ot}ZEN_EDITOR_COMPONENT`, ct = {
+), Je = "ZEN_EDITOR_PLUGIN_", Qe = `${Je}ZEN_EDITOR_COMPONENT`, et = {
   id: g,
   body: {
-    dataStream: `${ue}`,
+    dataStream: `${de}`,
     textRuns: [],
     tables: [],
     customBlocks: [],
@@ -187,7 +180,7 @@ const V = le(
       width: 595,
       height: Number.POSITIVE_INFINITY
     },
-    documentFlavor: q.MODERN,
+    documentFlavor: X.MODERN,
     marginTop: 0,
     marginBottom: 0,
     marginRight: 0,
@@ -200,100 +193,116 @@ const V = le(
   drawings: {},
   drawingsOrder: []
 };
-function at() {
-  const e = te(null), t = D(V), i = D(k), n = D(J);
-  ke(() => {
-    const o = e.current;
-    if (!o)
+function tt() {
+  const e = ee(null), t = D($), i = D(z), n = D(q);
+  ze(() => {
+    const c = e.current;
+    if (!c)
       return;
-    const c = i.register({
+    const a = i.register({
       editorUnitId: g,
-      initialSnapshot: ct,
+      initialSnapshot: et,
       scrollBar: !0,
       backScrollOffset: 100
-    }, o), a = new ResizeObserver(() => {
-      t.setPosition(o.getBoundingClientRect());
+    }, c), l = new ResizeObserver(() => {
+      t.setPosition(c.getBoundingClientRect());
     });
-    return a.observe(o), () => {
-      c.dispose(), a.unobserve(o);
+    return l.observe(c), () => {
+      a.dispose(), l.unobserve(c);
     };
   }, []);
   function r() {
-    const o = i.getEditor(g);
-    o == null || o.blur(), n.executeCommand(L.id);
+    const c = i.getEditor(g);
+    c == null || c.blur(), n.executeCommand(B.id);
   }
-  function s() {
-    const o = i.getEditor(g);
-    o == null || o.blur(), n.executeCommand(A.id);
+  function o() {
+    const c = i.getEditor(g);
+    c == null || c.blur(), n.executeCommand(L.id);
   }
-  return /* @__PURE__ */ F("div", { className: m.zenEditor, children: [
-    /* @__PURE__ */ F("div", { className: m.zenEditorIconWrapper, children: [
-      /* @__PURE__ */ _(
-        "span",
-        {
-          className: W(m.zenEditorIconContainer, m.zenEditorIconError),
-          onClick: r,
-          children: /* @__PURE__ */ _(re, { style: { fontSize: "22px" } })
-        }
-      ),
-      /* @__PURE__ */ _(
-        "span",
-        {
-          className: W(m.zenEditorIconContainer, m.zenEditorIconSuccess),
-          onClick: s,
-          children: /* @__PURE__ */ _(ie, { style: { fontSize: "22px" } })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _("div", { className: m.zenEditorCanvasContainer, ref: e })
+  const s = "univer-flex univer-w-7 univer-cursor-pointer univer-items-center univer-justify-center univer-transition-colors";
+  return /* @__PURE__ */ V("div", { className: "univer-absolute univer-inset-0 univer-size-full univer-bg-white", children: [
+    /* @__PURE__ */ V(
+      "div",
+      {
+        className: `
+                  univer-absolute univer-right-6 univer-top-2 univer-z-10 univer-flex univer-items-center
+                  univer-justify-center
+                `,
+        children: [
+          /* @__PURE__ */ S(
+            "span",
+            {
+              className: F(s, `
+                      univer-text-red-500
+                      hover:univer-text-red-600
+                    `),
+              onClick: r,
+              children: /* @__PURE__ */ S(ie, { className: "univer-size-5" })
+            }
+          ),
+          /* @__PURE__ */ S(
+            "span",
+            {
+              className: F(s, `
+                      univer-text-green-500
+                      hover:univer-text-green-600
+                    `),
+              onClick: o,
+              children: /* @__PURE__ */ S(ne, { className: "univer-size-5" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ S("div", { ref: e, className: "univer-absolute univer-inset-0 univer-size-full" })
   ] });
 }
-function dt(e) {
+function nt(e) {
   const t = e.get(b);
   return {
-    id: B.id,
+    id: Z.id,
     type: Me.BUTTON,
     title: "rightClick.zenEditor",
     icon: "AmplifySingle",
-    hidden$: Te(e),
+    hidden$: ye(e),
     disabled$: t.currentEditCell$.pipe(
-      Ze((i) => be(e, { workbookTypes: [Fe], worksheetTypes: [Ae, $e, Ve], rangeTypes: [Le] }).pipe(je((n) => {
-        var r, s, o, c;
-        return n || ((c = (o = (s = (r = i == null ? void 0 : i.documentLayoutObject.documentModel) == null ? void 0 : r.getBody()) == null ? void 0 : s.customBlocks) == null ? void 0 : o.length) != null ? c : 0) > 0;
+      Ue((i) => be(e, { workbookTypes: [Ve], worksheetTypes: [Le, Ae, $e], rangeTypes: [Be] }).pipe(je((n) => {
+        var r, o, s, c;
+        return n || ((c = (s = (o = (r = i == null ? void 0 : i.documentLayoutObject.documentModel) == null ? void 0 : r.getBody()) == null ? void 0 : o.customBlocks) == null ? void 0 : s.length) != null ? c : 0) > 0;
       })))
     )
   };
 }
-const lt = {
+const it = {
   [De.MAIN_AREA]: {
     [Re.OTHERS]: {
-      [B.id]: {
+      [Z.id]: {
         order: 2,
-        menuItemFactory: dt
+        menuItemFactory: nt
       }
     }
   }
-}, ut = {
-  id: A.id,
+}, rt = {
+  id: L.id,
   description: "shortcut.sheet.zen-edit-confirm",
   group: "4_sheet-edit",
-  preconditions: (e) => oe(e),
-  binding: ee.ENTER | Pe.ALT
-}, gt = {
-  id: L.id,
+  preconditions: (e) => re(e),
+  binding: Q.ENTER | xe.ALT
+}, ot = {
+  id: B.id,
   description: "shortcut.sheet.zen-edit-cancel",
   group: "4_sheet-edit",
-  preconditions: (e) => oe(e),
-  binding: ee.ESC
+  preconditions: (e) => re(e),
+  binding: Q.ESC
 };
-function oe(e) {
-  return e.getContextValue(ge) && e.getContextValue(fe) && e.getContextValue(he) && !e.getContextValue(me);
+function re(e) {
+  return e.getContextValue(ue) && e.getContextValue(ge) && e.getContextValue(fe) && !e.getContextValue(he);
 }
-var ft = Object.getOwnPropertyDescriptor, ht = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? ft(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (r = o(r) || r);
+var st = Object.getOwnPropertyDescriptor, ct = (e, t, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? st(t, i) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (r = s(r) || r);
   return r;
-}, O = (e, t) => (i, n) => t(i, n, e);
+}, E = (e, t) => (i, n) => t(i, n, e);
 let N = class extends ve {
   constructor(e, t, i, n) {
     super(), this._zenZoneService = e, this._commandService = t, this._menuManagerService = i, this._shortcutService = n, this._initialize();
@@ -302,34 +311,34 @@ let N = class extends ve {
     this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
   }
   _initCustomComponents() {
-    this.disposeWithMe(this._zenZoneService.set(st, at));
+    this.disposeWithMe(this._zenZoneService.set(Qe, tt));
   }
   _initCommands() {
-    [B, L, A].forEach((e) => {
+    [Z, B, L].forEach((e) => {
       this.disposeWithMe(this._commandService.registerCommand(e));
     });
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(lt);
+    this._menuManagerService.mergeMenu(it);
   }
   _initShortcuts() {
-    [ut, gt].forEach((e) => {
+    [rt, ot].forEach((e) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(e));
     });
   }
 };
-N = ht([
-  O(0, z),
-  O(1, J),
-  O(2, we),
-  O(3, xe)
+N = ct([
+  E(0, T),
+  E(1, q),
+  E(2, Pe),
+  E(3, we)
 ], N);
-var mt = Object.getOwnPropertyDescriptor, vt = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? mt(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (r = o(r) || r);
+var at = Object.getOwnPropertyDescriptor, lt = (e, t, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? at(t, i) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (r = s(r) || r);
   return r;
-}, Y = (e, t) => (i, n) => t(i, n, e);
-let T = class extends pe {
+}, H = (e, t) => (i, n) => t(i, n, e);
+let y = class extends me {
   constructor(e, t) {
     super(), this._zenEditorManagerService = e, this._renderManagerService = t, this._initialize();
   }
@@ -338,83 +347,83 @@ let T = class extends pe {
   }
   // Listen to changes in the size of the zen editor container to set the size of the editor.
   _syncZenEditorSize() {
-    this._zenEditorManagerService.position$.pipe(Be(this.dispose$)).subscribe((e) => {
+    this._zenEditorManagerService.position$.pipe(Ze(this.dispose$)).subscribe((e) => {
       if (e == null)
         return;
-      const { width: t, height: i } = e, n = ze(g, this._renderManagerService);
+      const { width: t, height: i } = e, n = Te(g, this._renderManagerService);
       n != null && requestIdleCallback(() => {
         n.engine.resizeBySize(t, i), this._calculatePagePosition(n), this._scrollToTop();
       });
     });
   }
   _calculatePagePosition(e) {
-    const { document: t, scene: i, docBackground: n } = e, r = i == null ? void 0 : i.getParent(), { width: s, height: o, pageMarginLeft: c, pageMarginTop: a } = t;
-    if (r == null || s === Number.POSITIVE_INFINITY || o === Number.POSITIVE_INFINITY)
+    const { document: t, scene: i, docBackground: n } = e, r = i == null ? void 0 : i.getParent(), { width: o, height: s, pageMarginLeft: c, pageMarginTop: a } = t;
+    if (r == null || o === Number.POSITIVE_INFINITY || s === Number.POSITIVE_INFINITY)
       return;
-    const { width: u, height: v } = r;
-    let l = 0;
+    const { width: l, height: v } = r;
+    let u = 0;
     const f = a;
-    let p = 0, I = 0, S = Number.POSITIVE_INFINITY;
+    let m = 0, I = 0, p = Number.POSITIVE_INFINITY;
     const { scaleX: h, scaleY: C } = i.getAncestorScale();
-    u > (s + c * 2) * h ? (l = u / 2 - s * h / 2, l /= h, p = (u - c * 2) / h, S = 0) : (l = c, p = s + c * 2, S = (p - u / h) / 2), v > o ? I = (v - a * 2) / C : I = o + a * 2, i.resize(p, I), t.translate(l, f), n.translate(l, f);
-    const M = i.getViewport(Oe.VIEW_MAIN);
-    if (S !== Number.POSITIVE_INFINITY && M != null) {
-      const se = M.transScroll2ViewportScrollValue(S, 0).x;
+    l > (o + c * 2) * h ? (u = l / 2 - o * h / 2, u /= h, m = (l - c * 2) / h, p = 0) : (u = c, m = o + c * 2, p = (m - l / h) / 2), v > s ? I = (v - a * 2) / C : I = s + a * 2, i.resize(m, I), t.translate(u, f), n.translate(u, f);
+    const M = i.getViewport(Ee.VIEW_MAIN);
+    if (p !== Number.POSITIVE_INFINITY && M != null) {
+      const oe = M.transScroll2ViewportScrollValue(p, 0).x;
       M.scrollToBarPos({
-        x: se
+        x: oe
       });
     }
     return this;
   }
   _scrollToTop() {
     var i;
-    const e = (i = this._renderManagerService.getRenderById(g)) == null ? void 0 : i.with(ye), t = {
+    const e = (i = this._renderManagerService.getRenderById(g)) == null ? void 0 : i.with(Oe), t = {
       startOffset: 0,
       endOffset: 0
     };
     e && e.scrollToRange(t);
   }
 };
-T = vt([
-  Y(0, V),
-  Y(1, Q)
-], T);
-var pt = Object.getOwnPropertyDescriptor, St = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? pt(t, i) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (r = o(r) || r);
+y = lt([
+  H(0, $),
+  H(1, J)
+], y);
+var dt = Object.getOwnPropertyDescriptor, ut = (e, t, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? dt(t, i) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (r = s(r) || r);
   return r;
-}, G = (e, t) => (i, n) => t(i, n, e), y;
-let K = (y = class extends Se {
-  constructor(e = H, t, i) {
+}, Y = (e, t) => (i, n) => t(i, n, e), O;
+let G = (O = class extends pe {
+  constructor(e = W, t, i) {
     super(), this._config = e, this._injector = t, this._configService = i;
-    const { menu: n, ...r } = Ee(
+    const { menu: n, ...r } = _e(
       {},
-      H,
+      W,
       this._config
     );
-    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(We, r), this._initializeDependencies(this._injector);
+    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(Fe, r), this._initializeDependencies(this._injector);
   }
   _initializeDependencies(e) {
     [
       [N],
-      [T],
-      [V, { useClass: Je }]
+      [y],
+      [$, { useClass: qe }]
     ].forEach((i) => e.add(i));
   }
   onReady() {
     this._injector.get(N);
   }
   onSteady() {
-    this._injector.get(T);
+    this._injector.get(y);
   }
-}, E(y, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN"), E(y, "type", x.UNIVER_SHEET), y);
-K = St([
-  G(1, _e(Ie)),
-  G(2, Ce)
-], K);
+}, _(O, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN"), _(O, "type", w.UNIVER_SHEET), O);
+G = ut([
+  Y(1, Se(Ie)),
+  Y(2, Ce)
+], G);
 export {
-  L as CancelZenEditCommand,
-  A as ConfirmZenEditCommand,
-  B as OpenZenEditorCommand,
-  K as UniverSheetsZenEditorPlugin
+  B as CancelZenEditCommand,
+  L as ConfirmZenEditCommand,
+  Z as OpenZenEditorCommand,
+  G as UniverSheetsZenEditorPlugin
 };

package/lib/index.css

@@ -1 +1 @@
-.univer-zen-editor{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-white))}.univer-zen-editor-icon-wrapper{position:absolute;z-index:10;top:0;right:20px;display:flex;align-items:center;justify-content:space-around;width:60px;height:30px}.univer-zen-editor-icon-container{cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.univer-zen-editor-icon-success{color:rgb(var(--success-color))}.univer-zen-editor-icon-error{color:rgb(var(--error-color))}.univer-zen-editor-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%}
+.univer-absolute{position:absolute}.univer-inset-0{top:0;right:0;bottom:0;left:0}.univer-right-6{right:24px}.univer-top-2{top:8px}.univer-z-10{z-index:10}.univer-flex{display:flex}.univer-size-5{width:20px;height:20px}.univer-size-full{width:100%;height:100%}.univer-w-7{width:28px}.univer-cursor-pointer{cursor:pointer}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-bg-white{background-color:var(--univer-white)}.univer-text-green-500{color:var(--univer-green-500)}.univer-text-red-500{color:var(--univer-red-500)}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:univer-text-green-600:hover{color:var(--univer-green-600)}.hover\:univer-text-red-600:hover{color:var(--univer-red-600)}