@univerjs/sheets-ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/cjs/index.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 let _univerjs_docs_ui = require("@univerjs/docs-ui");
 let _univerjs_core = require("@univerjs/core");
+let _univerjs_sheets = require("@univerjs/sheets");
 let _univerjs_ui = require("@univerjs/ui");
 let _univerjs_engine_render = require("@univerjs/engine-render");
-let _univerjs_sheets = require("@univerjs/sheets");
 let rxjs = require("rxjs");
 let _univerjs_docs = require("@univerjs/docs");
 let _univerjs_protocol = require("@univerjs/protocol");
@@ -18,7 +18,7 @@ let rxjs_operators = require("rxjs/operators");
 //#region src/basics/editor/get-editor-object.ts
 function getEditorObject(unitId, renderManagerService) {
 	if (unitId == null) return;
-	const currentRender = renderManagerService.getRenderById(unitId);
+	const currentRender = renderManagerService.getRenderUnitById(unitId);
 	if (currentRender == null) return;
 	const { mainComponent, scene, engine, components } = currentRender;
 	return {
@@ -186,7 +186,7 @@ let SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -197,7 +197,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -210,14 +210,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -277,7 +277,7 @@ var SelectionRenderModel = class {
 		return this._rangeType;
 	}
 	/**
-	* @deprecated, Duplicate with `Rectangle`
+	* Compares row and column bounds only.
 	*/
 	isEqual(rangeWithCoord) {
 		const { startColumn, startRow, endColumn, endRow } = this;
@@ -354,9 +354,9 @@ const SetRowHeaderWidthCommand = {
 		const renderManagerSrv = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		if (!renderManagerSrv) return false;
 		const { unitId, subUnitId, size } = params;
-		const render = renderManagerSrv.getRenderById(unitId);
+		const render = renderManagerSrv.getRenderUnitById(unitId);
 		if (render) {
-			renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, size);
+			renderManagerSrv.getRenderUnitById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, size);
 			const { components } = render;
 			const renderComponent = components.get("__SpreadsheetRowHeader__");
 			if (renderComponent) renderComponent.setCustomHeader({ headerStyle: { size } }, subUnitId);
@@ -372,9 +372,9 @@ const SetColumnHeaderHeightCommand = {
 		const renderManagerSrv = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		if (!renderManagerSrv) return false;
 		const { unitId, subUnitId, size } = params;
-		const render = renderManagerSrv.getRenderById(unitId);
+		const render = renderManagerSrv.getRenderUnitById(unitId);
 		if (render) {
-			renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, size);
+			renderManagerSrv.getRenderUnitById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, size);
 			const { components } = render;
 			const renderComponent = components.get("__SpreadsheetColumnHeader__");
 			if (renderComponent) renderComponent.setCustomHeader({ headerStyle: { size } }, subUnitId);
@@ -494,10 +494,6 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	/**
 	* Reset this._selectionStyle to default normal selection style
 	*/
-	/** @deprecated This should not be provided by the selection render service. */
-	getViewPort() {
-		return this._activeViewport;
-	}
 	setSingleSelectionEnabled(enabled = false) {
 		this._singleSelectionEnabled = enabled;
 	}
@@ -608,7 +604,7 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM;
-		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.getWorksheetConfig().freeze;
+		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.worksheet.getFreeze();
 	}
 	_getViewportByCell(row, column) {
 		if (row === void 0 || column === void 0) return null;
@@ -687,6 +683,10 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 		const startViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([moveStartPosX, moveStartPosY]));
 		this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
 			var _scene$getActiveViewp;
+			if (moveEvt.buttons === 0) {
+				this.endSelection();
+				return;
+			}
 			const { offsetX: moveOffsetX, offsetY: moveOffsetY } = moveEvt;
 			const { x: newMoveOffsetX, y: newMoveOffsetY } = scene.getCoordRelativeToViewport(_univerjs_engine_render.Vector2.FromArray([moveOffsetX, moveOffsetY]));
 			this._movingHandler(newMoveOffsetX, newMoveOffsetY, activeSelectionControl, rangeType);
@@ -765,12 +765,6 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 			});
 		});
 	}
