@univerjs/sheets-zen-editor 0.4.2 → 0.5.0-beta.0

package/lib/es/index.js

@@ -1,158 +1,156 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, IUniverInstanceService, DOCS_ZEN_EDITOR_UNIT_ID_KEY, Tools, UniverInstanceType, DocumentFlavor, DocumentDataModel, createIdentifier, RxDisposable, DEFAULT_EMPTY_DOCUMENT_VALUE, useDependency, ICommandService, FOCUSING_DOC, FOCUSING_UNIVER_EDITOR, EDITOR_ACTIVATED, FOCUSING_EDITOR_STANDALONE, Disposable, Plugin, Inject, Injector, IConfigService } from "@univerjs/core";
-import { IEditorService, VIEWPORT_KEY, DocBackScrollRenderController } from "@univerjs/docs-ui";
-import { IRenderManagerService } from "@univerjs/engine-render";
-import { IEditorBridgeService, EditingRenderController, getEditorObject, getCurrentExclusiveRangeInterest$, getCurrentRangeDisable$ } from "@univerjs/sheets-ui";
-import { IZenZoneService, MenuItemType, ContextMenuPosition, ContextMenuGroup, KeyCode, MetaKeys, IMenuManagerService, IShortcutService } from "@univerjs/ui";
-import { BehaviorSubject, takeUntil } from "rxjs";
-import require$$0, { forwardRef, useRef, createElement, useEffect } from "react";
-import { WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetSetCellStylePermission, RangeProtectionPermissionEditPoint } from "@univerjs/sheets";
-const OpenZenEditorCommand = {
+var ce = Object.defineProperty;
+var ae = (e, t, r) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var v = (e, t, r) => ae(e, typeof t != "symbol" ? t + "" : t, r);
+import { CommandType as x, IUniverInstanceService as R, DOCS_ZEN_EDITOR_UNIT_ID_KEY as p, Tools as Y, UniverInstanceType as M, DocumentFlavor as H, DocumentDataModel as le, createIdentifier as de, RxDisposable as ue, DEFAULT_EMPTY_DOCUMENT_VALUE as fe, useDependency as P, ICommandService as G, FOCUSING_DOC as ge, FOCUSING_UNIVER_EDITOR as he, EDITOR_ACTIVATED as me, FOCUSING_EDITOR_STANDALONE as pe, Disposable as _e, Plugin as ve, Inject as Ee, Injector as Ie, IConfigService as Se } from "@univerjs/core";
+import { IEditorService as D, VIEWPORT_KEY as Ce, DocBackScrollRenderController as Oe } from "@univerjs/docs-ui";
+import { IRenderManagerService as K } from "@univerjs/engine-render";
+import { IEditorBridgeService as j, EditingRenderController as ye, getEditorObject as Ne, getCurrentExclusiveRangeInterest$ as Te, getCurrentRangeDisable$ as be } from "@univerjs/sheets-ui";
+import { IZenZoneService as T, MenuItemType as ze, ContextMenuPosition as Pe, ContextMenuGroup as xe, KeyCode as X, MetaKeys as Re, IMenuManagerService as Me, IShortcutService as De } from "@univerjs/ui";
+import { BehaviorSubject as je, takeUntil as we } from "rxjs";
+import Ue, { forwardRef as w, useRef as q, createElement as U, useEffect as Ze } from "react";
+import { WorkbookEditablePermission as Le, WorksheetEditPermission as Ae, WorksheetSetCellValuePermission as $e, WorksheetSetCellStylePermission as Be, RangeProtectionPermissionEditPoint as ke } from "@univerjs/sheets";
+const Z = {
   id: "zen-editor.command.open-zen-editor",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor) => {
-    var _a4;
-    const zenZoneService = accessor.get(IZenZoneService), editorService = accessor.get(IEditorService), editorBridgeService = accessor.get(IEditorBridgeService), univerInstanceService = accessor.get(IUniverInstanceService);
-    zenZoneService.open();
-    const editor = editorService.getEditor(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
-    if (editor == null)
+  type: x.COMMAND,
+  handler: async (e) => {
+    var f;
+    const t = e.get(T), r = e.get(D), n = e.get(j), i = e.get(R);
+    t.open();
+    const o = r.getEditor(p);
+    if (o == null)
       return !1;
-    const editCellState = editorBridgeService.getLatestEditCellState();
-    if (editCellState == null)
+    const s = n.getLatestEditCellState();
+    if (s == null)
       return !1;
-    const snapshot = (_a4 = editCellState.documentLayoutObject.documentModel) == null ? void 0 : _a4.getSnapshot();
-    if (snapshot == null)
+    const c = (f = s.documentLayoutObject.documentModel) == null ? void 0 : f.getSnapshot();
+    if (c == null)
       return !1;
-    univerInstanceService.focusUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
-    const { body, drawings, drawingsOrder, tableSource, settings } = Tools.deepClone(snapshot), newSnapshot = {
-      ...editor.getDocumentData(),
-      body,
-      drawings,
-      drawingsOrder,
-      tableSource,
-      settings
-    }, textRanges = [
+    i.focusUnit(p);
+    const { body: a, drawings: u, drawingsOrder: g, tableSource: d, settings: S } = Y.deepClone(c), I = {
+      ...o.getDocumentData(),
+      body: a,
+      drawings: u,
+      drawingsOrder: g,
+      tableSource: d,
+      settings: S
+    }, _ = [
       {
         startOffset: 0,
         endOffset: 0,
         collapsed: !0
       }
     ];
-    return editor.focus(), editor.setDocumentData(newSnapshot, textRanges), editor.clearUndoRedoHistory(), !0;
-  }, "handler")
-}, CancelZenEditCommand = {
+    return o.focus(), o.setDocumentData(I, _), o.clearUndoRedoHistory(), !0;
+  }
+}, L = {
   id: "zen-editor.command.cancel-zen-edit",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor) => {
-    const zenZoneEditorService = accessor.get(IZenZoneService), editorBridgeService = accessor.get(IEditorBridgeService), univerInstanceManager = accessor.get(IUniverInstanceService);
-    zenZoneEditorService.close();
-    const currentSheetInstance = univerInstanceManager.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-    return currentSheetInstance ? (univerInstanceManager.focusUnit(currentSheetInstance.getUnitId()), editorBridgeService.refreshEditCellState(), !0) : !1;
-  }, "handler")
-}, ConfirmZenEditCommand = {
+  type: x.COMMAND,
+  handler: async (e) => {
+    const t = e.get(T), r = e.get(j), n = e.get(R);
+    t.close();
+    const i = n.getCurrentUnitForType(M.UNIVER_SHEET);
+    return i ? (n.focusUnit(i.getUnitId()), r.refreshEditCellState(), !0) : !1;
+  }
+}, A = {
   id: "zen-editor.command.confirm-zen-edit",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor) => {
-    var _a4;
-    const zenZoneEditorService = accessor.get(IZenZoneService), editorBridgeService = accessor.get(IEditorBridgeService), univerInstanceManager = accessor.get(IUniverInstanceService), editorService = accessor.get(IEditorService);
-    zenZoneEditorService.close();
-    const editor = editorService.getEditor(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
-    if (editor == null)
+  type: x.COMMAND,
+  handler: async (e) => {
+    var a;
+    const t = e.get(T), r = e.get(j), n = e.get(R), i = e.get(D);
+    t.close();
+    const o = i.getEditor(p);
+    if (o == null)
       return !1;
-    const renderManagerService = accessor.get(IRenderManagerService), currentSheetInstance = univerInstanceManager.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-    if (currentSheetInstance) {
-      const currentSheetId = currentSheetInstance.getUnitId(), editingRenderController = (_a4 = renderManagerService.getRenderById(currentSheetId)) == null ? void 0 : _a4.with(EditingRenderController);
-      if (editingRenderController) {
-        const snapshot = Tools.deepClone(editor.getDocumentData());
-        snapshot.documentStyle.documentFlavor = DocumentFlavor.UNSPECIFIED, editingRenderController.submitCellData(new DocumentDataModel(snapshot));
+    const s = e.get(K), c = n.getCurrentUnitForType(M.UNIVER_SHEET);
+    if (c) {
+      const u = c.getUnitId(), g = (a = s.getRenderById(u)) == null ? void 0 : a.with(ye);
+      if (g) {
+        const d = Y.deepClone(o.getDocumentData());
+        d.documentStyle.documentFlavor = H.UNSPECIFIED, g.submitCellData(new le(d));
       }
-      return univerInstanceManager.focusUnit(currentSheetInstance.getUnitId()), editorBridgeService.refreshEditCellState(), !0;
+      return n.focusUnit(c.getUnitId()), r.refreshEditCellState(), !0;
     }
     return !1;
-  }, "handler")
-}, PLUGIN_CONFIG_KEY = "sheets-zen-editor.config", defaultPluginConfig = {}, _ZenEditorManagerService = class _ZenEditorManagerService {
+  }
+}, Ve = "sheets-zen-editor.config", Fe = {};
+class We {
   constructor() {
-    __publicField(this, "_position", null);
-    __publicField(this, "_position$", new BehaviorSubject(null));
-    __publicField(this, "position$", this._position$.asObservable());
+    v(this, "_position", null);
+    v(this, "_position$", new je(null));
+    v(this, "position$", this._position$.asObservable());
   }
   dispose() {
     this._position$.complete(), this._position = null;
   }
-  setPosition(param) {
-    this._position = param, this._refresh(param);
+  setPosition(t) {
+    this._position = t, this._refresh(t);
   }
   getPosition() {
     return this._position;
   }
-  _refresh(param) {
-    this._position$.next(param);
+  _refresh(t) {
+    this._position$.next(t);
   }
-};
-__name(_ZenEditorManagerService, "ZenEditorManagerService");
-let ZenEditorManagerService = _ZenEditorManagerService;
-const IZenEditorManagerService = createIdentifier(
+}
+const $ = de(
   "univer.sheet-zen-editor-manager.service"
 );
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a;
-let ZenEditorController = (_a = class extends RxDisposable {
-  constructor(_zenEditorManagerService, _renderManagerService) {
-    super(), this._zenEditorManagerService = _zenEditorManagerService, this._renderManagerService = _renderManagerService, this._initialize();
+var Ye = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Ge = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? He(t, r) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (n ? s(t, r, i) : s(i)) || i);
+  return n && i && Ye(t, r, i), i;
+}, k = (e, t) => (r, n) => t(r, n, e);
+let y = class extends ue {
+  constructor(e, t) {
+    super(), this._zenEditorManagerService = e, this._renderManagerService = t, this._initialize();
   }
   _initialize() {
     this._syncZenEditorSize();
   }
   // Listen to changes in the size of the zen editor container to set the size of the editor.
   _syncZenEditorSize() {
-    this._zenEditorManagerService.position$.pipe(takeUntil(this.dispose$)).subscribe((position) => {
-      if (position == null)
+    this._zenEditorManagerService.position$.pipe(we(this.dispose$)).subscribe((e) => {
+      if (e == null)
         return;
-      const { width, height } = position, editorObject = getEditorObject(DOCS_ZEN_EDITOR_UNIT_ID_KEY, this._renderManagerService);
-      editorObject != null && requestIdleCallback(() => {
-        editorObject.engine.resizeBySize(width, height), this._calculatePagePosition(editorObject), this._scrollToTop();
+      const { width: t, height: r } = e, n = Ne(p, this._renderManagerService);
+      n != null && requestIdleCallback(() => {
+        n.engine.resizeBySize(t, r), this._calculatePagePosition(n), this._scrollToTop();
       });
     });
   }
-  _calculatePagePosition(currentRender) {
-    const { document: docsComponent, scene, docBackground } = currentRender, parent = scene == null ? void 0 : scene.getParent(), { width: docsWidth, height: docsHeight, pageMarginLeft, pageMarginTop } = docsComponent;
-    if (parent == null || docsWidth === Number.POSITIVE_INFINITY || docsHeight === Number.POSITIVE_INFINITY)
+  _calculatePagePosition(e) {
+    const { document: t, scene: r, docBackground: n } = e, i = r == null ? void 0 : r.getParent(), { width: o, height: s, pageMarginLeft: c, pageMarginTop: a } = t;
+    if (i == null || o === Number.POSITIVE_INFINITY || s === Number.POSITIVE_INFINITY)
       return;
-    const { width: engineWidth, height: engineHeight } = parent;
-    let docsLeft = 0;
-    const docsTop = pageMarginTop;
-    let sceneWidth = 0, sceneHeight = 0, scrollToX = Number.POSITIVE_INFINITY;
-    const { scaleX, scaleY } = scene.getAncestorScale();
-    engineWidth > (docsWidth + pageMarginLeft * 2) * scaleX ? (docsLeft = engineWidth / 2 - docsWidth * scaleX / 2, docsLeft /= scaleX, sceneWidth = (engineWidth - pageMarginLeft * 2) / scaleX, scrollToX = 0) : (docsLeft = pageMarginLeft, sceneWidth = docsWidth + pageMarginLeft * 2, scrollToX = (sceneWidth - engineWidth / scaleX) / 2), engineHeight > docsHeight ? sceneHeight = (engineHeight - pageMarginTop * 2) / scaleY : sceneHeight = docsHeight + pageMarginTop * 2, scene.resize(sceneWidth, sceneHeight), docsComponent.translate(docsLeft, docsTop), docBackground.translate(docsLeft, docsTop);
-    const viewport = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
-    if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
-      const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;
-      viewport.scrollToBarPos({
-        x: actualX
+    const { width: u, height: g } = i;
+    let d = 0;
+    const S = a;
+    let E = 0, I = 0, _ = Number.POSITIVE_INFINITY;
+    const { scaleX: f, scaleY: oe } = r.getAncestorScale();
+    u > (o + c * 2) * f ? (d = u / 2 - o * f / 2, d /= f, E = (u - c * 2) / f, _ = 0) : (d = c, E = o + c * 2, _ = (E - u / f) / 2), g > s ? I = (g - a * 2) / oe : I = s + a * 2, r.resize(E, I), t.translate(d, S), n.translate(d, S);
+    const z = r.getViewport(Ce.VIEW_MAIN);
+    if (_ !== Number.POSITIVE_INFINITY && z != null) {
+      const se = z.transScroll2ViewportScrollValue(_, 0).x;
+      z.scrollToBarPos({
+        x: se
       });
     }
     return this;
   }
   _scrollToTop() {
-    var _a4;
-    const backScrollController = (_a4 = this._renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY)) == null ? void 0 : _a4.with(DocBackScrollRenderController), textRange = {
+    var r;
+    const e = (r = this._renderManagerService.getRenderById(p)) == null ? void 0 : r.with(Oe), t = {
       startOffset: 0,
       endOffset: 0
     };
-    backScrollController && backScrollController.scrollToRange(textRange);
+    e && e.scrollToRange(t);
   }
-}, __name(_a, "ZenEditorController"), _a);
-ZenEditorController = __decorateClass$2([
-  __decorateParam$2(0, IZenEditorManagerService),
-  __decorateParam$2(1, IRenderManagerService)
-], ZenEditorController);
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
+};
+y = Ge([
+  k(0, $),
+  k(1, K)
+], y);
+var J = { exports: {} }, b = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -162,108 +160,101 @@ var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
-  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
+var Ke = Ue, Xe = Symbol.for("react.element"), qe = Symbol.for("react.fragment"), Je = Object.prototype.hasOwnProperty, Qe = Ke.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, et = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Q(e, t, r) {
+  var n, i = {}, o = null, s = null;
+  r !== void 0 && (o = "" + r), t.key !== void 0 && (o = "" + t.key), t.ref !== void 0 && (s = t.ref);
+  for (n in t) Je.call(t, n) && !et.hasOwnProperty(n) && (i[n] = t[n]);
+  if (e && e.defaultProps) for (n in t = e.defaultProps, t) i[n] === void 0 && (i[n] = t[n]);
+  return { $$typeof: Xe, type: e, key: o, ref: s, props: i, _owner: Qe.current };
 }
-__name(q, "q");
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
+b.Fragment = qe;
+b.jsx = Q;
+b.jsxs = Q;
+J.exports = b;
+var h = J.exports, l = function() {
+  return l = Object.assign || function(e) {
+    for (var t, r = 1, n = arguments.length; r < n; r++) {
+      t = arguments[r];
+      for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
     }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
-      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+    return e;
+  }, l.apply(this, arguments);
+}, tt = function(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
+      t.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (r[n[i]] = e[n[i]]);
+  return r;
+}, B = w(function(e, t) {
+  var r = e.icon, n = e.id, i = e.className, o = e.extend, s = tt(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = q("_".concat(it()));
+  return ee(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, l({ ref: t, className: c }, s), o);
 });
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+function ee(e, t, r, n, i) {
+  return U(e.tag, l(l({ key: t }, nt(e, r, i)), n), (rt(e, r).children || []).map(function(o, s) {
+    return ee(o, "".concat(t, "-").concat(e.tag, "-").concat(s), r, void 0, i);
   }));
 }
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a4) {
-    var key = _a4[0], value = _a4[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
+function nt(e, t, r) {
+  var n = l({}, e.attrs);
+  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
+  var i = t.defIds;
+  return !i || i.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;
 }
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a4, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a4 = node.children) === null || _a4 === void 0) && _a4.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
+function rt(e, t) {
+  var r, n = t.defIds;
+  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? l(l({}, e), { children: e.children.map(function(i) {
+    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? l(l({}, i), { attrs: l(l({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
+  }) }) : e;
 }
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
+function it() {
   return Math.random().toString(36).substring(2, 8);
 }
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element$1 = { 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" } }] }, CheckMarkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+B.displayName = "UniverIcon";
+var ot = { 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" } }] }, te = w(function(e, t) {
+  return U(B, Object.assign({}, e, {
     id: "check-mark-single",
-    ref,
-    icon: element$1
+    ref: t,
+    icon: ot
   }));
 });
-CheckMarkSingle.displayName = "CheckMarkSingle";
-var element = { 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" } }] }, CloseSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
+te.displayName = "CheckMarkSingle";
+var st = { 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" } }] }, ne = w(function(e, t) {
+  return U(B, Object.assign({}, e, {
     id: "close-single",
-    ref,
-    icon: element
+    ref: t,
+    icon: st
   }));
 });
-CloseSingle.displayName = "CloseSingle";
-function r(e) {
-  var t, f2, n2 = "";
-  if (typeof e == "string" || typeof e == "number") n2 += e;
+ne.displayName = "CloseSingle";
+function re(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
-  } else for (f2 in e) e[f2] && (n2 && (n2 += " "), n2 += f2);
-  return n2;
+    var i = e.length;
+    for (t = 0; t < i; t++) e[t] && (r = re(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
 }
-__name(r, "r");
-function clsx() {
-  for (var e, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e = arguments[f2]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
-  return n2;
+function V() {
+  for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = re(e)) && (n && (n += " "), n += t);
+  return n;
 }
-__name(clsx, "clsx");
-const zenEditor = "univer-zen-editor", zenEditorIconWrapper = "univer-zen-editor-icon-wrapper", zenEditorIconContainer = "univer-zen-editor-icon-container", zenEditorIconSuccess = "univer-zen-editor-icon-success", zenEditorIconError = "univer-zen-editor-icon-error", zenEditorCanvasContainer = "univer-zen-editor-canvas-container", styles = {
-  zenEditor,
-  zenEditorIconWrapper,
-  zenEditorIconContainer,
-  zenEditorIconSuccess,
-  zenEditorIconError,
-  zenEditorCanvasContainer
-}, COMPONENT_PREFIX = "ZEN_EDITOR_PLUGIN_", ZEN_EDITOR_COMPONENT = `${COMPONENT_PREFIX}ZEN_EDITOR_COMPONENT`, INITIAL_SNAPSHOT = {
-  id: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+const ct = "univer-zen-editor", at = "univer-zen-editor-icon-wrapper", lt = "univer-zen-editor-icon-container", dt = "univer-zen-editor-icon-success", ut = "univer-zen-editor-icon-error", ft = "univer-zen-editor-canvas-container", m = {
+  zenEditor: ct,
+  zenEditorIconWrapper: at,
+  zenEditorIconContainer: lt,
+  zenEditorIconSuccess: dt,
+  zenEditorIconError: ut,
+  zenEditorCanvasContainer: ft
+}, gt = "ZEN_EDITOR_PLUGIN_", ht = `${gt}ZEN_EDITOR_COMPONENT`, mt = {
+  id: p,
   body: {
-    dataStream: `${DEFAULT_EMPTY_DOCUMENT_VALUE}`,
+    dataStream: `${fe}`,
     textRuns: [],
     tables: [],
     customBlocks: [],
@@ -282,7 +273,7 @@ const zenEditor = "univer-zen-editor", zenEditorIconWrapper = "univer-zen-editor
       width: 595,
       height: Number.POSITIVE_INFINITY
     },
-    documentFlavor: DocumentFlavor.MODERN,
+    documentFlavor: H.MODERN,
     marginTop: 0,
     marginBottom: 0,
     marginRight: 0,
@@ -295,162 +286,158 @@ const zenEditor = "univer-zen-editor", zenEditorIconWrapper = "univer-zen-editor
   drawings: {},
   drawingsOrder: []
 };
-function ZenEditor() {
-  const editorRef = useRef(null), zenEditorService = useDependency(IZenEditorManagerService), editorService = useDependency(IEditorService), commandService = useDependency(ICommandService);
-  useEffect(() => {
-    const editorDom = editorRef.current;
-    if (!editorDom)
+function pt() {
+  const e = q(null), t = P($), r = P(D), n = P(G);
+  Ze(() => {
+    const s = e.current;
+    if (!s)
       return;
-    const registerSubscription = editorService.register(
+    const c = r.register(
       {
-        editorUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
-        initialSnapshot: INITIAL_SNAPSHOT,
+        editorUnitId: p,
+        initialSnapshot: mt,
         scrollBar: !0,
         noNeedVerticalAlign: !0,
         backScrollOffset: 100
       },
-      editorDom
-    ), resizeObserver = new ResizeObserver(() => {
-      zenEditorService.setPosition(editorDom.getBoundingClientRect());
+      s
+    ), a = new ResizeObserver(() => {
+      t.setPosition(s.getBoundingClientRect());
     });
-    return resizeObserver.observe(editorDom), () => {
-      registerSubscription.dispose(), resizeObserver.unobserve(editorDom);
+    return a.observe(s), () => {
+      c.dispose(), a.unobserve(s);
     };
   }, []);
-  function handleCloseBtnClick() {
-    commandService.executeCommand(CancelZenEditCommand.id);
+  function i() {
+    n.executeCommand(L.id);
   }
-  __name(handleCloseBtnClick, "handleCloseBtnClick");
-  function handleConfirmBtnClick() {
-    commandService.executeCommand(ConfirmZenEditCommand.id);
+  function o() {
+    n.executeCommand(A.id);
   }
-  return __name(handleConfirmBtnClick, "handleConfirmBtnClick"), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.zenEditor, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.zenEditorIconWrapper, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ h.jsxs("div", { className: m.zenEditor, children: [
+    /* @__PURE__ */ h.jsxs("div", { className: m.zenEditorIconWrapper, children: [
+      /* @__PURE__ */ h.jsx(
         "span",
         {
-          className: clsx(styles.zenEditorIconContainer, styles.zenEditorIconError),
-          onClick: handleCloseBtnClick,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseSingle, { style: { fontSize: "22px" } })
+          className: V(m.zenEditorIconContainer, m.zenEditorIconError),
+          onClick: i,
+          children: /* @__PURE__ */ h.jsx(ne, { style: { fontSize: "22px" } })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ h.jsx(
         "span",
         {
-          className: clsx(styles.zenEditorIconContainer, styles.zenEditorIconSuccess),
-          onClick: handleConfirmBtnClick,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(CheckMarkSingle, { style: { fontSize: "22px" } })
+          className: V(m.zenEditorIconContainer, m.zenEditorIconSuccess),
+          onClick: o,
+          children: /* @__PURE__ */ h.jsx(te, { style: { fontSize: "22px" } })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.zenEditorCanvasContainer, ref: editorRef })
+    /* @__PURE__ */ h.jsx("div", { className: m.zenEditorCanvasContainer, ref: e })
   ] });
 }
-__name(ZenEditor, "ZenEditor");
-function ZenEditorMenuItemFactory(accessor) {
+function _t(e) {
   return {
-    id: OpenZenEditorCommand.id,
-    type: MenuItemType.BUTTON,
+    id: Z.id,
+    type: ze.BUTTON,
     title: "rightClick.zenEditor",
     icon: "AmplifySingle",
-    hidden$: getCurrentExclusiveRangeInterest$(accessor),
-    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellValuePermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+    hidden$: Te(e),
+    disabled$: be(e, { workbookTypes: [Le], worksheetTypes: [Ae, $e, Be], rangeTypes: [ke] })
   };
 }
-__name(ZenEditorMenuItemFactory, "ZenEditorMenuItemFactory");
-const menuSchema = {
-  [ContextMenuPosition.MAIN_AREA]: {
-    [ContextMenuGroup.OTHERS]: {
-      [OpenZenEditorCommand.id]: {
+const vt = {
+  [Pe.MAIN_AREA]: {
+    [xe.OTHERS]: {
+      [Z.id]: {
         order: 2,
-        menuItemFactory: ZenEditorMenuItemFactory
+        menuItemFactory: _t
       }
     }
   }
-}, ZenEditorConfirmShortcut = {
-  id: ConfirmZenEditCommand.id,
+}, Et = {
+  id: A.id,
   description: "shortcut.sheet.zen-edit-confirm",
   group: "4_sheet-edit",
-  preconditions: /* @__PURE__ */ __name((contextService) => whenZenEditorActivated(contextService), "preconditions"),
-  binding: KeyCode.ENTER | MetaKeys.ALT
-}, ZenEditorCancelShortcut = {
-  id: CancelZenEditCommand.id,
+  preconditions: (e) => ie(e),
+  binding: X.ENTER | Re.ALT
+}, It = {
+  id: L.id,
   description: "shortcut.sheet.zen-edit-cancel",
   group: "4_sheet-edit",
-  preconditions: /* @__PURE__ */ __name((contextService) => whenZenEditorActivated(contextService), "preconditions"),
-  binding: KeyCode.ESC
+  preconditions: (e) => ie(e),
+  binding: X.ESC
 };
-function whenZenEditorActivated(contextService) {
-  return contextService.getContextValue(FOCUSING_DOC) && contextService.getContextValue(FOCUSING_UNIVER_EDITOR) && contextService.getContextValue(EDITOR_ACTIVATED) && !contextService.getContextValue(FOCUSING_EDITOR_STANDALONE);
+function ie(e) {
+  return e.getContextValue(ge) && e.getContextValue(he) && e.getContextValue(me) && !e.getContextValue(pe);
 }
-__name(whenZenEditorActivated, "whenZenEditorActivated");
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a2;
-let ZenEditorUIController = (_a2 = class extends Disposable {
-  constructor(_zenZoneService, _commandService, _menuManagerService, _shortcutService) {
-    super(), this._zenZoneService = _zenZoneService, this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._shortcutService = _shortcutService, this._initialize();
+var St = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, Ot = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ct(t, r) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (n ? s(t, r, i) : s(i)) || i);
+  return n && i && St(t, r, i), i;
+}, C = (e, t) => (r, n) => t(r, n, e);
+let N = class extends _e {
+  constructor(e, t, r, n) {
+    super(), this._zenZoneService = e, this._commandService = t, this._menuManagerService = r, this._shortcutService = n, this._initialize();
   }
   _initialize() {
     this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
   }
   _initCustomComponents() {
-    this.disposeWithMe(this._zenZoneService.set(ZEN_EDITOR_COMPONENT, ZenEditor));
+    this.disposeWithMe(this._zenZoneService.set(ht, pt));
   }
   _initCommands() {
-    [OpenZenEditorCommand, CancelZenEditCommand, ConfirmZenEditCommand].forEach((c) => {
-      this.disposeWithMe(this._commandService.registerCommand(c));
+    [Z, L, A].forEach((e) => {
+      this.disposeWithMe(this._commandService.registerCommand(e));
     });
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(menuSchema);
+    this._menuManagerService.mergeMenu(vt);
   }
   _initShortcuts() {
-    [ZenEditorConfirmShortcut, ZenEditorCancelShortcut].forEach((item) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(item));
+    [Et, It].forEach((e) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(e));
     });
   }
-}, __name(_a2, "ZenEditorUIController"), _a2);
-ZenEditorUIController = __decorateClass$1([
-  __decorateParam$1(0, IZenZoneService),
-  __decorateParam$1(1, ICommandService),
-  __decorateParam$1(2, IMenuManagerService),
-  __decorateParam$1(3, IShortcutService)
-], ZenEditorUIController);
-var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp2(target, key, result), result;
-}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), _a3;
-let UniverSheetsZenEditorPlugin = (_a3 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._configService = _configService;
-    const { menu, ...rest } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest), this._initializeDependencies(this._injector);
+};
+N = Ot([
+  C(0, T),
+  C(1, G),
+  C(2, Me),
+  C(3, De)
+], N);
+var yt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, Tt = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Nt(t, r) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (i = (n ? s(t, r, i) : s(i)) || i);
+  return n && i && yt(t, r, i), i;
+}, F = (e, t) => (r, n) => t(r, n, e), O;
+let W = (O = class extends ve {
+  constructor(e = Fe, t, r) {
+    super(), this._config = e, this._injector = t, this._configService = r;
+    const { menu: n, ...i } = this._config;
+    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(Ve, i), this._initializeDependencies(this._injector);
   }
-  _initializeDependencies(injector) {
+  _initializeDependencies(e) {
     [
-      [ZenEditorUIController],
-      [ZenEditorController],
-      [IZenEditorManagerService, { useClass: ZenEditorManagerService }]
-    ].forEach((dependency) => injector.add(dependency));
+      [N],
+      [y],
+      [$, { useClass: We }]
+    ].forEach((r) => e.add(r));
   }
   onReady() {
-    this._injector.get(ZenEditorUIController);
+    this._injector.get(N);
   }
   onSteady() {
-    this._injector.get(ZenEditorController);
+    this._injector.get(y);
   }
-}, __name(_a3, "UniverSheetsZenEditorPlugin"), __publicField(_a3, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN"), __publicField(_a3, "type", UniverInstanceType.UNIVER_SHEET), _a3);
-UniverSheetsZenEditorPlugin = __decorateClass([
-  __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IConfigService)
-], UniverSheetsZenEditorPlugin);
+}, v(O, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN"), v(O, "type", M.UNIVER_SHEET), O);
+W = Tt([
+  F(1, Ee(Ie)),
+  F(2, Se)
+], W);
 export {
-  CancelZenEditCommand,
-  ConfirmZenEditCommand,
-  OpenZenEditorCommand,
-  UniverSheetsZenEditorPlugin
+  L as CancelZenEditCommand,
+  A as ConfirmZenEditCommand,
+  Z as OpenZenEditorCommand,
+  W as UniverSheetsZenEditorPlugin
 };