@univerjs/sheets-zen-editor 0.1.0-beta.2

package/lib/es/index.js

@@ -0,0 +1,2448 @@
+var Rt = Object.defineProperty;
+var Et = (i, e, t) => e in i ? Rt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var c = (i, e, t) => (Et(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { LocaleService as bt, IUniverInstanceService as Ce, RANGE_TYPE as $, makeCellToSelection as De, ColorKit as Me, ThemeService as at, createInterceptorKey as ct, Disposable as dt, toDisposable as xe, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ae, InterceptorManager as It, CommandType as Ve, OnLifecycle as ht, LifecycleStages as _t, RxDisposable as Ot, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Je, ICommandService as ze, IUndoRedoService as Mt, DEFAULT_EMPTY_DOCUMENT_VALUE as yt, Plugin as Wt, PluginType as Tt } from "@univerjs/core";
+import { Inject as F, Injector as $e, createIdentifier as Fe } from "@wendellhu/redi";
+import { TextSelectionManagerService as kt, DocSkeletonManagerService as Lt, DocViewModelManagerService as Pt, VIEWPORT_KEY as Ht, RichTextEditingMutation as Bt, getDocObject as xt } from "@univerjs/docs";
+import { SpreadsheetSkeleton as Xt, Rect as P, Group as Xe, DEFAULT_SELECTION_LAYER_INDEX as Yt, FIX_ONE_PIXEL_BLUR_OFFSET as Nt, CURSOR_TYPE as L, Vector2 as X, ScrollTimer as be, ScrollTimerType as q, isRectIntersect as At, DeviceInputEventType as We, getCanvasOffsetByEngine as Dt, fixLineWidthByScale as ve, IRenderManagerService as ut } from "@univerjs/engine-render";
+import { BehaviorSubject as J, Subject as ie, takeUntil as Vt } from "rxjs";
+import { SELECTION_CONTROL_BORDER_BUFFER_COLOR as pe, getNormalSelectionStyle as Se, SELECTION_CONTROL_BORDER_BUFFER_WIDTH as ye } from "@univerjs/sheets";
+import { IShortcutService as zt, IZenZoneService as Te, KeyCode as $t, MenuGroup as Ft, MenuItemType as Ut, MenuPosition as jt, IMenuService as Zt } from "@univerjs/ui";
+import Gt, { forwardRef as Ue, useRef as gt, createElement as je, useEffect as Kt } from "react";
+import { useDependency as Ye } from "@wendellhu/redi/react-bindings";
+import Qe from "clsx";
+function qt(i, e) {
+  if (i == null)
+    return;
+  const t = e.getRenderById(i);
+  if (t == null)
+    return;
+  const { mainComponent: o, scene: n, engine: r } = t;
+  return {
+    document: o,
+    scene: n,
+    engine: r
+  };
+}
+var b = /* @__PURE__ */ ((i) => (i.VIEW_MAIN = "viewMain", i.VIEW_MAIN_LEFT_TOP = "viewMainLeftTop", i.VIEW_MAIN_TOP = "viewMainTop", i.VIEW_MAIN_LEFT = "viewMainLeft", i.VIEW_ROW_TOP = "viewRowTop", i.VIEW_ROW_BOTTOM = "viewRowBottom", i.VIEW_COLUMN_LEFT = "viewColumnLeft", i.VIEW_COLUMN_RIGHT = "viewColumnRight", i.VIEW_LEFT_TOP = "viewLeftTop", i))(b || {});
+const Jt = 3;
+var Qt = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, to = (i, e, t, o) => {
+  for (var n = o > 1 ? void 0 : o ? eo(e, t) : e, r = i.length - 1, s; r >= 0; r--)
+    (s = i[r]) && (n = (o ? s(e, t, n) : s(n)) || n);
+  return o && n && Qt(e, t, n), n;
+}, et = (i, e) => (t, o) => e(t, o, i);
+let me = class {
+  constructor(i, e) {
+    c(this, "_currentSkeleton", {
+      unitId: "",
+      sheetId: ""
+    });
+    c(this, "_sheetSkeletonParam", []);
+    c(this, "_currentSkeleton$", new J(null));
+    c(this, "currentSkeleton$", this._currentSkeleton$.asObservable());
+    /**
+     * CurrentSkeletonBefore for pre-triggered logic during registration
+     */
+    c(this, "_currentSkeletonBefore$", new J(null));
+    c(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
+    this._currentUniverService = i, this._localeService = e;
+  }
+  dispose() {
+    this._currentSkeletonBefore$.complete(), this._currentSkeleton$.complete(), this._sheetSkeletonParam = [];
+  }
+  getCurrent() {
+    return this._getCurrentBySearch(this._currentSkeleton);
+  }
+  setCurrent(i) {
+    const e = this._getCurrentBySearch(i);
+    if (e != null)
+      this._reCalculate(e);
+    else {
+      const { unitId: o, sheetId: n } = i, r = this._currentUniverService.getUniverSheetInstance(i.unitId), s = r == null ? void 0 : r.getSheetBySheetId(i.sheetId);
+      if (s == null || r == null)
+        return;
+      const d = this._buildSkeleton(s, r);
+      this._sheetSkeletonParam.push({
+        unitId: o,
+        sheetId: n,
+        skeleton: d,
+        dirty: !1
+      });
+    }
+    this._currentSkeleton = i;
+    const t = this.getCurrent();
+    return this._currentSkeletonBefore$.next(t), this._currentSkeleton$.next(t), this.getCurrent();
+  }
+  reCalculate() {
+    const i = this.getCurrent();
+    i != null && this._reCalculate(i);
+  }
+  _reCalculate(i) {
+    i.dirty && (i.skeleton.makeDirty(!0), i.dirty = !1), i.skeleton.calculate();
+  }
+  makeDirtyCurrent(i = !0) {
+    this.makeDirty(this._currentSkeleton, i);
+  }
+  makeDirty(i, e = !0) {
+    const t = this._getCurrentBySearch(i);
+    t != null && (t.dirty = e);
+  }
+  _getCurrentBySearch(i) {
+    const e = this._sheetSkeletonParam.find(
+      (t) => t.unitId === i.unitId && t.sheetId === i.sheetId
+    );
+    return e != null && (e.commandId = i.commandId), e;
+  }
+  _buildSkeleton(i, e) {
+    const t = i.getConfig();
+    return Xt.create(
+      i,
+      t,
+      i.getCellMatrix(),
+      e.getStyles(),
+      this._localeService
+    );
+  }
+};
+me = to([
+  et(0, Ce),
+  et(1, F(bt))
+], me);
+class oo {
+  constructor() {
+    c(this, "_startColumn", -1);
+    c(this, "_startRow", -1);
+    c(this, "_endColumn", -1);
+    c(this, "_endRow", -1);
+    c(this, "_startX", 0);
+    c(this, "_startY", 0);
+    c(this, "_endX", 0);
+    c(this, "_endY", 0);
+    c(this, "_currentCell");
+    c(this, "_rangeType", $.NORMAL);
+  }
+  get startColumn() {
+    return this._startColumn;
+  }
+  get startRow() {
+    return this._startRow;
+  }
+  get endColumn() {
+    return this._endColumn;
+  }
+  get endRow() {
+    return this._endRow;
+  }
+  get startX() {
+    return this._startX;
+  }
+  get startY() {
+    return this._startY;
+  }
+  get endX() {
+    return this._endX;
+  }
+  get endY() {
+    return this._endY;
+  }
+  get currentCell() {
+    return this._currentCell;
+  }
+  get rangeType() {
+    return this._rangeType;
+  }
+  isEqual(e) {
+    const { startColumn: t, startRow: o, endColumn: n, endRow: r } = this, {
+      startColumn: s,
+      startRow: d,
+      endColumn: a,
+      endRow: l
+    } = e;
+    return t === s && o === d && n === a && r === l;
+  }
+  isInclude(e) {
+    const { startColumn: t, startRow: o, endColumn: n, endRow: r } = this, {
+      startColumn: s,
+      startRow: d,
+      endColumn: a,
+      endRow: l
+    } = e;
+    return !(a < t || s > n || d > r || l < o);
+  }
+  highlightToSelection() {
+    return De(this._currentCell);
+  }
+  getRange() {
+    return {
+      startColumn: this._startColumn,
+      startRow: this._startRow,
+      endColumn: this._endColumn,
+      endRow: this._endRow,
+      startX: this._startX,
+      startY: this._startY,
+      endX: this._endX,
+      endY: this._endY,
+      rangeType: this.rangeType
+    };
+  }
+  getCell() {
+    return this._currentCell;
+  }
+  getRangeType() {
+    return this._rangeType;
+  }
+  getValue() {
+    return {
+      rangeWithCoord: {
+        startColumn: this._startColumn,
+        startRow: this._startRow,
+        endColumn: this._endColumn,
+        endRow: this._endRow,
+        startX: this._startX,
+        startY: this._startY,
+        endX: this._endX,
+        endY: this._endY,
+        rangeType: this._rangeType
+      },
+      primaryWithCoord: this._currentCell
+    };
+  }
+  setValue(e, t) {
+    const {
+      startColumn: o,
+      startRow: n,
+      endColumn: r,
+      endRow: s,
+      startX: d,
+      startY: a,
+      endX: l,
+      endY: g,
+      rangeType: S
+    } = e;
+    this._startColumn = o, this._startRow = n, this._endColumn = r, this._endRow = s, this._startX = d, this._startY = a, this._endX = l, this._endY = g, S != null && (this._rangeType = S), this.setCurrentCell(t);
+  }
+  setCurrentCell(e) {
+    e && (this._currentCell = e);
+  }
+  clearCurrentCell() {
+    this._currentCell = null;
+  }
+}
+const tt = 0.3;
+class ot {
+  constructor(e, t, o = !0, n) {
+    c(this, "_leftControl");
+    c(this, "_rightControl");
+    c(this, "_topControl");
+    c(this, "_bottomControl");
+    c(this, "_backgroundControlTop");
+    c(this, "_backgroundControlBottom");
+    c(this, "_backgroundControlMiddleLeft");
+    c(this, "_backgroundControlMiddleRight");
+    c(this, "_fillControl");
+    c(this, "_selectionShape");
+    c(this, "_rowHeaderBackground");
+    c(this, "_rowHeaderBorder");
+    c(this, "_rowHeaderGroup");
+    c(this, "_rowHeaderHighlight");
+    c(this, "_columnHeaderBackground");
+    c(this, "_columnHeaderBorder");
+    c(this, "_columnHeaderGroup");
+    c(this, "_columnHeaderHighlight");
+    c(this, "_topLeftWidget");
+    c(this, "_topCenterWidget");
+    c(this, "_topRightWidget");
+    c(this, "_middleLeftWidget");
+    c(this, "_middleRightWidget");
+    c(this, "_bottomLeftWidget");
+    c(this, "_bottomCenterWidget");
+    c(this, "_bottomRightWidget");
+    c(this, "_dashRect");
+    c(this, "_selectionModel");
+    c(this, "_selectionStyle");
+    c(this, "_rowHeaderWidth", 0);
+    c(this, "_columnHeaderHeight", 0);
+    c(this, "_widgetRects", []);
+    c(this, "_dispose$", new J(this));
+    c(this, "dispose$", this._dispose$.asObservable());
+    c(this, "selectionMoving$", new ie());
+    c(this, "selectionMoved$", new ie());
+    c(this, "selectionScaling$", new ie());
+    c(this, "selectionScaled$", new ie());
+    c(this, "selectionFilling$", new ie());
+    c(this, "_selectionFilled$", new ie());
+    c(this, "selectionFilled$", this._selectionFilled$.asObservable());
+    c(this, "_defaultStyle");
+    c(this, "_isHelperSelection", !0);
+    this._scene = e, this._zIndex = t, this._isHeaderHighlight = o, this._themeService = n, this._initialize();
+  }
+  get zIndex() {
+    return this._zIndex;
+  }
+  get leftControl() {
+    return this._leftControl;
+  }
+  get rightControl() {
+    return this._rightControl;
+  }
+  get topControl() {
+    return this._topControl;
+  }
+  get bottomControl() {
+    return this._bottomControl;
+  }
+  get fillControl() {
+    return this._fillControl;
+  }
+  get backgroundControlTop() {
+    return this._backgroundControlTop;
+  }
+  get backgroundControlBottom() {
+    return this._backgroundControlBottom;
+  }
+  get backgroundControlMiddleLeft() {
+    return this._backgroundControlMiddleLeft;
+  }
+  get backgroundControlMiddleRight() {
+    return this._backgroundControlMiddleRight;
+  }
+  get selectionShape() {
+    return this._selectionShape;
+  }
+  get model() {
+    return this._selectionModel;
+  }
+  get topLeftWidget() {
+    return this._topLeftWidget;
+  }
+  get topCenterWidget() {
+    return this._topCenterWidget;
+  }
+  get topRightWidget() {
+    return this._topRightWidget;
+  }
+  get middleLeftWidget() {
+    return this._middleLeftWidget;
+  }
+  get middleRightWidget() {
+    return this._middleRightWidget;
+  }
+  get bottomLeftWidget() {
+    return this._bottomLeftWidget;
+  }
+  get bottomCenterWidget() {
+    return this._bottomCenterWidget;
+  }
+  get bottomRightWidget() {
+    return this._bottomRightWidget;
+  }
+  get selectionStyle() {
+    return this._selectionStyle;
+  }
+  get dashRect() {
+    return this._dashRect;
+  }
+  get isHelperSelection() {
+    return this._isHelperSelection;
+  }
+  setEvent(e) {
+    this.leftControl.evented = e, this.rightControl.evented = e, this.topControl.evented = e, this.bottomControl.evented = e;
+  }
+  enableHeaderHighlight() {
+    this._isHelperSelection = !0;
+  }
+  disableHeaderHighlight() {
+    this._isHeaderHighlight = !1;
+  }
+  refreshSelectionFilled(e) {
+    this._selectionFilled$.next(e);
+  }
+  updateStyle(e) {
+    this._updateControl(e, this._rowHeaderWidth, this._columnHeaderHeight);
+  }
+  update(e, t = 0, o = 0, n, r) {
+    this._selectionModel.setValue(e, r), n == null && (n = this._selectionStyle), this._updateControl(n, t, o);
+  }
+  clearHighlight() {
+    this._selectionModel.clearCurrentCell(), this._updateControl(this._selectionStyle, this._rowHeaderWidth, this._columnHeaderHeight);
+  }
+  getScene() {
+    return this._scene;
+  }
+  dispose() {
+    var e, t, o, n, r, s, d, a, l, g, S, _, u, h, f, m, C, v, w, p, E, I, T, M, k;
+    (e = this._leftControl) == null || e.dispose(), (t = this._rightControl) == null || t.dispose(), (o = this._topControl) == null || o.dispose(), (n = this._bottomControl) == null || n.dispose(), (r = this._backgroundControlTop) == null || r.dispose(), (s = this._backgroundControlMiddleLeft) == null || s.dispose(), (d = this._backgroundControlMiddleRight) == null || d.dispose(), (a = this._backgroundControlBottom) == null || a.dispose(), (l = this._fillControl) == null || l.dispose(), (g = this._selectionShape) == null || g.dispose(), (S = this._rowHeaderBackground) == null || S.dispose(), (_ = this._rowHeaderBorder) == null || _.dispose(), (u = this._rowHeaderGroup) == null || u.dispose(), (h = this._rowHeaderBackground) == null || h.dispose(), (f = this._columnHeaderBackground) == null || f.dispose(), (m = this._columnHeaderBorder) == null || m.dispose(), (C = this._columnHeaderGroup) == null || C.dispose(), (v = this._topLeftWidget) == null || v.dispose(), (w = this._topCenterWidget) == null || w.dispose(), (p = this._topRightWidget) == null || p.dispose(), (E = this._middleLeftWidget) == null || E.dispose(), (I = this._middleRightWidget) == null || I.dispose(), (T = this._bottomLeftWidget) == null || T.dispose(), (M = this._bottomCenterWidget) == null || M.dispose(), (k = this._bottomRightWidget) == null || k.dispose(), this._dispose$.next(this), this._dispose$.complete();
+  }
+  /**
+   * Get the cell information of the current selection, considering the case of merging cells
+   */
+  getCurrentCellInfo() {
+    const e = this.model.currentCell;
+    if (e) {
+      let t;
+      if (e.isMerged) {
+        const o = e.mergeInfo;
+        t = {
+          startRow: o.startRow,
+          endRow: o.endRow,
+          startColumn: o.startColumn,
+          endColumn: o.endColumn,
+          startX: o.startX,
+          endX: o.endX,
+          startY: o.startY,
+          endY: o.endY
+        };
+      } else {
+        const { actualRow: o, actualColumn: n, startX: r, endX: s, startY: d, endY: a } = e;
+        t = {
+          startRow: o,
+          endRow: o,
+          startColumn: n,
+          endColumn: n,
+          startX: r,
+          endX: s,
+          startY: d,
+          endY: a
+        };
+      }
+      return t;
+    }
+  }
+  getValue() {
+    return {
+      ...this._selectionModel.getValue(),
+      style: this._selectionStyle
+    };
+  }
+  getRange() {
+    return this._selectionModel.getValue().rangeWithCoord;
+  }
+  enableHelperSelection() {
+    this._isHelperSelection = !0;
+  }
+  disableHelperSelection() {
+    this._isHelperSelection = !1;
+  }
+  updateStyleId(e) {
+    this._selectionStyle != null && (this._selectionStyle.id = e);
+  }
+  /**
+   * just handle the view
+   *
+   * inner update
+   */
+  _updateControl(e, t, o) {
+    const { startX: n, startY: r, endX: s, endY: d } = this._selectionModel, a = this._defaultStyle;
+    e == null && (e = a);
+    const {
+      stroke: l = a.stroke,
+      widgets: g = a.widgets,
+      hasAutoFill: S = a.hasAutoFill,
+      AutofillStroke: _ = a.AutofillStroke,
+      strokeDash: u
+    } = e;
+    let {
+      strokeWidth: h = a.strokeWidth,
+      AutofillSize: f = a.AutofillSize,
+      AutofillStrokeWidth: m = a.AutofillStrokeWidth
+    } = e;
+    const C = this._getScale(), v = (h + ye) / 2 / C;
+    h /= C, f /= C, m /= C < 1 ? 1 : C;
+    const w = ye / C, p = Nt / C;
+    this.leftControl.transformByState({
+      height: d - r,
+      left: -v + p,
+      width: h,
+      strokeWidth: w,
+      top: -w / 2 + p
+    }), this.leftControl.setProps({
+      fill: l,
+      stroke: pe
+    }), this.rightControl.transformByState({
+      height: d - r,
+      left: s - n - v + p,
+      width: h,
+      strokeWidth: w,
+      top: -w / 2 + p
+    }), this.rightControl.setProps({
+      fill: l,
+      stroke: pe
+    }), this.topControl.transformByState({
+      width: s - n + h,
+      top: -v + p,
+      left: -v + p,
+      height: h,
+      strokeWidth: w
+    }), this.topControl.setProps({
+      fill: l,
+      stroke: pe
+    }), this.bottomControl.transformByState({
+      width: s - n + h,
+      top: d - r - v + p,
+      height: h,
+      left: -v + p,
+      strokeWidth: w
+    }), this.bottomControl.setProps({
+      fill: l,
+      stroke: pe
+    }), u == null ? this.dashRect.hide() : (this.dashRect.transformByState({
+      height: d - r - h / 2,
+      width: s - n - h / 2,
+      strokeWidth: h,
+      left: h / 2 - 1 / C,
+      top: h / 2 - 1 / C
+    }), this.dashRect.setProps({
+      strokeDashArray: [0, u]
+    }), this.dashRect.show()), S === !0 && !this._hasWidgets(g) ? (this.fillControl.setProps({
+      fill: l,
+      stroke: _,
+      strokeScaleEnabled: !1
+    }), this.fillControl.transformByState({
+      width: f - m,
+      height: f - m,
+      left: s - n - f / 2 + m / 2,
+      top: d - r - f / 2 + m / 2,
+      strokeWidth: m
+    }), this.fillControl.show()) : this.fillControl.hide(), this._updateBackgroundControl(e), this._updateBackgroundTitle(e, t, o), this._updateWidgets(e), this.selectionShape.show(), this.selectionShape.translate(n, r), this._selectionStyle = e, this._rowHeaderWidth = t || 0, this._columnHeaderHeight = o || 0, this.selectionShape.makeDirtyNoDebounce(!0);
+  }
+  _initialize() {
+    this._defaultStyle = Se(this._themeService), this._selectionModel = new oo();
+    const e = this._zIndex;
+    this._leftControl = new P("__SpreadsheetSelectionShapeLeftControl__" + e, {
+      zIndex: e
+    }), this._rightControl = new P("__SpreadsheetSelectionShapeRightControl__" + e, {
+      zIndex: e
+    }), this._topControl = new P("__SpreadsheetSelectionTopControl__" + e, {
+      zIndex: e
+    }), this._bottomControl = new P("__SpreadsheetSelectionBottomControl__" + e, {
+      zIndex: e
+    }), this._backgroundControlTop = new P("__SpreadsheetSelectionBackgroundControlTop__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._backgroundControlBottom = new P("__SpreadsheetSelectionBackgroundControlBottom__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._backgroundControlMiddleLeft = new P("__SpreadsheetSelectionBackgroundControlMiddleLeft__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._backgroundControlMiddleRight = new P("__SpreadsheetSelectionBackgroundControlMiddleRight__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._fillControl = new P("__SpreadsheetSelectionFillControl__" + e, {
+      zIndex: e + 1
+    }), this._dashRect = new P("__SpreadsheetDragDashControl__" + e, {
+      zIndex: e + 2,
+      evented: !1,
+      stroke: "#fff"
+    });
+    const t = [
+      this._fillControl,
+      this._leftControl,
+      this._rightControl,
+      this._topControl,
+      this._bottomControl,
+      this._backgroundControlTop,
+      this._backgroundControlMiddleLeft,
+      this._backgroundControlMiddleRight,
+      this._backgroundControlBottom,
+      this._dashRect
+    ];
+    this._widgetRects = this._initialWidget(), this._selectionShape = new Xe("__SpreadsheetSelectionShape__" + e, ...t, ...this._widgetRects), this._selectionShape.hide(), this._selectionShape.evented = !1, this._selectionShape.zIndex = e, this.getScene().addObject(this._selectionShape, Jt), this._initialTitle();
+  }
+  _initialTitle() {
+    const e = this._zIndex;
+    this._rowHeaderBackground = new P("__SpreadSheetSelectionRowHeaderBackground__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._rowHeaderBorder = new P("__SpreadSheetSelectionRowHeaderBorder__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._rowHeaderGroup = new Xe(
+      "__SpreadSheetSelectionRowHeaderGroup__" + e,
+      this._rowHeaderBackground,
+      this._rowHeaderBorder
+    ), this._rowHeaderGroup.hide(), this._rowHeaderGroup.evented = !1, this._rowHeaderGroup.zIndex = e, this._columnHeaderBackground = new P("__SpreadSheetSelectionColumnHeaderBackground__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._columnHeaderBorder = new P("__SpreadSheetSelectionColumnHeaderBorder__" + e, {
+      zIndex: e - 1,
+      evented: !1
+    }), this._columnHeaderGroup = new Xe(
+      "__SpreadSheetSelectionColumnHeaderGroup__" + e,
+      this._columnHeaderBackground,
+      this._columnHeaderBorder
+    ), this._columnHeaderGroup.hide(), this._columnHeaderGroup.evented = !1, this._columnHeaderGroup.zIndex = e, this.getScene().addObjects([this._rowHeaderGroup, this._columnHeaderGroup], Yt);
+  }
+  _initialWidget() {
+    const e = this._zIndex;
+    return this._topLeftWidget = new P("__SpreadSheetSelectionTopLeftWidget__" + e, {
+      zIndex: e + 1
+    }), this._topCenterWidget = new P("__SpreadSheetSelectionTopCenterWidget__" + e, {
+      zIndex: e + 1
+    }), this._topRightWidget = new P("__SpreadSheetSelectionTopRightWidget__" + e, {
+      zIndex: e + 1
+    }), this._middleLeftWidget = new P("__SpreadSheetSelectionMiddleLeftWidget__" + e, {
+      zIndex: e + 1
+    }), this._middleRightWidget = new P("__SpreadSheetSelectionMiddleRightWidget__" + e, {
+      zIndex: e + 1
+    }), this._bottomLeftWidget = new P("__SpreadSheetSelectionBottomLeftWidget__" + e, {
+      zIndex: e + 1
+    }), this._bottomCenterWidget = new P("__SpreadSheetSelectionBottomCenterWidget__" + e, {
+      zIndex: e + 1
+    }), this._bottomRightWidget = new P("__SpreadSheetSelectionBottomRightWidget__" + e, {
+      zIndex: e + 1
+    }), [
+      this._topLeftWidget,
+      this._topCenterWidget,
+      this._topRightWidget,
+      this._middleLeftWidget,
+      this._middleRightWidget,
+      this._bottomLeftWidget,
+      this._bottomCenterWidget,
+      this._bottomRightWidget
+    ];
+  }
+  _updateBackgroundTitle(e, t, o) {
+    const { startX: n, startY: r, endX: s, endY: d, rangeType: a } = this._selectionModel, l = this._defaultStyle;
+    e == null && (e = l);
+    const g = this._getScale(), {
+      stroke: S,
+      hasRowHeader: _,
+      rowHeaderFill: u = l.rowHeaderFill,
+      rowHeaderStroke: h = l.rowHeaderStroke,
+      hasColumnHeader: f,
+      columnHeaderFill: m = l.columnHeaderFill,
+      columnHeaderStroke: C = l.columnHeaderStroke
+    } = e;
+    let {
+      rowHeaderStrokeWidth: v = l.rowHeaderStrokeWidth,
+      columnHeaderStrokeWidth: w = l.columnHeaderStrokeWidth
+    } = e;
+    if (v /= g, w /= g, f === !0) {
+      let p = m;
+      this._isHeaderHighlight && a === $.COLUMN && (p = new Me(S).setAlpha(tt).toString()), this._columnHeaderBackground.setProps({
+        fill: p
+      }), this._columnHeaderBackground.resize(s - n, o), this._columnHeaderBorder.setProps({
+        fill: C
+      }), this._columnHeaderBorder.transformByState({
+        width: s - n,
+        height: w,
+        top: o - w + 1 / g
+      }), this._columnHeaderGroup.show(), this._columnHeaderGroup.translate(n, 0);
+    } else
+      this._columnHeaderGroup.hide();
+    if (this._columnHeaderGroup.makeDirty(!0), _ === !0) {
+      let p = u;
+      this._isHeaderHighlight && a === $.ROW && (p = new Me(S).setAlpha(tt).toString()), this._rowHeaderBackground.setProps({
+        fill: p
+      }), this._rowHeaderBackground.resize(t, d - r), this._rowHeaderBorder.setProps({
+        fill: h
+      }), this._rowHeaderBorder.transformByState({
+        width: v,
+        height: d - r,
+        left: t - v + 1 / g
+      }), this._rowHeaderGroup.show(), this._rowHeaderGroup.translate(0, r);
+    } else
+      this._rowHeaderGroup.hide();
+    this._rowHeaderGroup.makeDirty(!0);
+  }
+  _updateBackgroundControl(e) {
+    const { startX: t, startY: o, endX: n, endY: r } = this._selectionModel, s = this._defaultStyle;
+    e == null && (e = s);
+    const d = this._getScale(), { fill: a = s.fill } = e;
+    let { strokeWidth: l = s.strokeWidth } = e;
+    l /= d;
+    const g = this._selectionModel.highlightToSelection();
+    if (!g) {
+      this._backgroundControlTop.resize(n - t, r - o), this._backgroundControlTop.setProps({ fill: a }), this._backgroundControlBottom.resize(0, 0), this._backgroundControlMiddleLeft.resize(0, 0), this._backgroundControlMiddleRight.resize(0, 0);
+      return;
+    }
+    const { startX: S, startY: _, endX: u, endY: h } = g, f = l / 2, m = {
+      left: -f,
+      top: -f,
+      width: n - t + f * 2,
+      height: _ - o + f
+    };
+    m.height < 0 && (m.width = 0, m.height = 0), this._backgroundControlTop.transformByState(m);
+    const C = {
+      left: -f,
+      top: _ - o,
+      width: S - t + f,
+      height: h - _
+    };
+    C.width < 0 && (C.width = 0, C.height = 0), this._backgroundControlMiddleLeft.transformByState(C);
+    const v = {
+      left: u - t - f,
+      top: _ - o,
+      width: n - u + f * 2,
+      height: h - _
+    };
+    v.width < 0 && (v.width = 0, v.height = 0), this._backgroundControlMiddleRight.transformByState(v);
+    const w = {
+      left: -f,
+      top: h - o,
+      width: n - t + f * 2,
+      height: r - h + f
+    };
+    w.height < 0 && (w.width = 0, w.height = 0), this._backgroundControlBottom.transformByState(w), this._backgroundControlTop.setProps({ fill: a }), this._backgroundControlMiddleLeft.setProps({ fill: a }), this._backgroundControlMiddleRight.setProps({ fill: a }), this._backgroundControlBottom.setProps({ fill: a });
+  }
+  _updateWidgets(e) {
+    const { startX: t, startY: o, endX: n, endY: r } = this._selectionModel, s = this._defaultStyle;
+    e == null && (e = s);
+    const {
+      stroke: d = s.stroke,
+      widgets: a = s.widgets,
+      widgetStroke: l = s.widgetStroke
+    } = e, g = this._getScale();
+    let { widgetSize: S = s.widgetSize, widgetStrokeWidth: _ = s.widgetStrokeWidth } = e;
+    S /= g, _ /= g;
+    const u = {
+      left: -S / 2 + _ / 2,
+      center: (n - t) / 2 - S / 2 + _ / 2,
+      right: n - t - S / 2 + _ / 2,
+      top: -S / 2,
+      middle: (r - o) / 2 - S / 2,
+      bottom: r - o - S / 2 + _ / 2
+    }, h = S - _;
+    this._widgetRects.forEach((f) => {
+      f.setProps({
+        fill: d,
+        stroke: l
+      });
+    }), a.tl === !0 ? (this._topLeftWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.left,
+      top: u.top,
+      strokeWidth: _
+    }), this._topLeftWidget.show()) : this._topLeftWidget.hide(), a.tc === !0 ? (this._topCenterWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.center,
+      top: u.top,
+      strokeWidth: _
+    }), this._topCenterWidget.show()) : this._topCenterWidget.hide(), a.tr === !0 ? (this._topRightWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.right,
+      top: u.top,
+      strokeWidth: _
+    }), this._topRightWidget.show()) : this._topRightWidget.hide(), a.ml === !0 ? (this._middleLeftWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.left,
+      top: u.middle,
+      strokeWidth: _
+    }), this._middleLeftWidget.show()) : this._middleLeftWidget.hide(), a.mr === !0 ? (this._middleRightWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.right,
+      top: u.middle,
+      strokeWidth: _
+    }), this._middleRightWidget.show()) : this._middleRightWidget.hide(), a.bl === !0 ? (this._bottomLeftWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.left,
+      top: u.bottom,
+      strokeWidth: _
+    }), this._bottomLeftWidget.show()) : this._bottomLeftWidget.hide(), a.bc === !0 ? (this._bottomCenterWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.center,
+      top: u.bottom,
+      strokeWidth: _
+    }), this._bottomCenterWidget.show()) : this._bottomCenterWidget.hide(), a.br === !0 ? (this._bottomRightWidget.transformByState({
+      height: h,
+      width: h,
+      left: u.right,
+      top: u.bottom,
+      strokeWidth: _
+    }), this._bottomRightWidget.show()) : this._bottomRightWidget.hide();
+  }
+  _hasWidgets(e) {
+    if (e == null)
+      return !1;
+    const t = Object.keys(e);
+    if (t.length === 0)
+      return !1;
+    for (const o of t)
+      if (e[o] === !0)
+        return !0;
+    return !0;
+  }
+  _getScale() {
+    const { scaleX: e, scaleY: t } = this._scene.getAncestorScale();
+    return Math.max(e, t);
+  }
+}
+const it = "__SpreadsheetHelperSelectionTempRect", io = 35;
+class nt {
+  constructor(e, t, o, n, r) {
+    c(this, "_startOffsetX", 0);
+    c(this, "_startOffsetY", 0);
+    c(this, "_relativeSelectionPositionRow", 0);
+    c(this, "_relativeSelectionPositionColumn", 0);
+    c(this, "_relativeSelectionRowLength", 0);
+    c(this, "_relativeSelectionColumnLength", 0);
+    c(this, "_moveObserver");
+    c(this, "_upObserver");
+    c(this, "_helperSelection");
+    c(this, "_scrollTimer");
+    c(this, "_activeViewport");
+    c(this, "_targetSelection", {
+      startY: 0,
+      endY: 0,
+      startX: 0,
+      endX: 0,
+      startRow: -1,
+      endRow: -1,
+      startColumn: -1,
+      endColumn: -1
+    });
+    c(this, "_isInMergeState", !1);
+    c(this, "_fillControlColors", []);
+    this._control = e, this._skeleton = t, this._scene = o, this._themeService = n, this._injector = r, this._initialControl(), this._initialWidget(), this._initialFill(), this._control.dispose$.subscribe(() => {
+      this.dispose();
+    });
+  }
+  get isHelperSelection() {
+    return this._control.isHelperSelection;
+  }
+  dispose() {
+    var e, t;
+    (e = this._scrollTimer) == null || e.dispose(), this._fillControlColors = [], this._clearObserverEvent(), (t = this._helperSelection) == null || t.dispose();
+  }
+  _getFreeze() {
+    var t;
+    return (t = this._injector.get(me).getCurrent()) == null ? void 0 : t.skeleton.getWorksheetConfig().freeze;
+  }
+  _isSelectionInViewport(e, t) {
+    const o = this._getFreeze() || {
+      startRow: -1,
+      startColumn: -1,
+      xSplit: 0,
+      ySplit: 0
+    };
+    switch (t.viewPortKey) {
+      case b.VIEW_MAIN:
+        return e.endRow >= o.startRow && e.endColumn >= o.startColumn;
+      case b.VIEW_MAIN_TOP:
+      case b.VIEW_COLUMN_RIGHT:
+        return e.endColumn >= o.startColumn && e.startRow < o.startRow;
+      case b.VIEW_MAIN_LEFT:
+      case b.VIEW_ROW_BOTTOM:
+        return e.endRow >= o.startRow && e.startColumn < o.startColumn;
+      case b.VIEW_MAIN_LEFT_TOP:
+      case b.VIEW_COLUMN_LEFT:
+      case b.VIEW_ROW_TOP:
+      case b.VIEW_LEFT_TOP:
+        return e.startRow < o.startRow && e.startColumn < o.startColumn;
+    }
+  }
+  _clearObserverEvent() {
+    this._scene.onPointerMoveObserver.remove(this._moveObserver), this._scene.onPointerUpObserver.remove(this._upObserver), this._moveObserver = null, this._upObserver = null;
+  }
+  _initialControl() {
+    const { leftControl: e, rightControl: t, topControl: o, bottomControl: n } = this._control;
+    [e, t, o, n].forEach((r) => {
+      r.onPointerEnterObserver.add(() => {
+        r.setCursor(L.MOVE);
+      }), r.onPointerLeaveObserver.add(() => {
+        r.resetCursor();
+      }), r.onPointerDownObserver.add(this._controlEvent.bind(this));
+    });
+  }
+  _controlMoving(e, t) {
+    var I;
+    const o = this._scene, n = o.getScrollXYByRelativeCoords(X.FromArray([e, t])), { scaleX: r, scaleY: s } = o.getAncestorScale(), d = this._skeleton.getCellPositionByOffset(
+      e,
+      t,
+      r,
+      s,
+      n
+    ), { row: a, column: l } = d, g = this._skeleton.getRowCount() - 1, S = this._skeleton.getColumnCount() - 1;
+    let _ = a + this._relativeSelectionPositionRow;
+    _ < 0 && (_ = 0);
+    let u = _ + this._relativeSelectionRowLength;
+    u > g && (u = g, u - _ < this._relativeSelectionRowLength && (_ = u - this._relativeSelectionRowLength));
+    let h = l + this._relativeSelectionPositionColumn;
+    h < 0 && (h = 0);
+    let f = h + this._relativeSelectionColumnLength;
+    f > S && (f = S, f - h < this._relativeSelectionColumnLength && (h = f - this._relativeSelectionColumnLength));
+    const m = this._skeleton.getNoMergeCellPositionByIndex(_, h), C = this._skeleton.getNoMergeCellPositionByIndex(u, f), v = (m == null ? void 0 : m.startY) || 0, w = (C == null ? void 0 : C.endY) || 0, p = (m == null ? void 0 : m.startX) || 0, E = (C == null ? void 0 : C.endX) || 0;
+    (I = this._helperSelection) == null || I.transformByState({
+      left: p,
+      top: v,
+      width: E - p,
+      height: w - v
+    }), this._targetSelection = {
+      startY: v,
+      endY: w,
+      startX: p,
+      endX: E,
+      startRow: _,
+      endRow: u,
+      startColumn: h,
+      endColumn: f
+    }, this._control.selectionMoving$.next(this._targetSelection);
+  }
+  _controlEvent(e) {
+    const { offsetX: t, offsetY: o } = e, n = this._scene, r = n.getRelativeCoord(X.FromArray([t, o])), { x: s, y: d } = r, a = n.getScrollXYByRelativeCoords(r), { scaleX: l, scaleY: g } = n.getAncestorScale(), S = this._skeleton.getCellPositionByOffset(
+      s,
+      d,
+      l,
+      g,
+      a
+    );
+    this._startOffsetX = s, this._startOffsetY = d;
+    const { row: _, column: u } = S, {
+      startRow: h,
+      startColumn: f,
+      endRow: m,
+      endColumn: C
+    } = this._control.model;
+    let v = 0, w = 0;
+    _ < h ? v -= 1 : _ > m && (v += 1), u < f ? w -= 1 : u > C && (w += 1), this._relativeSelectionPositionRow = h - _ + v, this._relativeSelectionPositionColumn = f - u + w, this._relativeSelectionRowLength = m - h, this._relativeSelectionColumnLength = C - f;
+    const p = this._control.selectionStyle, E = this._getScale();
+    this.isHelperSelection && (this._helperSelection = new P(it, {
+      stroke: p.stroke,
+      strokeWidth: p.strokeWidth / E
+    }), n.addObject(this._helperSelection));
+    const I = n.getViewport(b.VIEW_MAIN), T = be.create(n);
+    T.startScroll(s, d, I), this._scrollTimer = T, n.disableEvent(), this._moveObserver = n.onPointerMoveObserver.add((M) => {
+      const { offsetX: k, offsetY: y } = M, { x: O, y: B } = n.getRelativeCoord(
+        X.FromArray([k, y])
+      );
+      this._controlMoving(O, B), n.setCursor(L.MOVE), T.scrolling(O, B, () => {
+        this._controlMoving(O, B);
+      });
+    }), this._upObserver = n.onPointerUpObserver.add(() => {
+      var k, y;
+      (k = this._helperSelection) == null || k.dispose();
+      const M = this._scene;
+      M.resetCursor(), this._clearObserverEvent(), M.enableEvent(), (y = this._scrollTimer) == null || y.dispose(), this._control.selectionMoved$.next(this._targetSelection);
+    });
+  }
+  _initialWidget() {
+    const {
+      topLeftWidget: e,
+      topCenterWidget: t,
+      topRightWidget: o,
+      middleLeftWidget: n,
+      middleRightWidget: r,
+      bottomLeftWidget: s,
+      bottomCenterWidget: d,
+      bottomRightWidget: a
+    } = this._control, l = [
+      L.NORTH_WEST_RESIZE,
+      L.NORTH_RESIZE,
+      L.NORTH_EAST_RESIZE,
+      L.WEST_RESIZE,
+      L.EAST_RESIZE,
+      L.SOUTH_WEST_RESIZE,
+      L.SOUTH_RESIZE,
+      L.SOUTH_EAST_RESIZE
+    ];
+    [
+      e,
+      t,
+      o,
+      n,
+      r,
+      s,
+      d,
+      a
+    ].forEach((g, S) => {
+      g.onPointerEnterObserver.add(() => {
+        g.setCursor(l[S]);
+      }), g.onPointerLeaveObserver.add(() => {
+        g.resetCursor();
+      }), g.onPointerDownObserver.add((_) => {
+        this._widgetEvent(_, l[S]);
+      });
+    });
+  }
+  _widgetMoving(e, t, o) {
+    const n = this._scene, r = n.getScrollXYByRelativeCoords(X.FromArray([this._startOffsetX, this._startOffsetY])), { scaleX: s, scaleY: d } = n.getAncestorScale(), a = this._skeleton.getCellPositionByOffset(
+      e,
+      t,
+      s,
+      d,
+      r
+    ), { row: l, column: g } = a, { rowHeaderWidth: S, columnHeaderHeight: _ } = this._skeleton;
+    let u = this._relativeSelectionPositionRow, h = this._relativeSelectionPositionColumn, f = l, m = g;
+    o === L.NORTH_WEST_RESIZE ? (u = l, h = g, f = this._relativeSelectionPositionRow, m = this._relativeSelectionPositionColumn) : o === L.NORTH_RESIZE ? (u = l, h = this._relativeSelectionPositionColumn, f = this._relativeSelectionPositionRow, m = this._relativeSelectionPositionColumn + this._relativeSelectionColumnLength) : o === L.NORTH_EAST_RESIZE ? (u = l, h = this._relativeSelectionPositionColumn, f = this._relativeSelectionPositionRow, m = g) : o === L.WEST_RESIZE ? (u = this._relativeSelectionPositionRow, h = g, f = this._relativeSelectionPositionRow + this._relativeSelectionRowLength, m = this._relativeSelectionPositionColumn) : o === L.EAST_RESIZE ? f = this._relativeSelectionPositionRow + this._relativeSelectionRowLength : o === L.SOUTH_WEST_RESIZE ? (u = this._relativeSelectionPositionRow, h = g, f = l, m = this._relativeSelectionPositionColumn) : o === L.SOUTH_RESIZE && (u = this._relativeSelectionPositionRow, h = this._relativeSelectionPositionColumn, f = l, m = this._relativeSelectionPositionColumn + this._relativeSelectionColumnLength);
+    const {
+      startRow: C,
+      startColumn: v,
+      endRow: w,
+      endColumn: p
+    } = this._swapPositions(u, h, f, m), E = this._skeleton.getNoMergeCellPositionByIndex(C, v), I = this._skeleton.getNoMergeCellPositionByIndex(w, p), T = (E == null ? void 0 : E.startY) || 0, M = (I == null ? void 0 : I.endY) || 0, k = (E == null ? void 0 : E.startX) || 0, y = (I == null ? void 0 : I.endX) || 0;
+    this._targetSelection = {
+      startY: T,
+      endY: M,
+      startX: k,
+      endX: y,
+      startRow: u,
+      endRow: f,
+      startColumn: h,
+      endColumn: m
+    }, this._control.update(this._targetSelection, S, _, this._control.selectionStyle), this._control.clearHighlight(), this._control.selectionScaling$.next(this._targetSelection);
+  }
+  _widgetEvent(e, t) {
+    const { offsetX: o, offsetY: n } = e, r = this._scene, s = r.getRelativeCoord(X.FromArray([o, n])), { x: d, y: a } = s;
+    this._startOffsetX = o, this._startOffsetY = n;
+    const {
+      startRow: l,
+      startColumn: g,
+      endRow: S,
+      endColumn: _
+    } = this._control.model;
+    this._relativeSelectionPositionRow = l, this._relativeSelectionPositionColumn = g, this._relativeSelectionRowLength = S - l, this._relativeSelectionColumnLength = _ - g, t === L.NORTH_WEST_RESIZE ? (this._relativeSelectionPositionRow = S, this._relativeSelectionPositionColumn = _) : t === L.NORTH_RESIZE ? this._relativeSelectionPositionRow = S : t === L.NORTH_EAST_RESIZE ? this._relativeSelectionPositionRow = S : t === L.WEST_RESIZE ? this._relativeSelectionPositionColumn = _ : t === L.SOUTH_WEST_RESIZE && (this._relativeSelectionPositionColumn = _);
+    const u = be.create(r);
+    u.startScroll(d, a), this._scrollTimer = u, r.disableEvent(), this._moveObserver = r.onPointerMoveObserver.add((h) => {
+      const { offsetX: f, offsetY: m } = h, { x: C, y: v } = r.getRelativeCoord(
+        X.FromArray([f, m])
+      );
+      this._widgetMoving(C, v, t), r.setCursor(t), u.scrolling(C, v, () => {
+        this._widgetMoving(C, v, t);
+      });
+    }), this._upObserver = r.onPointerUpObserver.add(() => {
+      var f;
+      const h = this._scene;
+      h.resetCursor(), this._clearObserverEvent(), h.enableEvent(), (f = this._scrollTimer) == null || f.dispose(), this._control.selectionScaled$.next(this._targetSelection);
+    });
+  }
+  _initialFill() {
+    const { fillControl: e } = this._control;
+    e.onPointerEnterObserver.add(() => {
+      e.setCursor(L.CROSSHAIR);
+    }), e.onPointerLeaveObserver.add(() => {
+      e.resetCursor();
+    }), e.onPointerDownObserver.add(this._fillEvent.bind(this));
+  }
+  _fillMoving(e, t) {
+    var y, O, B;
+    const o = this._scene, n = o.getScrollXY(this._activeViewport), { scaleX: r, scaleY: s } = o.getAncestorScale(), d = this._skeleton.getCellPositionByOffset(
+      e,
+      t,
+      r,
+      s,
+      n
+    ), { row: a, column: l } = d, g = o.getRelativeCoord(X.FromArray([e, t])), S = this._skeleton.getRowCount() - 1, _ = this._skeleton.getColumnCount() - 1;
+    let u = this._relativeSelectionPositionRow, h = this._relativeSelectionPositionColumn, f = this._relativeSelectionPositionRow + this._relativeSelectionRowLength, m = this._relativeSelectionPositionColumn + this._relativeSelectionColumnLength, C = !1, v = !0;
+    if ((l < h || l > m) && a >= u && a <= f) {
+      const R = this._fillRuler(
+        l,
+        h,
+        m,
+        this._relativeSelectionColumnLength,
+        _
+      );
+      h = R.startRowOrColumn, m = R.endRowOrColumn, C = R.isLighten, v = !1;
+    } else if ((a < u || a > f) && l >= h && l <= m) {
+      const R = this._fillRuler(a, u, f, this._relativeSelectionRowLength, S);
+      u = R.startRowOrColumn, f = R.endRowOrColumn, C = R.isLighten;
+    } else if (Math.abs(this._startOffsetX - g.x - n.x) / 2 > Math.abs(this._startOffsetY - g.y - n.y)) {
+      const R = this._fillRuler(
+        l,
+        h,
+        m,
+        this._relativeSelectionColumnLength,
+        _
+      );
+      h = R.startRowOrColumn, m = R.endRowOrColumn, C = R.isLighten, v = !1;
+    } else {
+      const R = this._fillRuler(a, u, f, this._relativeSelectionRowLength, S);
+      u = R.startRowOrColumn, f = R.endRowOrColumn, C = R.isLighten;
+    }
+    const w = this._skeleton.getNoMergeCellPositionByIndex(u, h), p = this._skeleton.getNoMergeCellPositionByIndex(f, m), E = (w == null ? void 0 : w.startY) || 0, I = (p == null ? void 0 : p.endY) || 0, T = (w == null ? void 0 : w.startX) || 0, M = (p == null ? void 0 : p.endX) || 0;
+    C ? this._controlHandler((R, W) => {
+      const N = new Me(this._fillControlColors[W]).lighten(io).toRgbString();
+      R.setProps({
+        fill: N
+      });
+    }) : this._controlHandler((R, W) => {
+      R.setProps({
+        fill: this._fillControlColors[W]
+      });
+    });
+    const k = ye / this._getScale();
+    u === f && v === !0 || h === m && v === !1 ? (y = this._helperSelection) == null || y.hide() : ((O = this._helperSelection) == null || O.transformByState({
+      left: T - k / 2,
+      top: E - k / 2,
+      width: M - T,
+      height: I - E
+    }), (B = this._helperSelection) == null || B.show()), this._targetSelection = {
+      startY: E,
+      endY: I,
+      startX: T,
+      endX: M,
+      startRow: u,
+      endRow: f,
+      startColumn: h,
+      endColumn: m
+    }, this._control.selectionFilling$.next(this._targetSelection);
+  }
+  _fillEvent(e) {
+    const { offsetX: t, offsetY: o } = e, n = this._scene, r = n.getRelativeCoord(X.FromArray([t, o])), { x: s, y: d } = r;
+    this._startOffsetX = s, this._startOffsetY = d;
+    const {
+      startRow: a,
+      startColumn: l,
+      endRow: g,
+      endColumn: S
+    } = this._control.model;
+    this._isInMergeState = this._hasMergeInRange(a, l, g, S), this._relativeSelectionPositionRow = a, this._relativeSelectionPositionColumn = l, this._relativeSelectionRowLength = g - a, this._relativeSelectionColumnLength = S - l;
+    const _ = this._control.selectionStyle;
+    let u = _ == null ? void 0 : _.stroke, h = _ == null ? void 0 : _.strokeWidth;
+    const f = Se(this._themeService);
+    u == null && (u = f.stroke), h == null && (h = f.strokeWidth);
+    const m = this._getScale();
+    h /= m;
+    const C = ye / m, v = new Me(u).darken(2).toRgbString();
+    this.isHelperSelection && (this._helperSelection = new P(it, {
+      stroke: v,
+      strokeWidth: h + C / 2
+    }), n.addObject(this._helperSelection)), this._activeViewport = n.getActiveViewportByCoord(X.FromArray([t, o]));
+    const w = n.getViewport(b.VIEW_MAIN), p = be.create(
+      n,
+      this._activeViewport.viewPortKey === b.VIEW_MAIN ? q.ALL : q.NONE
+    );
+    p.startScroll(s, d, w), this._scrollTimer = p, n.disableEvent(), this._controlHandler((E) => {
+      this._fillControlColors.push(E.fill);
+    }), this._moveObserver = n.onPointerMoveObserver.add((E) => {
+      var B;
+      const { offsetX: I, offsetY: T } = E, M = n.getActiveViewportByCoord(X.FromArray([I, T])), { x: k, y } = n.getRelativeCoord(
+        X.FromArray([I, T])
+      );
+      this._fillMoving(k, y), n.setCursor(L.CROSSHAIR);
+      const O = this._targetSelection;
+      if (w && M && ((B = this._activeViewport) == null ? void 0 : B.viewPortKey) !== (M == null ? void 0 : M.viewPortKey)) {
+        let R;
+        O.startRow !== a ? (p.scrollTimerType = q.Y, R = {
+          ...O,
+          endRow: O.startRow
+        }) : O.endRow !== g ? (p.scrollTimerType = q.Y, R = {
+          ...O,
+          startRow: O.endRow
+        }) : O.startColumn !== l ? (p.scrollTimerType = q.X, R = {
+          ...O,
+          endColumn: O.startColumn
+        }) : (p.scrollTimerType = q.X, R = {
+          ...O,
+          startColumn: O.endColumn
+        }), this._isSelectionInViewport(R, M) && (w.scrollTo({
+          x: p.scrollTimerType === q.X ? 0 : void 0,
+          y: p.scrollTimerType === q.Y ? 0 : void 0
+        }), this._activeViewport = M);
+      }
+      p.scrolling(k, y, () => {
+        this._fillMoving(k, y);
+      });
+    }), this._upObserver = n.onPointerUpObserver.add(() => {
+      var I, T;
+      (I = this._helperSelection) == null || I.dispose();
+      const E = this._scene;
+      E.resetCursor(), this._clearObserverEvent(), E.enableEvent(), (T = this._scrollTimer) == null || T.dispose(), this._control.refreshSelectionFilled(this._targetSelection), this._isInMergeState = !1, this._controlHandler((M, k) => {
+        M.setProps({
+          fill: this._fillControlColors[k]
+        });
+      }), this._fillControlColors = [];
+    });
+  }
+  _hasMergeInRange(e, t, o, n) {
+    const r = this._skeleton.mergeData;
+    if (!r)
+      return !1;
+    for (const s of r) {
+      const {
+        startRow: d,
+        startColumn: a,
+        endRow: l,
+        endColumn: g
+      } = s;
+      if (At({
+        left: t,
+        top: e,
+        right: n,
+        bottom: o
+      }, {
+        left: a,
+        top: d,
+        right: g,
+        bottom: l
+      }))
+        return !0;
+    }
+    return !1;
+  }
+  _swapPositions(e, t, o, n) {
+    const r = Math.min(e, o), s = Math.min(t, n), d = Math.max(e, o), a = Math.max(t, n);
+    return {
+      startRow: r,
+      startColumn: s,
+      endRow: d,
+      endColumn: a
+    };
+  }
+  _controlHandler(e) {
+    const {
+      leftControl: t,
+      rightControl: o,
+      topControl: n,
+      bottomControl: r,
+      backgroundControlTop: s,
+      backgroundControlMiddleLeft: d,
+      backgroundControlMiddleRight: a,
+      backgroundControlBottom: l,
+      fillControl: g
+    } = this._control, S = [
+      t,
+      o,
+      n,
+      r,
+      s,
+      d,
+      a,
+      l,
+      g
+    ];
+    for (let _ = 0, u = S.length; _ < u; _++) {
+      const h = S[_];
+      e(h, _);
+    }
+  }
+  _fillRuler(e, t, o, n, r) {
+    let s = !1;
+    if (e < t)
+      if (this._isInMergeState && e < t) {
+        const d = t - e, a = n + 1, l = Math.ceil(d / a);
+        let g = t - l * a;
+        g < 0 && (g = t - (l - 1) * a), t = g;
+      } else
+        t = e;
+    else if (e >= t && e <= o)
+      s = !0, o = e;
+    else if (this._isInMergeState && e > o) {
+      const d = e - o, a = n + 1, l = Math.ceil(d / a);
+      let g = o + l * a;
+      g > r && (g = o + (l - 1) * a), o = g;
+    } else
+      o = e;
+    return {
+      rowOrColumn: e,
+      startRowOrColumn: t,
+      endRowOrColumn: o,
+      isLighten: s
+    };
+  }
+  _getScale() {
+    const { scaleX: e, scaleY: t } = this._scene.getAncestorScale();
+    return Math.max(e, t);
+  }
+}
+var no = Object.defineProperty, ro = Object.getOwnPropertyDescriptor, so = (i, e, t, o) => {
+  for (var n = o > 1 ? void 0 : o ? ro(e, t) : e, r = i.length - 1, s; r >= 0; r--)
+    (s = i[r]) && (n = (o ? s(e, t, n) : s(n)) || n);
+  return o && n && no(e, t, n), n;
+}, we = (i, e) => (t, o) => e(t, o, i);
+let rt = class {
+  constructor(i, e, t, o) {
+    c(this, "hasSelection", !1);
+    c(this, "_downObserver");
+    c(this, "_moveObserver");
+    c(this, "_upObserver");
+    c(this, "_controlFillConfig$", new J(null));
+    c(this, "controlFillConfig$", this._controlFillConfig$.asObservable());
+    c(this, "_selectionControls", []);
+    // sheetID:Controls
+    c(this, "_startSelectionRange", {
+      startY: 0,
+      endY: 0,
+      startX: 0,
+      endX: 0,
+      startRow: -1,
+      endRow: -1,
+      startColumn: -1,
+      endColumn: -1
+    });
+    c(this, "_startOffsetX", 0);
+    c(this, "_startOffsetY", 0);
+    c(this, "_scrollTimer");
+    c(this, "_cancelDownObserver");
+    c(this, "_cancelUpObserver");
+    c(this, "_skeleton");
+    c(this, "_scene");
+    // The type of selector determines the type of data range and the highlighting style of the title bar
+    c(this, "_isHeaderHighlight", !0);
+    // If true, the selector will respond to the range of merged cells and automatically extend the selected range. If false, it will ignore the merged cells.
+    c(this, "_isDetectMergedCell", !0);
+    // The style of the selection area, including dashed lines, color, thickness, autofill, other points for modifying the range of the selection area, title highlighting, and so on, can all be customized.
+    c(this, "_selectionStyle");
+    // Whether to enable the selection area. If set to false, the user cannot draw a selection area in the content area by clicking with the mouse.
+    c(this, "_isSelectionEnabled", !0);
+    // Used in the format painter feature, similar to ctrl, it can retain the previous selection.
+    c(this, "_isShowPreviousEnable", 0);
+    //Used in the formula selection feature, a new selection string is added by drawing a box with the mouse.
+    c(this, "_isRemainLastEnable", !0);
+    c(this, "_isSkipRemainLastEnable", !1);
+    c(this, "_selectionMoveEnd$", new J([]));
+    // When the user draws a selection area in the canvas content area, this event is broadcasted when the drawing ends.
+    c(this, "selectionMoveEnd$", this._selectionMoveEnd$.asObservable());
+    c(this, "_selectionMoving$", new ie());
+    /**
+     * Triggered during the drawing of the selection area.
+     */
+    c(this, "selectionMoving$", this._selectionMoving$.asObservable());
+    c(this, "_selectionMoveStart$", new ie());
+    /**
+     * Triggered during the start draw the selection area.
+     */
+    c(this, "selectionMoveStart$", this._selectionMoveStart$.asObservable());
+    c(this, "_activeViewport");
+    this._themeService = i, this._shortcutService = e, this._sheetSkeletonManagerService = t, this._injector = o, this._selectionStyle = Se(this._themeService);
+  }
+  enableHeaderHighlight() {
+    this._isHeaderHighlight = !0;
+  }
+  disableHeaderHighlight() {
+    this._isHeaderHighlight = !1;
+  }
+  enableDetectMergedCell() {
+    this._isDetectMergedCell = !0;
+  }
+  disableDetectMergedCell() {
+    this._isDetectMergedCell = !1;
+  }
+  setStyle(i) {
+    this._selectionStyle = i;
+  }
+  resetStyle() {
+    this.setStyle(Se(this._themeService));
+  }
+  enableSelection() {
+    this._isSelectionEnabled = !0;
+  }
+  disableSelection() {
+    this._isSelectionEnabled = !1;
+  }
+  enableShowPrevious() {
+    this._isShowPreviousEnable = !0;
+  }
+  disableShowPrevious() {
+    this._isShowPreviousEnable = !1;
+  }
+  enableRemainLast() {
+    this._isRemainLastEnable = !0;
+  }
+  disableRemainLast() {
+    this._isRemainLastEnable = !1;
+  }
+  enableSkipRemainLast() {
+    this._isSkipRemainLastEnable = !0;
+  }
+  disableSkipRemainLast() {
+    this._isSkipRemainLastEnable = !1;
+  }
+  getViewPort() {
+    return this._activeViewport;
+  }
+  /**
+   * add a selection
+   * @param selectionRange
+   * @param curCellRange
+   * @returns
+   */
+  addControlToCurrentByRangeData(i) {
+    const e = this.getCurrentControls();
+    if (!e)
+      return;
+    const { rangeWithCoord: t, primaryWithCoord: o } = i, n = this._skeleton;
+    let r = i.style;
+    r == null && (r = Se(this._themeService));
+    const s = this._scene;
+    if (s == null || n == null)
+      return;
+    const d = new ot(s, e.length, this._isHeaderHighlight, this._themeService);
+    new nt(d, n, s, this._themeService, this._injector);
+    const { rowHeaderWidth: a, columnHeaderHeight: l } = n;
+    d.update(t, a, l, r, o), this._isHeaderHighlight ? d.enableHeaderHighlight() : d.disableHeaderHighlight(), e.push(d);
+  }
+  /**
+   * update selection
+   * @param selectionRange
+   * @param curCellRange
+   * @returns
+   */
+  updateControlForCurrentByRangeData(i) {
+    const e = this.getCurrentControls();
+    if (!e)
+      return;
+    const t = this._skeleton;
+    if (t == null)
+      return;
+    const { rowHeaderWidth: o, columnHeaderHeight: n } = t;
+    for (let r = 0, s = i.length; r < s; r++) {
+      const { rangeWithCoord: d, primaryWithCoord: a, style: l } = i[r];
+      e[r].update(d, o, n, l, a);
+    }
+  }
+  refreshSelectionMoveStart() {
+    this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
+  }
+  changeRuntime(i, e, t) {
+    this._skeleton = i, this._scene = e, this._activeViewport = t || e.getViewports()[0];
+  }
+  getSelectionDataWithStyle() {
+    return this._selectionControls.map((e) => e.getValue());
+  }
+  getCurrentControls() {
+    return this._selectionControls;
+  }
+  // private _getCurrentControl() {
+  //     const controls = this.getCurrentControls();
+  //     if (controls && controls.length > 0) {
+  //         for (const control of controls) {
+  //             const currentCell = control.model.currentCell;
+  //             if (currentCell) {
+  //                 return control;
+  //             }
+  //         }
+  //     }
+  // }
+  _clearSelectionControls() {
+    const i = this.getCurrentControls();
+    if (i.length > 0) {
+      for (const e of i)
+        e.dispose();
+      i.length = 0;
+    }
+  }
+  _getFreeze() {
+    var e;
+    return (e = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : e.skeleton.getWorksheetConfig().freeze;
+  }
+  _getViewportByCell(i, e) {
+    if (!this._scene || i === void 0 || e === void 0)
+      return null;
+    const t = this._getFreeze();
+    if (!t || t.startRow <= 0 && t.startColumn <= 0)
+      return this._scene.getViewport(b.VIEW_MAIN);
+    if (i > t.startRow && e > t.startColumn)
+      return this._scene.getViewport(b.VIEW_MAIN);
+    if (i <= t.startRow && e <= t.startColumn)
+      return this._scene.getViewport(b.VIEW_MAIN_LEFT_TOP);
+    if (i <= t.startRow && e > t.startColumn)
+      return this._scene.getViewport(b.VIEW_MAIN_TOP);
+    if (i > t.startRow && e <= t.startColumn)
+      return this._scene.getViewport(b.VIEW_MAIN_LEFT);
+  }
+  /**
+   * Returns the list of active ranges in the active sheet or null if there are no active ranges.
+   * If there is a single range selected, this behaves as a getActiveRange() call.
+   *
+   * @returns
+   */
+  getActiveSelections() {
+    const i = this.getCurrentControls();
+    if (i && i.length > 0)
+      return i == null ? void 0 : i.map((t) => {
+        const o = t.model, n = o.currentCell;
+        let r = null;
+        return n && (r = {
+          actualRow: n.actualRow,
+          actualColumn: n.actualColumn,
+          isMerged: n.isMerged,
+          isMergedMainCell: n.isMergedMainCell,
+          startRow: n.mergeInfo.startRow,
+          startColumn: n.mergeInfo.startColumn,
+          endRow: n.mergeInfo.endRow,
+          endColumn: n.mergeInfo.endColumn
+        }), {
+          range: {
+            startRow: o.startRow,
+            startColumn: o.startColumn,
+            endRow: o.endRow,
+            endColumn: o.endColumn
+          },
+          primary: r
+        };
+      });
+  }
+  /**
+   * Returns the selected range in the active sheet, or null if there is no active range. If multiple ranges are selected this method returns only the last selected range.
+   * TODO: 默认最后一个选区为当前激活选区，或者当前激活单元格所在选区为激活选区
+   * @returns
+   */
+  getActiveRange() {
+    const i = this.getCurrentControls(), e = i && i[i.length - 1].model;
+    return e && {
+      startRow: e.startRow,
+      startColumn: e.startColumn,
+      endRow: e.endRow,
+      endColumn: e.endColumn
+    };
+  }
+  /**
+   * get active selection control
+   * @returns
+   */
+  getActiveSelection() {
+    const i = this.getCurrentControls();
+    return i && i[i.length - 1];
+  }
+  endSelection() {
+    this._endSelection();
+  }
+  reset() {
+    this._clearSelectionControls(), this._moveObserver = null, this._upObserver = null, this._downObserver = null;
+  }
+  resetAndEndSelection() {
+    this.endSelection(), this.reset();
+  }
+  /**
+   *
+   * @param evt component point event
+   * @param style selection style, Styles for user-customized selectors
+   * @param zIndex Stacking order of the selection object
+   * @param rangeType Determines whether the selection is made normally according to the range or by rows and columns
+   * @returns
+   */
+  eventTrigger(i, e = 0, t = $.NORMAL, o, n = q.ALL) {
+    if (this._isSelectionEnabled === !1)
+      return;
+    const r = this._skeleton, { offsetX: s, offsetY: d } = i, a = this._scene;
+    if (a == null || r == null)
+      return;
+    o != null && (this._activeViewport = o);
+    const l = a.getViewport(b.VIEW_MAIN), g = a.getRelativeCoord(X.FromArray([s, d]));
+    let { x: S, y: _ } = g;
+    this._startOffsetX = S, this._startOffsetY = _;
+    const u = a.getScrollXYByRelativeCoords(g), { scaleX: h, scaleY: f } = a.getAncestorScale();
+    t === $.ROW ? S = 0 : t === $.COLUMN && (_ = 0);
+    const m = this._getSelectedRangeWithMerge(S, _, h, f, u);
+    if (!m)
+      return !1;
+    const { rangeWithCoord: C, primaryWithCoord: v } = m, { startRow: w, startColumn: p, endColumn: E, endRow: I, startY: T, endY: M, startX: k, endX: y } = C, { rowHeaderWidth: O, columnHeaderHeight: B } = r, R = {
+      startColumn: p,
+      startRow: w,
+      endColumn: E,
+      endRow: I,
+      startY: T,
+      endY: M,
+      startX: k,
+      endX: y,
+      rangeType: t
+    };
+    this._startSelectionRange = R;
+    let W = this.getActiveSelection();
+    const N = this.getCurrentControls();
+    if (!N)
+      return !1;
+    for (const x of N) {
+      if (i.button === 2 && x.model.isInclude(R)) {
+        W = x;
+        return;
+      }
+      if (x.model.isEqual(R)) {
+        W = x;
+        break;
+      }
+      i.shiftKey || x.clearHighlight();
+    }
+    if (N.length > 0 && !i.ctrlKey && !i.shiftKey && !this._isShowPreviousEnable && !this._isRemainLastEnable) {
+      for (const x of N)
+        x.dispose();
+      N.length = 0;
+    }
+    const ne = W && W.model.currentCell;
+    if (W && i.shiftKey && ne) {
+      const { actualRow: x, actualColumn: ae, mergeInfo: ee } = ne, te = Math.min(x, R.startRow, ee.startRow), oe = Math.max(x, R.endRow, ee.endRow), ce = Math.min(ae, R.startColumn, ee.startColumn), de = Math.max(ae, R.endColumn, ee.endColumn), A = r.getMergeBounding(te, ce, oe, de), Y = r.getNoMergeCellPositionByIndex(A.startRow, A.startColumn), H = r.getNoMergeCellPositionByIndex(A.endRow, A.endColumn), ge = {
+        startColumn: A.startColumn,
+        startRow: A.startRow,
+        endColumn: A.endColumn,
+        endRow: A.endRow,
+        startY: Y.startY,
+        endY: H.endY,
+        startX: Y.startX,
+        endX: H.endX,
+        rangeType: t
+      }, z = r.getCellByIndex(x, ae);
+      this._startSelectionRange = {
+        startColumn: z.mergeInfo.startColumn,
+        startRow: z.mergeInfo.startRow,
+        endColumn: z.mergeInfo.endColumn,
+        endRow: z.mergeInfo.endRow,
+        startY: z.mergeInfo.startY || 0,
+        endY: z.mergeInfo.endY || 0,
+        startX: z.mergeInfo.startX || 0,
+        endX: z.mergeInfo.endX || 0,
+        rangeType: t
+      }, W.update(
+        ge,
+        O,
+        B,
+        this._selectionStyle,
+        ne
+      );
+    } else
+      this._isRemainLastEnable && W && !i.ctrlKey && !i.shiftKey && !this._isSkipRemainLastEnable ? W.update(
+        R,
+        O,
+        B,
+        this._selectionStyle,
+        v
+      ) : (W = new ot(
+        a,
+        N.length + e,
+        this._isHeaderHighlight,
+        this._themeService
+      ), new nt(W, r, a, this._themeService, this._injector), W.update(
+        R,
+        O,
+        B,
+        this._selectionStyle,
+        v
+      ), N.push(W));
+    this._selectionMoveStart$.next(this.getSelectionDataWithStyle()), this.hasSelection = !0, this._endSelection(), a.disableEvent();
+    const Q = a.getActiveViewportByCoord(X.FromArray([S, _])), re = be.create(this._scene, n);
+    re.startScroll((l == null ? void 0 : l.left) ?? 0, (l == null ? void 0 : l.top) ?? 0, l), this._scrollTimer = re, this._addCancelObserver(), (t === $.ROW || t === $.COLUMN) && this._moving(S, _, W, t);
+    let se = 0, le = 0, U = S, j = _;
+    this._moveObserver = a.onPointerMoveObserver.add((x) => {
+      var z;
+      const { offsetX: ae, offsetY: ee } = x, { x: te, y: oe } = a.getRelativeCoord(
+        X.FromArray([ae, ee])
+      );
+      this._moving(te, oe, W, t);
+      let ce = te, de = oe;
+      const A = this.getActiveSelection(), Y = (z = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : z.skeleton.getWorksheetConfig().freeze, H = A == null ? void 0 : A.model, ge = a.getActiveViewportByCoord(X.FromArray([ae, ee])) ?? this._getViewportByCell(H == null ? void 0 : H.endRow, H == null ? void 0 : H.endColumn);
+      if (Q && ge && l) {
+        const Le = U < l.left && te > l.left || U > l.left && te < l.left, Pe = j < l.top && oe > l.top || j > l.top && oe < l.top;
+        Le && (se += 1), Pe && (le += 1);
+        const Z = Q.viewPortKey, fe = ge.viewPortKey;
+        if (Z === b.VIEW_ROW_TOP)
+          ee < l.top && ((H == null ? void 0 : H.endRow) ?? 0) < ((Y == null ? void 0 : Y.startRow) ?? 0) ? de = l.top : Pe && le % 2 === 1 && l.scrollTo({
+            y: 0
+          });
+        else if (Z === b.VIEW_COLUMN_LEFT)
+          ae < l.left && ((H == null ? void 0 : H.endColumn) ?? 0) < ((Y == null ? void 0 : Y.startColumn) ?? 0) ? ce = l.left : Le && se % 2 === 1 && l.scrollTo({
+            x: 0
+          });
+        else if (Z === fe) {
+          let K = !1, he = !1;
+          Z === b.VIEW_MAIN_LEFT_TOP ? (K = !0, he = !0) : Z === b.VIEW_MAIN_TOP ? he = !0 : Z === b.VIEW_MAIN_LEFT && (K = !0), ((H == null ? void 0 : H.endRow) ?? 0) > ((Y == null ? void 0 : Y.startRow) ?? 0) && (he = !1), ((H == null ? void 0 : H.endColumn) ?? 0) > ((Y == null ? void 0 : Y.startColumn) ?? 0) && (K = !1), K && (ce = l.left), he && (de = l.top);
+        } else {
+          const K = {
+            x: Q.scrollX,
+            y: Q.scrollY
+          }, he = {
+            x: ge.scrollX,
+            y: ge.scrollY
+          }, He = K.x !== he.x && Le && se % 2 === 1, Be = K.y !== he.y && Pe && le % 2 === 1;
+          (He || Be) && (l.scrollTo({
+            x: He ? K.x : void 0,
+            y: Be ? K.y : void 0
+          }), He || (ce = l.left), Be || (de = l.top)), (Z === b.VIEW_MAIN_LEFT_TOP && fe === b.VIEW_MAIN_LEFT || fe === b.VIEW_MAIN_LEFT_TOP && Z === b.VIEW_MAIN_LEFT) && (ce = l.left), (Z === b.VIEW_MAIN_LEFT_TOP && fe === b.VIEW_MAIN_TOP || fe === b.VIEW_MAIN_LEFT_TOP && Z === b.VIEW_MAIN_TOP) && (de = l.top);
+        }
+        U = te, j = oe;
+      }
+      re.scrolling(ce, de, () => {
+        this._moving(te, oe, W, t);
+      });
+    }), this._upObserver = a.onPointerUpObserver.add((x) => {
+      this._endSelection(), this._selectionMoveEnd$.next(this.getSelectionDataWithStyle()), this._shortcutService.setDisable(!1);
+    }), this._shortcutService.setDisable(!0);
+  }
+  convertSelectionRangeToData(i) {
+    const { range: e, primary: t, style: o } = i;
+    let n = this.convertRangeDataToSelection(e);
+    return n == null && (n = {
+      startRow: -1,
+      startColumn: -1,
+      endRow: -1,
+      endColumn: -1,
+      startY: 0,
+      endY: 0,
+      startX: 0,
+      endX: 0,
+      rangeType: $.NORMAL
+    }), {
+      rangeWithCoord: n,
+      primaryWithCoord: this.convertCellRangeToInfo(t),
+      style: o
+    };
+  }
+  convertRangeDataToSelection(i) {
+    const { startRow: e, startColumn: t, endRow: o, endColumn: n, rangeType: r } = i, s = this._scene, d = this._skeleton;
+    if (s == null || d == null)
+      return;
+    s.getAncestorScale();
+    const a = d.getNoMergeCellPositionByIndex(e, t), l = d.getNoMergeCellPositionByIndex(o, n);
+    return {
+      startRow: e,
+      startColumn: t,
+      endRow: o,
+      endColumn: n,
+      rangeType: r,
+      startY: (a == null ? void 0 : a.startY) || 0,
+      endY: (l == null ? void 0 : l.endY) || 0,
+      startX: (a == null ? void 0 : a.startX) || 0,
+      endX: (l == null ? void 0 : l.endX) || 0
+    };
+  }
+  convertCellRangeToInfo(i) {
+    if (i == null)
+      return;
+    const e = this._scene, t = this._skeleton;
+    if (e == null || t == null)
+      return;
+    const { actualRow: o, actualColumn: n, isMerged: r, isMergedMainCell: s, startRow: d, startColumn: a, endRow: l, endColumn: g } = i, S = t.getNoMergeCellPositionByIndex(o, n), _ = t.getNoMergeCellPositionByIndex(d, a), u = t.getNoMergeCellPositionByIndex(l, g);
+    return {
+      actualRow: o,
+      actualColumn: n,
+      isMerged: r,
+      isMergedMainCell: s,
+      startX: S.startX,
+      startY: S.startY,
+      endX: S.endX,
+      endY: S.endY,
+      mergeInfo: {
+        startRow: d,
+        startColumn: a,
+        endRow: l,
+        endColumn: g,
+        startY: (_ == null ? void 0 : _.startY) || 0,
+        endY: (u == null ? void 0 : u.endY) || 0,
+        startX: (_ == null ? void 0 : _.startX) || 0,
+        endX: (u == null ? void 0 : u.endX) || 0
+      }
+    };
+  }
+  /**
+   * When mousedown and mouseup need to go to the coordination and undo stack, when mousemove does not need to go to the coordination and undo stack
+   * @param moveEvt
+   * @param selectionControl
+   * @returns
+   */
+  _moving(i, e, t, o) {
+    const n = this._skeleton, r = this._scene;
+    if (r == null || n == null)
+      return !1;
+    const { startRow: s, startColumn: d, endRow: a, endColumn: l } = this._startSelectionRange, {
+      startRow: g,
+      endRow: S,
+      startColumn: _,
+      endColumn: u
+    } = (t == null ? void 0 : t.model) || { startRow: -1, endRow: -1, startColumn: -1, endColumn: -1 }, h = r.getViewport(b.VIEW_MAIN), f = this._getViewportByCell(S, u) ?? h, m = r.getScrollXYByRelativeCoords(
+      X.FromArray([this._startOffsetX, this._startOffsetY]),
+      f
+    ), { scaleX: C, scaleY: v } = r.getAncestorScale(), { rowHeaderWidth: w, columnHeaderHeight: p } = n;
+    o === $.ROW ? i = 1 / 0 : o === $.COLUMN && (e = 1 / 0);
+    const E = this._getSelectedRangeWithMerge(i, e, C, v, m);
+    if (!E)
+      return !1;
+    const { rangeWithCoord: I, primaryWithCoord: T } = E, {
+      startRow: M,
+      startColumn: k,
+      endColumn: y,
+      endRow: O
+    } = I, B = Math.min(M, s), R = Math.min(k, d), W = Math.max(O, a), N = Math.max(y, l);
+    let ne = {
+      startRow: B,
+      startColumn: R,
+      endRow: W,
+      endColumn: N
+    };
+    if (this._isDetectMergedCell && (ne = n.getSelectionBounding(B, R, W, N)), !ne)
+      return !1;
+    const {
+      startRow: Q,
+      startColumn: re,
+      endRow: se,
+      endColumn: le
+    } = ne, U = n.getNoMergeCellPositionByIndex(Q, re), j = n.getNoMergeCellPositionByIndex(se, le), x = {
+      startColumn: re,
+      startRow: Q,
+      endColumn: le,
+      endRow: se,
+      startY: (U == null ? void 0 : U.startY) || 0,
+      endY: (j == null ? void 0 : j.endY) || 0,
+      startX: (U == null ? void 0 : U.startX) || 0,
+      endX: (j == null ? void 0 : j.endX) || 0
+    };
+    (_ !== re || g !== Q || u !== le || S !== se) && t != null && (t.update(x, w, p), this._selectionMoving$.next(this.getSelectionDataWithStyle()));
+  }
+  _endSelection() {
+    var t, o;
+    const i = this._scene;
+    if (i == null)
+      return;
+    i.onPointerMoveObserver.remove(this._moveObserver), i.onPointerUpObserver.remove(this._upObserver), i.enableEvent(), (t = this._scrollTimer) == null || t.dispose();
+    const e = (o = i.getEngine()) == null ? void 0 : o.activeScene;
+    e == null || e.onPointerDownObserver.remove(this._cancelDownObserver), e == null || e.onPointerUpObserver.remove(this._cancelUpObserver);
+  }
+  _addCancelObserver() {
+    var t;
+    const i = this._scene;
+    if (i == null)
+      return;
+    const e = (t = i.getEngine()) == null ? void 0 : t.activeScene;
+    e == null || e === i || (e.onPointerDownObserver.remove(this._cancelDownObserver), e.onPointerUpObserver.remove(this._cancelUpObserver), this._cancelDownObserver = e.onPointerDownObserver.add((o) => {
+      this._endSelection();
+    }), this._cancelUpObserver = e.onPointerUpObserver.add((o) => {
+      this._endSelection();
+    }));
+  }
+  _getSelectedRangeWithMerge(i, e, t, o, n) {
+    var m;
+    if (this._isDetectMergedCell) {
+      const C = (m = this._skeleton) == null ? void 0 : m.calculateCellIndexByPosition(
+        i,
+        e,
+        t,
+        o,
+        n
+      ), v = De(C);
+      return v == null ? void 0 : {
+        primaryWithCoord: C,
+        rangeWithCoord: v
+      };
+    }
+    const r = this._skeleton;
+    if (r == null)
+      return;
+    const s = r.getCellPositionByOffset(i, e, t, o, n), { row: d, column: a } = s, l = r.getNoMergeCellPositionByIndex(d, a), { startX: g, startY: S, endX: _, endY: u } = l, h = {
+      startY: S,
+      endY: u,
+      startX: g,
+      endX: _,
+      startRow: d,
+      endRow: d,
+      startColumn: a,
+      endColumn: a
+    };
+    return {
+      primaryWithCoord: {
+        actualRow: d,
+        actualColumn: a,
+        isMerged: !1,
+        isMergedMainCell: !1,
+        startY: S,
+        endY: u,
+        startX: g,
+        endX: _,
+        mergeInfo: h
+      },
+      rangeWithCoord: h
+    };
+  }
+};
+rt = so([
+  we(0, F(at)),
+  we(1, zt),
+  we(2, F(me)),
+  we(3, F($e))
+], rt);
+const lo = Fe(
+  "deprecated.univer.sheet.selection-render-service"
+);
+var ao = Object.defineProperty, co = Object.getOwnPropertyDescriptor, ho = (i, e, t, o) => {
+  for (var n = o > 1 ? void 0 : o ? co(e, t) : e, r = i.length - 1, s; r >= 0; r--)
+    (s = i[r]) && (n = (o ? s(e, t, n) : s(n)) || n);
+  return o && n && ao(e, t, n), n;
+}, Re = (i, e) => (t, o) => e(t, o, i);
+const _o = ct("BEFORE_CELL_EDIT"), uo = ct("AFTER_CELL_EDIT");
+let st = class extends dt {
+  constructor(e, t, o, n) {
+    super();
+    c(this, "_editorUnitId", Ae);
+    c(this, "_isForceKeepVisible", !1);
+    c(this, "_editorIsDirty", !1);
+    c(this, "_visible", {
+      visible: !1,
+      eventType: We.Dblclick
+    });
+    c(this, "_currentEditCell", null);
+    c(this, "_currentEditCellState", null);
+    c(this, "_currentEditCellState$", new J(null));
+    c(this, "currentEditCellState$", this._currentEditCellState$.asObservable());
+    c(this, "_visible$", new J(this._visible));
+    c(this, "visible$", this._visible$.asObservable());
+    c(this, "_afterVisible$", new J(this._visible));
+    c(this, "afterVisible$", this._afterVisible$.asObservable());
+    c(this, "interceptor", new It({
+      BEFORE_CELL_EDIT: _o,
+      AFTER_CELL_EDIT: uo
+    }));
+    this._sheetSkeletonManagerService = e, this._selectionRenderService = t, this._themeService = o, this._currentUniverService = n, this.disposeWithMe(
+      xe(() => {
+        this._currentEditCellState$.complete(), this._currentEditCell = null;
+      })
+    ), this.disposeWithMe(
+      xe(
+        this.interceptor.intercept(this.interceptor.getInterceptPoints().AFTER_CELL_EDIT, {
+          priority: -1,
+          handler: (r) => r
+        })
+      )
+    ), this.disposeWithMe(
+      xe(
+        this.interceptor.intercept(this.interceptor.getInterceptPoints().BEFORE_CELL_EDIT, {
+          priority: -1,
+          handler: (r) => r
+        })
+      )
+    );
+  }
+  refreshEditCellState() {
+    const e = this.getLatestEditCellState();
+    this._currentEditCellState = e, this._currentEditCellState$.next(e);
+  }
+  setEditCell(e) {
+    this._currentEditCell = e;
+    const t = this.getLatestEditCellState();
+    this._currentEditCellState = t, this._currentEditCellState$.next(t);
+  }
+  getEditCellState() {
+    return this._currentEditCellState;
+  }
+  getLatestEditCellState() {
+    var B, R;
+    const e = this._currentEditCell;
+    if (e == null)
+      return;
+    const t = this._sheetSkeletonManagerService.getCurrent();
+    if (t == null)
+      return;
+    const { skeleton: o } = t, { primary: n, unitId: r, sheetId: s, scene: d, engine: a } = e, { startRow: l, startColumn: g } = n, S = this._selectionRenderService.convertCellRangeToInfo(n);
+    if (S == null)
+      return;
+    const _ = De(S);
+    if (_ == null)
+      return;
+    const u = Dt(a);
+    let { startX: h, startY: f, endX: m, endY: C } = _;
+    const { scaleX: v, scaleY: w } = d.getAncestorScale(), { scaleX: p, scaleY: E } = d.getPrecisionScale(), I = d.getScrollXY(this._selectionRenderService.getViewPort());
+    h = ve(o.convertTransformToOffsetX(h, v, I), p), f = ve(o.convertTransformToOffsetY(f, w, I), E), m = ve(o.convertTransformToOffsetX(m, v, I), p), C = ve(o.convertTransformToOffsetY(C, w, I), E);
+    const T = this._currentUniverService.getCurrentUniverSheetInstance(), M = T.getActiveSheet(), k = {
+      workbook: T,
+      worksheet: M,
+      unitId: T.getUnitId(),
+      subUnitId: M.getSheetId(),
+      row: l,
+      col: g
+    }, y = this.interceptor.fetchThroughInterceptors(this.interceptor.getInterceptPoints().BEFORE_CELL_EDIT)(
+      M.getCell(l, g),
+      k
+    );
+    let O = y && o.getCellDocumentModelWithFormula(y);
+    if ((!O || O.documentModel == null) && (O = o.getBlankCellDocumentModel(y)), (B = O.documentModel) == null || B.setZoomRatio(Math.max(v, w)), (y == null ? void 0 : y.isInArrayFormulaRange) === !0) {
+      const W = (R = O.documentModel) == null ? void 0 : R.getBody();
+      W && (W.textRuns = [
+        {
+          st: 0,
+          ed: W.dataStream.length - 2,
+          ts: {
+            cl: {
+              rgb: this._themeService.getCurrentTheme().textColorSecondary
+            }
+          }
+        }
+      ]);
+    }
+    return {
+      position: {
+        startX: h,
+        startY: f,
+        endX: m,
+        endY: C
+      },
+      scaleX: v,
+      scaleY: w,
+      canvasOffset: u,
+      row: l,
+      column: g,
+      unitId: r,
+      sheetId: s,
+      documentLayoutObject: O,
+      editorUnitId: this._editorUnitId,
+      isInArrayFormulaRange: y == null ? void 0 : y.isInArrayFormulaRange
+    };
+  }
+  getCurrentEditorId() {
+    return this._editorUnitId;
+  }
+  changeVisible(e) {
+    this._visible = e, e.visible && (this._editorIsDirty = !1), this._visible$.next(this._visible), this._afterVisible$.next(this._visible);
+  }
+  isVisible() {
+    return this._visible;
+  }
+  enableForceKeepVisible() {
+    this._isForceKeepVisible = !0;
+  }
+  disableForceKeepVisible() {
+    this._isForceKeepVisible = !1;
+  }
+  isForceKeepVisible() {
+    return this._isForceKeepVisible;
+  }
+  changeEditorDirty(e) {
+    this._editorIsDirty = e;
+  }
+  getEditorDirty() {
+    return this._editorIsDirty;
+  }
+};
+st = ho([
+  Re(0, F(me)),
+  Re(1, lo),
+  Re(2, F(at)),
+  Re(3, Ce)
+], st);
+const Ze = Fe("univer.sheet-editor-bridge.service");
+var ft = { exports: {} }, ke = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var go = Gt, fo = Symbol.for("react.element"), So = Symbol.for("react.fragment"), mo = Object.prototype.hasOwnProperty, Co = go.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, vo = { key: !0, ref: !0, __self: !0, __source: !0 };
+function St(i, e, t) {
+  var o, n = {}, r = null, s = null;
+  t !== void 0 && (r = "" + t), e.key !== void 0 && (r = "" + e.key), e.ref !== void 0 && (s = e.ref);
+  for (o in e)
+    mo.call(e, o) && !vo.hasOwnProperty(o) && (n[o] = e[o]);
+  if (i && i.defaultProps)
+    for (o in e = i.defaultProps, e)
+      n[o] === void 0 && (n[o] = e[o]);
+  return { $$typeof: fo, type: i, key: r, ref: s, props: n, _owner: Co.current };
+}
+ke.Fragment = So;
+ke.jsx = St;
+ke.jsxs = St;
+ft.exports = ke;
+var _e = ft.exports, V = function() {
+  return V = Object.assign || function(i) {
+    for (var e, t = 1, o = arguments.length; t < o; t++) {
+      e = arguments[t];
+      for (var n in e)
+        Object.prototype.hasOwnProperty.call(e, n) && (i[n] = e[n]);
+    }
+    return i;
+  }, V.apply(this, arguments);
+}, po = function(i, e) {
+  var t = {};
+  for (var o in i)
+    Object.prototype.hasOwnProperty.call(i, o) && e.indexOf(o) < 0 && (t[o] = i[o]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, o = Object.getOwnPropertySymbols(i); n < o.length; n++)
+      e.indexOf(o[n]) < 0 && Object.prototype.propertyIsEnumerable.call(i, o[n]) && (t[o[n]] = i[o[n]]);
+  return t;
+}, Ge = Ue(function(i, e) {
+  var t = i.icon, o = i.id, n = i.className, r = i.extend, s = po(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(o, " ").concat(n || "").trim(), a = gt("_".concat(Eo()));
+  return mt(t, "".concat(o), { defIds: t.defIds, idSuffix: a.current }, V({ ref: e, className: d }, s), r);
+});
+function mt(i, e, t, o, n) {
+  return je(i.tag, V(V({ key: e }, wo(i, t, n)), o), (Ro(i, t).children || []).map(function(r, s) {
+    return mt(r, "".concat(e, "-").concat(i.tag, "-").concat(s), t, void 0, n);
+  }));
+}
+function wo(i, e, t) {
+  var o = V({}, i.attrs);
+  t != null && t.colorChannel1 && o.fill === "colorChannel1" && (o.fill = t.colorChannel1);
+  var n = e.defIds;
+  return !n || n.length === 0 || (i.tag === "use" && o["xlink:href"] && (o["xlink:href"] = o["xlink:href"] + e.idSuffix), Object.entries(o).forEach(function(r) {
+    var s = r[0], d = r[1];
+    typeof d == "string" && (o[s] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), o;
+}
+function Ro(i, e) {
+  var t, o = e.defIds;
+  return !o || o.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? V(V({}, i), { children: i.children.map(function(n) {
+    return typeof n.attrs.id == "string" && o && o.indexOf(n.attrs.id) > -1 ? V(V({}, n), { attrs: V(V({}, n.attrs), { id: n.attrs.id + e.idSuffix }) }) : n;
+  }) }) : i;
+}
+function Eo() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Ge.displayName = "UniverIcon";
+var bo = {
+  tag: "svg",
+  attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" },
+  children: [
+    {
+      tag: "path",
+      attrs: {
+        fill: "currentColor",
+        d: "M14.6152 4.52067C14.8732 4.77869 14.8732 5.19703 14.6152 5.45505L6.61862 13.4514C6.46241 13.6077 6.20915 13.6077 6.05294 13.4514L1.73512 9.13354C1.4771 8.87551 1.4771 8.45718 1.73513 8.19915C1.99315 7.94113 2.41149 7.94114 2.66951 8.19916L6.19436 11.7241C6.27247 11.8022 6.3991 11.8022 6.47721 11.7241L13.6808 4.52067C13.9388 4.26264 14.3571 4.26264 14.6152 4.52067Z",
+        fillRule: "evenodd",
+        clipRule: "evenodd"
+      }
+    }
+  ]
+}, Ct = Ue(function(i, e) {
+  return je(Ge, Object.assign({}, i, {
+    id: "check-mark-single",
+    ref: e,
+    icon: bo
+  }));
+});
+Ct.displayName = "CheckMarkSingle";
+const Io = Ct;
+var Oo = {
+  tag: "svg",
+  attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" },
+  children: [
+    {
+      tag: "path",
+      attrs: {
+        fill: "currentColor",
+        d: "M5.48712 4.59907C5.23328 4.34523 4.82172 4.34523 4.56788 4.59907C4.31404 4.85291 4.31404 5.26447 4.56788 5.51831L7.9973 8.94773L4.56773 12.3773C4.31389 12.6311 4.31389 13.0427 4.56773 13.2965C4.82157 13.5504 5.23313 13.5504 5.48697 13.2965L8.91654 9.86697L12.3461 13.2965C12.5999 13.5503 13.0114 13.5503 13.2653 13.2965C13.5191 13.0426 13.5191 12.6311 13.2653 12.3772L9.83577 8.94773L13.2651 5.51836C13.519 5.26452 13.519 4.85296 13.2651 4.59912C13.0113 4.34528 12.5997 4.34528 12.3459 4.59912L8.91654 8.02849L5.48712 4.59907Z"
+      }
+    }
+  ]
+}, vt = Ue(function(i, e) {
+  return je(Ge, Object.assign({}, i, {
+    id: "close-single",
+    ref: e,
+    icon: Oo
+  }));
+});
+vt.displayName = "CloseSingle";
+const Mo = vt, Ke = {
+  id: "zen-editor.operation.open-zen-editor",
+  type: Ve.OPERATION,
+  handler: (i) => !0
+};
+class yo {
+  constructor() {
+    c(this, "_position", null);
+    c(this, "_position$", new J(null));
+    c(this, "position$", this._position$.asObservable());
+  }
+  dispose() {
+    this._position$.complete(), this._position = null;
+  }
+  setPosition(e) {
+    this._position = e, this._refresh(e);
+  }
+  getPosition() {
+    return this._position;
+  }
+  _refresh(e) {
+    this._position$.next(e);
+  }
+}
+const qe = Fe(
+  "univer.sheet-zen-editor-manager.service"
+);
+var Wo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, ko = (i, e, t, o) => {
+  for (var n = o > 1 ? void 0 : o ? To(e, t) : e, r = i.length - 1, s; r >= 0; r--)
+    (s = i[r]) && (n = (o ? s(e, t, n) : s(n)) || n);
+  return o && n && Wo(e, t, n), n;
+}, G = (i, e) => (t, o) => e(t, o, i);
+const D = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
+let Ie = class extends Ot {
+  constructor(i, e, t, o, n, r, s, d, a, l) {
+    super(), this._currentUniverService = i, this._zenEditorManagerService = e, this._renderManagerService = t, this._commandService = o, this._zenZoneService = n, this._editorBridgeService = r, this._undoRedoService = s, this._textSelectionManagerService = d, this._docSkeletonManagerService = a, this._docViewModelManagerService = l, this._initialize();
+  }
+  _initialize() {
+    this._syncZenEditorSize(), this._commandExecutedListener(), this._createZenEditorInstance();
+  }
+  _createZenEditorInstance() {
+    const i = {
+      id: D,
+      body: {
+        dataStream: `${yt}`,
+        textRuns: [],
+        paragraphs: [
+          {
+            startIndex: 0
+          }
+        ]
+      },
+      documentStyle: {
+        pageSize: {
+          width: 595,
+          height: 842
+        },
+        marginTop: 50,
+        marginBottom: 50,
+        marginRight: 40,
+        marginLeft: 40,
+        renderConfig: {
+          vertexAngle: 0,
+          centerAngle: 0
+        }
+      }
+    };
+    this._currentUniverService.createDoc(i);
+  }
+  // Listen to changes in the size of the zen editor container to set the size of the editor.
+  _syncZenEditorSize() {
+    this._zenEditorManagerService.position$.pipe(Vt(this.dispose$)).subscribe((i) => {
+      var d;
+      if (i == null)
+        return;
+      const e = qt(D, this._renderManagerService), t = this._currentUniverService.getUniverDocInstance(D);
+      if (e == null || t == null)
+        return;
+      const { width: o, height: n } = i, { engine: r } = e, s = (d = this._docSkeletonManagerService.getSkeletonByUnitId(D)) == null ? void 0 : d.skeleton;
+      requestIdleCallback(() => {
+        r.resizeBySize(o, n), this._calculatePagePosition(e), s && this._textSelectionManagerService.refreshSelection();
+      });
+    });
+  }
+  _handleOpenZenEditor() {
+    this._zenZoneService.open(), this._undoRedoService.clearUndoRedo(D), this._currentUniverService.focusUniverInstance(D), this._currentUniverService.setCurrentUniverDocInstance(D), this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
+      visible: !0,
+      eventType: We.PointerDown
+    });
+    const e = this._editorBridgeService.getLatestEditCellState();
+    if (e == null)
+      return;
+    this._editorSyncHandler(e);
+    const t = [
+      {
+        startOffset: 0,
+        endOffset: 0
+      }
+    ];
+    this._textSelectionManagerService.replaceTextRanges(t);
+  }
+  _editorSyncHandler(i) {
+    var r, s;
+    const e = (r = i.documentLayoutObject.documentModel) == null ? void 0 : r.getBody(), t = e == null ? void 0 : e.dataStream, o = e == null ? void 0 : e.paragraphs;
+    let n = [];
+    t == null || o == null || ((s = e == null ? void 0 : e.textRuns) != null && s.length && (n = e == null ? void 0 : e.textRuns), this._syncContentAndRender(D, t, o, n));
+  }
+  _syncContentAndRender(i, e, t, o = []) {
+    const n = [
+      D,
+      Ae,
+      Je
+    ], r = this._docSkeletonManagerService.getSkeletonByUnitId(i), s = this._currentUniverService.getUniverDocInstance(i), d = this._docViewModelManagerService.getViewModel(i);
+    if (s == null || d == null || r == null)
+      return;
+    const a = s.getBody();
+    a.dataStream = e, a.paragraphs = t, i === Je && (a.textRuns = []), o.length > 0 && (a.textRuns = o), d.reset(s);
+    const { skeleton: l } = r, g = this._getDocObject();
+    g != null && (l.calculate(), n.includes(i) && g.document.makeDirty());
+  }
+  _calculatePagePosition(i) {
+    const { document: e, scene: t } = i, o = t == null ? void 0 : t.getParent(), { width: n, height: r, pageMarginLeft: s, pageMarginTop: d } = e;
+    if (o == null || n === 1 / 0 || r === 1 / 0)
+      return;
+    const { width: a, height: l } = o;
+    let g = 0, S = 0, _ = 0, u = 0, h = 1 / 0;
+    const { scaleX: f, scaleY: m } = t.getAncestorScale();
+    a > (n + s * 2) * f ? (g = a / 2 - n * f / 2, g /= f, _ = (a - s * 2) / f, h = 0) : (g = s, _ = n + s * 2, h = (_ - a / f) / 2), l > r ? (S = l / 2 - r / 2, u = (l - d * 2) / m) : (S = d, u = r + d * 2), t.resize(_, u + 200), e.translate(g, S);
+    const C = t.getViewport(Ht.VIEW_MAIN);
+    if (h !== 1 / 0 && C != null) {
+      const v = C.getBarScroll(h, 0).x;
+      C.scrollTo({
+        x: v
+      });
+    }
+    return this;
+  }
+  _commandExecutedListener() {
+    const i = [Ke.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        i.includes(t.id) && this._handleOpenZenEditor();
+      })
+    );
+    const e = [Bt.id];
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        if (e.includes(t.id)) {
+          const o = t.params, { unitId: n } = o;
+          if (n === D) {
+            const r = this._currentUniverService.getUniverDocInstance(n), s = r == null ? void 0 : r.getBody(), d = s == null ? void 0 : s.dataStream, a = s == null ? void 0 : s.paragraphs, l = s == null ? void 0 : s.textRuns;
+            if (d == null || a == null)
+              return;
+            this._syncContentAndRender(Ae, d, a, l);
+          }
+        }
+      })
+    );
+  }
+  _getDocObject() {
+    return xt(this._currentUniverService, this._renderManagerService);
+  }
+};
+Ie = ko([
+  ht(_t.Steady, Ie),
+  G(0, Ce),
+  G(1, qe),
+  G(2, ut),
+  G(3, ze),
+  G(4, Te),
+  G(5, Ze),
+  G(6, Mt),
+  G(7, F(kt)),
+  G(8, F(Lt)),
+  G(9, F(Pt))
+], Ie);
+const pt = {
+  id: "zen-editor.command.cancel-zen-edit",
+  type: Ve.COMMAND,
+  handler: async (i) => {
+    const e = i.get(Te), t = i.get(Ze), o = i.get(Ce);
+    t.isVisible().visible && t.changeVisible({
+      visible: !1,
+      eventType: We.Keyboard,
+      keycode: $t.ESC
+    }), e.close();
+    const r = o.getCurrentUniverSheetInstance();
+    return o.focusUniverInstance(r.getUnitId()), t.refreshEditCellState(), !0;
+  }
+}, wt = {
+  id: "zen-editor.command.confirm-zen-edit",
+  type: Ve.COMMAND,
+  handler: async (i) => {
+    const e = i.get(Te), t = i.get(Ze), o = i.get(Ce);
+    t.isVisible().visible && t.changeVisible({
+      visible: !1,
+      eventType: We.PointerDown
+    }), e.close();
+    const r = o.getCurrentUniverSheetInstance();
+    return o.focusUniverInstance(r.getUnitId()), t.refreshEditCellState(), !0;
+  }
+};
+function Lo() {
+  return {
+    id: Ke.id,
+    group: Ft.CONTEXT_MENU_OTHERS,
+    type: Ut.BUTTON,
+    title: "rightClick.zenEditor",
+    icon: "AmplifySingle",
+    positions: [jt.CONTEXT_MENU]
+  };
+}
+const Po = "univer-zen-editor", Ho = "univer-zen-editor-icon-wrapper", Bo = "univer-zen-editor-icon-container", xo = "univer-zen-editor-icon-success", Xo = "univer-zen-editor-icon-error", Yo = "univer-zen-editor-canvas-container", ue = {
+  zenEditor: Po,
+  zenEditorIconWrapper: Ho,
+  zenEditorIconContainer: Bo,
+  zenEditorIconSuccess: xo,
+  zenEditorIconError: Xo,
+  zenEditorCanvasContainer: Yo
+}, No = "ZEN_EDITOR_PLUGIN_", Ao = `${No}ZEN_EDITOR_COMPONENT`;
+function Do() {
+  const i = gt(null), e = Ye(ut), t = Ye(qe), o = Ye(ze);
+  Kt(() => {
+    const s = i.current;
+    if (!s)
+      return;
+    const d = e.currentRender$.subscribe((l) => {
+      var S;
+      if (l !== D)
+        return;
+      const g = (S = e.getRenderById(D)) == null ? void 0 : S.engine;
+      g == null || g.setContainer(s);
+    }), a = new ResizeObserver(() => {
+      const l = s.getBoundingClientRect();
+      t.setPosition(l);
+    });
+    return a.observe(s), () => {
+      a.unobserve(s), d.unsubscribe();
+    };
+  }, []);
+  function n() {
+    o.executeCommand(pt.id);
+  }
+  function r() {
+    o.executeCommand(wt.id);
+  }
+  return /* @__PURE__ */ _e.jsxs("div", { className: ue.zenEditor, children: [
+    /* @__PURE__ */ _e.jsxs("div", { className: ue.zenEditorIconWrapper, children: [
+      /* @__PURE__ */ _e.jsx(
+        "span",
+        {
+          className: Qe(ue.zenEditorIconContainer, ue.zenEditorIconError),
+          onClick: n,
+          children: /* @__PURE__ */ _e.jsx(Mo, { style: { fontSize: "22px" } })
+        }
+      ),
+      /* @__PURE__ */ _e.jsx(
+        "span",
+        {
+          className: Qe(ue.zenEditorIconContainer, ue.zenEditorIconSuccess),
+          onClick: r,
+          children: /* @__PURE__ */ _e.jsx(Io, { style: { fontSize: "22px" } })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _e.jsx("div", { className: ue.zenEditorCanvasContainer, ref: i })
+  ] });
+}
+var Vo = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, $o = (i, e, t, o) => {
+  for (var n = o > 1 ? void 0 : o ? zo(e, t) : e, r = i.length - 1, s; r >= 0; r--)
+    (s = i[r]) && (n = (o ? s(e, t, n) : s(n)) || n);
+  return o && n && Vo(e, t, n), n;
+}, Ee = (i, e) => (t, o) => e(t, o, i);
+let Oe = class extends dt {
+  constructor(i, e, t, o) {
+    super(), this._injector = i, this._zenZoneService = e, this._commandService = t, this._menuService = o, this._initialize();
+  }
+  _initialize() {
+    this._initCustomComponents(), this._initCommands(), this._initMenus();
+  }
+  _initCustomComponents() {
+    this.disposeWithMe(this._zenZoneService.set(Ao, Do));
+  }
+  _initCommands() {
+    [Ke, pt, wt].forEach((i) => {
+      this.disposeWithMe(this._commandService.registerCommand(i));
+    });
+  }
+  _initMenus() {
+    [
+      // context menu
+      Lo
+    ].forEach((i) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
+    });
+  }
+};
+Oe = $o([
+  ht(_t.Ready, Oe),
+  Ee(0, F($e)),
+  Ee(1, Te),
+  Ee(2, ze),
+  Ee(3, Zt)
+], Oe);
+var Fo = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, jo = (i, e, t, o) => {
+  for (var n = o > 1 ? void 0 : o ? Uo(e, t) : e, r = i.length - 1, s; r >= 0; r--)
+    (s = i[r]) && (n = (o ? s(e, t, n) : s(n)) || n);
+  return o && n && Fo(e, t, n), n;
+}, Zo = (i, e) => (t, o) => e(t, o, i), Ne;
+let lt = (Ne = class extends Wt {
+  constructor(i, e) {
+    super("zen-editor"), this._injector = e, this._initializeDependencies(this._injector);
+  }
+  _initializeDependencies(i) {
+    [
+      [Oe],
+      [Ie],
+      [qe, { useClass: yo }]
+    ].forEach((t) => i.add(t));
+  }
+  onRendered() {
+  }
+  onDestroy() {
+  }
+}, c(Ne, "type", Tt.Doc), Ne);
+lt = jo([
+  Zo(1, F($e))
+], lt);
+export {
+  lt as UniverSheetsZenEditorPlugin
+};