-	/**
-	* @deprecated Please use `getCellWithCoordByOffset` instead.
-	*/
-	getSelectionCellByPosition(x, y) {
-		return this.getCellWithCoordByOffset(x, y);
-	}
 	getCellWithCoordByOffset(x, y, skeletonParam) {
 		const scene = this._scene;
 		const skeleton = skeletonParam !== null && skeletonParam !== void 0 ? skeletonParam : this._skeleton;
@@ -980,7 +974,7 @@ function genSelectionByRange(skeleton, range) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -988,7 +982,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1214,7 +1208,7 @@ var SelectionShapeExtension = class {
 	}
 	_getFreeze() {
 		var _withCurrentTypeOfRen;
-		return (_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._injector.get(_univerjs_core.IUniverInstanceService), this._injector.get(_univerjs_engine_render.IRenderManagerService))) === null || _withCurrentTypeOfRen === void 0 || (_withCurrentTypeOfRen = _withCurrentTypeOfRen.getCurrentParam()) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.skeleton.getWorksheetConfig().freeze;
+		return (_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._injector.get(_univerjs_core.IUniverInstanceService), this._injector.get(_univerjs_engine_render.IRenderManagerService))) === null || _withCurrentTypeOfRen === void 0 || (_withCurrentTypeOfRen = _withCurrentTypeOfRen.getCurrentParam()) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.skeleton.worksheet.getFreeze();
 	}
 	_isSelectionInViewport(selection, viewport) {
 		const freeze = this._getFreeze() || {
@@ -2237,29 +2231,6 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		this._updateControlCoord();
 	}
 	/**
-	* Update selection model with new range & primary cell(aka: highlight/current), also update row/col selection size & style.
-	*
-	* @deprecated  use `updateRangeBySelectionWithCoord` and `updateStyle` to do same thing.
-	*
-	* @param newSelectionRange
-	* @param rowHeaderWidth
-	* @param columnHeaderHeight
-	* @param style
-	* @param primaryCell primary cell
-	*/
-	update(newSelectionRange, rowHeaderWidth = 0, columnHeaderHeight = 0, style, primaryCell) {
-		this._rowHeaderWidth = rowHeaderWidth;
-		this._columnHeaderHeight = columnHeaderHeight;
-		this._rowHeaderOffsetX = 0;
-		this._columnHeaderOffsetY = 0;
-		this.updateRangeBySelectionWithCoord({
-			rangeWithCoord: newSelectionRange,
-			primaryWithCoord: primaryCell,
-			style
-		});
-		if (style) this.updateStyle(style);
-	}
-	/**
 	* Update primary range.
 	* highlight cell would update if primary cell has value.
 	* highlight cell would be cleared if primary cell is null.
@@ -2656,7 +2627,7 @@ let MarkSelectionService = class MarkSelectionService extends _univerjs_core.Dis
 			const { unitId, subUnitId, selection, control: oldControl, zIndex } = shape;
 			oldControl === null || oldControl === void 0 || oldControl.dispose();
 			if (unitId !== currentUnitId || subUnitId !== currentSubUnitId) return;
-			const renderUnit = this._renderManagerService.getRenderById(unitId);
+			const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 			if (!renderUnit) return;
 			const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
 			if (!skeleton) return;
@@ -2941,7 +2912,6 @@ function convertToCellStyle(cell, dataStream, textRuns) {
 		s: textRuns[0].ts
 	};
 	else return cell;
-	return cell;
 }
 
 //#endregion
@@ -3401,13 +3371,12 @@ var HtmlToUSMService = class HtmlToUSMService {
 		let cellText = "";
 		let cellRichStyle;
 		if (/<[^>]+>/.test(cellHtml) && skeleton) {
-			var _skeleton$getBlankCel;
 			const newDocBody = {
 				dataStream: "",
 				textRuns: []
 			};
 			this._parseCellHtml(null, cell.childNodes, newDocBody, void 0, styleStr);
-			const documentModel = (_skeleton$getBlankCel = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel === void 0 ? void 0 : _skeleton$getBlankCel.documentModel;
+			const documentModel = (0, _univerjs_core.createDocumentModelWithStyle)("", {});
 			const p = documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot();
 			const singleDataStream = `${newDocBody.dataStream}\r\n`;
 			const documentData = {
@@ -3428,11 +3397,8 @@ var HtmlToUSMService = class HtmlToUSMService {
 		};
 	}
 	_generateDocumentDataModelSnapshot(snapshot) {
-		var _skeleton$getBlankCel2;
-		const currentSkeleton = this._getCurrentSkeleton();
-		if (currentSkeleton == null) return null;
-		const { skeleton } = currentSkeleton;
-		const documentModel = (_skeleton$getBlankCel2 = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel2 === void 0 ? void 0 : _skeleton$getBlankCel2.documentModel;
+		if (this._getCurrentSkeleton() == null) return null;
+		const documentModel = (0, _univerjs_core.createDocumentModelWithStyle)("", {});
 		const documentData = {
 			...documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot(),
 			...snapshot
@@ -4246,7 +4212,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		return this._clipboardHooks;
 	}
 	_generateCopyContent(unitId, subUnitId, range, hooks, copyHookType = PREDEFINED_HOOK_NAME_COPY.DEFAULT_COPY) {
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		if (!workbook || !worksheet) return null;
 		const filteredRows = hooks.reduce((acc, cur) => {
@@ -4451,7 +4417,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		if (!cellMatrix) return false;
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
-		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(pasteTarget.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
 		if (!worksheet) return false;
 		const mergeData = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergeData();
 		if (mergeData.length) {
@@ -4481,7 +4447,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		const { range, matrix: cachedMatrix, unitId: copyUnitId, subUnitId: copySubUnitId } = cachedData || {};
 		if (!cachedMatrix || !cachedData || !range || !copyUnitId || !copySubUnitId) return false;
 		const { mapFunc } = virtualizeDiscreteRanges([range]);
-		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUniverSheetInstance(copyUnitId)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(copySubUnitId);
+		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUnit(copyUnitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(copySubUnitId);
 		const cellMatrix = new _univerjs_core.ObjectMatrix();
 		cachedMatrix.forValue((row, col, value) => {
 			const { row: actualRow, col: actualColumn } = mapFunc(row, col);
@@ -4504,7 +4470,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		});
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
-		const pasteToWorksheet = (_this$_univerInstance3 = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance3 === void 0 ? void 0 : _this$_univerInstance3.getSheetBySheetId(pasteTarget.subUnitId);
+		const pasteToWorksheet = (_this$_univerInstance3 = this._univerInstanceService.getUnit(pasteTarget.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance3 === void 0 ? void 0 : _this$_univerInstance3.getSheetBySheetId(pasteTarget.subUnitId);
 		if (!pasteToWorksheet) return false;
 		const mergeData = pasteToWorksheet === null || pasteToWorksheet === void 0 ? void 0 : pasteToWorksheet.getMergeData();
 		if (mergeData) {
@@ -4680,7 +4646,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		var _this$_univerInstance4, _this$_renderManagerS;
 		const worksheet = (_this$_univerInstance4 = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance4 === void 0 ? void 0 : _this$_univerInstance4.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		if (!skeleton) return null;
 		const rowManager = worksheet.getRowManager();
 		const defaultRowHeight = worksheet.getConfig().defaultRowHeight;
@@ -4720,7 +4686,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	}
 	_getSetSelectionOperation(unitId, subUnitId, range, cellMatrix, pasteType) {
 		var _this$_univerInstance5;
-		const worksheet = (_this$_univerInstance5 = this._univerInstanceService.getUniverSheetInstance(unitId)) === null || _this$_univerInstance5 === void 0 ? void 0 : _this$_univerInstance5.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_univerInstance5 = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance5 === void 0 ? void 0 : _this$_univerInstance5.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
 		const { rows, cols } = range;
 		const startRow = rows[0];
@@ -4912,7 +4878,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		if (rowCount <= 0 || colCount <= 0) return null;
 		const pasteSelectionRangeRowLen = discreteRange.rows.length;
 		const pasteSelectionRangeColLen = discreteRange.cols.length;
-		const worksheet = (_this$_univerInstance6 = this._univerInstanceService.getUniverSheetInstance(unitId)) === null || _this$_univerInstance6 === void 0 ? void 0 : _this$_univerInstance6.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_univerInstance6 = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance6 === void 0 ? void 0 : _this$_univerInstance6.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
 		const mergeData = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergeData();
 		if (pasteSelectionRangeRowLen % rowCount === 0 && pasteSelectionRangeColLen % colCount === 0) {
@@ -4939,7 +4905,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	}
 	_expandOrShrinkRowsCols(unitId, subUnitId, range, colCount, rowCount) {
 		const { rows, cols } = range;
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		let newRows;
 		let newCols;
@@ -5064,6 +5030,7 @@ const SheetCopyCommand = {
 	priority: SHEET_CLIPBOARD_PRIORITY,
 	preconditions: whenSheetFocused,
 	handler: async (accessor) => {
+		checkSheetClipboardPermission(accessor, _univerjs_ui.CopyCommand.id);
 		return accessor.get(ISheetClipboardService).copy();
 	}
 };
@@ -5075,6 +5042,7 @@ const SheetCutCommand = {
 	priority: SHEET_CLIPBOARD_PRIORITY,
 	preconditions: whenSheetFocused,
 	handler: async (accessor) => {
+		checkSheetClipboardPermission(accessor, _univerjs_ui.CutCommand.id);
 		return accessor.get(ISheetClipboardService).cut();
 	}
 };
@@ -5086,6 +5054,7 @@ const SheetPasteCommand = {
 	priority: SHEET_CLIPBOARD_PRIORITY,
 	preconditions: whenSheetFocused,
 	handler: async (accessor, params) => {
+		checkSheetClipboardPermission(accessor, _univerjs_ui.PasteCommand.id, params);
 		const sheetClipboardService = accessor.get(ISheetClipboardService);
 		const clipboardInterfaceService = accessor.get(_univerjs_ui.IClipboardInterfaceService);
 		if (clipboardInterfaceService.supportClipboard) {
@@ -5104,12 +5073,76 @@ const SheetPasteShortKeyCommand = {
 	id: _univerjs_ui.SheetPasteShortKeyCommandName,
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		checkSheetClipboardPermission(accessor, _univerjs_ui.PasteCommand.id);
 		const clipboardService = accessor.get(ISheetClipboardService);
 		const { htmlContent, textContent, files, formulaClipboardPayload } = params;
 		clipboardService.legacyPaste(htmlContent, textContent, files, formulaClipboardPayload);
 		return true;
 	}
 };
+function checkSheetClipboardPermission(accessor, commandId, params) {
+	const permissionCheckController = accessor.get(_univerjs_sheets.SheetPermissionCheckController);
+	let permission = true;
+	let errorKey = "sheets-ui.permission.dialog.commonErr";
+	switch (commandId) {
+		case _univerjs_ui.CopyCommand.id:
+			permission = permissionCheckController.permissionCheckWithRanges({
+				workbookTypes: [_univerjs_sheets.WorkbookCopyPermission],
+				worksheetTypes: [_univerjs_sheets.WorksheetCopyPermission],
+				rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint]
+			});
+			errorKey = "sheets-ui.permission.dialog.copyErr";
+			break;
+		case _univerjs_ui.CutCommand.id:
+			permission = permissionCheckController.permissionCheckWithRanges({
+				workbookTypes: [_univerjs_sheets.WorkbookCopyPermission, _univerjs_sheets.WorkbookEditablePermission],
+				worksheetTypes: [_univerjs_sheets.WorksheetCopyPermission, _univerjs_sheets.WorksheetEditPermission],
+				rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint, _univerjs_sheets.RangeProtectionPermissionEditPoint]
+			});
+			errorKey = "sheets-ui.permission.dialog.copyErr";
+			break;
+		case _univerjs_ui.PasteCommand.id:
+			permission = checkSheetPastePermission(permissionCheckController, params);
+			errorKey = "sheets-ui.permission.dialog.pasteErr";
+			break;
+	}
+	if (permission) return;
+	const localeService = accessor.get(_univerjs_core.LocaleService);
+	let errorMsg = localeService.t(errorKey);
+	if (commandId === _univerjs_ui.CopyCommand.id || commandId === _univerjs_ui.CutCommand.id) {
+		var _permissionService$ge;
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const permissionService = accessor.get(_univerjs_core.IPermissionService);
+		if (target && !((_permissionService$ge = permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value)) errorMsg = localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
+	}
+	permissionCheckController.blockExecuteWithoutPermission(errorMsg);
+}
+function checkSheetPastePermission(permissionCheckController, params) {
+	if ((params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE || (params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA || (params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT) return permissionCheckController.permissionCheckWithRanges({
+		workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+		worksheetTypes: [_univerjs_sheets.WorksheetSetCellStylePermission, _univerjs_sheets.WorksheetEditPermission],
+		rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+	});
+	if ((params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH) return permissionCheckController.permissionCheckWithRanges({
+		workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+		worksheetTypes: [
+			_univerjs_sheets.WorksheetEditPermission,
+			_univerjs_sheets.WorksheetSetCellValuePermission,
+			_univerjs_sheets.WorksheetSetCellStylePermission,
+			_univerjs_sheets.WorksheetSetColumnStylePermission
+		],
+		rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+	});
+	return permissionCheckController.permissionCheckWithRanges({
+		workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+		worksheetTypes: [
+			_univerjs_sheets.WorksheetSetCellValuePermission,
+			_univerjs_sheets.WorksheetSetCellStylePermission,
+			_univerjs_sheets.WorksheetEditPermission
+		],
+		rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+	});
+}
 const SheetPasteValueCommand = {
 	id: "sheet.command.paste-value",
 	type: _univerjs_core.CommandType.COMMAND,
@@ -5170,7 +5203,7 @@ const DeleteRangeMoveLeftConfirmCommand = {
 		};
 		const getRowLength = (range) => range.endRow - range.startRow;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getRowLength(mergeRange) > getRowLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveLeftCommand.id);
 		if (await confirmService.confirm({
@@ -5216,7 +5249,7 @@ const DeleteRangeMoveUpConfirmCommand = {
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getColLength(mergeRange) > getColLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveUpCommand.id);
 		if (await confirmService.confirm({
@@ -5906,7 +5939,7 @@ const InsertRangeMoveDownConfirmCommand = {
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getColLength(mergeRange) > getColLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveDownCommand.id);
 		if (await confirmService.confirm({
@@ -5944,7 +5977,7 @@ const InsertRangeMoveRightConfirmCommand = {
 		};
 		const getRowLength = (range) => range.endRow - range.startRow;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getRowLength(mergeRange) > getRowLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveRightCommand.id);
 		if (await confirmService.confirm({
@@ -6661,7 +6694,7 @@ const SetSelectionFrozenCommand = {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const selections = accessor.get(_univerjs_sheets.SheetsSelectionsService).getCurrentSelections();
 		if (!selections) return false;
-		const { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId).with(SheetScrollManagerService).getCurrentScrollState() || {};
+		const { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId).with(SheetScrollManagerService).getCurrentScrollState() || {};
 		let startRow;
 		let startColumn;
 		let freezedRowCount;
@@ -7012,7 +7045,7 @@ const MoveSelectionEnterAndTabCommand = {
 			reveal: true,
 			extra: params.extra
 		});
-		const selectionService = (_renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(ISheetSelectionRenderService);
+		const selectionService = (_renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(ISheetSelectionRenderService);
 		selectionService === null || selectionService === void 0 || selectionService.refreshSelectionMoveEnd();
 		return rs;
 	}
@@ -7146,7 +7179,7 @@ function getSheetObject(univerInstanceService, renderManagerService) {
 	const unitId = workbook.getUnitId();
 	let components, mainComponent, scene, engine;
 	if (isRenderManagerService(renderManagerService)) {
-		const currentRender = renderManagerService.getRenderById(unitId);
+		const currentRender = renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return null;
 		components = currentRender.components;
 		components = currentRender.components;
@@ -7483,9 +7516,7 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends _u
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM4;
-		const snapshot = (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.skeleton.getWorksheetConfig();
-		if (snapshot == null) return;
-		return snapshot.freeze;
+		return (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.skeleton.worksheet.getFreeze();
 	}
 	_getSheetObject() {
 		return getSheetObject(this._context.unit, this._context);
@@ -7622,8 +7653,8 @@ const SetScrollOperation = {
 		if (!params) return false;
 		const { unitId, sheetId, offsetX = 0, offsetY = 0, sheetViewStartColumn, sheetViewStartRow, duration, screenRatioX, screenRatioY } = params;
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
-		const scrollManagerService = renderManagerService.getRenderById(unitId).with(SheetScrollManagerService);
-		const renderUnit = renderManagerService.getRenderById(unitId);
+		const scrollManagerService = renderManagerService.getRenderUnitById(unitId).with(SheetScrollManagerService);
+		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		const engine = renderUnit.engine;
 		const canvasWidth = engine.width;
@@ -7660,7 +7691,7 @@ const SetScrollRelativeCommand = {
 		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
-		const currentScroll = renderManagerSrv.getRenderById(unitId).with(SheetScrollManagerService).getCurrentScrollState();
+		const currentScroll = renderManagerSrv.getRenderUnitById(unitId).with(SheetScrollManagerService).getCurrentScrollState();
 		const { offsetX = 0, offsetY = 0 } = params || {};
 		const { sheetViewStartRow = 0, sheetViewStartColumn = 0, offsetX: currentOffsetX = 0, offsetY: currentOffsetY = 0 } = currentScroll || {};
 		return commandService.executeCommand(SetScrollOperation.id, {
@@ -7688,7 +7719,7 @@ const ScrollCommand = {
 		const target = params.unitId ? getScrollCommandTargetByParams(univerInstanceService, params) : (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { workbook, worksheet, unitId } = target;
-		const renderUnit = renderManagerSrv.getRenderById(unitId);
+		const renderUnit = renderManagerSrv.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		const currentScroll = renderUnit.with(SheetScrollManagerService).getCurrentScrollState();
 		if (!worksheet) return false;
@@ -7726,7 +7757,7 @@ const ScrollToCellCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
 		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
+		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
 };
 /**
@@ -7780,7 +7811,7 @@ let AutoWidthController = class AutoWidthController extends _univerjs_core.Dispo
 		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, params);
 		if (!target) return defaultValue;
 		const { unitId, subUnitId, worksheet } = target;
-		const sheetSkeletonService = this._renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService);
+		const sheetSkeletonService = this._renderManagerService.getRenderUnitById(unitId).with(SheetSkeletonManagerService);
 		if (!sheetSkeletonService.getCurrentParam()) return defaultValue;
 		const { skeleton } = sheetSkeletonService.getCurrentParam();
 		const colsAutoWidthInfo = skeleton.calculateAutoWidthInRange(params.ranges);
@@ -7844,6 +7875,162 @@ const SetWorksheetColAutoWidthCommand = {
 	}
 };
 
+//#endregion
+//#region src/common/utils.ts
+function getUserListEqual(userList1, userList2) {
+	if (userList1.length !== userList2.length) return false;
+	const sorted1 = userList1.sort((a, b) => a.id.localeCompare(b.id));
+	const sorted2 = userList2.sort((a, b) => a.id.localeCompare(b.id));
+	return sorted1.every((user, index) => {
+		var _user$subject, _sorted2$index$subjec;
+		return ((_user$subject = user.subject) === null || _user$subject === void 0 ? void 0 : _user$subject.userID) === ((_sorted2$index$subjec = sorted2[index].subject) === null || _sorted2$index$subjec === void 0 ? void 0 : _sorted2$index$subjec.userID) && user.role === sorted2[index].role;
+	});
+}
+function checkCellContentInRanges(worksheet, ranges) {
+	return ranges.some((range) => checkCellContentInRange(worksheet, range));
+}
+function checkCellContentInRange(worksheet, range) {
+	const { startRow, startColumn, endColumn, endRow } = range;
+	const cellMatrix = worksheet.getMatrixWithMergedCells(startRow, startColumn, endRow, endColumn);
+	let someCellGoingToBeRemoved = false;
+	cellMatrix.forValue((row, col, cellData) => {
+		if (cellData && (row !== startRow || col !== startColumn) && worksheet.cellHasValue(cellData)) {
+			someCellGoingToBeRemoved = true;
+			return false;
+		}
+	});
+	return someCellGoingToBeRemoved;
+}
+function getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton) {
+	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
+	if (!activeViewport) return;
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const scrollXY = {
+		x: activeViewport.viewportScrollX,
+		y: activeViewport.viewportScrollY
+	};
+	const cellIndex = skeleton.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
+	const mergeCell = skeleton.worksheet.getMergedCell(cellIndex.row, cellIndex.column);
+	return {
+		actualRow: mergeCell ? mergeCell.startRow : cellIndex.row,
+		actualCol: mergeCell ? mergeCell.startColumn : cellIndex.column,
+		mergeCell,
+		row: cellIndex.row,
+		col: cellIndex.column
+	};
+}
+function getViewportByCell(row, column, scene, worksheet) {
+	const freeze = worksheet.getFreeze();
+	if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (row >= freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (row < freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP);
+	if (row < freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
+	if (row >= freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT);
+}
+function transformBound2OffsetBound(originBound, scene, skeleton, worksheet) {
+	const topLeft = transformPosition2Offset(originBound.left, originBound.top, scene, skeleton, worksheet);
+	const bottomRight = transformPosition2Offset(originBound.right, originBound.bottom, scene, skeleton, worksheet);
+	return {
+		left: topLeft.x,
+		top: topLeft.y,
+		right: bottomRight.x,
+		bottom: bottomRight.y
+	};
+}
+function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const viewMain = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (!viewMain) return {
+		x,
+		y
+	};
+	const { startColumn, startRow, xSplit, ySplit } = worksheet.getFreeze();
+	const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow - ySplit, startColumn - xSplit, false);
+	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
+	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+	const freezeWidth = endSheetView.startX - startSheetView.startX;
+	const freezeHeight = endSheetView.startY - startSheetView.startY;
+	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
+	let offsetX;
+	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
+	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
+	let offsetY;
+	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
+	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
+	return {
+		x: offsetX,
+		y: offsetY
+	};
+}
+function getCellRealRange(workbook, worksheet, skeleton, row, col) {
+	let actualRow = row;
+	let actualCol = col;
+	skeleton.overflowCache.forValue((r, c, range) => {
+		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
+			actualCol = c;
+			actualRow = r;
+		}
+	});
+	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
+	return {
+		unitId: workbook.getUnitId(),
+		subUnitId: worksheet.getSheetId(),
+		workbook,
+		worksheet,
+		row: actualCell.actualRow,
+		col: actualCell.actualColumn
+	};
+}
+function getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
+	const { scene } = currentRender;
+	const unitId = workbook.getUnitId();
+	const { skeleton, sheetId } = skeletonParam;
+	const cellIndex = getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton);
+	if (!cellIndex) return null;
+	let { actualCol, actualRow } = cellIndex;
+	const originLocation = {
+		unitId,
+		subUnitId: sheetId,
+		workbook,
+		worksheet,
+		row: actualRow,
+		col: actualCol
+	};
+	skeleton.overflowCache.forValue((r, c, range) => {
+		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
+			actualCol = c;
+			actualRow = r;
+		}
+	});
+	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
+	const location = getCellRealRange(workbook, worksheet, skeleton, actualRow, actualCol);
+	let anchorCell;
+	if (actualCell.mergeInfo) anchorCell = actualCell.mergeInfo;
+	else anchorCell = {
+		startRow: location.row,
+		endRow: location.row,
+		startColumn: location.col,
+		endColumn: location.col
+	};
+	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
+	if (!activeViewport) return;
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const scrollXY = {
+		x: activeViewport.viewportScrollX,
+		y: activeViewport.viewportScrollY
+	};
+	return {
+		position: {
+			startX: (skeleton.getOffsetByColumn(anchorCell.startColumn - 1) - scrollXY.x) * scaleX,
+			endX: (skeleton.getOffsetByColumn(anchorCell.endColumn) - scrollXY.x) * scaleX,
+			startY: (skeleton.getOffsetByRow(anchorCell.startRow - 1) - scrollXY.y) * scaleY,
+			endY: (skeleton.getOffsetByRow(anchorCell.endRow) - scrollXY.y) * scaleY
+		},
+		location: originLocation,
+		overflowLocation: location
+	};
+}
+
 //#endregion
 //#region src/services/editor-bridge.service.ts
 let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Disposable {
@@ -7917,15 +8104,16 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || worksheet.getSheetId() !== sheetId) return;
-		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
-		if (!renderUnit) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
 		const actualRangeWithCoord = (0, _univerjs_core.convertCellToRange)((0, _univerjs_sheets.attachPrimaryWithCoord)(skeleton, primary));
 		const canvasOffset = (0, _univerjs_docs_ui.getCanvasOffsetByEngine)(engine);
 		let { startX, startY, endX, endY } = actualRangeWithCoord;
 		const { scaleX, scaleY } = scene.getAncestorScale();
-		const scrollXY = scene.getViewportScrollXY(renderUnit.with(ISheetSelectionRenderService).getViewPort());
+		const viewport = getViewportByCell(primary.startRow, primary.startColumn, scene, worksheet);
+		if (!viewport) return;
+		const scrollXY = scene.getViewportScrollXY(viewport);
 		startX = (0, _univerjs_engine_render.convertTransformToOffsetX)(startX, scaleX, scrollXY);
 		startY = (0, _univerjs_engine_render.convertTransformToOffsetY)(startY, scaleY, scrollXY);
 		endX = (0, _univerjs_engine_render.convertTransformToOffsetX)(endX, scaleX, scrollXY);
@@ -8016,8 +8204,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || worksheet.getSheetId() !== sheetId) return;
-		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
-		if (!renderUnit) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
 		const { startRow, startColumn } = primary;
@@ -8025,7 +8212,9 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		const canvasOffset = (0, _univerjs_docs_ui.getCanvasOffsetByEngine)(engine);
 		let { startX, startY, endX, endY } = actualRangeWithCoord;
 		const { scaleX, scaleY } = scene.getAncestorScale();
-		const scrollXY = scene.getViewportScrollXY(renderUnit.with(ISheetSelectionRenderService).getViewPort());
+		const viewport = getViewportByCell(startRow, startColumn, scene, worksheet);
+		if (!viewport) return;
+		const scrollXY = scene.getViewportScrollXY(viewport);
 		startX = (0, _univerjs_engine_render.convertTransformToOffsetX)(startX, scaleX, scrollXY);
 		startY = (0, _univerjs_engine_render.convertTransformToOffsetY)(startY, scaleY, scrollXY);
 		endX = (0, _univerjs_engine_render.convertTransformToOffsetX)(endX, scaleX, scrollXY);
@@ -8207,7 +8396,7 @@ const SetZoomRatioOperation = {
 	id: "sheet.operation.set-zoom-ratio",
 	type: _univerjs_core.CommandType.OPERATION,
 	handler: (accessor, params) => {
-		const renderUnit = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(params.unitId);
+		const renderUnit = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(params.unitId);
 		if (!renderUnit) return false;
 		return renderUnit.with(SheetsZoomRenderController).updateZoom(params.subUnitId, params.zoomRatio);
 	}
@@ -8392,7 +8581,6 @@ const SHEETS_UI_PLUGIN_CONFIG_KEY = "sheets-ui.config";
 const configSymbol = Symbol(SHEETS_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {
 	formulaBar: true,
-	statusBarStatistic: true,
 	protectedRangeShadow: true,
 	maxAutoHeightCount: 1e3
 };
@@ -8445,8 +8633,6 @@ const SetCellEditVisibleWithF2Operation = {
 /**
 * When the editor is not clicked to change the cursor,
 * the arrow keys will exit editing and move the cell.
-*
-* @deprecated Should not use operation as an event.
 */
 const SetCellEditVisibleArrowOperation = {
 	id: "sheet.operation.set-cell-edit-visible-arrow",
@@ -8478,7 +8664,7 @@ const ScrollToRangeOperation = {
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		const unitId = (_params$unitId = params.unitId) !== null && _params$unitId !== void 0 ? _params$unitId : (_instanceService$getC = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId();
 		if (!unitId) return false;
-		const renderUnit = renderManagerService.getRenderById(unitId);
+		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		return renderUnit.with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
@@ -8494,224 +8680,63 @@ const SheetPermissionOpenDialogOperation = {
 		dialogService.close("DESKTOP_FIND_REPLACE_DIALOG");
 		dialogService.open({
 			id: UNIVER_SHEET_PERMISSION_DIALOG_ID,
-			title: { title: "sheets-ui.permission.dialog.allowedPermissionType" },
-			children: { label: UNIVER_SHEET_PERMISSION_DIALOG },
-			width: 393,
-			destroyOnClose: true,
-			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID)
-		});
-		return true;
-	}
-};
-
-//#endregion
-//#region src/views/defined-name/component-name.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-const DEFINED_NAME_CONTAINER = "DefinedNameContainer";
-
-//#endregion
-//#region src/commands/operations/sidebar-defined-name.operation.ts
-const SidebarDefinedNameOperation = {
-	id: "sidebar.operation.defined-name",
-	type: _univerjs_core.CommandType.COMMAND,
-	handler: async (accessor, params) => {
-		const sidebarService = accessor.get(_univerjs_ui.ISidebarService);
-		accessor.get(_univerjs_docs_ui.IEditorService);
-		const localeService = accessor.get(_univerjs_core.LocaleService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
-		if (!target) return false;
-		const { unitId } = target;
-		switch (params.value) {
-			case "open":
-				sidebarService.open({
-					id: DEFINED_NAME_CONTAINER,
-					header: { title: localeService.t("sheets-ui.definedName.featureTitle") },
-					children: { label: DEFINED_NAME_CONTAINER },
-					onClose: () => {},
-					width: 333,
-					bodyStyle: {
-						height: "100%",
-						overflow: "hidden"
-					}
-				});
-				break;
-			default:
-				sidebarService.close();
-				break;
-		}
-		return true;
-	}
-};
-
-//#endregion
-//#region src/common/utils.ts
-function getUserListEqual(userList1, userList2) {
-	if (userList1.length !== userList2.length) return false;
-	const sorted1 = userList1.sort((a, b) => a.id.localeCompare(b.id));
-	const sorted2 = userList2.sort((a, b) => a.id.localeCompare(b.id));
-	return sorted1.every((user, index) => {
-		var _user$subject, _sorted2$index$subjec;
-		return ((_user$subject = user.subject) === null || _user$subject === void 0 ? void 0 : _user$subject.userID) === ((_sorted2$index$subjec = sorted2[index].subject) === null || _sorted2$index$subjec === void 0 ? void 0 : _sorted2$index$subjec.userID) && user.role === sorted2[index].role;
-	});
-}
-function checkCellContentInRanges(worksheet, ranges) {
-	return ranges.some((range) => checkCellContentInRange(worksheet, range));
-}
-function checkCellContentInRange(worksheet, range) {
-	const { startRow, startColumn, endColumn, endRow } = range;
-	const cellMatrix = worksheet.getMatrixWithMergedCells(startRow, startColumn, endRow, endColumn);
-	let someCellGoingToBeRemoved = false;
-	cellMatrix.forValue((row, col, cellData) => {
-		if (cellData && (row !== startRow || col !== startColumn) && worksheet.cellHasValue(cellData)) {
-			someCellGoingToBeRemoved = true;
-			return false;
-		}
-	});
-	return someCellGoingToBeRemoved;
-}
-function getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton) {
-	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
-	if (!activeViewport) return;
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const scrollXY = {
-		x: activeViewport.viewportScrollX,
-		y: activeViewport.viewportScrollY
-	};
-	const cellIndex = skeleton.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
-	const mergeCell = skeleton.worksheet.getMergedCell(cellIndex.row, cellIndex.column);
-	return {
-		actualRow: mergeCell ? mergeCell.startRow : cellIndex.row,
-		actualCol: mergeCell ? mergeCell.startColumn : cellIndex.column,
-		mergeCell,
-		row: cellIndex.row,
-		col: cellIndex.column
-	};
-}
-function getViewportByCell(row, column, scene, worksheet) {
-	const freeze = worksheet.getFreeze();
-	if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (row >= freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (row < freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP);
-	if (row < freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
-	if (row >= freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT);
-}
-function transformBound2OffsetBound(originBound, scene, skeleton, worksheet) {
-	const topLeft = transformPosition2Offset(originBound.left, originBound.top, scene, skeleton, worksheet);
-	const bottomRight = transformPosition2Offset(originBound.right, originBound.bottom, scene, skeleton, worksheet);
-	return {
-		left: topLeft.x,
-		top: topLeft.y,
-		right: bottomRight.x,
-		bottom: bottomRight.y
-	};
-}
-function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const viewMain = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (!viewMain) return {
-		x,
-		y
-	};
-	const { startColumn, startRow, xSplit, ySplit } = worksheet.getFreeze();
-	const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow - ySplit, startColumn - xSplit, false);
-	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
-	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
-	const freezeWidth = endSheetView.startX - startSheetView.startX;
-	const freezeHeight = endSheetView.startY - startSheetView.startY;
-	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
-	let offsetX;
-	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
-	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
-	let offsetY;
-	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
-	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
-	return {
-		x: offsetX,
-		y: offsetY
-	};
-}
-function getCellRealRange(workbook, worksheet, skeleton, row, col) {
-	let actualRow = row;
-	let actualCol = col;
-	skeleton.overflowCache.forValue((r, c, range) => {
-		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
-			actualCol = c;
-			actualRow = r;
-		}
-	});
-	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
-	return {
-		unitId: workbook.getUnitId(),
-		subUnitId: worksheet.getSheetId(),
-		workbook,
-		worksheet,
-		row: actualCell.actualRow,
-		col: actualCell.actualColumn
-	};
-}
-function getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
-	const { scene } = currentRender;
-	const unitId = workbook.getUnitId();
-	const { skeleton, sheetId } = skeletonParam;
-	const cellIndex = getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton);
-	if (!cellIndex) return null;
-	let { actualCol, actualRow } = cellIndex;
-	const originLocation = {
-		unitId,
-		subUnitId: sheetId,
-		workbook,
-		worksheet,
-		row: actualRow,
-		col: actualCol
-	};
-	skeleton.overflowCache.forValue((r, c, range) => {
-		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
-			actualCol = c;
-			actualRow = r;
+			title: { title: "sheets-ui.permission.dialog.allowedPermissionType" },
+			children: { label: UNIVER_SHEET_PERMISSION_DIALOG },
+			width: 393,
+			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID)
+		});
+		return true;
+	}
+};
+
+//#endregion
+//#region src/views/defined-name/component-name.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const DEFINED_NAME_CONTAINER = "DefinedNameContainer";
+
+//#endregion
+//#region src/commands/operations/sidebar-defined-name.operation.ts
+const SidebarDefinedNameOperation = {
+	id: "sidebar.operation.defined-name",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		const sidebarService = accessor.get(_univerjs_ui.ISidebarService);
+		accessor.get(_univerjs_docs_ui.IEditorService);
+		const localeService = accessor.get(_univerjs_core.LocaleService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		if (!target) return false;
+		const { unitId } = target;
+		switch (params.value) {
+			case "open":
+				sidebarService.open({
+					id: DEFINED_NAME_CONTAINER,
+					header: { title: localeService.t("sheets-ui.definedName.featureTitle") },
+					children: { label: DEFINED_NAME_CONTAINER },
+					onClose: () => {},
+					width: 333
+				});
+				break;
+			default:
+				sidebarService.close();
+				break;
 		}
-	});
-	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
-	const location = getCellRealRange(workbook, worksheet, skeleton, actualRow, actualCol);
-	let anchorCell;
-	if (actualCell.mergeInfo) anchorCell = actualCell.mergeInfo;
-	else anchorCell = {
-		startRow: location.row,
-		endRow: location.row,
-		startColumn: location.col,
-		endColumn: location.col
-	};
-	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
-	if (!activeViewport) return;
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const scrollXY = {
-		x: activeViewport.viewportScrollX,
-		y: activeViewport.viewportScrollY
-	};
-	return {
-		position: {
-			startX: (skeleton.getOffsetByColumn(anchorCell.startColumn - 1) - scrollXY.x) * scaleX,
-			endX: (skeleton.getOffsetByColumn(anchorCell.endColumn) - scrollXY.x) * scaleX,
-			startY: (skeleton.getOffsetByRow(anchorCell.startRow - 1) - scrollXY.y) * scaleY,
-			endY: (skeleton.getOffsetByRow(anchorCell.endRow) - scrollXY.y) * scaleY
-		},
-		location: originLocation,
-		overflowLocation: location
-	};
-}
+		return true;
+	}
+};
 
 //#endregion
 //#region src/consts/plugin-name.ts
