@univerjs/slides 0.21.1 → 0.22.0

package/README.md

@@ -1,29 +1,38 @@
 # @univerjs/slides
 
+[![npm version](https://img.shields.io/npm/v/@univerjs/slides?style=flat-square)](https://npmjs.com/package/@univerjs/slides)
+[![license](https://img.shields.io/npm/l/@univerjs/slides?style=flat-square)](https://npmjs.com/package/@univerjs/slides)
+[![downloads](https://img.shields.io/npm/dm/@univerjs/slides?style=flat-square)](https://npmjs.com/package/@univerjs/slides)
+
+`@univerjs/slides` provides the core presentation data model and services for Univer Slides.
+
 ## Package Overview
 
-| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
-| --- | --- | --- | --- | --- | :---: | :---: |
-| `@univerjs/slides` | `UniveSlides` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ❌ | ⭕️ |
+| Package | UMD global | CSS | Locales | Facade entry |
+| --- | --- | :---: | :---: | :---: |
+| `@univerjs/slides` | `UniverSlides` | No | No | No |
 
-## Introduction
+## Installation
 
-TODO: Not written yet.
+```sh
+pnpm add @univerjs/slides
+# or
+npm install @univerjs/slides
+```
 
-## Usage
+Keep all `@univerjs/*` packages on the same version.
 
-### Installation
+## Usage
 
-```shell
-# Using npm
-npm install @univerjs/slides
+```ts
+import { UniverSlidesPlugin } from '@univerjs/slides';
 
-# Using pnpm
-pnpm add @univerjs/slides
+univer.registerPlugin(UniverSlidesPlugin);
 ```
 
-<!-- Links -->
-[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/slides?style=flat-square
-[npm-version-link]: https://npmjs.com/package/@univerjs/slides
-[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/slides?style=flat-square
-[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/slides?style=flat-square
+## Resources
+
+- [Documentation](https://docs.univer.ai)
+- [NPM package](https://npmjs.com/package/@univerjs/slides)
+- [GitHub repository](https://github.com/dream-num/univer)
+

package/lib/cjs/index.js

@@ -57,7 +57,7 @@ let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
 }({});
 
 //#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) {
@@ -68,7 +68,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];
@@ -81,14 +81,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,
@@ -173,7 +173,7 @@ var SlideDataModel = class extends _univerjs_core.UnitModel {
 		const id = (0, _univerjs_core.generateRandomId)(6);
 		return {
 			id,
-			pageType: PageType.SLIDE,
+			pageType: 0,
 			zIndex: 10,
 			title: id,
 			description: "",
@@ -204,7 +204,7 @@ var SlideDataModel = class extends _univerjs_core.UnitModel {
 //#endregion
 //#region package.json
 var name = "@univerjs/slides";
-var version = "0.21.1";
+var version = "0.22.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -228,7 +228,7 @@ const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#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);
@@ -236,7 +236,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);
@@ -430,19 +430,12 @@ const CanvasObjectProviderRegistry = _univerjs_core.Registry.create();
 
 //#endregion
 //#region src/views/render/adaptors/docs-adaptor.ts
-let DOCS_VIEW_KEY = /* @__PURE__ */ function(DOCS_VIEW_KEY) {
-	DOCS_VIEW_KEY["MAIN"] = "__DocsRender__";
-	DOCS_VIEW_KEY["SCENE_VIEWER"] = "__DocsViewer__";
-	DOCS_VIEW_KEY["SCENE"] = "__DocsScene__";
-	DOCS_VIEW_KEY["VIEWPORT"] = "__DocsViewPort_";
-	return DOCS_VIEW_KEY;
-}({});
 let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 	constructor(_localeService) {
 		super();
 		this._localeService = _localeService;
 		_defineProperty(this, "zIndex", 5);
-		_defineProperty(this, "viewKey", PageElementType.DOCUMENT);
+		_defineProperty(this, "viewKey", 4);
 		_defineProperty(this, "_liquid", new _univerjs_engine_render.Liquid());
 	}
 	check(type) {
@@ -455,9 +448,9 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 		if (documentData == null) return;
 		const docViewModel = new _univerjs_engine_render.DocumentViewModel(new _univerjs_core.DocumentDataModel(documentData));
 		const documentSkeleton = _univerjs_engine_render.DocumentSkeleton.create(docViewModel, this._localeService);
-		const documents = new _univerjs_engine_render.Documents(DOCS_VIEW_KEY.MAIN, documentSkeleton);
+		const documents = new _univerjs_engine_render.Documents("__DocsRender__", documentSkeleton);
 		documentSkeleton.calculate();
-		const sv = new _univerjs_engine_render.SceneViewer(DOCS_VIEW_KEY.SCENE_VIEWER + id, {
+		const sv = new _univerjs_engine_render.SceneViewer("__DocsViewer__" + id, {
 			top,
 			left,
 			width,
@@ -471,8 +464,8 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			flipX,
 			flipY
 		});
-		const scene = new _univerjs_engine_render.Scene(DOCS_VIEW_KEY.SCENE + id, sv);
-		const viewMain = new _univerjs_engine_render.Viewport(DOCS_VIEW_KEY.VIEWPORT + id, scene, {
+		const scene = new _univerjs_engine_render.Scene("__DocsScene__" + id, sv);
+		const viewMain = new _univerjs_engine_render.Viewport("__DocsViewPort_" + id, scene, {
 			left: 0,
 			top: 0,
 			bottom: 0,
@@ -637,7 +630,7 @@ var ImageAdaptor = class extends ObjectAdaptor {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "zIndex", 1);
-		_defineProperty(this, "viewKey", PageElementType.IMAGE);
+		_defineProperty(this, "viewKey", 1);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -681,7 +674,7 @@ let RichTextAdaptor = class RichTextAdaptor extends ObjectAdaptor {
 		super();
 		this._localeService = _localeService;
 		_defineProperty(this, "zIndex", 2);
-		_defineProperty(this, "viewKey", PageElementType.TEXT);
+		_defineProperty(this, "viewKey", 2);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -750,7 +743,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "zIndex", 2);
-		_defineProperty(this, "viewKey", PageElementType.SHAPE);
+		_defineProperty(this, "viewKey", 0);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -767,7 +760,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			strokeStyle.strokeWidth = weight;
 			strokeStyle.stroke = (0, _univerjs_core.getColorStyle)(outlineFill) || "rgba(0,0,0,1)";
 		}
-		if (shapeType === BasicShapes.Rect) return new _univerjs_engine_render.Rect(id, {
+		if (shapeType === "rect") return new _univerjs_engine_render.Rect(id, {
 			fill,
 			top,
 			left,
@@ -784,7 +777,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			forceRender: true,
 			...strokeStyle
 		});
-		if (shapeType === BasicShapes.RoundRect) return new _univerjs_engine_render.Rect(id, {
+		if (shapeType === "roundRect") return new _univerjs_engine_render.Rect(id, {
 			fill,
 			top,
 			left,
@@ -802,7 +795,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			radius: (shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius) || 0,
 			...strokeStyle
 		});
-		if (shapeType === BasicShapes.Ellipse) {
+		if (shapeType === "ellipse") {
 			console.warn(shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius);
 			return new _univerjs_engine_render.Circle(id, {
 				fill,
@@ -886,7 +879,7 @@ let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
 		super();
 		this._injector = _injector;
 		_defineProperty(this, "zIndex", 6);
-		_defineProperty(this, "viewKey", PageElementType.SLIDE);
+		_defineProperty(this, "viewKey", 5);
 		_defineProperty(this, "_ObjectProvider", null);
 	}
 	check(type) {
@@ -897,7 +890,7 @@ let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
 		const { id, zIndex, left = 0, top = 0, width, height, angle, scaleX, scaleY, skewX, skewY, flipX, flipY, title, description, slide: slideData } = pageElement;
 		if (slideData == null) return;
 		const model = new SlideDataModel(slideData);
-		const slideComponent = new _univerjs_engine_render.Slide(SLIDE_VIEW_KEY.MAIN + id, {
+		const slideComponent = new _univerjs_engine_render.Slide("__SLIDERender__" + id, {
 			top,
 			left,
 			width,
@@ -979,19 +972,6 @@ CanvasObjectProviderRegistry.add(new SlideAdaptorFactory());
 
 //#endregion
 //#region src/views/render/adaptors/spreadsheet-adaptor.ts
-var SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
-	SHEET_VIEW_KEY["MAIN"] = "spreadInSlide";
-	SHEET_VIEW_KEY["SCENE"] = "spreadInSlideScene";
-	SHEET_VIEW_KEY["SCENE_VIEWER"] = "spreadInSlideSceneViewer";
-	SHEET_VIEW_KEY["ROW"] = "spreadInSlideRow";
-	SHEET_VIEW_KEY["COLUMN"] = "spreadInSlideColumn";
-	SHEET_VIEW_KEY["LEFT_TOP"] = "spreadInSlideLeftTop";
-	SHEET_VIEW_KEY["VIEW_MAIN"] = "spreadInSlideViewMain";
-	SHEET_VIEW_KEY["VIEW_TOP"] = "spreadInSlideViewTop";
-	SHEET_VIEW_KEY["VIEW_LEFT"] = "spreadInSlideViewLeft";
-	SHEET_VIEW_KEY["VIEW_LEFT_TOP"] = "spreadInSlideViewLeftTop";
-	return SHEET_VIEW_KEY;
-}(SHEET_VIEW_KEY || {});
 let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 	constructor(_localeService, _contextService, _configService, _injector) {
 		super();
@@ -1000,7 +980,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		this._configService = _configService;
 		this._injector = _injector;
 		_defineProperty(this, "zIndex", 4);
-		_defineProperty(this, "viewKey", PageElementType.SPREADSHEET);
+		_defineProperty(this, "viewKey", 3);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -1015,7 +995,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidth, columnHeaderHeight } = spreadsheetSkeleton;
 		const allWidth = columnTotalWidth + worksheet.rowHeader.width || 0;
 		const allHeight = rowTotalHeight + worksheet.columnHeader.height || 0;
-		const sv = new _univerjs_engine_render.SceneViewer(SHEET_VIEW_KEY.SCENE_VIEWER + id, {
+		const sv = new _univerjs_engine_render.SceneViewer("spreadInSlideSceneViewer" + id, {
 			top,
 			left,
 			width,
@@ -1030,15 +1010,15 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			flipY,
 			forceRender: true
 		});
-		const scene = new _univerjs_engine_render.Scene(SHEET_VIEW_KEY.SCENE + id, sv, {
+		const scene = new _univerjs_engine_render.Scene("spreadInSlideScene" + id, sv, {
 			width: allWidth,
 			height: allHeight
 		});
 		this._updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene);
 		const spreadsheet = new _univerjs_engine_render.Spreadsheet("testSheetViewer", spreadsheetSkeleton, false);
-		const spreadsheetRowHeader = new _univerjs_engine_render.SpreadsheetRowHeader(SHEET_VIEW_KEY.ROW, spreadsheetSkeleton);
-		const spreadsheetColumnHeader = new _univerjs_engine_render.SpreadsheetColumnHeader(SHEET_VIEW_KEY.COLUMN, spreadsheetSkeleton);
-		const SpreadsheetLeftTopPlaceholder = new _univerjs_engine_render.Rect(SHEET_VIEW_KEY.LEFT_TOP, {
+		const spreadsheetRowHeader = new _univerjs_engine_render.SpreadsheetRowHeader("spreadInSlideRow", spreadsheetSkeleton);
+		const spreadsheetColumnHeader = new _univerjs_engine_render.SpreadsheetColumnHeader("spreadInSlideColumn", spreadsheetSkeleton);
+		const SpreadsheetLeftTopPlaceholder = new _univerjs_engine_render.Rect("spreadInSlideLeftTop", {
 			zIndex: 2,
 			left: -1,
 			top: -1,
@@ -1069,7 +1049,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		if (mainScene == null) return;
 		const rowHeaderWidthScale = rowHeaderWidth * scene.scaleX;
 		const columnHeaderHeightScale = columnHeaderHeight * scene.scaleY;
-		const viewMain = new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_MAIN + id, scene, {
+		const viewMain = new _univerjs_engine_render.Viewport("spreadInSlideViewMain" + id, scene, {
 			left: rowHeaderWidthScale,
 			top: columnHeaderHeightScale,
 			bottom: 0,
@@ -1078,7 +1058,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportHeightSet: false,
 			isWheelPreventDefaultX: true
 		});
-		const viewTop = new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_TOP + id, scene, {
+		const viewTop = new _univerjs_engine_render.Viewport("spreadInSlideViewTop" + id, scene, {
 			left: rowHeaderWidthScale,
 			height: columnHeaderHeightScale,
 			top: 0,
@@ -1086,7 +1066,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportWidthSet: false,
 			isWheelPreventDefaultX: true
 		});
-		const viewLeft = new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_LEFT + id, scene, {
+		const viewLeft = new _univerjs_engine_render.Viewport("spreadInSlideViewLeft" + id, scene, {
 			left: 0,
 			bottom: 0,
 			top: columnHeaderHeightScale,
@@ -1094,7 +1074,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportHeightSet: false,
 			isWheelPreventDefaultX: true
 		});
-		new _univerjs_engine_render.Viewport(SHEET_VIEW_KEY.VIEW_LEFT_TOP + id, scene, {
+		new _univerjs_engine_render.Viewport("spreadInSlideViewLeftTop" + id, scene, {
 			left: 0,
 			top: 0,
 			width: rowHeaderWidthScale,

package/lib/es/index.js

@@ -56,7 +56,7 @@ let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
 }({});
 
 //#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) {
@@ -67,7 +67,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];
@@ -80,14 +80,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,
@@ -172,7 +172,7 @@ var SlideDataModel = class extends UnitModel {
 		const id = generateRandomId(6);
 		return {
 			id,
-			pageType: PageType.SLIDE,
+			pageType: 0,
 			zIndex: 10,
 			title: id,
 			description: "",
@@ -203,7 +203,7 @@ var SlideDataModel = class extends UnitModel {
 //#endregion
 //#region package.json
 var name = "@univerjs/slides";
-var version = "0.21.1";
+var version = "0.22.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -227,7 +227,7 @@ const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#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);
@@ -235,7 +235,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);
@@ -429,19 +429,12 @@ const CanvasObjectProviderRegistry = Registry.create();
 
 //#endregion
 //#region src/views/render/adaptors/docs-adaptor.ts
-let DOCS_VIEW_KEY = /* @__PURE__ */ function(DOCS_VIEW_KEY) {
-	DOCS_VIEW_KEY["MAIN"] = "__DocsRender__";
-	DOCS_VIEW_KEY["SCENE_VIEWER"] = "__DocsViewer__";
-	DOCS_VIEW_KEY["SCENE"] = "__DocsScene__";
-	DOCS_VIEW_KEY["VIEWPORT"] = "__DocsViewPort_";
-	return DOCS_VIEW_KEY;
-}({});
 let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 	constructor(_localeService) {
 		super();
 		this._localeService = _localeService;
 		_defineProperty(this, "zIndex", 5);
-		_defineProperty(this, "viewKey", PageElementType.DOCUMENT);
+		_defineProperty(this, "viewKey", 4);
 		_defineProperty(this, "_liquid", new Liquid());
 	}
 	check(type) {
@@ -454,9 +447,9 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 		if (documentData == null) return;
 		const docViewModel = new DocumentViewModel(new DocumentDataModel(documentData));
 		const documentSkeleton = DocumentSkeleton.create(docViewModel, this._localeService);
-		const documents = new Documents(DOCS_VIEW_KEY.MAIN, documentSkeleton);
+		const documents = new Documents("__DocsRender__", documentSkeleton);
 		documentSkeleton.calculate();
-		const sv = new SceneViewer(DOCS_VIEW_KEY.SCENE_VIEWER + id, {
+		const sv = new SceneViewer("__DocsViewer__" + id, {
 			top,
 			left,
 			width,
@@ -470,8 +463,8 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			flipX,
 			flipY
 		});
-		const scene = new Scene(DOCS_VIEW_KEY.SCENE + id, sv);
-		const viewMain = new Viewport(DOCS_VIEW_KEY.VIEWPORT + id, scene, {
+		const scene = new Scene("__DocsScene__" + id, sv);
+		const viewMain = new Viewport("__DocsViewPort_" + id, scene, {
 			left: 0,
 			top: 0,
 			bottom: 0,
@@ -636,7 +629,7 @@ var ImageAdaptor = class extends ObjectAdaptor {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "zIndex", 1);
-		_defineProperty(this, "viewKey", PageElementType.IMAGE);
+		_defineProperty(this, "viewKey", 1);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -680,7 +673,7 @@ let RichTextAdaptor = class RichTextAdaptor extends ObjectAdaptor {
 		super();
 		this._localeService = _localeService;
 		_defineProperty(this, "zIndex", 2);
-		_defineProperty(this, "viewKey", PageElementType.TEXT);
+		_defineProperty(this, "viewKey", 2);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -749,7 +742,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "zIndex", 2);
-		_defineProperty(this, "viewKey", PageElementType.SHAPE);
+		_defineProperty(this, "viewKey", 0);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -766,7 +759,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			strokeStyle.strokeWidth = weight;
 			strokeStyle.stroke = getColorStyle(outlineFill) || "rgba(0,0,0,1)";
 		}
-		if (shapeType === BasicShapes.Rect) return new Rect(id, {
+		if (shapeType === "rect") return new Rect(id, {
 			fill,
 			top,
 			left,
@@ -783,7 +776,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			forceRender: true,
 			...strokeStyle
 		});
-		if (shapeType === BasicShapes.RoundRect) return new Rect(id, {
+		if (shapeType === "roundRect") return new Rect(id, {
 			fill,
 			top,
 			left,
@@ -801,7 +794,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			radius: (shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius) || 0,
 			...strokeStyle
 		});
-		if (shapeType === BasicShapes.Ellipse) {
+		if (shapeType === "ellipse") {
 			console.warn(shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius);
 			return new Circle(id, {
 				fill,
@@ -885,7 +878,7 @@ let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
 		super();
 		this._injector = _injector;
 		_defineProperty(this, "zIndex", 6);
-		_defineProperty(this, "viewKey", PageElementType.SLIDE);
+		_defineProperty(this, "viewKey", 5);
 		_defineProperty(this, "_ObjectProvider", null);
 	}
 	check(type) {
@@ -896,7 +889,7 @@ let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
 		const { id, zIndex, left = 0, top = 0, width, height, angle, scaleX, scaleY, skewX, skewY, flipX, flipY, title, description, slide: slideData } = pageElement;
 		if (slideData == null) return;
 		const model = new SlideDataModel(slideData);
-		const slideComponent = new Slide(SLIDE_VIEW_KEY.MAIN + id, {
+		const slideComponent = new Slide("__SLIDERender__" + id, {
 			top,
 			left,
 			width,
@@ -978,19 +971,6 @@ CanvasObjectProviderRegistry.add(new SlideAdaptorFactory());
 
 //#endregion
 //#region src/views/render/adaptors/spreadsheet-adaptor.ts
-var SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
-	SHEET_VIEW_KEY["MAIN"] = "spreadInSlide";
-	SHEET_VIEW_KEY["SCENE"] = "spreadInSlideScene";
-	SHEET_VIEW_KEY["SCENE_VIEWER"] = "spreadInSlideSceneViewer";
-	SHEET_VIEW_KEY["ROW"] = "spreadInSlideRow";
-	SHEET_VIEW_KEY["COLUMN"] = "spreadInSlideColumn";
-	SHEET_VIEW_KEY["LEFT_TOP"] = "spreadInSlideLeftTop";
-	SHEET_VIEW_KEY["VIEW_MAIN"] = "spreadInSlideViewMain";
-	SHEET_VIEW_KEY["VIEW_TOP"] = "spreadInSlideViewTop";
-	SHEET_VIEW_KEY["VIEW_LEFT"] = "spreadInSlideViewLeft";
-	SHEET_VIEW_KEY["VIEW_LEFT_TOP"] = "spreadInSlideViewLeftTop";
-	return SHEET_VIEW_KEY;
-}(SHEET_VIEW_KEY || {});
 let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 	constructor(_localeService, _contextService, _configService, _injector) {
 		super();
@@ -999,7 +979,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		this._configService = _configService;
 		this._injector = _injector;
 		_defineProperty(this, "zIndex", 4);
-		_defineProperty(this, "viewKey", PageElementType.SPREADSHEET);
+		_defineProperty(this, "viewKey", 3);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -1014,7 +994,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidth, columnHeaderHeight } = spreadsheetSkeleton;
 		const allWidth = columnTotalWidth + worksheet.rowHeader.width || 0;
 		const allHeight = rowTotalHeight + worksheet.columnHeader.height || 0;
-		const sv = new SceneViewer(SHEET_VIEW_KEY.SCENE_VIEWER + id, {
+		const sv = new SceneViewer("spreadInSlideSceneViewer" + id, {
 			top,
 			left,
 			width,
@@ -1029,15 +1009,15 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			flipY,
 			forceRender: true
 		});
-		const scene = new Scene(SHEET_VIEW_KEY.SCENE + id, sv, {
+		const scene = new Scene("spreadInSlideScene" + id, sv, {
 			width: allWidth,
 			height: allHeight
 		});
 		this._updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene);
 		const spreadsheet = new Spreadsheet("testSheetViewer", spreadsheetSkeleton, false);
-		const spreadsheetRowHeader = new SpreadsheetRowHeader(SHEET_VIEW_KEY.ROW, spreadsheetSkeleton);
-		const spreadsheetColumnHeader = new SpreadsheetColumnHeader(SHEET_VIEW_KEY.COLUMN, spreadsheetSkeleton);
-		const SpreadsheetLeftTopPlaceholder = new Rect(SHEET_VIEW_KEY.LEFT_TOP, {
+		const spreadsheetRowHeader = new SpreadsheetRowHeader("spreadInSlideRow", spreadsheetSkeleton);
+		const spreadsheetColumnHeader = new SpreadsheetColumnHeader("spreadInSlideColumn", spreadsheetSkeleton);
+		const SpreadsheetLeftTopPlaceholder = new Rect("spreadInSlideLeftTop", {
 			zIndex: 2,
 			left: -1,
 			top: -1,
@@ -1068,7 +1048,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		if (mainScene == null) return;
 		const rowHeaderWidthScale = rowHeaderWidth * scene.scaleX;
 		const columnHeaderHeightScale = columnHeaderHeight * scene.scaleY;
-		const viewMain = new Viewport(SHEET_VIEW_KEY.VIEW_MAIN + id, scene, {
+		const viewMain = new Viewport("spreadInSlideViewMain" + id, scene, {
 			left: rowHeaderWidthScale,
 			top: columnHeaderHeightScale,
 			bottom: 0,
@@ -1077,7 +1057,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportHeightSet: false,
 			isWheelPreventDefaultX: true
 		});
-		const viewTop = new Viewport(SHEET_VIEW_KEY.VIEW_TOP + id, scene, {
+		const viewTop = new Viewport("spreadInSlideViewTop" + id, scene, {
 			left: rowHeaderWidthScale,
 			height: columnHeaderHeightScale,
 			top: 0,
@@ -1085,7 +1065,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportWidthSet: false,
 			isWheelPreventDefaultX: true
 		});
-		const viewLeft = new Viewport(SHEET_VIEW_KEY.VIEW_LEFT + id, scene, {
+		const viewLeft = new Viewport("spreadInSlideViewLeft" + id, scene, {
 			left: 0,
 			bottom: 0,
 			top: columnHeaderHeightScale,
@@ -1093,7 +1073,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportHeightSet: false,
 			isWheelPreventDefaultX: true
 		});
-		new Viewport(SHEET_VIEW_KEY.VIEW_LEFT_TOP + id, scene, {
+		new Viewport("spreadInSlideViewLeftTop" + id, scene, {
 			left: 0,
 			top: 0,
 			width: rowHeaderWidthScale,

package/lib/index.js

@@ -56,7 +56,7 @@ let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
 }({});
 
 //#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) {
@@ -67,7 +67,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];
@@ -80,14 +80,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,
@@ -172,7 +172,7 @@ var SlideDataModel = class extends UnitModel {
 		const id = generateRandomId(6);
 		return {
 			id,
-			pageType: PageType.SLIDE,
+			pageType: 0,
 			zIndex: 10,
 			title: id,
 			description: "",
@@ -203,7 +203,7 @@ var SlideDataModel = class extends UnitModel {
 //#endregion
 //#region package.json
 var name = "@univerjs/slides";
-var version = "0.21.1";
+var version = "0.22.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -227,7 +227,7 @@ const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#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);
@@ -235,7 +235,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);
@@ -429,19 +429,12 @@ const CanvasObjectProviderRegistry = Registry.create();
 
 //#endregion
 //#region src/views/render/adaptors/docs-adaptor.ts
-let DOCS_VIEW_KEY = /* @__PURE__ */ function(DOCS_VIEW_KEY) {
-	DOCS_VIEW_KEY["MAIN"] = "__DocsRender__";
-	DOCS_VIEW_KEY["SCENE_VIEWER"] = "__DocsViewer__";
-	DOCS_VIEW_KEY["SCENE"] = "__DocsScene__";
-	DOCS_VIEW_KEY["VIEWPORT"] = "__DocsViewPort_";
-	return DOCS_VIEW_KEY;
-}({});
 let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 	constructor(_localeService) {
 		super();
 		this._localeService = _localeService;
 		_defineProperty(this, "zIndex", 5);
-		_defineProperty(this, "viewKey", PageElementType.DOCUMENT);
+		_defineProperty(this, "viewKey", 4);
 		_defineProperty(this, "_liquid", new Liquid());
 	}
 	check(type) {
@@ -454,9 +447,9 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 		if (documentData == null) return;
 		const docViewModel = new DocumentViewModel(new DocumentDataModel(documentData));
 		const documentSkeleton = DocumentSkeleton.create(docViewModel, this._localeService);
-		const documents = new Documents(DOCS_VIEW_KEY.MAIN, documentSkeleton);
+		const documents = new Documents("__DocsRender__", documentSkeleton);
 		documentSkeleton.calculate();
-		const sv = new SceneViewer(DOCS_VIEW_KEY.SCENE_VIEWER + id, {
+		const sv = new SceneViewer("__DocsViewer__" + id, {
 			top,
 			left,
 			width,
@@ -470,8 +463,8 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			flipX,
 			flipY
 		});
-		const scene = new Scene(DOCS_VIEW_KEY.SCENE + id, sv);
-		const viewMain = new Viewport(DOCS_VIEW_KEY.VIEWPORT + id, scene, {
+		const scene = new Scene("__DocsScene__" + id, sv);
+		const viewMain = new Viewport("__DocsViewPort_" + id, scene, {
 			left: 0,
 			top: 0,
 			bottom: 0,
@@ -636,7 +629,7 @@ var ImageAdaptor = class extends ObjectAdaptor {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "zIndex", 1);
-		_defineProperty(this, "viewKey", PageElementType.IMAGE);
+		_defineProperty(this, "viewKey", 1);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -680,7 +673,7 @@ let RichTextAdaptor = class RichTextAdaptor extends ObjectAdaptor {
 		super();
 		this._localeService = _localeService;
 		_defineProperty(this, "zIndex", 2);
-		_defineProperty(this, "viewKey", PageElementType.TEXT);
+		_defineProperty(this, "viewKey", 2);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -749,7 +742,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "zIndex", 2);
-		_defineProperty(this, "viewKey", PageElementType.SHAPE);
+		_defineProperty(this, "viewKey", 0);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -766,7 +759,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			strokeStyle.strokeWidth = weight;
 			strokeStyle.stroke = getColorStyle(outlineFill) || "rgba(0,0,0,1)";
 		}
-		if (shapeType === BasicShapes.Rect) return new Rect(id, {
+		if (shapeType === "rect") return new Rect(id, {
 			fill,
 			top,
 			left,
@@ -783,7 +776,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			forceRender: true,
 			...strokeStyle
 		});
-		if (shapeType === BasicShapes.RoundRect) return new Rect(id, {
+		if (shapeType === "roundRect") return new Rect(id, {
 			fill,
 			top,
 			left,
@@ -801,7 +794,7 @@ var ShapeAdaptor = class extends ObjectAdaptor {
 			radius: (shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius) || 0,
 			...strokeStyle
 		});
-		if (shapeType === BasicShapes.Ellipse) {
+		if (shapeType === "ellipse") {
 			console.warn(shapeProperties === null || shapeProperties === void 0 ? void 0 : shapeProperties.radius);
 			return new Circle(id, {
 				fill,
@@ -885,7 +878,7 @@ let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
 		super();
 		this._injector = _injector;
 		_defineProperty(this, "zIndex", 6);
-		_defineProperty(this, "viewKey", PageElementType.SLIDE);
+		_defineProperty(this, "viewKey", 5);
 		_defineProperty(this, "_ObjectProvider", null);
 	}
 	check(type) {
@@ -896,7 +889,7 @@ let SlideAdaptor = class SlideAdaptor extends ObjectAdaptor {
 		const { id, zIndex, left = 0, top = 0, width, height, angle, scaleX, scaleY, skewX, skewY, flipX, flipY, title, description, slide: slideData } = pageElement;
 		if (slideData == null) return;
 		const model = new SlideDataModel(slideData);
-		const slideComponent = new Slide(SLIDE_VIEW_KEY.MAIN + id, {
+		const slideComponent = new Slide("__SLIDERender__" + id, {
 			top,
 			left,
 			width,
@@ -978,19 +971,6 @@ CanvasObjectProviderRegistry.add(new SlideAdaptorFactory());
 
 //#endregion
 //#region src/views/render/adaptors/spreadsheet-adaptor.ts
-var SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
-	SHEET_VIEW_KEY["MAIN"] = "spreadInSlide";
-	SHEET_VIEW_KEY["SCENE"] = "spreadInSlideScene";
-	SHEET_VIEW_KEY["SCENE_VIEWER"] = "spreadInSlideSceneViewer";
-	SHEET_VIEW_KEY["ROW"] = "spreadInSlideRow";
-	SHEET_VIEW_KEY["COLUMN"] = "spreadInSlideColumn";
-	SHEET_VIEW_KEY["LEFT_TOP"] = "spreadInSlideLeftTop";
-	SHEET_VIEW_KEY["VIEW_MAIN"] = "spreadInSlideViewMain";
-	SHEET_VIEW_KEY["VIEW_TOP"] = "spreadInSlideViewTop";
-	SHEET_VIEW_KEY["VIEW_LEFT"] = "spreadInSlideViewLeft";
-	SHEET_VIEW_KEY["VIEW_LEFT_TOP"] = "spreadInSlideViewLeftTop";
-	return SHEET_VIEW_KEY;
-}(SHEET_VIEW_KEY || {});
 let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 	constructor(_localeService, _contextService, _configService, _injector) {
 		super();
@@ -999,7 +979,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		this._configService = _configService;
 		this._injector = _injector;
 		_defineProperty(this, "zIndex", 4);
-		_defineProperty(this, "viewKey", PageElementType.SPREADSHEET);
+		_defineProperty(this, "viewKey", 3);
 	}
 	check(type) {
 		if (type !== this.viewKey) return;
@@ -1014,7 +994,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidth, columnHeaderHeight } = spreadsheetSkeleton;
 		const allWidth = columnTotalWidth + worksheet.rowHeader.width || 0;
 		const allHeight = rowTotalHeight + worksheet.columnHeader.height || 0;
-		const sv = new SceneViewer(SHEET_VIEW_KEY.SCENE_VIEWER + id, {
+		const sv = new SceneViewer("spreadInSlideSceneViewer" + id, {
 			top,
 			left,
 			width,
@@ -1029,15 +1009,15 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			flipY,
 			forceRender: true
 		});
-		const scene = new Scene(SHEET_VIEW_KEY.SCENE + id, sv, {
+		const scene = new Scene("spreadInSlideScene" + id, sv, {
 			width: allWidth,
 			height: allHeight
 		});
 		this._updateViewport(id, rowHeaderWidth, columnHeaderHeight, scene, mainScene);
 		const spreadsheet = new Spreadsheet("testSheetViewer", spreadsheetSkeleton, false);
-		const spreadsheetRowHeader = new SpreadsheetRowHeader(SHEET_VIEW_KEY.ROW, spreadsheetSkeleton);
-		const spreadsheetColumnHeader = new SpreadsheetColumnHeader(SHEET_VIEW_KEY.COLUMN, spreadsheetSkeleton);
-		const SpreadsheetLeftTopPlaceholder = new Rect(SHEET_VIEW_KEY.LEFT_TOP, {
+		const spreadsheetRowHeader = new SpreadsheetRowHeader("spreadInSlideRow", spreadsheetSkeleton);
+		const spreadsheetColumnHeader = new SpreadsheetColumnHeader("spreadInSlideColumn", spreadsheetSkeleton);
+		const SpreadsheetLeftTopPlaceholder = new Rect("spreadInSlideLeftTop", {
 			zIndex: 2,
 			left: -1,
 			top: -1,
@@ -1068,7 +1048,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 		if (mainScene == null) return;
 		const rowHeaderWidthScale = rowHeaderWidth * scene.scaleX;
 		const columnHeaderHeightScale = columnHeaderHeight * scene.scaleY;
-		const viewMain = new Viewport(SHEET_VIEW_KEY.VIEW_MAIN + id, scene, {
+		const viewMain = new Viewport("spreadInSlideViewMain" + id, scene, {
 			left: rowHeaderWidthScale,
 			top: columnHeaderHeightScale,
 			bottom: 0,
@@ -1077,7 +1057,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportHeightSet: false,
 			isWheelPreventDefaultX: true
 		});
-		const viewTop = new Viewport(SHEET_VIEW_KEY.VIEW_TOP + id, scene, {
+		const viewTop = new Viewport("spreadInSlideViewTop" + id, scene, {
 			left: rowHeaderWidthScale,
 			height: columnHeaderHeightScale,
 			top: 0,
@@ -1085,7 +1065,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportWidthSet: false,
 			isWheelPreventDefaultX: true
 		});
-		const viewLeft = new Viewport(SHEET_VIEW_KEY.VIEW_LEFT + id, scene, {
+		const viewLeft = new Viewport("spreadInSlideViewLeft" + id, scene, {
 			left: 0,
 			bottom: 0,
 			top: columnHeaderHeightScale,
@@ -1093,7 +1073,7 @@ let SpreadsheetAdaptor = class SpreadsheetAdaptor extends ObjectAdaptor {
 			explicitViewportHeightSet: false,
 			isWheelPreventDefaultX: true
 		});
-		new Viewport(SHEET_VIEW_KEY.VIEW_LEFT_TOP + id, scene, {
+		new Viewport("spreadInSlideViewLeftTop" + id, scene, {
 			left: 0,
 			top: 0,
 			width: rowHeaderWidthScale,

package/lib/umd/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`rxjs`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`rxjs`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlides={},e.UniverCore,e.rxjs,e.UniverEngineRender))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let i={id:`default_slide`,title:`defaultSlide`,pageSize:{width:300,height:300}},a=function(e){return e[e.SLIDE=0]=`SLIDE`,e[e.MASTER=1]=`MASTER`,e[e.LAYOUT=2]=`LAYOUT`,e[e.HANDOUT_MASTER=3]=`HANDOUT_MASTER`,e[e.NOTES_MASTER=4]=`NOTES_MASTER`,e}({}),o=function(e){return e[e.SHAPE=0]=`SHAPE`,e[e.IMAGE=1]=`IMAGE`,e[e.TEXT=2]=`TEXT`,e[e.SPREADSHEET=3]=`SPREADSHEET`,e[e.DOCUMENT=4]=`DOCUMENT`,e[e.SLIDE=5]=`SLIDE`,e}({}),s=function(e){return e[e.RELATIVE_SLIDE_LINK_UNSPECIFIED=0]=`RELATIVE_SLIDE_LINK_UNSPECIFIED`,e[e.NEXT_SLIDE=1]=`NEXT_SLIDE`,e[e.PREVIOUS_SLIDE=2]=`PREVIOUS_SLIDE`,e[e.FIRST_SLIDE=3]=`FIRST_SLIDE`,e[e.LAST_SLIDE=4]=`LAST_SLIDE`,e}({});function c(e){"@babel/helpers - typeof";return c=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},c(e)}function l(e,t){if(c(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(c(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function u(e){var t=l(e,`string`);return c(t)==`symbol`?t:t+``}function d(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=class extends t.UnitModel{get _activePage(){let e=this._activePage$.getValue();if(!e){var t,n;let e=(t=this.getPageOrder())==null?void 0:t[0];return e?(n=this.getPages())==null?void 0:n[e]:null}return e}constructor(e){var r;super(),d(this,`type`,t.UniverInstanceType.UNIVER_SLIDE),d(this,`_activePage$`,new n.BehaviorSubject(null)),d(this,`activePage$`,this._activePage$.asObservable()),d(this,`_name$`,void 0),d(this,`name$`,void 0),d(this,`_snapshot`,void 0),d(this,`_unitId`,void 0),this._snapshot={...i,...e},this._unitId=(r=this._snapshot.id)==null?(0,t.generateRandomId)(6):r,this._name$=new n.BehaviorSubject(this._snapshot.title),this.name$=this._name$.asObservable()}setName(e){var n;this._snapshot.title=e,this._name$.next(e),this._unitId=(n=this._snapshot.id)==null?(0,t.generateRandomId)(6):n}getRev(){return 0}incrementRev(){}setRev(e){}getSnapshot(){return this._snapshot}getUnitId(){return this._unitId}getPages(){var e;return(e=this._snapshot.body)==null?void 0:e.pages}getPageOrder(){var e;return(e=this._snapshot.body)==null?void 0:e.pageOrder}getPage(e){let t=this.getPages();return t==null?void 0:t[e]}getElementsByPage(e){var t;return(t=this.getPage(e))==null?void 0:t.pageElements}getElement(e,t){var n;return(n=this.getElementsByPage(e))==null?void 0:n[t]}getPageSize(){return this._snapshot.pageSize}getBlankPage(){let e=(0,t.generateRandomId)(6);return{id:e,pageType:a.SLIDE,zIndex:10,title:e,description:``,pageBackgroundFill:{rgb:`rgb(255,255,255)`},pageElements:{}}}setActivePage(e){this._activePage$.next(e)}getActivePage(){return this._activePage}updatePage(e,t){this._snapshot.body&&(this._snapshot.body.pages[e]=t)}appendPage(e){var t;if(!this._snapshot.body)return;this._snapshot.body.pages[e.id]=e;let n=this._activePage,r=this._snapshot.body.pageOrder.indexOf((t=n==null?void 0:n.id)==null?``:t);this._snapshot.body.pageOrder.splice(r+1,0,e.id)}},p=`@univerjs/slides`,m=`0.21.1`;let h=`slides.config`;Symbol(h);let g={};function _(e,t){return function(n,r){t(n,r,e)}}function v(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let y=class extends t.Plugin{constructor(e=g,n,r,i){super(),this._config=e,this._injector=n,this._configService=r,this._univerInstanceService=i,d(this,`_canvasEngine`,null);let{...a}=(0,t.merge)({},g,this._config);this._configService.setConfig(h,a),this._initializeDependencies(this._injector)}onStarting(){this._univerInstanceService.registerCtorForType(t.UniverInstanceType.UNIVER_SLIDE,f)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(r.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};d(y,`pluginName`,`UNIVER_SLIDES_PLUGIN`),d(y,`packageName`,p),d(y,`version`,m),d(y,`type`,t.UniverInstanceType.UNIVER_SLIDE),y=v([_(1,(0,t.Inject)(t.Injector)),_(2,t.IConfigService),_(3,t.IUniverInstanceService)],y);let b=function(e){return e.Line=`line`,e.LineInv=`lineInv`,e.Triangle=`triangle`,e.RtTriangle=`rtTriangle`,e.Rect=`rect`,e.Diamond=`diamond`,e.Parallelogram=`parallelogram`,e.Trapezoid=`trapezoid`,e.NonIsocelesTrapezoid=`nonIsocelesTrapezoid`,e.Pentagon=`pentagon`,e.Hexagon=`hexagon`,e.Heptagon=`heptagon`,e.Octagon=`octagon`,e.Decagon=`decagon`,e.Dodecagon=`dodecagon`,e.Star4=`star4`,e.Star5=`star5`,e.Star6=`star6`,e.Star7=`star7`,e.Star8=`star8`,e.Star10=`star10`,e.Star12=`star12`,e.Star16=`star16`,e.Star24=`star24`,e.Star32=`star32`,e.RoundRect=`roundRect`,e.Round1Rect=`round1Rect`,e.Round2SameRect=`round2SameRect`,e.Round2DiagRect=`round2DiagRect`,e.Ellipse=`ellipse`,e}({}),x=function(e){return e.RightArrow=`rightArrow`,e.LeftArrow=`leftArrow`,e.UpArrow=`upArrow`,e.DownArrow=`downArrow`,e.LeftRightArrow=`leftRightArrow`,e.UpDownArrow=`upDownArrow`,e.QuadArrow=`quadArrow`,e.LeftRightUpArrow=`leftRightUpArrow`,e.BentArrow=`bentArrow`,e.UturnArrow=`uturnArrow`,e.CircularArrow=`circularArrow`,e.NotchedRightArrow=`notchedRightArrow`,e.HomePlate=`homePlate`,e.Chevron=`chevron`,e.LeftCircularArrow=`leftCircularArrow`,e.LeftRightCircularArrow=`leftRightCircularArrow`,e}({}),S=function(e){return e.Plaque=`plaque`,e.Can=`can`,e.Cube=`cube`,e.Bevel=`bevel`,e.Donut=`donut`,e.NoSmoking=`noSmoking`,e.BlockArc=`blockArc`,e.FoldedCorner=`foldedCorner`,e}({}),C=function(e){return e.SmileyFace=`smileyFace`,e.Heart=`heart`,e.LightningBolt=`lightningBolt`,e.Sun=`sun`,e.Moon=`moon`,e.Cloud=`cloud`,e.Arc=`arc`,e.Backpack=`backpack`,e.Frame=`frame`,e.HalfFrame=`halfFrame`,e.Corner=`corner`,e.Chord=`chord`,e.Pie=`pie`,e.Teardrop=`teardrop`,e.WedgeRectCallout=`wedgeRectCallout`,e.WedgeRRectCallout=`wedgeRRectCallout`,e.WedgeEllipseCallout=`wedgeEllipseCallout`,e.CloudCallout=`cloudCallout`,e.BorderCallout1=`borderCallout1`,e.BorderCallout2=`borderCallout2`,e.BorderCallout3=`borderCallout3`,e.AccentCallout1=`accentCallout1`,e.AccentCallout2=`accentCallout2`,e.AccentCallout3=`accentCallout3`,e.Callout1=`callout1`,e.Callout2=`callout2`,e.Callout3=`callout3`,e.ActionButtonBackPrevious=`actionButtonBackPrevious`,e.ActionButtonEnd=`actionButtonEnd`,e.ActionButtonForwardNext=`actionButtonForwardNext`,e.ActionButtonHelp=`actionButtonHelp`,e.ActionButtonHome=`actionButtonHome`,e.ActionButtonInformation=`actionButtonInformation`,e.ActionButtonMovie=`actionButtonMovie`,e.ActionButtonReturn=`actionButtonReturn`,e.ActionButtonSound=`actionButtonSound`,e}({});var w=class{constructor(){d(this,`zIndex`,0),d(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let T=t.Registry.create(),E=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),D=class extends w{constructor(e){super(),this._localeService=e,d(this,`zIndex`,5),d(this,`viewKey`,o.DOCUMENT),d(this,`_liquid`,new r.Liquid)}check(e){if(e===this.viewKey)return this}convert(e,n){var i,a;let{id:o,zIndex:s,left:c=0,top:l=0,width:u,height:d,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:g,flipX:_,flipY:v,title:y,description:b,document:x}=e;if(x==null)return;let S=new r.DocumentViewModel(new t.DocumentDataModel(x)),C=r.DocumentSkeleton.create(S,this._localeService),w=new r.Documents(E.MAIN,C);C.calculate();let T=new r.SceneViewer(E.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:g,flipX:_,flipY:v}),D=new r.Scene(E.SCENE+o,T),O=new r.Viewport(E.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new r.ScrollBar(O,{mainScene:n}),D.addObject(w);let k=C.getActualSize();w.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=w.getSkeleton())==null||i.getPageSize(),w.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=w,M=C.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(w,D,C);for(let e=0,t=N.length;e<t;e++){let t=N[e],{skeDrawings:n,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new r.Image(e.drawingId,{left:t+A+this._liquid.x,top:n+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(t,w.pageLayoutType,w.pageMarginLeft,w.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;C==null||C.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),C==null||C.calculate()}),this._calculatePagePosition(w,D,O),T}_recalculateSizeBySkeleton(e,t,n){var i;let a=(i=n.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let t=0,n=a.length;t<n;t++){let{pageWidth:i,pageHeight:c}=a[t];e.pageLayoutType===r.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,t===n-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===r.PageLayoutType.HORIZONTAL&&(o+=i,t!==n-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),t.resize(o,s)}_calculatePagePosition(e,t,n,r=1){let i=t==null?void 0:t.getParent(),{width:a,height:o,pageMarginLeft:s,pageMarginTop:c}=e;if(i==null||a===1/0||o===1/0)return;let{width:l,height:u}=i,d=0,f=0,p=0,m=0,h=1/0;if(l>(a+s*2)*r?(d=l/2-a*r/2,d/=r,p=(l-s*2)/r,h=0):(d=s,p=a+s*2,h=(p-l/r)/2),u>o?(f=u/2-o/2,m=(u-c*2)/r):(f=c,m=o+c*2),t.resize(p,m+200),e.translate(d,f),h!==1/0&&n!=null){let e=n.transScroll2ViewportScrollValue(h,0).x;n.scrollToBarPos({x:e})}return this}};D=v([_(0,(0,t.Inject)(t.LocaleService))],D);var O=class{constructor(){d(this,`zIndex`,5)}create(e){return e.createInstance(D)}};T.add(new O);var k=class extends w{constructor(...e){super(...e),d(this,`zIndex`,1),d(this,`viewKey`,o.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,title:h,description:g,image:_={}}=e,{imageProperties:v,placeholder:y,link:b}=_;return new r.Image(t,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:n,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},A=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(k)}};T.add(new A);let j=class extends w{constructor(e){super(),this._localeService=e,d(this,`zIndex`,2),d(this,`viewKey`,o.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,richText:v={}}=e,{text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k,rich:A}=v,j={top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0},M=!1;if(y==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k},M=!0),M!==!1)return new r.RichText(this._localeService,n,j)}};j=v([_(0,(0,t.Inject)(t.LocaleService))],j);var M=class{constructor(){d(this,`zIndex`,0)}create(e){return e.createInstance(j)}};T.add(new M);var N=class extends w{constructor(...e){super(...e),d(this,`zIndex`,2),d(this,`viewKey`,o.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_}=e,{shapeType:v,text:y,shapeProperties:x,placeholder:S,link:C}=e.shape||{},w=x==null?``:(0,t.getColorStyle)(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,E={};if(T){let{outlineFill:e,weight:n}=T;E.strokeWidth=n,E.stroke=(0,t.getColorStyle)(e)||`rgba(0,0,0,1)`}if(v===b.Rect)return new r.Rect(n,{fill:w,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,...E});if(v===b.RoundRect)return new r.Rect(n,{fill:w,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...E});if(v===b.Ellipse)return console.warn(x==null?void 0:x.radius),new r.Circle(n,{fill:w,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...E})}},P=class{constructor(){d(this,`zIndex`,2)}create(e){return e.createInstance(N)}};T.add(new P);let F=class{constructor(e){this._injector=e,d(this,`_adaptors`,[]),this._adaptorLoader()}convertToRenderObjects(e,t){let n=Object.keys(e),r=[];return n.forEach(n=>{let i=e[n],a=this._executor(i,t);a!=null&&r.push(a)}),r}convertToRenderObject(e,t){return this._executor(e,t)}_executor(e,t){let{id:n,type:r}=e;for(let n of this._adaptors){var i;let a=(i=n.check(r))==null?void 0:i.convert(e,t);if(a!=null)return a}}_adaptorLoader(){T.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};F=v([_(0,(0,t.Inject)(t.Injector))],F);let I=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),L=class extends w{constructor(e){super(),this._injector=e,d(this,`zIndex`,6),d(this,`viewKey`,o.SLIDE),d(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:p,skewY:m,flipX:h,flipY:g,title:_,description:v,slide:y}=e;if(y==null)return;let b=new f(y),x=new r.Slide(I.MAIN+n,{top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new F(this._injector);for(let e=0,n=S.length;e<n;e++){let n=C[S[e]],{id:r}=n;x.addPageScene(this._createScene(r,x,n,t,b))}return x.activeFirstPage(),x}_createScene(e,t,n,i,a){var o;let{width:s,height:c}=t,l=new r.Scene(e,t,{width:s,height:c});new r.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=n,f=(o=this._ObjectProvider)==null?void 0:o.convertToRenderObjects(u,i);return this._addBackgroundRect(l,d,a),l.addObjects(f),f==null||f.forEach(e=>{l.attachTransformerTo(e)}),l}_addBackgroundRect(e,n,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new r.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,t.getColorStyle)(n)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(s,0)}};L=v([_(0,(0,t.Inject)(t.Injector))],L);var R=class{constructor(){d(this,`zIndex`,6)}create(e){return e.createInstance(L)}};T.add(new R);var z=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(z||{});let B=class extends w{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,d(this,`zIndex`,4),d(this,`viewKey`,o.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,n){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new t.Styles(y),x=new r.SpreadsheetSkeleton(new t.Worksheet(i,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,E=C+v.rowHeader.width||0,D=S+v.columnHeader.height||0,O=new r.SceneViewer(z.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),k=new r.Scene(z.SCENE+i,O,{width:E,height:D});this._updateViewport(i,w,T,k,n);let A=new r.Spreadsheet(`testSheetViewer`,x,!1),j=new r.SpreadsheetRowHeader(z.ROW,x),M=new r.SpreadsheetColumnHeader(z.COLUMN,x),N=new r.Rect(z.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,r.getColor)([248,249,250]),stroke:(0,r.getColor)([217,217,217]),strokeWidth:1});return A.zIndex=10,k.addObjects([A],1),k.addObjects([j,M,N],2),O}_updateViewport(e,t,n,i,a){if(a==null)return;let o=t*i.scaleX,s=n*i.scaleY,c=new r.Viewport(z.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new r.Viewport(z.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new r.Viewport(z.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new r.Viewport(z.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new r.ScrollBar(c,{mainScene:a}),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.05:e<80?.02:.01;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(i.scaleBy(t,t),n.preventDefault())}else c.onMouseWheel(n,t)})}};B=v([_(0,(0,t.Inject)(t.LocaleService)),_(1,t.IContextService),_(2,t.IConfigService),_(3,(0,t.Inject)(t.Injector))],B);var V=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(B)}};T.add(new V);let H=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.ArrowsAndMarkersShapes=x,e.BasicShapes=b,e.CanvasObjectProviderRegistry=T,e.DEFAULT_SLIDE=i,e.ObjectAdaptor=w,Object.defineProperty(e,`ObjectProvider`,{enumerable:!0,get:function(){return F}}),e.OtherShapes=S,e.PageElementType=o,e.PageType=a,e.RelativeSlideLink=s,e.SLIDE_KEY=H,e.SLIDE_VIEW_KEY=I,e.SlideDataModel=f,e.SpecialShapes=C,Object.defineProperty(e,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return y}})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`rxjs`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`rxjs`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlides={},e.UniverCore,e.rxjs,e.UniverEngineRender))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let i={id:`default_slide`,title:`defaultSlide`,pageSize:{width:300,height:300}},a=function(e){return e[e.SLIDE=0]=`SLIDE`,e[e.MASTER=1]=`MASTER`,e[e.LAYOUT=2]=`LAYOUT`,e[e.HANDOUT_MASTER=3]=`HANDOUT_MASTER`,e[e.NOTES_MASTER=4]=`NOTES_MASTER`,e}({}),o=function(e){return e[e.SHAPE=0]=`SHAPE`,e[e.IMAGE=1]=`IMAGE`,e[e.TEXT=2]=`TEXT`,e[e.SPREADSHEET=3]=`SPREADSHEET`,e[e.DOCUMENT=4]=`DOCUMENT`,e[e.SLIDE=5]=`SLIDE`,e}({}),s=function(e){return e[e.RELATIVE_SLIDE_LINK_UNSPECIFIED=0]=`RELATIVE_SLIDE_LINK_UNSPECIFIED`,e[e.NEXT_SLIDE=1]=`NEXT_SLIDE`,e[e.PREVIOUS_SLIDE=2]=`PREVIOUS_SLIDE`,e[e.FIRST_SLIDE=3]=`FIRST_SLIDE`,e[e.LAST_SLIDE=4]=`LAST_SLIDE`,e}({});function c(e){"@babel/helpers - typeof";return c=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},c(e)}function l(e,t){if(c(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(c(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function u(e){var t=l(e,`string`);return c(t)==`symbol`?t:t+``}function d(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=class extends t.UnitModel{get _activePage(){let e=this._activePage$.getValue();if(!e){var t,n;let e=(t=this.getPageOrder())==null?void 0:t[0];return e?(n=this.getPages())==null?void 0:n[e]:null}return e}constructor(e){var r;super(),d(this,`type`,t.UniverInstanceType.UNIVER_SLIDE),d(this,`_activePage$`,new n.BehaviorSubject(null)),d(this,`activePage$`,this._activePage$.asObservable()),d(this,`_name$`,void 0),d(this,`name$`,void 0),d(this,`_snapshot`,void 0),d(this,`_unitId`,void 0),this._snapshot={...i,...e},this._unitId=(r=this._snapshot.id)==null?(0,t.generateRandomId)(6):r,this._name$=new n.BehaviorSubject(this._snapshot.title),this.name$=this._name$.asObservable()}setName(e){var n;this._snapshot.title=e,this._name$.next(e),this._unitId=(n=this._snapshot.id)==null?(0,t.generateRandomId)(6):n}getRev(){return 0}incrementRev(){}setRev(e){}getSnapshot(){return this._snapshot}getUnitId(){return this._unitId}getPages(){var e;return(e=this._snapshot.body)==null?void 0:e.pages}getPageOrder(){var e;return(e=this._snapshot.body)==null?void 0:e.pageOrder}getPage(e){let t=this.getPages();return t==null?void 0:t[e]}getElementsByPage(e){var t;return(t=this.getPage(e))==null?void 0:t.pageElements}getElement(e,t){var n;return(n=this.getElementsByPage(e))==null?void 0:n[t]}getPageSize(){return this._snapshot.pageSize}getBlankPage(){let e=(0,t.generateRandomId)(6);return{id:e,pageType:0,zIndex:10,title:e,description:``,pageBackgroundFill:{rgb:`rgb(255,255,255)`},pageElements:{}}}setActivePage(e){this._activePage$.next(e)}getActivePage(){return this._activePage}updatePage(e,t){this._snapshot.body&&(this._snapshot.body.pages[e]=t)}appendPage(e){var t;if(!this._snapshot.body)return;this._snapshot.body.pages[e.id]=e;let n=this._activePage,r=this._snapshot.body.pageOrder.indexOf((t=n==null?void 0:n.id)==null?``:t);this._snapshot.body.pageOrder.splice(r+1,0,e.id)}},p=`@univerjs/slides`,m=`0.22.0`;let h=`slides.config`;Symbol(h);let g={};function _(e,t){return function(n,r){t(n,r,e)}}function v(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let y=class extends t.Plugin{constructor(e=g,n,r,i){super(),this._config=e,this._injector=n,this._configService=r,this._univerInstanceService=i,d(this,`_canvasEngine`,null);let{...a}=(0,t.merge)({},g,this._config);this._configService.setConfig(h,a),this._initializeDependencies(this._injector)}onStarting(){this._univerInstanceService.registerCtorForType(t.UniverInstanceType.UNIVER_SLIDE,f)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(r.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};d(y,`pluginName`,`UNIVER_SLIDES_PLUGIN`),d(y,`packageName`,p),d(y,`version`,m),d(y,`type`,t.UniverInstanceType.UNIVER_SLIDE),y=v([_(1,(0,t.Inject)(t.Injector)),_(2,t.IConfigService),_(3,t.IUniverInstanceService)],y);let b=function(e){return e.Line=`line`,e.LineInv=`lineInv`,e.Triangle=`triangle`,e.RtTriangle=`rtTriangle`,e.Rect=`rect`,e.Diamond=`diamond`,e.Parallelogram=`parallelogram`,e.Trapezoid=`trapezoid`,e.NonIsocelesTrapezoid=`nonIsocelesTrapezoid`,e.Pentagon=`pentagon`,e.Hexagon=`hexagon`,e.Heptagon=`heptagon`,e.Octagon=`octagon`,e.Decagon=`decagon`,e.Dodecagon=`dodecagon`,e.Star4=`star4`,e.Star5=`star5`,e.Star6=`star6`,e.Star7=`star7`,e.Star8=`star8`,e.Star10=`star10`,e.Star12=`star12`,e.Star16=`star16`,e.Star24=`star24`,e.Star32=`star32`,e.RoundRect=`roundRect`,e.Round1Rect=`round1Rect`,e.Round2SameRect=`round2SameRect`,e.Round2DiagRect=`round2DiagRect`,e.Ellipse=`ellipse`,e}({}),x=function(e){return e.RightArrow=`rightArrow`,e.LeftArrow=`leftArrow`,e.UpArrow=`upArrow`,e.DownArrow=`downArrow`,e.LeftRightArrow=`leftRightArrow`,e.UpDownArrow=`upDownArrow`,e.QuadArrow=`quadArrow`,e.LeftRightUpArrow=`leftRightUpArrow`,e.BentArrow=`bentArrow`,e.UturnArrow=`uturnArrow`,e.CircularArrow=`circularArrow`,e.NotchedRightArrow=`notchedRightArrow`,e.HomePlate=`homePlate`,e.Chevron=`chevron`,e.LeftCircularArrow=`leftCircularArrow`,e.LeftRightCircularArrow=`leftRightCircularArrow`,e}({}),S=function(e){return e.Plaque=`plaque`,e.Can=`can`,e.Cube=`cube`,e.Bevel=`bevel`,e.Donut=`donut`,e.NoSmoking=`noSmoking`,e.BlockArc=`blockArc`,e.FoldedCorner=`foldedCorner`,e}({}),C=function(e){return e.SmileyFace=`smileyFace`,e.Heart=`heart`,e.LightningBolt=`lightningBolt`,e.Sun=`sun`,e.Moon=`moon`,e.Cloud=`cloud`,e.Arc=`arc`,e.Backpack=`backpack`,e.Frame=`frame`,e.HalfFrame=`halfFrame`,e.Corner=`corner`,e.Chord=`chord`,e.Pie=`pie`,e.Teardrop=`teardrop`,e.WedgeRectCallout=`wedgeRectCallout`,e.WedgeRRectCallout=`wedgeRRectCallout`,e.WedgeEllipseCallout=`wedgeEllipseCallout`,e.CloudCallout=`cloudCallout`,e.BorderCallout1=`borderCallout1`,e.BorderCallout2=`borderCallout2`,e.BorderCallout3=`borderCallout3`,e.AccentCallout1=`accentCallout1`,e.AccentCallout2=`accentCallout2`,e.AccentCallout3=`accentCallout3`,e.Callout1=`callout1`,e.Callout2=`callout2`,e.Callout3=`callout3`,e.ActionButtonBackPrevious=`actionButtonBackPrevious`,e.ActionButtonEnd=`actionButtonEnd`,e.ActionButtonForwardNext=`actionButtonForwardNext`,e.ActionButtonHelp=`actionButtonHelp`,e.ActionButtonHome=`actionButtonHome`,e.ActionButtonInformation=`actionButtonInformation`,e.ActionButtonMovie=`actionButtonMovie`,e.ActionButtonReturn=`actionButtonReturn`,e.ActionButtonSound=`actionButtonSound`,e}({});var w=class{constructor(){d(this,`zIndex`,0),d(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let T=t.Registry.create(),E=class extends w{constructor(e){super(),this._localeService=e,d(this,`zIndex`,5),d(this,`viewKey`,4),d(this,`_liquid`,new r.Liquid)}check(e){if(e===this.viewKey)return this}convert(e,n){var i,a;let{id:o,zIndex:s,left:c=0,top:l=0,width:u,height:d,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:g,flipX:_,flipY:v,title:y,description:b,document:x}=e;if(x==null)return;let S=new r.DocumentViewModel(new t.DocumentDataModel(x)),C=r.DocumentSkeleton.create(S,this._localeService),w=new r.Documents(`__DocsRender__`,C);C.calculate();let T=new r.SceneViewer(`__DocsViewer__`+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:g,flipX:_,flipY:v}),E=new r.Scene(`__DocsScene__`+o,T),D=new r.Viewport(`__DocsViewPort_`+o,E,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});E.attachControl(),E.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,E.scaleX<1&&(t/=2),E.scaleX+t>4?E.scale(4,4):E.scaleX+t<.1?E.scale(.1,.1):(n.deltaY,n.preventDefault())}else D.onMouseWheel(n,t)}),new r.ScrollBar(D,{mainScene:n}),E.addObject(w);let O=C.getActualSize();w.resize(O.actualWidth,O.actualHeight),E.resize(O.actualWidth,O.actualHeight+200),(i=w.getSkeleton())==null||i.getPageSize(),w.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:k,top:A}=w,j=C.getSkeletonData();if(j==null)return;let{pages:M}=j,N=[],P=new Map;this._recalculateSizeBySkeleton(w,E,C);for(let e=0,t=M.length;e<t;e++){let t=M[e],{skeDrawings:n,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new r.Image(e.drawingId,{left:t+k+this._liquid.x,top:n+A+this._liquid.y,width:a,height:i,zIndex:11});P.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),N.push(c)}),this._liquid.translatePage(t,w.pageLayoutType,w.pageMarginLeft,w.pageMarginTop)}return E.addObjects(N),N.forEach(e=>{E.attachTransformerTo(e)}),(a=E.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=P.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;C==null||C.getViewModel().getDataModel().updateDrawing(t,{left:n-k-s,top:r-A-c,height:i,width:a})}),C==null||C.calculate()}),this._calculatePagePosition(w,E,D),T}_recalculateSizeBySkeleton(e,t,n){var i;let a=(i=n.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let t=0,n=a.length;t<n;t++){let{pageWidth:i,pageHeight:c}=a[t];e.pageLayoutType===r.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,t===n-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===r.PageLayoutType.HORIZONTAL&&(o+=i,t!==n-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),t.resize(o,s)}_calculatePagePosition(e,t,n,r=1){let i=t==null?void 0:t.getParent(),{width:a,height:o,pageMarginLeft:s,pageMarginTop:c}=e;if(i==null||a===1/0||o===1/0)return;let{width:l,height:u}=i,d=0,f=0,p=0,m=0,h=1/0;if(l>(a+s*2)*r?(d=l/2-a*r/2,d/=r,p=(l-s*2)/r,h=0):(d=s,p=a+s*2,h=(p-l/r)/2),u>o?(f=u/2-o/2,m=(u-c*2)/r):(f=c,m=o+c*2),t.resize(p,m+200),e.translate(d,f),h!==1/0&&n!=null){let e=n.transScroll2ViewportScrollValue(h,0).x;n.scrollToBarPos({x:e})}return this}};E=v([_(0,(0,t.Inject)(t.LocaleService))],E);var D=class{constructor(){d(this,`zIndex`,5)}create(e){return e.createInstance(E)}};T.add(new D);var O=class extends w{constructor(...e){super(...e),d(this,`zIndex`,1),d(this,`viewKey`,1)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,title:h,description:g,image:_={}}=e,{imageProperties:v,placeholder:y,link:b}=_;return new r.Image(t,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:n,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},k=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(O)}};T.add(new k);let A=class extends w{constructor(e){super(),this._localeService=e,d(this,`zIndex`,2),d(this,`viewKey`,2)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,richText:v={}}=e,{text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k,rich:A}=v,j={top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0},M=!1;if(y==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:y,ff:b,fs:x,it:S,bl:C,ul:w,st:T,ol:E,bg:D,bd:O,cl:k},M=!0),M!==!1)return new r.RichText(this._localeService,n,j)}};A=v([_(0,(0,t.Inject)(t.LocaleService))],A);var j=class{constructor(){d(this,`zIndex`,0)}create(e){return e.createInstance(A)}};T.add(new j);var M=class extends w{constructor(...e){super(...e),d(this,`zIndex`,2),d(this,`viewKey`,0)}check(e){if(e===this.viewKey)return this}convert(e){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_}=e,{shapeType:v,text:y,shapeProperties:b,placeholder:x,link:S}=e.shape||{},C=b==null?``:(0,t.getColorStyle)(b.shapeBackgroundFill)||`rgba(255,255,255,1)`,w=b==null?void 0:b.outline,T={};if(w){let{outlineFill:e,weight:n}=w;T.strokeWidth=n,T.stroke=(0,t.getColorStyle)(e)||`rgba(0,0,0,1)`}if(v===`rect`)return new r.Rect(n,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,...T});if(v===`roundRect`)return new r.Rect(n,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(b==null?void 0:b.radius)||0,...T});if(v===`ellipse`)return console.warn(b==null?void 0:b.radius),new r.Circle(n,{fill:C,top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0,radius:(b==null?void 0:b.radius)||0,...T})}},N=class{constructor(){d(this,`zIndex`,2)}create(e){return e.createInstance(M)}};T.add(new N);let P=class{constructor(e){this._injector=e,d(this,`_adaptors`,[]),this._adaptorLoader()}convertToRenderObjects(e,t){let n=Object.keys(e),r=[];return n.forEach(n=>{let i=e[n],a=this._executor(i,t);a!=null&&r.push(a)}),r}convertToRenderObject(e,t){return this._executor(e,t)}_executor(e,t){let{id:n,type:r}=e;for(let n of this._adaptors){var i;let a=(i=n.check(r))==null?void 0:i.convert(e,t);if(a!=null)return a}}_adaptorLoader(){T.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};P=v([_(0,(0,t.Inject)(t.Injector))],P);let F=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),I=class extends w{constructor(e){super(),this._injector=e,d(this,`zIndex`,6),d(this,`viewKey`,5),d(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:i,left:a=0,top:o=0,width:s,height:c,angle:l,scaleX:u,scaleY:d,skewX:p,skewY:m,flipX:h,flipY:g,title:_,description:v,slide:y}=e;if(y==null)return;let b=new f(y),x=new r.Slide(`__SLIDERender__`+n,{top:o,left:a,width:s,height:c,zIndex:i,angle:l,scaleX:u,scaleY:d,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new P(this._injector);for(let e=0,n=S.length;e<n;e++){let n=C[S[e]],{id:r}=n;x.addPageScene(this._createScene(r,x,n,t,b))}return x.activeFirstPage(),x}_createScene(e,t,n,i,a){var o;let{width:s,height:c}=t,l=new r.Scene(e,t,{width:s,height:c});new r.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=n,f=(o=this._ObjectProvider)==null?void 0:o.convertToRenderObjects(u,i);return this._addBackgroundRect(l,d,a),l.addObjects(f),f==null||f.forEach(e=>{l.attachTransformerTo(e)}),l}_addBackgroundRect(e,n,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new r.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,t.getColorStyle)(n)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(s,0)}};I=v([_(0,(0,t.Inject)(t.Injector))],I);var L=class{constructor(){d(this,`zIndex`,6)}create(e){return e.createInstance(I)}};T.add(new L);let R=class extends w{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,d(this,`zIndex`,4),d(this,`viewKey`,3)}check(e){if(e===this.viewKey)return this}convert(e,n){let{id:i,zIndex:a,left:o=0,top:s=0,width:c,height:l,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new t.Styles(y),x=new r.SpreadsheetSkeleton(new t.Worksheet(i,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,E=C+v.rowHeader.width||0,D=S+v.columnHeader.height||0,O=new r.SceneViewer(`spreadInSlideSceneViewer`+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),k=new r.Scene(`spreadInSlideScene`+i,O,{width:E,height:D});this._updateViewport(i,w,T,k,n);let A=new r.Spreadsheet(`testSheetViewer`,x,!1),j=new r.SpreadsheetRowHeader(`spreadInSlideRow`,x),M=new r.SpreadsheetColumnHeader(`spreadInSlideColumn`,x),N=new r.Rect(`spreadInSlideLeftTop`,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,r.getColor)([248,249,250]),stroke:(0,r.getColor)([217,217,217]),strokeWidth:1});return A.zIndex=10,k.addObjects([A],1),k.addObjects([j,M,N],2),O}_updateViewport(e,t,n,i,a){if(a==null)return;let o=t*i.scaleX,s=n*i.scaleY,c=new r.Viewport(`spreadInSlideViewMain`+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new r.Viewport(`spreadInSlideViewTop`+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new r.Viewport(`spreadInSlideViewLeft`+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new r.Viewport(`spreadInSlideViewLeftTop`+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new r.ScrollBar(c,{mainScene:a}),i.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.05:e<80?.02:.01;t*=n.deltaY>0?-1:1,i.scaleX<1&&(t/=2),i.scaleX+t>4?i.scale(4,4):i.scaleX+t<.1?i.scale(.1,.1):(i.scaleBy(t,t),n.preventDefault())}else c.onMouseWheel(n,t)})}};R=v([_(0,(0,t.Inject)(t.LocaleService)),_(1,t.IContextService),_(2,t.IConfigService),_(3,(0,t.Inject)(t.Injector))],R);var z=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(R)}};T.add(new z);let B=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.ArrowsAndMarkersShapes=x,e.BasicShapes=b,e.CanvasObjectProviderRegistry=T,e.DEFAULT_SLIDE=i,e.ObjectAdaptor=w,Object.defineProperty(e,`ObjectProvider`,{enumerable:!0,get:function(){return P}}),e.OtherShapes=S,e.PageElementType=o,e.PageType=a,e.RelativeSlideLink=s,e.SLIDE_KEY=B,e.SLIDE_VIEW_KEY=F,e.SlideDataModel=f,e.SpecialShapes=C,Object.defineProperty(e,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return y}})});

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@univerjs/slides",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "private": false,
-  "description": "",
-  "author": "DreamNum <developer@univer.ai>",
+  "description": "Core presentation model and services for Univer Slides.",
+  "author": "DreamNum Co., Ltd. <developer@univer.ai>",
   "license": "Apache-2.0",
   "funding": {
     "type": "opencollective",
@@ -18,7 +18,11 @@
     "url": "https://github.com/dream-num/univer/issues"
   },
   "keywords": [
-    "univer"
+    "univer",
+    "slides",
+    "presentation",
+    "deck",
+    "plugin"
   ],
   "exports": {
     ".": {
@@ -48,14 +52,14 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/core": "0.21.1",
-    "@univerjs/engine-render": "0.21.1"
+    "@univerjs/core": "0.22.0",
+    "@univerjs/engine-render": "0.22.0"
   },
   "devDependencies": {
     "rxjs": "^7.8.2",
-    "typescript": "^6.0.2",
-    "vitest": "^4.1.4",
-    "@univerjs-infra/shared": "0.21.1"
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5",
+    "@univerjs-infra/shared": "0.22.0"
   },
   "scripts": {
     "test": "vitest run",