@univerjs/sheets-drawing-ui 0.21.1 → 0.22.0

package/README.md

@@ -1,27 +1,42 @@
 # @univerjs/sheets-drawing-ui
 
+[![npm version](https://img.shields.io/npm/v/@univerjs/sheets-drawing-ui?style=flat-square)](https://npmjs.com/package/@univerjs/sheets-drawing-ui)
+[![license](https://img.shields.io/npm/l/@univerjs/sheets-drawing-ui?style=flat-square)](https://npmjs.com/package/@univerjs/sheets-drawing-ui)
+[![downloads](https://img.shields.io/npm/dm/@univerjs/sheets-drawing-ui?style=flat-square)](https://npmjs.com/package/@univerjs/sheets-drawing-ui)
+
+`@univerjs/sheets-drawing-ui` adds the UI for creating, selecting, editing, and exporting drawing objects in Univer Sheets.
+
 ## Package Overview
 
-| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
-| --- | --- | --- | --- | --- | :---: | :---: |
-| `@univerjs/sheets-drawing-ui` | `UniverSheetsDrawingUi` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ⭕️ | ⭕️ |
+| Package | UMD global | CSS | Locales | Facade entry |
+| --- | --- | :---: | :---: | :---: |
+| `@univerjs/sheets-drawing-ui` | `UniverSheetsDrawingUi` | Yes | Yes | Yes |
+
+## Installation
 
-## Introduction
+```sh
+pnpm add @univerjs/sheets-drawing-ui
+# or
+npm install @univerjs/sheets-drawing-ui
+```
+
+Keep all `@univerjs/*` packages on the same version.
 
 ## Usage
 
-### Installation
+```ts
+import '@univerjs/sheets-drawing-ui/lib/index.css';
+import EnUS from '@univerjs/sheets-drawing-ui/locale/en-US';
+import { UniverSheetsDrawingUIPlugin } from '@univerjs/sheets-drawing-ui';
 
-```shell
-# Using npm
-npm install @univerjs/sheets-drawing-ui
+univer.registerPlugin(UniverSheetsDrawingUIPlugin);
 
-# Using pnpm
-pnpm add @univerjs/sheets-drawing-ui
+// Merge EnUS into your Univer locale map when this package contributes UI text.
 ```
 
-<!-- Links -->
-[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/sheets-drawing-ui?style=flat-square
-[npm-version-link]: https://npmjs.com/package/@univerjs/sheets-drawing-ui
-[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/sheets-drawing-ui?style=flat-square
-[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/sheets-drawing-ui?style=flat-square
+## Resources
+
+- [Documentation](https://docs.univer.ai)
+- [NPM package](https://npmjs.com/package/@univerjs/sheets-drawing-ui)
+- [GitHub repository](https://github.com/dream-num/univer)
+

package/lib/cjs/index.js

@@ -292,7 +292,7 @@ const UngroupSheetDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -303,7 +303,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -316,14 +316,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -334,7 +334,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -342,7 +342,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/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);
@@ -456,7 +456,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends _u
 			const type = error.message;
 			if (type === _univerjs_drawing.ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
-				content: this._localeService.t("update-status.exceedMaxSize", String(_univerjs_drawing.DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)))
+				content: this._localeService.t("update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)))
 			});
 			else if (type === _univerjs_drawing.ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
@@ -510,7 +510,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends _u
 			const type = error.message;
 			if (type === _univerjs_drawing.ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
-				content: this._localeService.t("update-status.exceedMaxSize", String(_univerjs_drawing.DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)))
+				content: this._localeService.t("update-status.exceedMaxSize", String((0, _univerjs_drawing.getDrawingImageAllowSize)() / (1024 * 1024)))
 			});
 			else if (type === _univerjs_drawing.ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: _univerjs_design.MessageType.Error,
@@ -1230,8 +1230,8 @@ let BatchSaveImagesService = class BatchSaveImagesService extends _univerjs_core
 		const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const extension = getFileExtension(imageInfo.source, imageInfo.imageSourceType);
 		const parts = [];
-		for (const part of config.fileNameParts) if (part === FileNamePart.CELL_ADDRESS) parts.push(imageInfo.cellAddress);
-		else if (part === FileNamePart.COLUMN_VALUE && config.columnIndex !== void 0) {
+		for (const part of config.fileNameParts) if (part === "cellAddress") parts.push(imageInfo.cellAddress);
+		else if (part === "columnValue" && config.columnIndex !== void 0) {
 			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 			if (worksheet) {
 				const cell = worksheet.getCellMatrix().getValue(imageInfo.row, config.columnIndex);
@@ -1252,8 +1252,8 @@ let BatchSaveImagesService = class BatchSaveImagesService extends _univerjs_core
 		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const extension = getFileExtension(imageInfo.source, imageInfo.imageSourceType);
 		const parts = [];
-		for (const part of config.fileNameParts) if (part === FileNamePart.CELL_ADDRESS) parts.push(imageInfo.cellAddress);
-		else if (part === FileNamePart.COLUMN_VALUE && config.columnIndex !== void 0) {
+		for (const part of config.fileNameParts) if (part === "cellAddress") parts.push(imageInfo.cellAddress);
+		else if (part === "columnValue" && config.columnIndex !== void 0) {
 			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 			if (worksheet) {
 				const cell = worksheet.getCellMatrix().getValue(imageInfo.row, config.columnIndex);
@@ -1680,7 +1680,7 @@ function UploadCellImageMenuFactory(_accessor) {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-drawing-ui";
-var version = "0.21.1";
+var version = "0.22.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -2108,12 +2108,16 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 						else this._clipboardInterfaceService.writeText("");
 						dispose();
 					}, 200);
-					this._copyInfo = {
+					const newCopyInfo = {
 						unitId: drawing.unitId,
 						subUnitId: drawing.subUnitId,
 						drawings: [drawing]
 					};
-				} else this._copyInfo = this._createDrawingsCopyInfoByRange(unitId, subUnitId, range);
+					this._copyInfo = newCopyInfo;
+				} else {
+					const newCopyInfo = this._createDrawingsCopyInfoByRange(unitId, subUnitId, range);
+					this._copyInfo = newCopyInfo;
+				}
 			},
 			onPasteCells: (pasteFrom, pasteTo, data, payload) => {
 				if (!this._copyInfo) return {
@@ -2642,12 +2646,6 @@ SheetDrawingPermissionController = __decorate([
 
 //#endregion
 //#region src/services/canvas-float-dom-manager.service.ts
-var ScrollDirectionResponse = /* @__PURE__ */ function(ScrollDirectionResponse) {
-	ScrollDirectionResponse["ALL"] = "ALL";
-	ScrollDirectionResponse["HORIZONTAL"] = "HORIZONTAL";
-	ScrollDirectionResponse["VERTICAL"] = "VERTICAL";
-	return ScrollDirectionResponse;
-}(ScrollDirectionResponse || {});
 const SHEET_FLOAT_DOM_PREFIX = "univer-sheet-float-dom-";
 /**
 * Adjust dom bound size when scrolling (dom bound would shrink when scrolling if over the edge of viewMain)
@@ -2684,8 +2682,8 @@ function transformBound2DOMBound(posOfFloatObject, scene, skeleton, worksheet, f
 		if (_univerjs_core.Tools.isDefine(boundsOfViewArea.top)) boundsOfViewArea.top = specBoundsOfViewArea.top;
 		if (_univerjs_core.Tools.isDefine(boundsOfViewArea.left)) boundsOfViewArea.left = specBoundsOfViewArea.left;
 	}
-	if (scrollDirectionResponse === ScrollDirectionResponse.HORIZONTAL) viewportScrollY = 0;
-	if (scrollDirectionResponse === ScrollDirectionResponse.VERTICAL) viewportScrollX = 0;
+	if (scrollDirectionResponse === "HORIZONTAL") viewportScrollY = 0;
+	if (scrollDirectionResponse === "VERTICAL") viewportScrollX = 0;
 	let offsetLeft = 0;
 	let offsetRight = 0;
 	/**
@@ -3460,7 +3458,7 @@ let SheetCanvasFloatDomManagerService = class SheetCanvasFloatDomManagerService
 					right: viewMain.right
 				},
 				domAnchor: domLayoutParam,
-				scrollDirectionResponse: ScrollDirectionResponse.HORIZONTAL
+				scrollDirectionResponse: "HORIZONTAL"
 			};
 			const position$ = new rxjs.BehaviorSubject(calcSheetFloatDomPosition(domRect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo));
 			floatDomInfo.position$ = position$;
@@ -3851,13 +3849,6 @@ SheetDrawingPrintingController = __decorate([
 
 //#endregion
 //#region src/controllers/sheet-drawing-transform-affected.controller.ts
-var RangeMoveUndoType = /* @__PURE__ */ function(RangeMoveUndoType) {
-	RangeMoveUndoType[RangeMoveUndoType["deleteLeft"] = 0] = "deleteLeft";
-	RangeMoveUndoType[RangeMoveUndoType["deleteUp"] = 1] = "deleteUp";
-	RangeMoveUndoType[RangeMoveUndoType["insertDown"] = 2] = "insertDown";
-	RangeMoveUndoType[RangeMoveUndoType["insertRight"] = 3] = "insertRight";
-	return RangeMoveUndoType;
-}(RangeMoveUndoType || {});
 const UPDATE_COMMANDS = [
 	_univerjs_sheets.InsertRowCommand.id,
 	_univerjs_sheets.InsertColCommand.id,
@@ -3942,16 +3933,16 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			else if (id === _univerjs_sheets.RemoveColCommand.id) return this._moveColInterceptor(params, "remove");
 			else if (id === _univerjs_sheets.DeleteRangeMoveLeftCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.deleteLeft);
+				return this._getRangeMoveUndo(range, 0);
 			} else if (id === _univerjs_sheets.DeleteRangeMoveUpCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.deleteUp);
+				return this._getRangeMoveUndo(range, 1);
 			} else if (id === _univerjs_sheets.InsertRangeMoveDownCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.insertDown);
+				return this._getRangeMoveUndo(range, 2);
 			} else if (id === _univerjs_sheets.InsertRangeMoveRightCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.insertRight);
+				return this._getRangeMoveUndo(range, 3);
 			} else if (id === _univerjs_sheets.SetRowHiddenCommand.id || id === _univerjs_sheets.SetSpecificRowsVisibleCommand.id) {
 				var _this$_selectionManag;
 				const _params = params;
@@ -4125,7 +4116,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 		let newSheetTransform = null;
 		let newTransform = null;
 		let axisAlignSheetTransform;
-		if (type === RangeMoveUndoType.deleteLeft && fromRow >= startRow && toRow <= endRow) if (fromColumn >= startColumn && toColumn <= endColumn) deleteDrawings.push({
+		if (type === 0 && fromRow >= startRow && toRow <= endRow) if (fromColumn >= startColumn && toColumn <= endColumn) deleteDrawings.push({
 			unitId,
 			subUnitId,
 			drawingId
@@ -4142,7 +4133,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
 			axisAlignSheetTransform = (_param$axisAlignSheet = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet !== void 0 ? _param$axisAlignSheet : void 0;
 		}
-		else if (type === RangeMoveUndoType.deleteUp && fromColumn >= startColumn && toColumn <= endColumn) if (fromRow >= startRow && toRow <= endRow) deleteDrawings.push({
+		else if (type === 1 && fromColumn >= startColumn && toColumn <= endColumn) if (fromRow >= startRow && toRow <= endRow) deleteDrawings.push({
 			unitId,
 			subUnitId,
 			drawingId
@@ -4159,7 +4150,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
 			axisAlignSheetTransform = (_param$axisAlignSheet2 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet2 !== void 0 ? _param$axisAlignSheet2 : void 0;
 		}
-		else if (type === RangeMoveUndoType.insertDown) {
+		else if (type === 2) {
 			var _param$axisAlignSheet3;
 			const param = this._expandRow(startRow, endRow, {
 				sheetSkeletonParam,
@@ -4170,7 +4161,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
 			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
 			axisAlignSheetTransform = (_param$axisAlignSheet3 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet3 !== void 0 ? _param$axisAlignSheet3 : void 0;
-		} else if (type === RangeMoveUndoType.insertRight) {
+		} else if (type === 3) {
 			var _param$axisAlignSheet4;
 			const param = this._expandCol(startColumn, endColumn, {
 				sheetSkeletonParam,
@@ -4255,7 +4246,6 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 								break;
 							}
 						}
-						this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
 						continue;
 					}
 					if (fromColumn >= startColumn && toColumn <= endColumn) continue;
@@ -4419,7 +4409,6 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 								break;
 							}
 						}
-						this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
 						continue;
 					}
 					if (fromRow >= startRow && toRow <= endRow) continue;
@@ -5416,7 +5405,7 @@ const FlipSheetDrawingCommand = {
 				type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
 			}
 		};
-		if ((0, _univerjs_core.sequenceExecute)([updateMutation], commandService)) {
+		if ((0, _univerjs_core.sequenceExecute)([updateMutation], commandService).result) {
 			undoRedoService.pushUndoRedo({
 				unitID: opUnitId,
 				undoMutations: [undoUpdateMutation, {
@@ -5522,7 +5511,7 @@ function BatchSaveImagesDialog() {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const dialogService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IDialogService);
 	const batchSaveService = (0, _univerjs_ui.useDependency)(IBatchSaveImagesService);
-	const [fileNameParts, setFileNameParts] = (0, react.useState)([FileNamePart.CELL_ADDRESS]);
+	const [fileNameParts, setFileNameParts] = (0, react.useState)(["cellAddress"]);
 	const [saving, setSaving] = (0, react.useState)(false);
 	const [error, setError] = (0, react.useState)(null);
 	const images = (0, react.useMemo)(() => batchSaveService.getCellImagesInSelection(), [batchSaveService]);
@@ -5537,7 +5526,7 @@ function BatchSaveImagesDialog() {
 	}, [dataColumns]);
 	const [selectedColumn, setSelectedColumn] = (0, react.useState)(() => columnOptions.length > 0 ? columnOptions[0].value : "0");
 	(0, _univerjs_sheets_ui.useHighlightRange)((0, react.useMemo)(() => {
-		if (!fileNameParts.includes(FileNamePart.COLUMN_VALUE) || !rowRange) return [];
+		if (!fileNameParts.includes("columnValue") || !rowRange) return [];
 		const colIndex = Number(selectedColumn);
 		return [{
 			startRow: rowRange.startRow,
@@ -5567,7 +5556,7 @@ function BatchSaveImagesDialog() {
 		try {
 			await batchSaveService.saveImages(images, {
 				fileNameParts,
-				columnIndex: fileNameParts.includes(FileNamePart.COLUMN_VALUE) ? Number(selectedColumn) : void 0
+				columnIndex: fileNameParts.includes("columnValue") ? Number(selectedColumn) : void 0
 			});
 			dialogService.close(BATCH_SAVE_IMAGES_DIALOG_ID);
 		} catch (err) {
@@ -5584,7 +5573,7 @@ function BatchSaveImagesDialog() {
 		dialogService,
 		localeService
 	]);
-	const showColumnSelect = fileNameParts.includes(FileNamePart.COLUMN_VALUE);
+	const showColumnSelect = fileNameParts.includes("columnValue");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "univer-flex univer-flex-col",
 		children: [
@@ -5602,11 +5591,11 @@ function BatchSaveImagesDialog() {
 					onChange: handleFileNamePartsChange,
 					direction: "vertical",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
-						value: FileNamePart.CELL_ADDRESS,
+						value: "cellAddress",
 						disabled: !hasAvailableColumns,
 						children: localeService.t("sheetImage.save.useRowCol")
 					}), hasAvailableColumns && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
-						value: FileNamePart.COLUMN_VALUE,
+						value: "columnValue",
 						children: localeService.t("sheetImage.save.useColumnValue")
 					})]
 				})

package/lib/es/index.js

@@ -3,7 +3,7 @@ import { ClearSheetDrawingTransformerOperation, DrawingApplyType, ISheetDrawingS
 import { CURSOR_TYPE, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, ObjectType, Rect, SHEET_VIEWPORT_KEY, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
 import { Button, Checkbox, CheckboxGroup, FormLayout, MessageType, Radio, RadioGroup, Select, clsx, render, unmount } from "@univerjs/design";
 import { InnerPasteCommand, ReplaceSnapshotCommand, docDrawingPositionToTransform } from "@univerjs/docs-ui";
-import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_ALLOW_SIZE, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService as IImageIoService$1, ImageSourceType as ImageSourceType$1, ImageUploadStatusType, SetDrawingSelectedOperation, UniverDrawingPlugin, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
+import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, IImageIoService as IImageIoService$1, ImageSourceType as ImageSourceType$1, ImageUploadStatusType, SetDrawingSelectedOperation, UniverDrawingPlugin, getDrawingImageAllowSize, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
 import { COMMAND_LISTENER_SKELETON_CHANGE, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, IAutoFillService, INTERCEPTOR_POINT, InsertColCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowCommand, InterceptCellContentPriority, MoveColsCommand, MoveRangeCommand, MoveRowsCommand, RangeProtectionPermissionEditPoint, RemoveColCommand, RemoveRowCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetFrozenMutation, SetRangeValuesCommand, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectionsOperation, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetRowAutoHeightMutation, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightMutation, SheetInterceptorService, SheetPermissionCheckController, SheetSkeletonService, SheetsSelectionsService, WorkbookEditablePermission, WorkbookViewPermission, WorksheetEditPermission, WorksheetViewPermission, attachRangeWithCoord, discreteRangeToRange, getSheetCommandTarget } from "@univerjs/sheets";
 import { COPY_TYPE, EditingRenderController, HoverManagerService, IEditorBridgeService, ISheetClipboardService, ISheetSelectionRenderService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SetScrollOperation, SetZoomRatioOperation, SheetCanvasPopManagerService, SheetPrintInterceptorService, SheetSkeletonManagerService, getCurrentRangeDisable$, useHighlightRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
 import { CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, connectInjector, getMenuHiddenObservable, useDependency } from "@univerjs/ui";
@@ -291,7 +291,7 @@ const UngroupSheetDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -302,7 +302,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -315,14 +315,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -333,7 +333,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -341,7 +341,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/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);
@@ -455,7 +455,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends Di
 			const type = error.message;
 			if (type === ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: MessageType.Error,
-				content: this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)))
+				content: this._localeService.t("update-status.exceedMaxSize", String(getDrawingImageAllowSize() / (1024 * 1024)))
 			});
 			else if (type === ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: MessageType.Error,
@@ -509,7 +509,7 @@ let SheetDrawingUpdateController = class SheetDrawingUpdateController extends Di
 			const type = error.message;
 			if (type === ImageUploadStatusType.ERROR_EXCEED_SIZE) this._messageService.show({
 				type: MessageType.Error,
-				content: this._localeService.t("update-status.exceedMaxSize", String(DRAWING_IMAGE_ALLOW_SIZE / (1024 * 1024)))
+				content: this._localeService.t("update-status.exceedMaxSize", String(getDrawingImageAllowSize() / (1024 * 1024)))
 			});
 			else if (type === ImageUploadStatusType.ERROR_IMAGE_TYPE) this._messageService.show({
 				type: MessageType.Error,
@@ -1229,8 +1229,8 @@ let BatchSaveImagesService = class BatchSaveImagesService extends Disposable {
 		const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
 		const extension = getFileExtension(imageInfo.source, imageInfo.imageSourceType);
 		const parts = [];
-		for (const part of config.fileNameParts) if (part === FileNamePart.CELL_ADDRESS) parts.push(imageInfo.cellAddress);
-		else if (part === FileNamePart.COLUMN_VALUE && config.columnIndex !== void 0) {
+		for (const part of config.fileNameParts) if (part === "cellAddress") parts.push(imageInfo.cellAddress);
+		else if (part === "columnValue" && config.columnIndex !== void 0) {
 			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
 			if (worksheet) {
 				const cell = worksheet.getCellMatrix().getValue(imageInfo.row, config.columnIndex);
@@ -1251,8 +1251,8 @@ let BatchSaveImagesService = class BatchSaveImagesService extends Disposable {
 		const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 		const extension = getFileExtension(imageInfo.source, imageInfo.imageSourceType);
 		const parts = [];
-		for (const part of config.fileNameParts) if (part === FileNamePart.CELL_ADDRESS) parts.push(imageInfo.cellAddress);
-		else if (part === FileNamePart.COLUMN_VALUE && config.columnIndex !== void 0) {
+		for (const part of config.fileNameParts) if (part === "cellAddress") parts.push(imageInfo.cellAddress);
+		else if (part === "columnValue" && config.columnIndex !== void 0) {
 			const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 			if (worksheet) {
 				const cell = worksheet.getCellMatrix().getValue(imageInfo.row, config.columnIndex);
@@ -1679,7 +1679,7 @@ function UploadCellImageMenuFactory(_accessor) {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-drawing-ui";
-var version = "0.21.1";
+var version = "0.22.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -2107,12 +2107,16 @@ let SheetsDrawingCopyPasteController = class SheetsDrawingCopyPasteController ex
 						else this._clipboardInterfaceService.writeText("");
 						dispose();
 					}, 200);
-					this._copyInfo = {
+					const newCopyInfo = {
 						unitId: drawing.unitId,
 						subUnitId: drawing.subUnitId,
 						drawings: [drawing]
 					};
-				} else this._copyInfo = this._createDrawingsCopyInfoByRange(unitId, subUnitId, range);
+					this._copyInfo = newCopyInfo;
+				} else {
+					const newCopyInfo = this._createDrawingsCopyInfoByRange(unitId, subUnitId, range);
+					this._copyInfo = newCopyInfo;
+				}
 			},
 			onPasteCells: (pasteFrom, pasteTo, data, payload) => {
 				if (!this._copyInfo) return {
@@ -2641,12 +2645,6 @@ SheetDrawingPermissionController = __decorate([
 
 //#endregion
 //#region src/services/canvas-float-dom-manager.service.ts
-var ScrollDirectionResponse = /* @__PURE__ */ function(ScrollDirectionResponse) {
-	ScrollDirectionResponse["ALL"] = "ALL";
-	ScrollDirectionResponse["HORIZONTAL"] = "HORIZONTAL";
-	ScrollDirectionResponse["VERTICAL"] = "VERTICAL";
-	return ScrollDirectionResponse;
-}(ScrollDirectionResponse || {});
 const SHEET_FLOAT_DOM_PREFIX = "univer-sheet-float-dom-";
 /**
 * Adjust dom bound size when scrolling (dom bound would shrink when scrolling if over the edge of viewMain)
@@ -2683,8 +2681,8 @@ function transformBound2DOMBound(posOfFloatObject, scene, skeleton, worksheet, f
 		if (Tools.isDefine(boundsOfViewArea.top)) boundsOfViewArea.top = specBoundsOfViewArea.top;
 		if (Tools.isDefine(boundsOfViewArea.left)) boundsOfViewArea.left = specBoundsOfViewArea.left;
 	}
-	if (scrollDirectionResponse === ScrollDirectionResponse.HORIZONTAL) viewportScrollY = 0;
-	if (scrollDirectionResponse === ScrollDirectionResponse.VERTICAL) viewportScrollX = 0;
+	if (scrollDirectionResponse === "HORIZONTAL") viewportScrollY = 0;
+	if (scrollDirectionResponse === "VERTICAL") viewportScrollX = 0;
 	let offsetLeft = 0;
 	let offsetRight = 0;
 	/**
@@ -3459,7 +3457,7 @@ let SheetCanvasFloatDomManagerService = class SheetCanvasFloatDomManagerService
 					right: viewMain.right
 				},
 				domAnchor: domLayoutParam,
-				scrollDirectionResponse: ScrollDirectionResponse.HORIZONTAL
+				scrollDirectionResponse: "HORIZONTAL"
 			};
 			const position$ = new BehaviorSubject(calcSheetFloatDomPosition(domRect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo));
 			floatDomInfo.position$ = position$;
@@ -3850,13 +3848,6 @@ SheetDrawingPrintingController = __decorate([
 
 //#endregion
 //#region src/controllers/sheet-drawing-transform-affected.controller.ts
-var RangeMoveUndoType = /* @__PURE__ */ function(RangeMoveUndoType) {
-	RangeMoveUndoType[RangeMoveUndoType["deleteLeft"] = 0] = "deleteLeft";
-	RangeMoveUndoType[RangeMoveUndoType["deleteUp"] = 1] = "deleteUp";
-	RangeMoveUndoType[RangeMoveUndoType["insertDown"] = 2] = "insertDown";
-	RangeMoveUndoType[RangeMoveUndoType["insertRight"] = 3] = "insertRight";
-	return RangeMoveUndoType;
-}(RangeMoveUndoType || {});
 const UPDATE_COMMANDS = [
 	InsertRowCommand.id,
 	InsertColCommand.id,
@@ -3941,16 +3932,16 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			else if (id === RemoveColCommand.id) return this._moveColInterceptor(params, "remove");
 			else if (id === DeleteRangeMoveLeftCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.deleteLeft);
+				return this._getRangeMoveUndo(range, 0);
 			} else if (id === DeleteRangeMoveUpCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.deleteUp);
+				return this._getRangeMoveUndo(range, 1);
 			} else if (id === InsertRangeMoveDownCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.insertDown);
+				return this._getRangeMoveUndo(range, 2);
 			} else if (id === InsertRangeMoveRightCommand.id) {
 				const { range } = params;
-				return this._getRangeMoveUndo(range, RangeMoveUndoType.insertRight);
+				return this._getRangeMoveUndo(range, 3);
 			} else if (id === SetRowHiddenCommand.id || id === SetSpecificRowsVisibleCommand.id) {
 				var _this$_selectionManag;
 				const _params = params;
@@ -4124,7 +4115,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 		let newSheetTransform = null;
 		let newTransform = null;
 		let axisAlignSheetTransform;
-		if (type === RangeMoveUndoType.deleteLeft && fromRow >= startRow && toRow <= endRow) if (fromColumn >= startColumn && toColumn <= endColumn) deleteDrawings.push({
+		if (type === 0 && fromRow >= startRow && toRow <= endRow) if (fromColumn >= startColumn && toColumn <= endColumn) deleteDrawings.push({
 			unitId,
 			subUnitId,
 			drawingId
@@ -4141,7 +4132,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
 			axisAlignSheetTransform = (_param$axisAlignSheet = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet !== void 0 ? _param$axisAlignSheet : void 0;
 		}
-		else if (type === RangeMoveUndoType.deleteUp && fromColumn >= startColumn && toColumn <= endColumn) if (fromRow >= startRow && toRow <= endRow) deleteDrawings.push({
+		else if (type === 1 && fromColumn >= startColumn && toColumn <= endColumn) if (fromRow >= startRow && toRow <= endRow) deleteDrawings.push({
 			unitId,
 			subUnitId,
 			drawingId
@@ -4158,7 +4149,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
 			axisAlignSheetTransform = (_param$axisAlignSheet2 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet2 !== void 0 ? _param$axisAlignSheet2 : void 0;
 		}
-		else if (type === RangeMoveUndoType.insertDown) {
+		else if (type === 2) {
 			var _param$axisAlignSheet3;
 			const param = this._expandRow(startRow, endRow, {
 				sheetSkeletonParam,
@@ -4169,7 +4160,7 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 			newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
 			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
 			axisAlignSheetTransform = (_param$axisAlignSheet3 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet3 !== void 0 ? _param$axisAlignSheet3 : void 0;
-		} else if (type === RangeMoveUndoType.insertRight) {
+		} else if (type === 3) {
 			var _param$axisAlignSheet4;
 			const param = this._expandCol(startColumn, endColumn, {
 				sheetSkeletonParam,
@@ -4254,7 +4245,6 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 								break;
 							}
 						}
-						this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
 						continue;
 					}
 					if (fromColumn >= startColumn && toColumn <= endColumn) continue;
@@ -4418,7 +4408,6 @@ let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffecte
 								break;
 							}
 						}
-						this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
 						continue;
 					}
 					if (fromRow >= startRow && toRow <= endRow) continue;
@@ -5415,7 +5404,7 @@ const FlipSheetDrawingCommand = {
 				type: DrawingApplyType.UPDATE
 			}
 		};
-		if (sequenceExecute([updateMutation], commandService)) {
+		if (sequenceExecute([updateMutation], commandService).result) {
 			undoRedoService.pushUndoRedo({
 				unitID: opUnitId,
 				undoMutations: [undoUpdateMutation, {
@@ -5521,7 +5510,7 @@ function BatchSaveImagesDialog() {
 	const localeService = useDependency(LocaleService);
 	const dialogService = useDependency(IDialogService);
 	const batchSaveService = useDependency(IBatchSaveImagesService);
-	const [fileNameParts, setFileNameParts] = useState([FileNamePart.CELL_ADDRESS]);
+	const [fileNameParts, setFileNameParts] = useState(["cellAddress"]);
 	const [saving, setSaving] = useState(false);
 	const [error, setError] = useState(null);
 	const images = useMemo(() => batchSaveService.getCellImagesInSelection(), [batchSaveService]);
@@ -5536,7 +5525,7 @@ function BatchSaveImagesDialog() {
 	}, [dataColumns]);
 	const [selectedColumn, setSelectedColumn] = useState(() => columnOptions.length > 0 ? columnOptions[0].value : "0");
 	useHighlightRange(useMemo(() => {
-		if (!fileNameParts.includes(FileNamePart.COLUMN_VALUE) || !rowRange) return [];
+		if (!fileNameParts.includes("columnValue") || !rowRange) return [];
 		const colIndex = Number(selectedColumn);
 		return [{
 			startRow: rowRange.startRow,
@@ -5566,7 +5555,7 @@ function BatchSaveImagesDialog() {
 		try {
 			await batchSaveService.saveImages(images, {
 				fileNameParts,
-				columnIndex: fileNameParts.includes(FileNamePart.COLUMN_VALUE) ? Number(selectedColumn) : void 0
+				columnIndex: fileNameParts.includes("columnValue") ? Number(selectedColumn) : void 0
 			});
 			dialogService.close(BATCH_SAVE_IMAGES_DIALOG_ID);
 		} catch (err) {
@@ -5583,7 +5572,7 @@ function BatchSaveImagesDialog() {
 		dialogService,
 		localeService
 	]);
-	const showColumnSelect = fileNameParts.includes(FileNamePart.COLUMN_VALUE);
+	const showColumnSelect = fileNameParts.includes("columnValue");
 	return /* @__PURE__ */ jsxs("div", {
 		className: "univer-flex univer-flex-col",
 		children: [
@@ -5601,11 +5590,11 @@ function BatchSaveImagesDialog() {
 					onChange: handleFileNamePartsChange,
 					direction: "vertical",
 					children: [/* @__PURE__ */ jsx(Checkbox, {
-						value: FileNamePart.CELL_ADDRESS,
+						value: "cellAddress",
 						disabled: !hasAvailableColumns,
 						children: localeService.t("sheetImage.save.useRowCol")
 					}), hasAvailableColumns && /* @__PURE__ */ jsx(Checkbox, {
-						value: FileNamePart.COLUMN_VALUE,
+						value: "columnValue",
 						children: localeService.t("sheetImage.save.useColumnValue")
 					})]
 				})