@@ -8828,21 +8853,18 @@ SheetsRenderService = __decorate([
 //#endregion
 //#region src/controllers/auto-fill-ui.controller.ts
 let AutoFillUIController = class AutoFillUIController extends _univerjs_core.Disposable {
-	constructor(_univerInstanceService, _commandService, _autoFillService, _autoFillController, _editorBridgeService, _renderManagerService, _sheetsRenderService) {
+	constructor(_univerInstanceService, _commandService, _autoFillService, _autoFillController, _sheetsRenderService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._commandService = _commandService;
 		this._autoFillService = _autoFillService;
 		this._autoFillController = _autoFillController;
-		this._editorBridgeService = _editorBridgeService;
-		this._renderManagerService = _renderManagerService;
 		this._sheetsRenderService = _sheetsRenderService;
 		_defineProperty(this, "_currentLocation", null);
 		this._init();
 	}
 	_init() {
 		this._initDefaultHook();
-		this._initSelectionControlFillChanged();
 		this._initQuitListener();
 		this._initSkeletonChange();
 	}
@@ -8897,127 +8919,120 @@ let AutoFillUIController = class AutoFillUIController extends _univerjs_core.Dis
 		this._autoFillController.quit();
 		this._autoFillService.setShowMenu(false);
 	}
+};
+AutoFillUIController = __decorate([
+	__decorateParam(0, _univerjs_core.IUniverInstanceService),
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, _univerjs_sheets.IAutoFillService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.AutoFillController)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(SheetsRenderService))
+], AutoFillUIController);
+let AutoFillRenderController = class AutoFillRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _selectionRenderService, _selectionManagerService, _commandService, _editorBridgeService) {
+		super();
+		this._context = _context;
+		this._selectionRenderService = _selectionRenderService;
+		this._selectionManagerService = _selectionManagerService;
+		this._commandService = _commandService;
+		this._editorBridgeService = _editorBridgeService;
+		_defineProperty(this, "_selectionControlDisposables", new _univerjs_core.DisposableCollection());
+		this._initSelectionControlFillChanged();
+	}
+	dispose() {
+		this._selectionControlDisposables.dispose();
+		super.dispose();
+	}
 	_initSelectionControlFillChanged() {
-		const disposableCollection = new _univerjs_core.DisposableCollection();
-		let pendingRetry = false;
-		let retryCount = 0;
-		const scheduleUpdateListener = (listener) => {
-			if (pendingRetry) return;
-			pendingRetry = true;
-			setTimeout(() => {
-				pendingRetry = false;
-				listener();
-			}, 0);
-		};
-		const updateListener = () => {
-			disposableCollection.dispose();
-			const currentRenderer = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService);
-			if (!currentRenderer) return;
-			const selectionRenderService = getResolvedSelectionRenderService(currentRenderer);
-			if (!selectionRenderService) {
-				retryCount += 1;
-				if (retryCount <= 3) scheduleUpdateListener(updateListener);
-				return;
-			}
-			retryCount = 0;
-			selectionRenderService.getSelectionControls().forEach((controlSelection) => {
-				disposableCollection.add(controlSelection.selectionFilled$.subscribe((filled) => {
-					if (filled == null || filled.startColumn === -1 || filled.startRow === -1 || filled.endColumn === -1 || filled.endRow === -1) return;
-					const source = {
-						startColumn: controlSelection.model.startColumn,
-						endColumn: controlSelection.model.endColumn,
-						startRow: controlSelection.model.startRow,
-						endRow: controlSelection.model.endRow
-					};
-					const selection = {
-						startColumn: filled.startColumn,
-						endColumn: filled.endColumn,
-						startRow: filled.startRow,
-						endRow: filled.endRow
-					};
-					this._commandService.executeCommand(_univerjs_sheets.AutoFillCommand.id, {
-						sourceRange: source,
-						targetRange: selection
-					});
-				}));
-				disposableCollection.add(controlSelection.fillControl.onDblclick$.subscribeEvent(() => {
-					const source = {
-						startColumn: controlSelection.model.startColumn,
-						endColumn: controlSelection.model.endColumn,
-						startRow: controlSelection.model.startRow,
-						endRow: controlSelection.model.endRow
-					};
-					this._handleDbClickFill(source);
-				}));
-				disposableCollection.add(controlSelection.fillControl.onPointerDown$.subscribeEvent(() => {
-					if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
-						visible: false,
-						eventType: _univerjs_engine_render.DeviceInputEventType.PointerDown,
-						unitId: currentRenderer.unitId
-					});
-				}));
-			});
-		};
-		scheduleUpdateListener(updateListener);
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (command.id === _univerjs_sheets.SetSelectionsOperation.id) scheduleUpdateListener(updateListener);
+		this._updateSelectionControlListeners();
+		this.disposeWithMe(this._selectionManagerService.selectionChanged$.subscribe(() => {
+			this._updateSelectionControlListeners();
 		}));
