@univerjs/sheets-ui 1.0.0-alpha.5 → 1.0.0-alpha.7

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");
@@ -687,6 +687,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);
@@ -5064,6 +5068,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 +5080,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 +5092,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 +5111,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,
@@ -8542,11 +8613,7 @@ const SidebarDefinedNameOperation = {
 					header: { title: localeService.t("sheets-ui.definedName.featureTitle") },
 					children: { label: DEFINED_NAME_CONTAINER },
 					onClose: () => {},
-					width: 333,
-					bodyStyle: {
-						height: "100%",
-						overflow: "hidden"
-					}
+					width: 333
 				});
 				break;
 			default:
@@ -8828,21 +8895,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 +8961,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
@@ -10311,21 +10368,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 +10399,10 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		return {
 			height: maxHeight,
 			width: maxWidth,
-			scaleAdjust
+			contentScaleX,
+			contentScaleY,
+			scaleAdjustX,
+			scaleAdjustY
 		};
 	}
 	/**
@@ -10352,7 +10419,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 +10440,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 +10457,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 +10510,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) {
@@ -10472,6 +10539,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 +10581,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 +10621,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.getRenderById(_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) {
@@ -13913,10 +13998,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;
@@ -13958,7 +14042,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 +14065,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 +14077,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 +14089,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
@@ -19480,11 +19505,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 +19563,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 +19662,10 @@ const menuSchema = {
 			},
 			[_univerjs_sheets.SetBackgroundColorCommand.id]: {
 				order: 10,
+				gridLayout: {
+					row: 2,
+					column: 6
+				},
 				menuItemFactory: BackgroundColorSelectorMenuItemFactory,
 				[_univerjs_sheets.ResetBackgroundColorCommand.id]: {
 					order: 0,
@@ -19596,32 +19674,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: 3
+				},
 				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 +19749,10 @@ const menuSchema = {
 		},
 		[_univerjs_ui.RibbonStartGroup.OTHERS]: { [AddRangeProtectionFromToolbarCommand.id]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 3
+			},
 			menuItemFactory: sheetPermissionToolbarMenuFactory
 		} }
 	},
@@ -19650,19 +19760,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
 		} }
 	},
@@ -24063,7 +24195,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.5";
+var version = "1.0.0-alpha.7";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -26031,7 +26163,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, {
@@ -31797,6 +31929,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 			[SheetContextMenuMobileRenderController],
 			[MobileHeaderResizeRenderController],
 			[MoveRangeRenderController],
+			[AutoFillRenderController],
 			[EditorBridgeRenderController],
 			[SheetPermissionInterceptorCanvasRenderController],
 			[SheetPermissionInterceptorFormulaRenderController],
@@ -32417,6 +32550,7 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends _univerjs_core.Plu
 			[CellCustomRenderController],
 			[SheetContextMenuRenderController],
 			[MoveRangeRenderController],
+			[AutoFillRenderController],
 			[EditorBridgeRenderController],
 			[SheetPermissionInterceptorCanvasRenderController],
 			[SheetPermissionInterceptorFormulaRenderController],