-		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).subscribe(() => scheduleUpdateListener(updateListener)));
 	}
-	_handleDbClickFill(source) {
-		const selection = this._detectFillRange(source);
-		if (selection.endRow <= source.endRow) return;
+	_updateSelectionControlListeners() {
+		this._selectionControlDisposables.dispose();
+		this._selectionRenderService.getSelectionControls().forEach((controlSelection) => {
+			this._selectionControlDisposables.add(controlSelection.selectionFilled$.subscribe((filled) => {
+				if (filled == null || filled.startColumn === -1 || filled.startRow === -1 || filled.endColumn === -1 || filled.endRow === -1) return;
+				const sourceRange = {
+					startColumn: controlSelection.model.startColumn,
+					endColumn: controlSelection.model.endColumn,
+					startRow: controlSelection.model.startRow,
+					endRow: controlSelection.model.endRow
+				};
+				const targetRange = {
+					startColumn: filled.startColumn,
+					endColumn: filled.endColumn,
+					startRow: filled.startRow,
+					endRow: filled.endRow
+				};
+				this._executeAutoFill(sourceRange, targetRange);
+			}));
+			this._selectionControlDisposables.add(controlSelection.fillControl.onDblclick$.subscribeEvent(() => {
+				const sourceRange = {
+					startColumn: controlSelection.model.startColumn,
+					endColumn: controlSelection.model.endColumn,
+					startRow: controlSelection.model.startRow,
+					endRow: controlSelection.model.endRow
+				};
+				this._handleDbClickFill(sourceRange);
+			}));
+			this._selectionControlDisposables.add(controlSelection.fillControl.onPointerDown$.subscribeEvent(() => {
+				if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
+					visible: false,
+					eventType: _univerjs_engine_render.DeviceInputEventType.PointerDown,
+					unitId: this._context.unitId
+				});
+			}));
+		});
+	}
+	_executeAutoFill(sourceRange, targetRange) {
+		const subUnitId = this._context.unit.getActiveSheet().getSheetId();
 		this._commandService.executeCommand(_univerjs_sheets.AutoFillCommand.id, {
-			sourceRange: source,
-			targetRange: selection
+			sourceRange,
+			targetRange,
+			unitId: this._context.unitId,
+			subUnitId
 		});
 	}
-	_detectFillRange(source) {
-		var _this$_univerInstance, _matrix$getValue, _matrix$getValue3;
-		const { startRow, endRow, startColumn, endColumn } = source;
-		const worksheet = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getActiveSheet();
-		if (!worksheet) return source;
-		const matrix = worksheet.getCellMatrix();
-		const maxRow = worksheet.getMaxRows();
-		const maxColumn = worksheet.getMaxColumns();
-		let detectEndRow = endRow + 1;
-		if (startColumn > 0 && ((_matrix$getValue = matrix.getValue(detectEndRow, startColumn - 1)) === null || _matrix$getValue === void 0 ? void 0 : _matrix$getValue.v) != null) {
-			var _matrix$getValue2;
-			while (((_matrix$getValue2 = matrix.getValue(detectEndRow + 1, startColumn - 1)) === null || _matrix$getValue2 === void 0 ? void 0 : _matrix$getValue2.v) != null && detectEndRow < maxRow) detectEndRow += 1;
-		} else if (endColumn < maxColumn - 1 && ((_matrix$getValue3 = matrix.getValue(detectEndRow, endColumn + 1)) === null || _matrix$getValue3 === void 0 ? void 0 : _matrix$getValue3.v) != null) {
-			var _matrix$getValue4;
-			while (((_matrix$getValue4 = matrix.getValue(detectEndRow + 1, endColumn + 1)) === null || _matrix$getValue4 === void 0 ? void 0 : _matrix$getValue4.v) != null && detectEndRow < maxRow) detectEndRow += 1;
-		} else detectEndRow = endRow;
-		for (let i = endRow + 1; i <= detectEndRow; i++) for (let j = startColumn; j <= endColumn; j++) {
-			var _matrix$getValue5;
-			if (((_matrix$getValue5 = matrix.getValue(i, j)) === null || _matrix$getValue5 === void 0 ? void 0 : _matrix$getValue5.v) != null) {
-				detectEndRow = i - 1;
-				break;
-			}
-		}
-		return {
-			startColumn,
-			endColumn,
-			startRow,
-			endRow: detectEndRow
-		};
+	_handleDbClickFill(source) {
+		const selection = detectAutoFillRange(source, this._context.unit.getActiveSheet());
+		if (selection.endRow <= source.endRow) return;
+		this._executeAutoFill(source, selection);
 	}
 };
-AutoFillUIController = __decorate([
-	__decorateParam(0, _univerjs_core.IUniverInstanceService),
-	__decorateParam(1, _univerjs_core.ICommandService),
-	__decorateParam(2, _univerjs_sheets.IAutoFillService),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.AutoFillController)),
-	__decorateParam(4, IEditorBridgeService),
-	__decorateParam(5, _univerjs_engine_render.IRenderManagerService),
-	__decorateParam(6, (0, _univerjs_core.Inject)(SheetsRenderService))
-], AutoFillUIController);
-function getResolvedSelectionRenderService(renderer) {
-	var _getInjector, _resolvedDependencyCo;
-	const injector = (_getInjector = renderer.getInjector) === null || _getInjector === void 0 ? void 0 : _getInjector.call(renderer);
-	const resolvedDependencies = injector === null || injector === void 0 || (_resolvedDependencyCo = injector.resolvedDependencyCollection) === null || _resolvedDependencyCo === void 0 ? void 0 : _resolvedDependencyCo.resolvedDependencies;
-	if (!resolvedDependencies) return;
-	for (const [identifier, values] of resolvedDependencies) if (identifier.decoratorName === ISheetSelectionRenderService.decoratorName) return values.length === 1 ? values[0] : void 0;
+AutoFillRenderController = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(ISheetSelectionRenderService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
+	__decorateParam(3, _univerjs_core.ICommandService),
+	__decorateParam(4, IEditorBridgeService)
+], AutoFillRenderController);
+function detectAutoFillRange(source, worksheet) {
+	var _matrix$getValue, _matrix$getValue3;
+	const { startRow, endRow, startColumn, endColumn } = source;
+	const matrix = worksheet.getCellMatrix();
+	const maxRow = worksheet.getMaxRows();
+	const maxColumn = worksheet.getMaxColumns();
+	let detectEndRow = endRow + 1;
+	if (startColumn > 0 && ((_matrix$getValue = matrix.getValue(detectEndRow, startColumn - 1)) === null || _matrix$getValue === void 0 ? void 0 : _matrix$getValue.v) != null) {
+		var _matrix$getValue2;
+		while (((_matrix$getValue2 = matrix.getValue(detectEndRow + 1, startColumn - 1)) === null || _matrix$getValue2 === void 0 ? void 0 : _matrix$getValue2.v) != null && detectEndRow < maxRow) detectEndRow += 1;
+	} else if (endColumn < maxColumn - 1 && ((_matrix$getValue3 = matrix.getValue(detectEndRow, endColumn + 1)) === null || _matrix$getValue3 === void 0 ? void 0 : _matrix$getValue3.v) != null) {
+		var _matrix$getValue4;
+		while (((_matrix$getValue4 = matrix.getValue(detectEndRow + 1, endColumn + 1)) === null || _matrix$getValue4 === void 0 ? void 0 : _matrix$getValue4.v) != null && detectEndRow < maxRow) detectEndRow += 1;
+	} else detectEndRow = endRow;
+	for (let i = endRow + 1; i <= detectEndRow; i++) for (let j = startColumn; j <= endColumn; j++) {
+		var _matrix$getValue5;
+		if (((_matrix$getValue5 = matrix.getValue(i, j)) === null || _matrix$getValue5 === void 0 ? void 0 : _matrix$getValue5.v) != null) {
+			detectEndRow = i - 1;
+			break;
+		}
+	}
+	return {
+		startColumn,
+		endColumn,
+		startRow,
+		endRow: detectEndRow
+	};
 }
 
 //#endregion
@@ -9074,7 +9089,7 @@ let AutoHeightController = class AutoHeightController extends _univerjs_core.Dis
 				subUnitId = worksheet.getSheetId();
 			}
 		}
-		const skeleton = this._renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const skeleton = this._renderManagerService.getRenderUnitById(unitId).with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		if (!skeleton) return {
 			redos: [],
 			undos: []
@@ -9140,7 +9155,7 @@ let CellCustomRenderController = class CellCustomRenderController extends _unive
 			if (!skeletonParam) return;
 			const unitId = this._context.unitId;
 			const { skeleton } = skeletonParam;
-			const currentRender = this._renderManagerService.getRenderById(unitId);
+			const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 			if (currentRender && currentRender.mainComponent) {
 				const spreadsheet = currentRender.mainComponent;
 				const getActiveRender = (evt) => {
@@ -9175,7 +9190,7 @@ let CellCustomRenderController = class CellCustomRenderController extends _unive
 					const subUnitId = worksheet.getSheetId();
 					const info = {
 						data: cellData,
-						style: skeleton.getStyles().getStyleByCell(cellData),
+						style: worksheet.getComposedCellStyleByCellData(row, col, cellData),
 						primaryWithCoord: skeleton.getCellWithCoordByIndex(cellIndex.actualRow, cellIndex.actualCol),
 						unitId,
 						subUnitId,
@@ -9660,7 +9675,7 @@ let SheetSkeletonRenderController = class SheetSkeletonRenderController extends
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (skeleton == null || scene == null) return;
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton;
 		if (!this._context.unit.getActiveSheet()) return;
@@ -9718,7 +9733,9 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 		if (!loadingRender) return;
 		let shouldRender = false;
 		if (!loadingRender.render) {
-			loadingRender.render = this._createLoadingRender(loadingRender.workbook, loadingRender.sourceUnitId);
+			const contentElement = this._layoutService.getContentElement();
+			if (!contentElement) return;
+			loadingRender.render = this._createLoadingRender(loadingRender.workbook, loadingRender.sourceUnitId, contentElement);
 			shouldRender = true;
 		}
 		const worksheet = loadingRender.workbook.getSheetBySheetId(activeSheetId);
@@ -9757,6 +9774,10 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 	async handoff(sourceUnitId, timeoutMs) {
 		var _this$_loadingRender2, _this$_finalCanvasGua;
 		if (((_this$_loadingRender2 = this._loadingRender) === null || _this$_loadingRender2 === void 0 ? void 0 : _this$_loadingRender2.sourceUnitId) !== sourceUnitId) return true;
+		if (!this._loadingRender.render) {
+			this.hide(sourceUnitId);
+			return true;
+		}
 		(_this$_finalCanvasGua = this._finalCanvasGuard) === null || _this$_finalCanvasGua === void 0 || _this$_finalCanvasGua.unsubscribe();
 		this._finalCanvasGuard = null;
 		try {
@@ -9792,9 +9813,8 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 		if (activeSheet) workbook.setActiveSheet(activeSheet);
 		return workbook;
 	}
-	_createLoadingRender(workbook, sourceUnitId) {
+	_createLoadingRender(workbook, sourceUnitId, contentElement) {
 		const previewUnitId = workbook.getUnitId();
-		const contentElement = this._layoutService.getContentElement();
 		const { width, height } = contentElement.getBoundingClientRect();
 		const engine = this._injector.createInstance(_univerjs_engine_render.Engine, previewUnitId, void 0);
 		const scene = new _univerjs_engine_render.Scene(`${PREVIEW_SCENE_PREFIX}${previewUnitId}`, engine, {
@@ -9829,10 +9849,10 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 	_waitForFinalCanvas(render) {
 		return new rxjs.Observable((subscriber) => {
 			let frameId;
-			const contentElement = this._layoutService.getContentElement();
 			const canvasElement = render.engine.getCanvasElement();
 			const checkMounted = () => {
-				if (canvasElement.parentElement === contentElement && canvasElement.width > 0 && canvasElement.height > 0) {
+				const contentElement = this._layoutService.getContentElement();
+				if (contentElement && canvasElement.parentElement === contentElement && canvasElement.width > 0 && canvasElement.height > 0) {
 					subscriber.next();
 					subscriber.complete();
 					return;
@@ -9846,7 +9866,7 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 		});
 	}
 	_getFinalRender$(sourceUnitId) {
-		const existingRender = this._renderManagerService.getRenderById(sourceUnitId);
+		const existingRender = this._renderManagerService.getRenderUnitById(sourceUnitId);
 		return existingRender ? (0, rxjs.of)(existingRender) : this._renderManagerService.created$.pipe((0, rxjs.filter)((render) => render.unitId === sourceUnitId));
 	}
 	_guardFinalCanvas(sourceUnitId) {
@@ -9986,14 +10006,14 @@ const useMenuPosition = (range) => {
 		endCol: range.cols[range.cols.length - 1]
 	};
 	if (anchor.endRow < 0 || anchor.endCol < 0) return null;
-	const ru = renderManagerService.getRenderById(workbook.getUnitId());
+	const ru = renderManagerService.getRenderUnitById(workbook.getUnitId());
 	const sheetSkeletonManagerService = ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService);
-	const selectionRenderService = ru === null || ru === void 0 ? void 0 : ru.with(ISheetSelectionRenderService);
 	const sheetObject = getSheetObject(univerInstanceService, renderManagerService);
-	if (!sheetObject || !selectionRenderService) return null;
+	if (!sheetObject) return null;
 	const { scene } = sheetObject;
 	const skeleton = sheetSkeletonManagerService === null || sheetSkeletonManagerService === void 0 ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
-	const viewport = selectionRenderService.getViewPort();
+	const viewport = getViewportByCell(anchor.endRow, anchor.endCol, scene, workbook.getActiveSheet());
+	if (!viewport) return null;
 	const scaleX = scene === null || scene === void 0 ? void 0 : scene.scaleX;
 	const scaleY = scene === null || scene === void 0 ? void 0 : scene.scaleY;
 	const scrollXY = scene === null || scene === void 0 ? void 0 : scene.getViewportScrollXY(viewport);
@@ -10026,7 +10046,8 @@ const ClipboardPopupMenu = () => {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const [menuHovered, setMenuHovered] = (0, react.useState)(false);
 	const [visible, setVisible] = (0, react.useState)(false);
-	const relativePosition = useMenuPosition(pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.pastedRange);
+	const range = pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.pastedRange;
+	const relativePosition = useMenuPosition(range);
 	if (!relativePosition || !showMenu) return null;
 	if (relativePosition.positionX < 50 || relativePosition.positionY < 30) return null;
 	const showMore = menuHovered || visible;
@@ -10216,7 +10237,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		return (_this$_editorBridgeSe = (_this$_editorBridgeSe2 = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe2 === void 0 ? void 0 : _this$_editorBridgeSe2.unitId) !== null && _this$_editorBridgeSe !== void 0 ? _this$_editorBridgeSe : "";
 	}
 	get _editingRenderer() {
-		return this._renderManagerService.getRenderById(this._editingUnitId);
+		return this._renderManagerService.getRenderUnitById(this._editingUnitId);
 	}
 	get _renderer() {
 		var _this$_editingRendere;
@@ -10311,21 +10332,28 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 	}
 	_getEditorMaxSize(position, canvasOffset, horizontalAlign) {
 		if (this._getEditorObject() == null) return;
-		function pxToNum(width) {
-			return Number.parseInt(width.replace("px", ""));
+		function pxToNum(size) {
+			var _size$replace;
+			return Number.parseFloat((_size$replace = size === null || size === void 0 ? void 0 : size.replace("px", "")) !== null && _size$replace !== void 0 ? _size$replace : "");
 		}
 		const engine = this.engine;
 		if (!engine) return;
 		const canvasElement = engine.getCanvasElement();
 		const canvasClientRect = canvasElement.getBoundingClientRect();
 		const widthOfCanvas = pxToNum(canvasElement.style.width);
+		const heightOfCanvas = pxToNum(canvasElement.style.height);
 		const { width, height } = canvasClientRect;
-		const scaleAdjust = width / widthOfCanvas;
+		const contentElement = this._getEditorContentElement();
+		const contentBoundingRect = contentElement.getBoundingClientRect();
+		const contentScaleX = resolveElementScale(contentBoundingRect.width, contentElement.offsetWidth);
+		const contentScaleY = resolveElementScale(contentBoundingRect.height, contentElement.offsetHeight, contentScaleX);
+		const scaleAdjustX = width / widthOfCanvas / contentScaleX;
+		const scaleAdjustY = Number.isFinite(heightOfCanvas) && heightOfCanvas > 0 ? height / heightOfCanvas / contentScaleY : scaleAdjustX;
 		const { startX, startY, endX } = position;
 		const enginWidth = engine.width;
-		const maxHeight = height - startY - EDITOR_BORDER_SIZE * 2;
+		const maxHeight = height / contentScaleY - startY - EDITOR_BORDER_SIZE * 2;
 		const cellWidth = endX - startX;
-		let maxWidth = width - startX;
+		let maxWidth = width / contentScaleX - startX;
 		if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER) {
 			const rightGap = enginWidth - endX;
 			maxWidth = cellWidth + Math.min(startX, rightGap) * 2;
@@ -10335,7 +10363,10 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		return {
 			height: maxHeight,
 			width: maxWidth,
-			scaleAdjust
+			contentScaleX,
+			contentScaleY,
+			scaleAdjustX,
+			scaleAdjustY
 		};
 	}
 	/**
@@ -10352,7 +10383,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		let { startX, startY } = actualRangeWithCoord;
 		const { document: documentComponent, scene: editorScene, engine: docEngine } = editorObject;
 		const viewportMain = editorScene.getViewport(_univerjs_docs_ui.VIEWPORT_KEY.VIEW_MAIN);
-		const { height: clientHeight, width: clientWidth, scaleAdjust } = this._getEditorMaxSize(actualRangeWithCoord, canvasOffset, horizontalAlign);
+		const { height: clientHeight, width: clientWidth, contentScaleX, contentScaleY, scaleAdjustX, scaleAdjustY } = this._getEditorMaxSize(actualRangeWithCoord, canvasOffset, horizontalAlign);
 		let physicHeight = editorHeight;
 		let scrollBar = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.getScrollBar();
 		if (physicHeight > clientHeight) {
@@ -10373,12 +10404,12 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		this._addBackground(editorScene, editorWidth / scaleX, editorHeight / scaleY, fill);
 		const { scaleX: precisionScaleX, scaleY: precisionScaleY } = editorScene.getPrecisionScale();
 		editorScene.transformByState({
-			width: editorWidth * scaleAdjust / scaleX,
-			height: editorHeight * scaleAdjust / scaleY,
-			scaleX: scaleX * scaleAdjust,
-			scaleY: scaleY * scaleAdjust
+			width: editorWidth * scaleAdjustX / scaleX,
+			height: editorHeight * scaleAdjustY / scaleY,
+			scaleX: scaleX * scaleAdjustX,
+			scaleY: scaleY * scaleAdjustY
 		});
-		documentComponent.resize(editorWidth * scaleAdjust / scaleX, editorHeight * scaleAdjust / scaleY);
+		documentComponent.resize(editorWidth * scaleAdjustX / scaleX, editorHeight * scaleAdjustY / scaleY);
 		/**
 		* sometimes requestIdleCallback is invalid, so use setTimeout to ensure the successful execution of the resizeBySize method.
 		* resize canvas
@@ -10390,16 +10421,16 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		}, 0);
 		const contentBoundingRect = this._getEditorContentElement().getBoundingClientRect();
 		const canvasBoundingRect = canvasElement.getBoundingClientRect();
-		startX = startX * scaleAdjust + (canvasBoundingRect.left - contentBoundingRect.left);
-		startY = startY * scaleAdjust + (canvasBoundingRect.top - contentBoundingRect.top);
+		startX = startX * scaleAdjustX + (canvasBoundingRect.left - contentBoundingRect.left) / contentScaleX;
+		startY = startY * scaleAdjustY + (canvasBoundingRect.top - contentBoundingRect.top) / contentScaleY;
 		const cellWidth = actualRangeWithCoord.endX - actualRangeWithCoord.startX;
-		if (horizontalAlign === _univerjs_core.HorizontalAlign.RIGHT) startX += (cellWidth - editorWidth) * scaleAdjust;
-		else if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER) startX += (cellWidth - editorWidth * scaleAdjust) / 2;
+		if (horizontalAlign === _univerjs_core.HorizontalAlign.RIGHT) startX += (cellWidth - editorWidth) * scaleAdjustX;
+		else if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER) startX += (cellWidth - editorWidth * scaleAdjustX) / 2;
 		this._cellEditorManagerService.setState({
 			startX,
 			startY,
-			endX: editorWidth * scaleAdjust + startX,
-			endY: physicHeight * scaleAdjust + startY,
+			endX: editorWidth * scaleAdjustX + startX,
+			endY: physicHeight * scaleAdjustY + startY,
 			show: true
 		});
 	}
@@ -10443,10 +10474,10 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		const { horizontalAlign } = documentLayoutObject;
 		const maxSize = this._getEditorMaxSize(position, canvasOffset, horizontalAlign);
 		if (!maxSize) return;
-		const { height: clientHeight, width: clientWidth, scaleAdjust } = maxSize;
+		const { height: clientHeight, width: clientWidth, scaleAdjustX, scaleAdjustY } = maxSize;
 		const cell = skeleton.getCellWithCoordByIndex(row, column);
-		const height = Math.min((cell.mergeInfo.endY - cell.mergeInfo.startY) * scaleY, clientHeight) * scaleAdjust;
-		const width = Math.min((cell.mergeInfo.endX - cell.mergeInfo.startX) * scaleX, clientWidth) * scaleAdjust;
+		const height = Math.min((cell.mergeInfo.endY - cell.mergeInfo.startY) * scaleY, clientHeight) * scaleAdjustY;
+		const width = Math.min((cell.mergeInfo.endX - cell.mergeInfo.startX) * scaleX, clientWidth) * scaleAdjustX;
 		const currentHeight = state.endY - state.startY;
 		const currentWidth = state.endX - state.startX;
 		if (currentHeight !== height || currentWidth !== width) {
@@ -10460,7 +10491,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 	}
 	_getEditorSkeleton() {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	}
 };
 SheetCellEditorResizeService = __decorate([
@@ -10472,6 +10503,10 @@ SheetCellEditorResizeService = __decorate([
 	__decorateParam(5, _univerjs_core.IConfigService),
 	__decorateParam(6, (0, _univerjs_core.Optional)(ISheetEmbedFloatingGeometryService))
 ], SheetCellEditorResizeService);
+function resolveElementScale(renderedSize, layoutSize, fallback = 1) {
+	if (!Number.isFinite(renderedSize) || !Number.isFinite(layoutSize) || renderedSize <= 0 || layoutSize <= 0) return fallback;
+	return renderedSize / layoutSize;
+}
 
 //#endregion
 //#region src/controllers/render-controllers/editor-bridge.render-controller.ts
@@ -10510,12 +10545,17 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 		this._d = null;
 	}
 	_initSelectionChangeListener(d) {
-		d.add((0, rxjs.merge)(this._selectionManagerService.selectionMoveEnd$, this._selectionManagerService.selectionSet$, this._selectionManagerService.selectionMoveStart$).subscribe((params) => this._updateEditorPosition(params)));
+		d.add((0, rxjs.merge)(this._selectionManagerService.selectionSet$, this._selectionManagerService.selectionMoveStart$).subscribe((params) => this._updateEditorPosition(params)));
+		d.add(this._selectionManagerService.selectionMoveEnd$.subscribe((params) => {
+			var _params;
+			this._updateEditorPosition(params);
+			if (params === null || params === void 0 || (_params = params[params.length - 1]) === null || _params === void 0 ? void 0 : _params.primary) this._updateInputPosition();
+		}));
 	}
 	_updateEditorPosition(params) {
-		var _params;
+		var _params2;
 		if (this._editorBridgeService.isVisible().visible) return;
-		const primary = params === null || params === void 0 || (_params = params[params.length - 1]) === null || _params === void 0 ? void 0 : _params.primary;
+		const primary = params === null || params === void 0 || (_params2 = params[params.length - 1]) === null || _params2 === void 0 ? void 0 : _params2.primary;
 		if (primary) {
 			var _this$_context$unit$g, _this$_sheetSkeletonM;
 			const sheetObject = this._getSheetObject();
@@ -10545,6 +10585,15 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 			});
 		}
 	}
+	_updateInputPosition() {
+		var _this$_renderManagerS;
+		if (this._editorBridgeService.isVisible().visible) return;
+		const layout = this._editorBridgeService.getEditCellLayout();
+		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
+		if (!layout || !docSelectionRenderService) return;
+		const { position, canvasOffset } = layout;
+		docSelectionRenderService.setInputPosition(canvasOffset.left + position.startX, canvasOffset.top + position.startY);
+	}
 	refreshEditorPosition() {
 		const workbookSelections = this._selectionManagerService.getWorkbookSelections(this._context.unitId);
 		if (workbookSelections) {
@@ -10602,7 +10651,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 				d.add(disposable);
 			}
 		};
-		const render = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		const render = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		if (render) addEvent(render);
 		else this.disposeWithMe(this._renderManagerService.created$.pipe((0, rxjs.filter)((render) => render.unitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)).subscribe((render) => {
 			disposable === null || disposable === void 0 || disposable.dispose();
@@ -10616,7 +10665,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 		}));
 	}
 	_focusCellEditorInput() {
-		const render = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		const render = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const docSelectionRenderService = render === null || render === void 0 ? void 0 : render.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 	}
@@ -11414,7 +11463,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 					unitId: this._editingUnit
 				});
 				if (!unit) return;
-				const editorBridgeRenderController = (_this$_renderManagerS = this._renderManagerService.getRenderById(unit.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(EditorBridgeRenderController);
+				const editorBridgeRenderController = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unit.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(EditorBridgeRenderController);
 				if (editorBridgeRenderController) editorBridgeRenderController.refreshEditorPosition();
 			}
 		}));
@@ -11447,7 +11496,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 			const editorId = this._contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR) ? _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId();
 			const docUnitId = editorId !== null && editorId !== void 0 ? editorId : (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
 			if (!docUnitId) return;
-			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
+			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
 			if (!docSelectionRenderManager) return;
 			docSelectionRenderManager.sync();
 		}));
@@ -11511,7 +11560,6 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				unitId: editorUnitId,
 				snapshot: documentModel.getSnapshot()
 			});
-			this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN, true);
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: 0,
 				endOffset: 0
@@ -11519,8 +11567,8 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				unitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 				subUnitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
-			const cellSelectionRenderManager = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_docs_ui.DocSelectionRenderService);
-			const formulaSelectionRenderManager = (_this$_renderManagerS4 = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(_univerjs_docs_ui.DocSelectionRenderService);
+			const cellSelectionRenderManager = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_docs_ui.DocSelectionRenderService);
+			const formulaSelectionRenderManager = (_this$_renderManagerS4 = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(_univerjs_docs_ui.DocSelectionRenderService);
 			if ((cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 ? void 0 : cellSelectionRenderManager.canFocusing) || (formulaSelectionRenderManager === null || formulaSelectionRenderManager === void 0 ? void 0 : formulaSelectionRenderManager.canFocusing)) {
 				this._univerInstanceService.setCurrentUnitForType(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 				cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 || cellSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1, HIDDEN_EDITOR_POSITION$1, true);
@@ -11635,7 +11683,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				endOffset: cursor
 			}]);
 		}
-		(_this$_renderManagerS5 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
+		(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
 	}
 	_refreshCurrentSelections(sheetId) {
 		const selections = this._workbookSelections.getSelectionsOfWorksheet(sheetId);
@@ -11748,7 +11796,6 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		var _editorObject$scene$g;
 		this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_INPUT_FORMULA, false);
 		this._contextService.setContextValue(_univerjs_core.EDITOR_ACTIVATED, false);
-		this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN, false);
 		this._contextService.setContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR, false);
 		this._cellEditorManagerService.setState({ show: param.visible });
 		const formulaBarEditor = this._editorService.getEditor(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
@@ -11827,11 +11874,11 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 	}
 	_getEditorSkeleton(editorId) {
 		var _this$_renderManagerS6;
-		return (_this$_renderManagerS6 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
 		var _this$_renderManagerS7;
-		return (_this$_renderManagerS7 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 	}
 	_getEditingUnit() {
 		return this._editingUnit ? this._univerInstanceService.getUnit(this._editingUnit, _univerjs_core.UniverInstanceType.UNIVER_SHEET) : null;
@@ -12402,12 +12449,12 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 				if (event.event.key === "Escape") this._sheetClipboardService.removeMarkSelection();
 			});
 		};
-		let docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
+		let docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (docSelectionRenderService) sheetPasteShortKeyFn(docSelectionRenderService);
 		this._renderManagerService.created$.subscribe((renderer) => {
 			if (renderer.unitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
 				var _this$_renderManagerS2;
-				docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
+				docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
 				if (docSelectionRenderService) sheetPasteShortKeyFn(docSelectionRenderService);
 			}
 		});
@@ -12632,11 +12679,9 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 		};
 	}
 	_generateDocumentDataModelSnapshot(snapshot) {
-		var _withCurrentTypeOfRen, _skeleton$getBlankCel;
-		const currentSkeleton = (_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._instanceService, this._renderManagerService)) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.getCurrentParam();
-		if (currentSkeleton == null) return null;
-		const { skeleton } = currentSkeleton;
-		const documentModel = (_skeleton$getBlankCel = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel === void 0 ? void 0 : _skeleton$getBlankCel.documentModel;
+		var _withCurrentTypeOfRen;
+		if (((_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._instanceService, this._renderManagerService)) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.getCurrentParam()) == null) return null;
+		const documentModel = (0, _univerjs_core.createDocumentModelWithStyle)("", {});
 		const documentData = {
 			...documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot(),
 			...snapshot
@@ -12816,7 +12861,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 					const setValuesMutation = {
 						unitId,
 						subUnitId,
-						cellValue: valueMatrix.getData()
+						cellValue: valueMatrix.clone()
 					};
 					redoMutationsInfo.push({
 						id: _univerjs_sheets.SetRangeValuesMutation.id,
@@ -12842,7 +12887,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 	}
 	_getWorksheet(unitId, subUnitId) {
 		var _this$_instanceServic;
-		const worksheet = (_this$_instanceServic = this._instanceService.getUniverSheetInstance(unitId)) === null || _this$_instanceServic === void 0 ? void 0 : _this$_instanceServic.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_instanceServic = this._instanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_instanceServic === void 0 ? void 0 : _this$_instanceServic.getSheetBySheetId(subUnitId);
 		if (!worksheet) throw new Error(`[SheetClipboardController]: cannot find a worksheet with unitId ${unitId} and subUnitId ${subUnitId}.`);
 		return worksheet;
 	}
@@ -12921,7 +12966,7 @@ let DragManagerService = class DragManagerService extends _univerjs_core.Disposa
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return;
-		const currentRender = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const currentRender = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!currentRender) return;
 		const skeletonParam = currentRender.with(SheetSkeletonManagerService).getCurrentParam();
 		const scrollInfo = currentRender.with(SheetScrollManagerService).getCurrentScrollState();
@@ -13094,7 +13139,7 @@ let FormulaEditorController = class FormulaEditorController extends _univerjs_co
 	}
 	_create(unitId) {
 		if (unitId !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return;
-		const formulaEditorDocObject = this._renderManagerService.getRenderById(unitId);
+		const formulaEditorDocObject = this._renderManagerService.getRenderUnitById(unitId);
 		if (formulaEditorDocObject == null) return;
 		const { mainComponent: documentComponent } = formulaEditorDocObject;
 		if (documentComponent == null) return;
@@ -13102,7 +13147,7 @@ let FormulaEditorController = class FormulaEditorController extends _univerjs_co
 	}
 	_listenFxBtnClick() {
 		this._formulaEditorManagerService.fxBtnClick$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe(() => {
-			if (this._contextService.getContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN) && !this._contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED)) {
+			if (this._contextService.getContextValue(_univerjs_core.FOCUSING_UNIVER_EDITOR) && !this._contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED)) {
 				var _formulaEditorDataMod;
 				this._univerInstanceService.setCurrentUnitForType(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 				const formulaEditorDataModel = this._univerInstanceService.getUnit(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -13162,8 +13207,8 @@ let FormulaEditorController = class FormulaEditorController extends _univerjs_co
 	autoScroll() {
 		var _this$_renderManagerS;
 		const position = this._formulaEditorManagerService.getPosition();
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
-		const editorObject = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		const editorObject = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 		const formulaEditorDataModel = this._univerInstanceService.getUnit(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (skeleton == null || position == null || editorObject == null || formulaEditorDataModel == null) return;
 		const { marginTop = 0, marginBottom = 0 } = formulaEditorDataModel.getSnapshot().documentStyle;
@@ -13384,7 +13429,7 @@ const getCustomRangePosition = (injector, unitId, subUnitId, row, col, rangeId)
 	if (!workbook) return null;
 	const worksheet = workbook.getSheetBySheetId(subUnitId);
 	if (!worksheet) return null;
-	const currentRender = renderManagerService.getRenderById(workbook.getUnitId());
+	const currentRender = renderManagerService.getRenderUnitById(workbook.getUnitId());
 	const skeletonParam = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).getSkeletonParam(worksheet.getSheetId());
 	const skeleton = skeletonParam === null || skeletonParam === void 0 ? void 0 : skeletonParam.skeleton;
 	if (!skeleton || !currentRender) return;
@@ -13430,8 +13475,8 @@ const getEditingCustomRangePosition = (injector, unitId, subUnitId, row, col, ra
 	const { editorUnitId, unitId: editingUnitId, sheetId, row: editRow, column: editCol } = state;
 	if (unitId !== editingUnitId || subUnitId !== sheetId || editRow !== row || editCol !== col) return null;
 	const renderManagerService = injector.get(_univerjs_engine_render.IRenderManagerService);
-	const renderer = renderManagerService.getRenderById(editorUnitId);
-	const sheetRenderer = renderManagerService.getRenderById(unitId);
+	const renderer = renderManagerService.getRenderUnitById(editorUnitId);
+	const sheetRenderer = renderManagerService.getRenderUnitById(unitId);
 	if (!renderer || !sheetRenderer) return null;
 	const docSkeleton = renderer.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	const sheetSkeleton = (_sheetRenderer$with$g = sheetRenderer.with(SheetSkeletonManagerService).getSkeletonParam(sheetId)) === null || _sheetRenderer$with$g === void 0 ? void 0 : _sheetRenderer$with$g.skeleton;
@@ -13583,7 +13628,7 @@ let HoverManagerService = class HoverManagerService extends _univerjs_core.Dispo
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return null;
-		const currentRender = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const currentRender = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!currentRender) return null;
 		const skeletonParam = currentRender.with(SheetSkeletonManagerService).getSkeletonParam(worksheet.getSheetId());
 		if (!skeletonParam) return null;
@@ -13913,10 +13958,9 @@ const UNIVER_SHEET_PERMISSION_ALERT_DIALOG = "UNIVER_SHEET_PERMISSION_ALERT_DIAL
 //#endregion
 //#region src/controllers/permission/sheet-permission-check-ui.controller.ts
 let SheetPermissionCheckUIController = class SheetPermissionCheckUIController extends _univerjs_core.Disposable {
-	constructor(_commandService, _univerInstanceService, _permissionService, _dialogService, _rangeProtectionRuleModel, _localeService, _contextService, _sheetPermissionCheckController) {
+	constructor(_commandService, _permissionService, _dialogService, _rangeProtectionRuleModel, _localeService, _contextService, _sheetPermissionCheckController) {
 		super();
 		this._commandService = _commandService;
-		this._univerInstanceService = _univerInstanceService;
 		this._permissionService = _permissionService;
 		this._dialogService = _dialogService;
 		this._rangeProtectionRuleModel = _rangeProtectionRuleModel;
@@ -13941,7 +13985,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				errorMsg
 			},
 			width: 320,
-			destroyOnClose: true,
 			showOk: true,
 			onClose: () => {
 				this._dialogService.close(UNIVER_SHEET_PERMISSION_ALERT_DIALOG_ID);
@@ -13958,7 +14001,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 		let permission = true;
 		let errorMsg = "";
 		let params;
-		let target;
 		switch (id) {
 			case _univerjs_docs.InsertTextCommand.id:
 			case _univerjs_docs_ui.IMEInputCommand.id:
@@ -13982,20 +14024,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				});
 				errorMsg = this._localeService.t("sheets-ui.permission.dialog.editErr");
 				break;
-			case SheetPasteColWidthCommand.id:
-				permission = this._sheetPermissionCheckController.permissionCheckWithoutRange({
-					workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-					worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetColumnStylePermission],
-					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-				});
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.pasteErr");
-				break;
-			case SheetPasteShortKeyCommand.id:
-			case SheetPasteCommand.id:
-				params = commandInfo.params;
-				permission = this._permissionCheckByPaste(params);
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.pasteErr");
-				break;
 			case ApplyFormatPainterCommand.id:
 				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
 					workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
@@ -14008,28 +14036,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				});
 				errorMsg = this._localeService.t("sheets-ui.permission.dialog.commonErr");
 				break;
-			case SheetCopyCommand.id:
-				var _this$_permissionServ;
-				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
-					workbookTypes: [_univerjs_sheets.WorkbookCopyPermission],
-					worksheetTypes: [_univerjs_sheets.WorksheetCopyPermission],
-					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint]
-				});
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.copyErr");
-				target = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService);
-				if (!permission && target && !((_this$_permissionServ = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value)) errorMsg = this._localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
-				break;
-			case SheetCutCommand.id:
-				var _this$_permissionServ2;
-				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
-					workbookTypes: [_univerjs_sheets.WorkbookCopyPermission, _univerjs_sheets.WorkbookEditablePermission],
-					worksheetTypes: [_univerjs_sheets.WorksheetCopyPermission, _univerjs_sheets.WorksheetEditPermission],
-					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionViewPoint, _univerjs_sheets.RangeProtectionPermissionEditPoint]
-				});
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.copyErr");
-				target = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService);
-				if (!permission && target && !((_this$_permissionServ2 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value)) errorMsg = this._localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
-				break;
 			default: break;
 		}
 		if (!permission) this._sheetPermissionCheckController.blockExecuteWithoutPermission(errorMsg);
@@ -14042,37 +14048,15 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 			this._getPermissionCheck(commandInfo);
 		}));
 	}
-	_permissionCheckByPaste(params) {
-		if (params.value === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE || params.value === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA) return this._sheetPermissionCheckController.permissionCheckWithRanges({
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSetCellStylePermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		});
-		else if (params.value === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT) return this._sheetPermissionCheckController.permissionCheckWithRanges({
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSetCellStylePermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		});
-		else return this._sheetPermissionCheckController.permissionCheckWithRanges({
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [
-				_univerjs_sheets.WorksheetSetCellValuePermission,
-				_univerjs_sheets.WorksheetSetCellStylePermission,
-				_univerjs_sheets.WorksheetEditPermission
-			],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		});
-	}
 };
 SheetPermissionCheckUIController = __decorate([
 	__decorateParam(0, _univerjs_core.ICommandService),
-	__decorateParam(1, _univerjs_core.IUniverInstanceService),
-	__decorateParam(2, _univerjs_core.IPermissionService),
-	__decorateParam(3, _univerjs_ui.IDialogService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.RangeProtectionRuleModel)),
-	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
-	__decorateParam(6, _univerjs_core.IContextService),
-	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController))
+	__decorateParam(1, _univerjs_core.IPermissionService),
+	__decorateParam(2, _univerjs_ui.IDialogService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.RangeProtectionRuleModel)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(5, _univerjs_core.IContextService),
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController))
 ], SheetPermissionCheckUIController);
 
 //#endregion
@@ -14998,9 +14982,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM6;
-		const config = (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton.getWorksheetConfig();
-		if (config == null) return;
-		return config.freeze;
+		return (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton.worksheet.getFreeze();
 	}
 	_getSheetObject() {
 		return getSheetObject(this._context.unit, this._context);
@@ -19480,11 +19462,11 @@ function Text2NumberContextMenuItemFactory(accessor) {
 //#endregion
 //#region src/views/sheet-slider/SheetZoomInput.tsx
 const SHEET_ZOOM_INPUT_COMPONENT = "SHEET_ZOOM_INPUT_COMPONENT";
-function SheetZoomInput(props) {
+function SheetZoomInput({ className, ...props }) {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ZoomInput, {
 		...props,
-		className: "!univer-bg-transparent dark:!univer-bg-transparent",
+		className: (0, _univerjs_design.clsx)("!univer-bg-transparent dark:!univer-bg-transparent", className),
 		onChange: (value) => commandService.executeCommand(SetZoomRatioFromToolbarCommand.id, { value })
 	});
 }
@@ -19538,48 +19520,97 @@ const menuSchema = {
 		[_univerjs_ui.RibbonStartGroup.HISTORY]: {
 			[SetOnceFormatPainterCommand.id]: {
 				order: 2,
+				gridLayout: {
+					row: 1,
+					column: 2,
+					showLabel: true
+				},
 				menuItemFactory: FormatPainterMenuItemFactory
 			},
 			[_univerjs_sheets.ClearSelectionAllCommand.id]: {
 				order: 3,
+				gridLayout: {
+					row: 2,
+					column: 2,
+					showLabel: true
+				},
 				menuItemFactory: ClearSelectionAllToolbarMenuItemFactory
 			}
 		},
 		[_univerjs_ui.RibbonStartGroup.FORMAT]: {
 			[SetRangeFontFamilyCommand.id]: {
 				order: 1,
+				gridLayout: {
+					row: 1,
+					column: 1,
+					columnSpan: 4,
+					width: 240
+				},
 				menuItemFactory: FontFamilySelectorMenuItemFactory
 			},
 			[SetRangeFontSizeCommand.id]: {
 				order: 2,
+				gridLayout: {
+					row: 1,
+					column: 5,
+					width: 72
+				},
 				menuItemFactory: FontSizeSelectorMenuItemFactory
 			},
 			[SetRangeFontIncreaseCommand.id]: {
 				order: 2.1,
+				gridLayout: {
+					row: 1,
+					column: 6
+				},
 				menuItemFactory: FontSizeIncreaseMenuItemFactory
 			},
 			[SetRangeFontDecreaseCommand.id]: {
 				order: 2.2,
+				gridLayout: {
+					row: 1,
+					column: 7
+				},
 				menuItemFactory: FontSizeDecreaseMenuItemFactory
 			},
 			[SetRangeBoldCommand.id]: {
 				order: 5,
+				gridLayout: {
+					row: 2,
+					column: 1
+				},
 				menuItemFactory: BoldMenuItemFactory
 			},
 			[SetRangeItalicCommand.id]: {
 				order: 6,
+				gridLayout: {
+					row: 2,
+					column: 2
+				},
 				menuItemFactory: ItalicMenuItemFactory
 			},
 			[SetRangeUnderlineCommand.id]: {
 				order: 7,
+				gridLayout: {
+					row: 2,
+					column: 3
+				},
 				menuItemFactory: UnderlineMenuItemFactory
 			},
 			[SetRangeStrickThroughCommand.id]: {
 				order: 8,
+				gridLayout: {
+					row: 2,
+					column: 4
+				},
 				menuItemFactory: StrikeThroughMenuItemFactory
 			},
 			[SetRangeTextColorCommand.id]: {
 				order: 9,
+				gridLayout: {
+					row: 2,
+					column: 7
+				},
 				menuItemFactory: TextColorSelectorMenuItemFactory,
 				[_univerjs_sheets.ResetTextColorCommand.id]: {
 					order: 0,
@@ -19588,6 +19619,10 @@ const menuSchema = {
 			},
 			[_univerjs_sheets.SetBackgroundColorCommand.id]: {
 				order: 10,
+				gridLayout: {
+					row: 2,
+					column: 6
+				},
 				menuItemFactory: BackgroundColorSelectorMenuItemFactory,
 				[_univerjs_sheets.ResetBackgroundColorCommand.id]: {
 					order: 0,
@@ -19596,32 +19631,60 @@ const menuSchema = {
 			},
 			[_univerjs_sheets.SetBorderBasicCommand.id]: {
 				order: 11,
+				gridLayout: {
+					row: 2,
+					column: 5
+				},
 				menuItemFactory: CellBorderSelectorMenuItemFactory
 			}
 		},
 		[_univerjs_ui.RibbonStartGroup.LAYOUT]: {
 			[_univerjs_sheets.SetHorizontalTextAlignCommand.id]: {
 				order: 0,
+				gridLayout: {
+					row: 1,
+					column: 1
+				},
 				menuItemFactory: HorizontalAlignMenuItemFactory
 			},
 			[_univerjs_sheets.SetVerticalTextAlignCommand.id]: {
 				order: 3,
+				gridLayout: {
+					row: 2,
+					column: 1
+				},
 				menuItemFactory: VerticalAlignMenuItemFactory
 			},
 			[_univerjs_sheets.SetTextWrapCommand.id]: {
 				order: 6,
+				gridLayout: {
+					row: 1,
+					column: 2
+				},
 				menuItemFactory: WrapTextMenuItemFactory
 			},
 			[_univerjs_sheets.SetShrinkToFitCommand.id]: {
 				order: 7,
+				gridLayout: {
+					row: 2,
+					column: 2
+				},
 				menuItemFactory: ShrinkToFitMenuItemFactory
 			},
 			[_univerjs_sheets.SetTextRotationCommand.id]: {
 				order: 8,
+				gridLayout: {
+					row: 1,
+					column: 3
+				},
 				menuItemFactory: TextRotateMenuItemFactory
 			},
 			[_univerjs_sheets.AddWorksheetMergeCommand.id]: {
 				order: 9,
+				gridLayout: {
+					row: 2,
+					column: 3
+				},
 				menuItemFactory: CellMergeMenuItemFactory,
 				[_univerjs_sheets.AddWorksheetMergeAllCommand.id]: {
 					order: 0,
@@ -19643,6 +19706,12 @@ const menuSchema = {
 		},
 		[_univerjs_ui.RibbonStartGroup.OTHERS]: { [AddRangeProtectionFromToolbarCommand.id]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				rowSpan: 2,
+				showLabel: true
+			},
 			menuItemFactory: sheetPermissionToolbarMenuFactory
 		} }
 	},
@@ -19650,19 +19719,41 @@ const menuSchema = {
 		[_univerjs_ui.RibbonViewGroup.DISPLAY]: {
 			[SHEET_FROZEN_TOOLBAR_MENU_ID]: {
 				order: 0,
+				gridLayout: {
+					row: 1,
+					column: 1,
+					rowSpan: 2,
+					showLabel: true
+				},
 				menuItemFactory: SheetFrozenToolbarMenuItemFactory
 			},
 			[ZOOM_RATIO_MENU_ID]: {
 				order: 1,
+				gridLayout: {
+					row: 1,
+					column: 2,
+					width: 112
+				},
 				menuItemFactory: ZoomRatioMenuItemFactory
 			},
 			[_univerjs_ui.ToggleFullscreenOperation.id]: {
 				order: 2,
+				gridLayout: {
+					row: 2,
+					column: 2,
+					showLabel: true,
+					width: 112
+				},
 				menuItemFactory: FullscreenMenuItemFactory
 			}
 		},
 		[_univerjs_ui.RibbonViewGroup.VISIBILITY]: { [_univerjs_sheets.ToggleGridlinesCommand.id]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				showLabel: true
+			},
 			menuItemFactory: ToggleGridlinesMenuFactory
 		} }
 	},
@@ -20191,18 +20282,12 @@ function AutoFillPopupMenu() {
 	const selected = (0, _univerjs_ui.useObservable)(autoFillService.applyType$, _univerjs_sheets.AUTO_FILL_APPLY_TYPE.SERIES);
 	const [isHovered, setHovered] = (0, react.useState)(false);
 	const workbook = useActiveWorkbook();
-	const { sheetSkeletonManagerService, selectionRenderService } = (0, react.useMemo)(() => {
+	const sheetSkeletonManagerService = (0, react.useMemo)(() => {
 		if (workbook) {
-			const ru = renderManagerService.getRenderById(workbook.getUnitId());
-			return {
-				sheetSkeletonManagerService: ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService),
-				selectionRenderService: ru === null || ru === void 0 ? void 0 : ru.with(ISheetSelectionRenderService)
-			};
+			const ru = renderManagerService.getRenderUnitById(workbook.getUnitId());
+			return ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService);
 		}
-		return {
-			sheetSkeletonManagerService: null,
-			selectionRenderService: null
-		};
+		return null;
 	}, [workbook, renderManagerService]);
 	const handleMouseEnter = () => {
 		setHovered(true);
@@ -20233,10 +20318,11 @@ function AutoFillPopupMenu() {
 	}, [visible]);
 	if (anchor.col < 0 || anchor.row < 0) return null;
 	const sheetObject = getSheetObject(univerInstanceService, renderManagerService);
-	if (!sheetObject || !selectionRenderService) return null;
+	if (!sheetObject || !workbook) return null;
 	const { scene } = sheetObject;
 	const skeleton = sheetSkeletonManagerService === null || sheetSkeletonManagerService === void 0 ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
-	const viewport = selectionRenderService.getViewPort();
+	const viewport = getViewportByCell(anchor.row, anchor.col, scene, workbook.getActiveSheet());
+	if (!viewport) return null;
 	const scaleX = scene === null || scene === void 0 ? void 0 : scene.scaleX;
 	const scaleY = scene === null || scene === void 0 ? void 0 : scene.scaleY;
 	const scrollXY = scene === null || scene === void 0 ? void 0 : scene.getViewportScrollXY(viewport);
@@ -21025,7 +21111,8 @@ function DefinedName({ disable }) {
 	const definedNames = (0, _univerjs_ui.useObservable)(() => definedNamesService.update$.pipe((0, rxjs.map)(getDefinedNameMap), (0, rxjs.startWith)(getDefinedNameMap())), getDefinedNameMap(), false, [definedNamesService, unitId]);
 	(0, react.useEffect)(() => {
 		const subscription = definedNamesService.currentRange$.subscribe(() => {
-			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selectionManagerService.getCurrentSelections(), lexerTreeBuilder);
+			const selections = selectionManagerService.getCurrentSelections();
+			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selections, lexerTreeBuilder);
 			const definedName = definedNamesService.getDefinedNameByRefString(unitId, absoluteRef);
 			if (definedName) {
 				setRangeString(definedName.name);
@@ -21459,7 +21546,7 @@ function SheetBarMenu() {
 		if (!workbook) return;
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
-		setMenu(sheets.map((sheet, index) => {
+		const worksheetMenuItems = sheets.map((sheet, index) => {
 			return {
 				label: sheet.getName(),
 				index: `${index}`,
@@ -21467,7 +21554,8 @@ function SheetBarMenu() {
 				hidden: sheet.isSheetHidden() === _univerjs_core.BooleanNumber.TRUE,
 				selected: activeSheet === sheet
 			};
-		}));
+		});
+		setMenu(worksheetMenuItems);
 	}, [workbook, worksheetProtectionRuleModel]);
 	const setupStatusUpdate = (0, react.useCallback)(() => commandService.onCommandExecuted((commandInfo) => {
 		switch (commandInfo.id) {
@@ -22622,7 +22710,7 @@ function SheetBarTabs() {
 		var _activeSheet$getSheet;
 		const activeSheet = workbook.getActiveSheet();
 		const currentSubUnitId = (_activeSheet$getSheet = activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) !== null && _activeSheet$getSheet !== void 0 ? _activeSheet$getSheet : "";
-		setSheetList(workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
+		const sheetListItems = workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			var _sheet$getTabColor;
 			const worksheetRule = worksheetProtectionRuleModel.getRule(workbook.getUnitId(), sheet.getSheetId());
 			const hasSelectionRule = rangeProtectionRuleModel.getSubunitRuleList(workbook.getUnitId(), sheet.getSheetId()).length > 0;
@@ -22640,7 +22728,8 @@ function SheetBarTabs() {
 				selected: activeSheet === sheet,
 				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
 			};
-		}));
+		});
+		setSheetList(sheetListItems);
 		setActiveSheetId(currentSubUnitId);
 	}, [
 		rangeProtectionRuleModel,
@@ -22672,7 +22761,7 @@ function SheetBarTabs() {
 		workbookRef.current = workbook;
 	}, [workbook]);
 	const syncActiveSheetRender = (0, react.useCallback)((subUnitId) => {
-		const render = renderManagerService.getRenderById(workbookRef.current.getUnitId());
+		const render = renderManagerService.getRenderUnitById(workbookRef.current.getUnitId());
 		try {
 			render === null || render === void 0 || render.with(SheetSkeletonManagerService).setCurrent({ sheetId: subUnitId });
 			render === null || render === void 0 || render.scene.makeDirty(true);
@@ -23043,7 +23132,10 @@ function ZoomSlider() {
 	(0, react.useEffect)(() => {
 		setZoom(getCurrentZoom());
 		return commandService.onCommandExecuted((commandInfo) => {
-			if (commandInfo.id === SetZoomRatioOperation.id || commandInfo.id === _univerjs_sheets.SetWorksheetActiveOperation.id) setZoom(getCurrentZoom());
+			if (commandInfo.id === SetZoomRatioOperation.id || commandInfo.id === _univerjs_sheets.SetWorksheetActiveOperation.id) {
+				const currentZoom = getCurrentZoom();
+				setZoom(currentZoom);
+			}
 		}).dispose;
 	}, [commandService, getCurrentZoom]);
 	function handleChange(value) {
@@ -23143,8 +23235,6 @@ function formatNumber(item) {
 const SINGLE_MODE_WIDTH = 800;
 const ROW_COUNT_THRESHOLD = 3;
 const StatusBar = () => {
-	var _useConfigValue$statu, _useConfigValue;
-	const showStatistic = (_useConfigValue$statu = (_useConfigValue = (0, _univerjs_ui.useConfigValue)("sheets-ui.config")) === null || _useConfigValue === void 0 ? void 0 : _useConfigValue.statusBarStatistic) !== null && _useConfigValue$statu !== void 0 ? _useConfigValue$statu : true;
 	const [isSingle, setIsSingle] = (0, react.useState)(window.innerWidth < SINGLE_MODE_WIDTH);
 	const statusBarService = (0, _univerjs_ui.useDependency)(IStatusBarService);
 	const items = statusBarService.getFunctions().map((item, index) => ({
@@ -23154,7 +23244,7 @@ const StatusBar = () => {
 		disable: false,
 		pattern: null
 	}));
-	const useStatistics = (initialItems, statusBarService, isSingle, showStatistic) => {
+	const useStatistics = (initialItems, statusBarService, isSingle) => {
 		const [statistics, setStatistics] = (0, react.useState)(initialItems);
 		const [show, setShow] = (0, react.useState)(true);
 		const filteredStatistics = (0, react.useMemo)(() => statistics.filter((item) => item.show && !item.disable), [statistics]);
@@ -23182,21 +23272,16 @@ const StatusBar = () => {
 			}));
 		}, []);
 		(0, react.useEffect)(() => {
-			if (!showStatistic) return;
 			const subscription = statusBarService.state$.subscribe(updateStatistics);
 			return () => subscription.unsubscribe();
-		}, [
-			showStatistic,
-			statusBarService,
-			updateStatistics
-		]);
+		}, [statusBarService, updateStatistics]);
 		return {
 			statistics,
 			showList,
 			show
 		};
 	};
-	const { showList, show } = useStatistics(items, statusBarService, isSingle, showStatistic);
+	const { showList, show } = useStatistics(items, statusBarService, isSingle);
 	const handleResize = (0, _univerjs_core.debounce)(() => {
 		const newSingleState = window.innerWidth < SINGLE_MODE_WIDTH;
 		if (isSingle !== newSingleState) setIsSingle(newSingleState);
@@ -23208,7 +23293,6 @@ const StatusBar = () => {
 		};
 	}, [isSingle]);
 	const getStatisticLayout = (showList, rowCountThreshold, CopyableStatisticItem) => {
-		if (!showStatistic) return null;
 		if (showList.length > rowCountThreshold) return showList.reduce((acc, _, index) => {
 			if (index % 2 === 0) acc.push(showList.slice(index, index + 2));
 			return acc;
@@ -23309,7 +23393,7 @@ function RenderSheetHeader() {
 	return null;
 }
 /**
-* @deprecated We should not write into this component anymore.
+* We should not write into this component anymore.
 */
 function RenderSheetContent() {
 	var _componentManager$get;
@@ -24021,7 +24105,7 @@ let SheetUIController = class SheetUIController extends _univerjs_core.Disposabl
 	}
 	_initFocusHandler() {
 		this.disposeWithMe(this._layoutService.registerFocusHandler(_univerjs_core.UniverInstanceType.UNIVER_SHEET, (_unitId) => {
-			const cellEditorRender = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+			const cellEditorRender = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 			const docSelectionRenderService = cellEditorRender === null || cellEditorRender === void 0 ? void 0 : cellEditorRender.with(_univerjs_docs_ui.DocSelectionRenderService);
 			docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 		}));
@@ -24063,7 +24147,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24256,8 +24340,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		};
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return {
 			dispose: () => {},
 			canDispose: () => true
@@ -24310,8 +24394,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const subUnitId = worksheet.getSheetId();
 		if (unitId !== location.unitId || location.subUnitId !== subUnitId) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
-		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return null;
 		const { position, position$, disposable } = this._createPositionObserver(bound, currentRender, skeleton, worksheet);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24364,8 +24448,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		if (_unitId && unitId !== _unitId || _subUnitId && _subUnitId !== subUnitId) return null;
-		const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
 		const popupInjector = this._resolveEmbeddedPopupInjector(unitId, currentRender);
@@ -24407,7 +24491,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		if (!worksheet) return null;
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		if (!currentRender || !skeleton || !sheetSelectionRenderService) return null;
@@ -24476,7 +24560,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		if (_unitId && unitId !== _unitId || _subUnitId && subUnitId !== _subUnitId) return null;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		if (!currentRender || !skeleton || !sheetSelectionRenderService) return null;
@@ -25599,7 +25683,7 @@ let CellAlertManagerService = class CellAlertManagerService extends _univerjs_co
 		}
 		const { location } = alert;
 		const { row, col, unitId, subUnitId } = location;
-		if (!this._renderManagerService.getRenderById(unitId)) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const disposable = this._cellPopupManagerService.showPopup({
 			unitId,
 			subUnitId,
@@ -25796,7 +25880,7 @@ function DefinedNameInputContent(props) {
 	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = (0, react.useState)(false);
 	(0, _univerjs_ui.useSidebarClick)((e) => {
 		var _formulaEditorRef$cur;
-		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+		(_formulaEditorRef$cur = formulaEditorRef.current) !== null && _formulaEditorRef$cur !== void 0 && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: (0, _univerjs_design.clsx)("univer-grid univer-space-y-2 univer-pb-1", _univerjs_design.borderBottomClassName, { "univer-hidden": !state }),
@@ -26031,7 +26115,7 @@ const DefinedNameContainer = () => {
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-u-comp": "defined-name-container",
-		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-full univer-flex-col",
+		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-full univer-flex-col univer-overflow-hidden",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-mb-4",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.Button, {
@@ -26352,7 +26436,8 @@ function ListDropDown(props) {
 		multiple,
 		onChange: async (newValue) => {
 			var _newValue$;
-			setLocalValue(multiple ? (0, _univerjs_sheets.serializeListOptions)(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "");
+			const str = multiple ? (0, _univerjs_sheets.serializeListOptions)(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "";
+			setLocalValue(str);
 			if (!(await (onChange === null || onChange === void 0 ? void 0 : onChange(newValue)) === false)) hideFn();
 		},
 		options,
@@ -26439,13 +26524,14 @@ const SheetPermissionDialog = () => {
 				actions: defaultWorksheetUnitActionList
 			}).then((result) => {
 				if (cancelled) return;
-				setPermissionMap(result[0].strategies.reduce((p, c) => {
+				const actions = result[0].strategies.reduce((p, c) => {
 					if (subUnitPermissionTypeMap[c.action]) p[c.action] = {
 						text: localeService.t(`sheets-ui.permission.panel.${subUnitPermissionTypeMap[c.action]}`),
 						allowed: c.role !== _univerjs_protocol.UnitRole.Owner
 					};
 					return p;
-				}, {}));
+				}, {});
+				setPermissionMap(actions);
 				loadingTimer = setTimeout(() => {
 					setLoading(false);
 				}, 100);
@@ -26840,7 +26926,8 @@ const PermissionDetailMainPart = (props) => {
 			(0, _univerjs_sheets.setEndForRange)(range, worksheet.getRowCount(), worksheet.getColumnCount());
 			return range;
 		});
-		onRangesChange(transformedRange, checkRangeValid(injector, transformedRange, permissionId, unitId, subUnitId));
+		const rangeErrorString = checkRangeValid(injector, transformedRange, permissionId, unitId, subUnitId);
+		onRangesChange(transformedRange, rangeErrorString);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 		className: "univer-font-medium",
@@ -26913,7 +27000,6 @@ const PermissionDetailUserPart = (props) => {
 			title: { title: "" },
 			children: { label: UNIVER_SHEET_PERMISSION_USER_DIALOG },
 			width: "auto",
-			destroyOnClose: true,
 			closable: false,
 			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_USER_DIALOG_ID),
 			className: "sheet-permission-user-dialog"
@@ -27462,10 +27548,13 @@ const SheetPermissionUserDialog = () => {
 		})) === -1) {
 			const select = { ...item };
 			setSelectUserInfo([...selectUserInfo, select]);
-		} else setSelectUserInfo(selectUserInfo.filter((v) => {
-			var _v$subject2, _item$subject3;
-			return ((_v$subject2 = v.subject) === null || _v$subject2 === void 0 ? void 0 : _v$subject2.userID) !== ((_item$subject3 = item.subject) === null || _item$subject3 === void 0 ? void 0 : _item$subject3.userID);
-		}));
+		} else {
+			const newSelectUserInfo = selectUserInfo.filter((v) => {
+				var _v$subject2, _item$subject3;
+				return ((_v$subject2 = v.subject) === null || _v$subject2 === void 0 ? void 0 : _v$subject2.userID) !== ((_item$subject3 = item.subject) === null || _item$subject3 === void 0 ? void 0 : _item$subject3.userID);
+			});
+			setSelectUserInfo(newSelectUserInfo);
+		}
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
@@ -27830,7 +27919,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 	}
 	_getEditorViewModel(unitId) {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 	}
 	_syncFormulaEditorContent() {
 		this.disposeWithMe(this._editorBridgeService.currentEditCellState$.subscribe((editCellState) => {
@@ -27899,7 +27988,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 	}
 	_syncActionsAndRender(unitId, parmas) {
 		const INCLUDE_LIST = [_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY];
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		const skeleton = currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -27926,7 +28015,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 			if (body.paragraphs) body.paragraphs = this._clearParagraph(body.paragraphs);
 		}
 		const INCLUDE_LIST = [_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY];
-		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const docViewModel = this._getEditorViewModel(unitId);
 		if (docDataModel == null || docViewModel == null || skeleton == null) return;
@@ -27935,7 +28024,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		docDataModel.getSnapshot().drawingsOrder = drawingsOrder !== null && drawingsOrder !== void 0 ? drawingsOrder : [];
 		this._checkAndSetRenderStyleConfig(docDataModel);
 		docViewModel.reset(docDataModel);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		skeleton.calculate();
 		if (INCLUDE_LIST.includes(unitId)) {
@@ -27952,7 +28041,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 	}
 	_refreshRenderStyleConfig(unitId) {
 		var _currentRender$mainCo3;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const docViewModel = this._getEditorViewModel(unitId);
@@ -28455,7 +28544,7 @@ function MobileSheetBarImpl(props) {
 		const currentSubUnitId = workbook.getActiveSheet().getSheetId();
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
-		setSheetList(sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
+		const sheetListItems = sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			var _sheet$getTabColor;
 			return {
 				sheetId: sheet.getSheetId(),
@@ -28464,7 +28553,8 @@ function MobileSheetBarImpl(props) {
 				selected: activeSheet === sheet,
 				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
 			};
-		}));
+		});
+		setSheetList(sheetListItems);
 		setActiveKey(currentSubUnitId);
 		if (tabMapRef.current.has(currentSubUnitId)) {
 			const element = tabMapRef.current.get(currentSubUnitId);
@@ -29229,7 +29319,7 @@ let WorksheetProtectionRenderController = class WorksheetProtectionRenderControl
 	}
 	_initRender() {
 		const renderId = this._context.unitId;
-		const render = renderId && this._renderManagerService.getRenderById(renderId);
+		const render = renderId && this._renderManagerService.getRenderUnitById(renderId);
 		const spreadsheetRender = render && render.mainComponent;
 		if (spreadsheetRender) {
 			if (!spreadsheetRender.getExtensionByKey("worksheet-protection")) spreadsheetRender.register(this._worksheetProtectionRenderExtension);
@@ -29649,7 +29739,7 @@ let SheetContextMenuMobileRenderController = class SheetContextMenuMobileRenderC
 	}
 	_getCurrentRenderSelections() {
 		var _selectionRenderServi;
-		const currentRender = this._renderManagerService.getRenderById(this._context.unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(this._context.unitId);
 		const selectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		return (_selectionRenderServi = selectionRenderService === null || selectionRenderService === void 0 ? void 0 : selectionRenderService.getSelectionControls().map((control) => (0, _univerjs_sheets.convertSelectionDataToRange)(control.getValue()))) !== null && _selectionRenderServi !== void 0 ? _selectionRenderServi : [];
 	}
@@ -30133,9 +30223,7 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM;
-		const snapshot = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.getWorksheetConfig();
-		if (snapshot == null) return;
-		return snapshot.freeze;
+		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.worksheet.getFreeze();
 	}
 	_initScrollEventListener() {
 		const { scene } = this._context;
@@ -30301,7 +30389,10 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 				const speedFactor = Math.min(swipeSpeed / 2, 1);
 				multiplier = MIN_VELOCITY_MULTIPLIER + (MAX_VELOCITY_MULTIPLIER - MIN_VELOCITY_MULTIPLIER) * speedFactor;
 				if (swipeDuration < 150 && Math.abs(instantVelocity) > 3) multiplier *= 1.3;
-			} else multiplier = MIN_VELOCITY_MULTIPLIER * (.5 + Math.min(Math.abs(instantVelocity) / 5, 1) * .5);
+			} else {
+				const velocityFactor = Math.min(Math.abs(instantVelocity) / 5, 1);
+				multiplier = MIN_VELOCITY_MULTIPLIER * (.5 + velocityFactor * .5);
+			}
 			return Math.max(MIN_VELOCITY_MULTIPLIER * .5, Math.min(MAX_VELOCITY_MULTIPLIER * 1.5, multiplier));
 		};
 		/**
@@ -30627,7 +30718,10 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 			if (!_touchScrolling) return;
 			_touchScrolling = false;
 			const avgVelocity = calculateAverageVelocity();
-			const dynamicMultiplier = calculateDynamicVelocityMultiplier(performance.now() - swipeStartTime, Math.sqrt(swipeTotalDisplacement.x * swipeTotalDisplacement.x + swipeTotalDisplacement.y * swipeTotalDisplacement.y), Math.sqrt(avgVelocity.x * avgVelocity.x + avgVelocity.y * avgVelocity.y));
+			const swipeDuration = performance.now() - swipeStartTime;
+			const totalDistance = Math.sqrt(swipeTotalDisplacement.x * swipeTotalDisplacement.x + swipeTotalDisplacement.y * swipeTotalDisplacement.y);
+			const instantVelocity = Math.sqrt(avgVelocity.x * avgVelocity.x + avgVelocity.y * avgVelocity.y);
+			const dynamicMultiplier = calculateDynamicVelocityMultiplier(swipeDuration, totalDistance, instantVelocity);
 			const { maxVelocity, minVelocityThreshold } = getZoomAdjustedParams();
 			const cappedVelX = Math.max(-maxVelocity, Math.min(maxVelocity, avgVelocity.x * dynamicMultiplier));
 			const cappedVelY = Math.max(-maxVelocity, Math.min(maxVelocity, avgVelocity.y * dynamicMultiplier));
@@ -30720,7 +30814,7 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (skeleton == null || scene == null) return;
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton;
 		scene === null || scene === void 0 || scene.transformByState({
@@ -30957,7 +31051,7 @@ let SheetCellDropdownManagerService = class SheetCellDropdownManagerService exte
 		const { location, onHide, closeOnOutSide = true } = param;
 		const { row, col, unitId, subUnitId } = location;
 		const component = dropdownMap[param.type];
-		const currentRender = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		const currentRender = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 		const disposable = new _univerjs_core.DisposableCollection();
 		const popupDisposable = this._canvasPopupManagerService.attachPopupToCell(row, col, {
 			componentKey: component.componentKey,
@@ -31797,6 +31891,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 			[SheetContextMenuMobileRenderController],
 			[MobileHeaderResizeRenderController],
 			[MoveRangeRenderController],
+			[AutoFillRenderController],
 			[EditorBridgeRenderController],
 			[SheetPermissionInterceptorCanvasRenderController],
 			[SheetPermissionInterceptorFormulaRenderController],
@@ -31824,7 +31919,7 @@ _defineProperty(UniverSheetsMobileUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsMobileUIPlugin, "version", version);
 _defineProperty(UniverSheetsMobileUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 UniverSheetsMobileUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverMobileUIPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_formula.UniverFormulaEnginePlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverMobileUIPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService),
@@ -32417,6 +32512,7 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends _univerjs_core.Plu
 			[CellCustomRenderController],
 			[SheetContextMenuRenderController],
 			[MoveRangeRenderController],
+			[AutoFillRenderController],
 			[EditorBridgeRenderController],
 			[SheetPermissionInterceptorCanvasRenderController],
 			[SheetPermissionInterceptorFormulaRenderController],
@@ -32444,7 +32540,7 @@ _defineProperty(UniverSheetsUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsUIPlugin, "version", version);
 _defineProperty(UniverSheetsUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 UniverSheetsUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_sheets.UniverSheetsPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_formula.UniverFormulaEnginePlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverUIPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService),