@univerjs/slides 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/cjs/index.js

@@ -57,7 +57,7 @@ let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -68,7 +68,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -81,14 +81,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -112,7 +112,6 @@ var SlideDataModel = class extends _univerjs_core.UnitModel {
 		return activePage;
 	}
 	constructor(snapshot) {
-		var _this$_snapshot$id;
 		super();
 		_defineProperty(this, "type", _univerjs_core.UniverInstanceType.UNIVER_SLIDE);
 		_defineProperty(this, "_activePage$", new rxjs.BehaviorSubject(null));
@@ -125,15 +124,14 @@ var SlideDataModel = class extends _univerjs_core.UnitModel {
 			...DEFAULT_SLIDE,
 			...snapshot
 		};
-		this._unitId = (_this$_snapshot$id = this._snapshot.id) !== null && _this$_snapshot$id !== void 0 ? _this$_snapshot$id : (0, _univerjs_core.generateRandomId)(6);
+		this._unitId = this._snapshot.id ?? (0, _univerjs_core.generateRandomId)(6);
 		this._name$ = new rxjs.BehaviorSubject(this._snapshot.title);
 		this.name$ = this._name$.asObservable();
 	}
 	setName(name) {
-		var _this$_snapshot$id2;
 		this._snapshot.title = name;
 		this._name$.next(name);
-		this._unitId = (_this$_snapshot$id2 = this._snapshot.id) !== null && _this$_snapshot$id2 !== void 0 ? _this$_snapshot$id2 : (0, _univerjs_core.generateRandomId)(6);
+		this._unitId = this._snapshot.id ?? (0, _univerjs_core.generateRandomId)(6);
 	}
 	getRev() {
 		return 0;
@@ -192,11 +190,10 @@ var SlideDataModel = class extends _univerjs_core.UnitModel {
 		this._snapshot.body.pages[pageId] = page;
 	}
 	appendPage(page) {
-		var _activePage$id;
 		if (!this._snapshot.body) return;
 		this._snapshot.body.pages[page.id] = page;
 		const activePage = this._activePage;
-		const index = this._snapshot.body.pageOrder.indexOf((_activePage$id = activePage === null || activePage === void 0 ? void 0 : activePage.id) !== null && _activePage$id !== void 0 ? _activePage$id : "");
+		const index = this._snapshot.body.pageOrder.indexOf((activePage === null || activePage === void 0 ? void 0 : activePage.id) ?? "");
 		this._snapshot.body.pageOrder.splice(index + 1, 0, page.id);
 	}
 };
@@ -204,7 +201,7 @@ var SlideDataModel = class extends _univerjs_core.UnitModel {
 //#endregion
 //#region package.json
 var name = "@univerjs/slides";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -228,7 +225,7 @@ const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -236,7 +233,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -253,7 +250,6 @@ let UniverSlidesPlugin = class UniverSlidesPlugin extends _univerjs_core.Plugin
 		this._injector = _injector;
 		this._configService = _configService;
 		this._univerInstanceService = _univerInstanceService;
-		_defineProperty(this, "_canvasEngine", null);
 		const { ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
 		this._configService.setConfig(SLIDES_PLUGIN_CONFIG_KEY, rest);
 		this._initializeDependencies(this._injector);
@@ -261,22 +257,10 @@ let UniverSlidesPlugin = class UniverSlidesPlugin extends _univerjs_core.Plugin
 	onStarting() {
 		this._univerInstanceService.registerCtorForType(_univerjs_core.UniverInstanceType.UNIVER_SLIDE, SlideDataModel);
 	}
-	initialize() {
-		this.initCanvasEngine();
-	}
 	onReady() {}
 	getConfig() {
 		return this._config;
 	}
-	initCanvasEngine() {
-		this._canvasEngine = this._injector.get(_univerjs_engine_render.IRenderingEngine);
-	}
-	onRendered() {
-		this.initialize();
-	}
-	getCanvasEngine() {
-		return this._canvasEngine;
-	}
 	_initializeDependencies(slideInjector) {
 		[].forEach((d) => {
 			slideInjector.add(d);
@@ -288,6 +272,7 @@ _defineProperty(UniverSlidesPlugin, "packageName", name);
 _defineProperty(UniverSlidesPlugin, "version", version);
 _defineProperty(UniverSlidesPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SLIDE);
 UniverSlidesPlugin = __decorate([
+	(0, _univerjs_core.DependentOn)(_univerjs_engine_render.UniverRenderEnginePlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_core.IConfigService),
 	__decorateParam(3, _univerjs_core.IUniverInstanceService)
@@ -494,7 +479,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 		scene.addObject(documents);
 		const size = documentSkeleton.getActualSize();
 		documents.resize(size.actualWidth, size.actualHeight);
-		scene.resize(size.actualWidth, size.actualHeight + 200);
+		scene.transformByState({
+			width: size.actualWidth,
+			height: size.actualHeight + 200
+		});
 		(_documents$getSkeleto = documents.getSkeleton()) === null || _documents$getSkeleto === void 0 || _documents$getSkeleto.getPageSize();
 		documents.pageRender$.subscribe((config) => {
 			const { page, pageLeft, pageTop, ctx } = config;
@@ -575,7 +563,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			}
 		}
 		docsComponent.resize(width, height);
-		scene.resize(width, height);
+		scene.transformByState({
+			width,
+			height
+		});
 	}
 	_calculatePagePosition(docsComponent, scene, viewport, zoomRatio = 1) {
 		const parent = scene === null || scene === void 0 ? void 0 : scene.getParent();
@@ -604,7 +595,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			docsTop = pageMarginTop;
 			sceneHeight = docsHeight + pageMarginTop * 2;
 		}
-		scene.resize(sceneWidth, sceneHeight + 200);
+		scene.transformByState({
+			width: sceneWidth,
+			height: sceneHeight + 200
+		});
 		docsComponent.translate(docsLeft, docsTop);
 		if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
 			const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;

package/lib/es/index.js

@@ -1,6 +1,6 @@
-import { DocumentDataModel, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Registry, Styles, UnitModel, UniverInstanceType, Worksheet, generateRandomId, getColorStyle, merge, sortRules } from "@univerjs/core";
+import { DependentOn, DocumentDataModel, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Registry, Styles, UnitModel, UniverInstanceType, Worksheet, generateRandomId, getColorStyle, merge, sortRules } from "@univerjs/core";
 import { BehaviorSubject } from "rxjs";
-import { Circle, DocumentSkeleton, DocumentViewModel, Documents, IRenderingEngine, Image, Liquid, PageLayoutType, Rect, RichText, Scene, SceneViewer, ScrollBar, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, Viewport, getColor } from "@univerjs/engine-render";
+import { Circle, DocumentSkeleton, DocumentViewModel, Documents, Image, Liquid, PageLayoutType, Rect, RichText, Scene, SceneViewer, ScrollBar, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, UniverRenderEnginePlugin, Viewport, getColor } from "@univerjs/engine-render";
 
 //#region src/basics/const/default-slide.ts
 /**
@@ -56,7 +56,7 @@ let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -67,7 +67,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -80,14 +80,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -111,7 +111,6 @@ var SlideDataModel = class extends UnitModel {
 		return activePage;
 	}
 	constructor(snapshot) {
-		var _this$_snapshot$id;
 		super();
 		_defineProperty(this, "type", UniverInstanceType.UNIVER_SLIDE);
 		_defineProperty(this, "_activePage$", new BehaviorSubject(null));
@@ -124,15 +123,14 @@ var SlideDataModel = class extends UnitModel {
 			...DEFAULT_SLIDE,
 			...snapshot
 		};
-		this._unitId = (_this$_snapshot$id = this._snapshot.id) !== null && _this$_snapshot$id !== void 0 ? _this$_snapshot$id : generateRandomId(6);
+		this._unitId = this._snapshot.id ?? generateRandomId(6);
 		this._name$ = new BehaviorSubject(this._snapshot.title);
 		this.name$ = this._name$.asObservable();
 	}
 	setName(name) {
-		var _this$_snapshot$id2;
 		this._snapshot.title = name;
 		this._name$.next(name);
-		this._unitId = (_this$_snapshot$id2 = this._snapshot.id) !== null && _this$_snapshot$id2 !== void 0 ? _this$_snapshot$id2 : generateRandomId(6);
+		this._unitId = this._snapshot.id ?? generateRandomId(6);
 	}
 	getRev() {
 		return 0;
@@ -191,11 +189,10 @@ var SlideDataModel = class extends UnitModel {
 		this._snapshot.body.pages[pageId] = page;
 	}
 	appendPage(page) {
-		var _activePage$id;
 		if (!this._snapshot.body) return;
 		this._snapshot.body.pages[page.id] = page;
 		const activePage = this._activePage;
-		const index = this._snapshot.body.pageOrder.indexOf((_activePage$id = activePage === null || activePage === void 0 ? void 0 : activePage.id) !== null && _activePage$id !== void 0 ? _activePage$id : "");
+		const index = this._snapshot.body.pageOrder.indexOf((activePage === null || activePage === void 0 ? void 0 : activePage.id) ?? "");
 		this._snapshot.body.pageOrder.splice(index + 1, 0, page.id);
 	}
 };
@@ -203,7 +200,7 @@ var SlideDataModel = class extends UnitModel {
 //#endregion
 //#region package.json
 var name = "@univerjs/slides";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -227,7 +224,7 @@ const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -235,7 +232,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -252,7 +249,6 @@ let UniverSlidesPlugin = class UniverSlidesPlugin extends Plugin {
 		this._injector = _injector;
 		this._configService = _configService;
 		this._univerInstanceService = _univerInstanceService;
-		_defineProperty(this, "_canvasEngine", null);
 		const { ...rest } = merge({}, defaultPluginConfig, this._config);
 		this._configService.setConfig(SLIDES_PLUGIN_CONFIG_KEY, rest);
 		this._initializeDependencies(this._injector);
@@ -260,22 +256,10 @@ let UniverSlidesPlugin = class UniverSlidesPlugin extends Plugin {
 	onStarting() {
 		this._univerInstanceService.registerCtorForType(UniverInstanceType.UNIVER_SLIDE, SlideDataModel);
 	}
-	initialize() {
-		this.initCanvasEngine();
-	}
 	onReady() {}
 	getConfig() {
 		return this._config;
 	}
-	initCanvasEngine() {
-		this._canvasEngine = this._injector.get(IRenderingEngine);
-	}
-	onRendered() {
-		this.initialize();
-	}
-	getCanvasEngine() {
-		return this._canvasEngine;
-	}
 	_initializeDependencies(slideInjector) {
 		[].forEach((d) => {
 			slideInjector.add(d);
@@ -287,6 +271,7 @@ _defineProperty(UniverSlidesPlugin, "packageName", name);
 _defineProperty(UniverSlidesPlugin, "version", version);
 _defineProperty(UniverSlidesPlugin, "type", UniverInstanceType.UNIVER_SLIDE);
 UniverSlidesPlugin = __decorate([
+	DependentOn(UniverRenderEnginePlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IConfigService),
 	__decorateParam(3, IUniverInstanceService)
@@ -493,7 +478,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 		scene.addObject(documents);
 		const size = documentSkeleton.getActualSize();
 		documents.resize(size.actualWidth, size.actualHeight);
-		scene.resize(size.actualWidth, size.actualHeight + 200);
+		scene.transformByState({
+			width: size.actualWidth,
+			height: size.actualHeight + 200
+		});
 		(_documents$getSkeleto = documents.getSkeleton()) === null || _documents$getSkeleto === void 0 || _documents$getSkeleto.getPageSize();
 		documents.pageRender$.subscribe((config) => {
 			const { page, pageLeft, pageTop, ctx } = config;
@@ -574,7 +562,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			}
 		}
 		docsComponent.resize(width, height);
-		scene.resize(width, height);
+		scene.transformByState({
+			width,
+			height
+		});
 	}
 	_calculatePagePosition(docsComponent, scene, viewport, zoomRatio = 1) {
 		const parent = scene === null || scene === void 0 ? void 0 : scene.getParent();
@@ -603,7 +594,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			docsTop = pageMarginTop;
 			sceneHeight = docsHeight + pageMarginTop * 2;
 		}
-		scene.resize(sceneWidth, sceneHeight + 200);
+		scene.transformByState({
+			width: sceneWidth,
+			height: sceneHeight + 200
+		});
 		docsComponent.translate(docsLeft, docsTop);
 		if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
 			const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;

package/lib/index.js

@@ -1,6 +1,6 @@
-import { DocumentDataModel, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Registry, Styles, UnitModel, UniverInstanceType, Worksheet, generateRandomId, getColorStyle, merge, sortRules } from "@univerjs/core";
+import { DependentOn, DocumentDataModel, IConfigService, IContextService, IUniverInstanceService, Inject, Injector, LocaleService, Plugin, Registry, Styles, UnitModel, UniverInstanceType, Worksheet, generateRandomId, getColorStyle, merge, sortRules } from "@univerjs/core";
 import { BehaviorSubject } from "rxjs";
-import { Circle, DocumentSkeleton, DocumentViewModel, Documents, IRenderingEngine, Image, Liquid, PageLayoutType, Rect, RichText, Scene, SceneViewer, ScrollBar, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, Viewport, getColor } from "@univerjs/engine-render";
+import { Circle, DocumentSkeleton, DocumentViewModel, Documents, Image, Liquid, PageLayoutType, Rect, RichText, Scene, SceneViewer, ScrollBar, Slide, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, SpreadsheetSkeleton, UniverRenderEnginePlugin, Viewport, getColor } from "@univerjs/engine-render";
 
 //#region src/basics/const/default-slide.ts
 /**
@@ -56,7 +56,7 @@ let RelativeSlideLink = /* @__PURE__ */ function(RelativeSlideLink) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -67,7 +67,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -80,14 +80,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -111,7 +111,6 @@ var SlideDataModel = class extends UnitModel {
 		return activePage;
 	}
 	constructor(snapshot) {
-		var _this$_snapshot$id;
 		super();
 		_defineProperty(this, "type", UniverInstanceType.UNIVER_SLIDE);
 		_defineProperty(this, "_activePage$", new BehaviorSubject(null));
@@ -124,15 +123,14 @@ var SlideDataModel = class extends UnitModel {
 			...DEFAULT_SLIDE,
 			...snapshot
 		};
-		this._unitId = (_this$_snapshot$id = this._snapshot.id) !== null && _this$_snapshot$id !== void 0 ? _this$_snapshot$id : generateRandomId(6);
+		this._unitId = this._snapshot.id ?? generateRandomId(6);
 		this._name$ = new BehaviorSubject(this._snapshot.title);
 		this.name$ = this._name$.asObservable();
 	}
 	setName(name) {
-		var _this$_snapshot$id2;
 		this._snapshot.title = name;
 		this._name$.next(name);
-		this._unitId = (_this$_snapshot$id2 = this._snapshot.id) !== null && _this$_snapshot$id2 !== void 0 ? _this$_snapshot$id2 : generateRandomId(6);
+		this._unitId = this._snapshot.id ?? generateRandomId(6);
 	}
 	getRev() {
 		return 0;
@@ -191,11 +189,10 @@ var SlideDataModel = class extends UnitModel {
 		this._snapshot.body.pages[pageId] = page;
 	}
 	appendPage(page) {
-		var _activePage$id;
 		if (!this._snapshot.body) return;
 		this._snapshot.body.pages[page.id] = page;
 		const activePage = this._activePage;
-		const index = this._snapshot.body.pageOrder.indexOf((_activePage$id = activePage === null || activePage === void 0 ? void 0 : activePage.id) !== null && _activePage$id !== void 0 ? _activePage$id : "");
+		const index = this._snapshot.body.pageOrder.indexOf((activePage === null || activePage === void 0 ? void 0 : activePage.id) ?? "");
 		this._snapshot.body.pageOrder.splice(index + 1, 0, page.id);
 	}
 };
@@ -203,7 +200,7 @@ var SlideDataModel = class extends UnitModel {
 //#endregion
 //#region package.json
 var name = "@univerjs/slides";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -227,7 +224,7 @@ const configSymbol = Symbol(SLIDES_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -235,7 +232,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -252,7 +249,6 @@ let UniverSlidesPlugin = class UniverSlidesPlugin extends Plugin {
 		this._injector = _injector;
 		this._configService = _configService;
 		this._univerInstanceService = _univerInstanceService;
-		_defineProperty(this, "_canvasEngine", null);
 		const { ...rest } = merge({}, defaultPluginConfig, this._config);
 		this._configService.setConfig(SLIDES_PLUGIN_CONFIG_KEY, rest);
 		this._initializeDependencies(this._injector);
@@ -260,22 +256,10 @@ let UniverSlidesPlugin = class UniverSlidesPlugin extends Plugin {
 	onStarting() {
 		this._univerInstanceService.registerCtorForType(UniverInstanceType.UNIVER_SLIDE, SlideDataModel);
 	}
-	initialize() {
-		this.initCanvasEngine();
-	}
 	onReady() {}
 	getConfig() {
 		return this._config;
 	}
-	initCanvasEngine() {
-		this._canvasEngine = this._injector.get(IRenderingEngine);
-	}
-	onRendered() {
-		this.initialize();
-	}
-	getCanvasEngine() {
-		return this._canvasEngine;
-	}
 	_initializeDependencies(slideInjector) {
 		[].forEach((d) => {
 			slideInjector.add(d);
@@ -287,6 +271,7 @@ _defineProperty(UniverSlidesPlugin, "packageName", name);
 _defineProperty(UniverSlidesPlugin, "version", version);
 _defineProperty(UniverSlidesPlugin, "type", UniverInstanceType.UNIVER_SLIDE);
 UniverSlidesPlugin = __decorate([
+	DependentOn(UniverRenderEnginePlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IConfigService),
 	__decorateParam(3, IUniverInstanceService)
@@ -493,7 +478,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 		scene.addObject(documents);
 		const size = documentSkeleton.getActualSize();
 		documents.resize(size.actualWidth, size.actualHeight);
-		scene.resize(size.actualWidth, size.actualHeight + 200);
+		scene.transformByState({
+			width: size.actualWidth,
+			height: size.actualHeight + 200
+		});
 		(_documents$getSkeleto = documents.getSkeleton()) === null || _documents$getSkeleto === void 0 || _documents$getSkeleto.getPageSize();
 		documents.pageRender$.subscribe((config) => {
 			const { page, pageLeft, pageTop, ctx } = config;
@@ -574,7 +562,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			}
 		}
 		docsComponent.resize(width, height);
-		scene.resize(width, height);
+		scene.transformByState({
+			width,
+			height
+		});
 	}
 	_calculatePagePosition(docsComponent, scene, viewport, zoomRatio = 1) {
 		const parent = scene === null || scene === void 0 ? void 0 : scene.getParent();
@@ -603,7 +594,10 @@ let DocsAdaptor = class DocsAdaptor extends ObjectAdaptor {
 			docsTop = pageMarginTop;
 			sceneHeight = docsHeight + pageMarginTop * 2;
 		}
-		scene.resize(sceneWidth, sceneHeight + 200);
+		scene.transformByState({
+			width: sceneWidth,
+			height: sceneHeight + 200
+		});
 		docsComponent.translate(docsLeft, docsTop);
 		if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
 			const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;

package/lib/types/plugin.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { Engine } from '@univerjs/engine-render';
 import { IConfigService, Injector, IUniverInstanceService, Plugin, UniverInstanceType } from '@univerjs/core';
 export interface IUniverSlidesConfig {
 }
@@ -26,14 +25,9 @@ export declare class UniverSlidesPlugin extends Plugin {
     static packageName: string;
     static version: string;
     static type: UniverInstanceType;
-    private _canvasEngine;
     constructor(_config: Partial<IUniverSlidesConfig> | undefined, _injector: Injector, _configService: IConfigService, _univerInstanceService: IUniverInstanceService);
     onStarting(): void;
-    initialize(): void;
     onReady(): void;
     getConfig(): Partial<IUniverSlidesConfig>;
-    initCanvasEngine(): void;
-    onRendered(): void;
-    getCanvasEngine(): Engine | null;
     private _initializeDependencies;
 }

package/lib/types/types/interfaces/i-slide-data.d.ts

@@ -102,14 +102,11 @@ export interface IPageElement {
     shape?: IShape;
     image?: IImage;
     richText?: ISlideRichTextProps;
-    /** @deprecated */
     spreadsheet?: {
         worksheet: IWorksheetData;
         styles: Record<string, Nullable<IStyleData>>;
     };
-    /** @deprecated */
     document?: IDocumentData;
-    /** @deprecated */
     slide?: ISlideData;
     customBlock?: ICustomBlock;
 }

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: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=`1.0.0-alpha.7`;let h={};function g(e,t){return function(n,r){t(n,r,e)}}function _(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 v=class extends t.Plugin{constructor(e=h,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)({},h,this._config);this._configService.setConfig(`slides.config`,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(v,`pluginName`,`UNIVER_SLIDES_PLUGIN`),d(v,`packageName`,p),d(v,`version`,m),d(v,`type`,t.UniverInstanceType.UNIVER_SLIDE),v=_([g(1,(0,t.Inject)(t.Injector)),g(2,t.IConfigService),g(3,t.IUniverInstanceService)],v);let y=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}({}),b=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}({}),x=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}({}),S=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 C=class{constructor(){d(this,`zIndex`,0),d(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let w=t.Registry.create(),T=class extends C{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}};T=_([g(0,(0,t.Inject)(t.LocaleService))],T);var E=class{constructor(){d(this,`zIndex`,5)}create(e){return e.createInstance(T)}};w.add(new E);var D=class extends C{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})}},O=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(D)}};w.add(new O);let k=class extends C{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)}};k=_([g(0,(0,t.Inject)(t.LocaleService))],k);var A=class{constructor(){d(this,`zIndex`,0)}create(e){return e.createInstance(k)}};w.add(new A);var j=class extends C{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})}},M=class{constructor(){d(this,`zIndex`,2)}create(e){return e.createInstance(j)}};w.add(new M);let N=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(){w.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};N=_([g(0,(0,t.Inject)(t.Injector))],N);let P=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),F=class extends C{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 N(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)}};F=_([g(0,(0,t.Inject)(t.Injector))],F);var I=class{constructor(){d(this,`zIndex`,6)}create(e){return e.createInstance(F)}};w.add(new I);let L=class extends C{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)})}};L=_([g(0,(0,t.Inject)(t.LocaleService)),g(1,t.IContextService),g(2,t.IConfigService),g(3,(0,t.Inject)(t.Injector))],L);var R=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(L)}};w.add(new R);let z=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.ArrowsAndMarkersShapes=b,e.BasicShapes=y,e.CanvasObjectProviderRegistry=w,e.DEFAULT_SLIDE=i,e.ObjectAdaptor=C,Object.defineProperty(e,"ObjectProvider",{enumerable:!0,get:function(){return N}}),e.OtherShapes=x,e.PageElementType=o,e.PageType=a,e.RelativeSlideLink=s,e.SLIDE_KEY=z,e.SLIDE_VIEW_KEY=P,e.SlideDataModel=f,e.SpecialShapes=S,Object.defineProperty(e,"UniverSlidesPlugin",{enumerable:!0,get:function(){return v}})});
+(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){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=this._snapshot.id??(0,t.generateRandomId)(6),this._name$=new n.BehaviorSubject(this._snapshot.title),this.name$=this._name$.asObservable()}setName(e){this._snapshot.title=e,this._name$.next(e),this._unitId=this._snapshot.id??(0,t.generateRandomId)(6)}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){if(!this._snapshot.body)return;this._snapshot.body.pages[e.id]=e;let t=this._activePage,n=this._snapshot.body.pageOrder.indexOf((t==null?void 0:t.id)??``);this._snapshot.body.pageOrder.splice(n+1,0,e.id)}},p=`@univerjs/slides`,m=`1.0.0-beta.0`;let h={};function g(e,t){return function(n,r){t(n,r,e)}}function _(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 v=class extends t.Plugin{constructor(e=h,n,r,i){super(),this._config=e,this._injector=n,this._configService=r,this._univerInstanceService=i;let{...a}=(0,t.merge)({},h,this._config);this._configService.setConfig(`slides.config`,a),this._initializeDependencies(this._injector)}onStarting(){this._univerInstanceService.registerCtorForType(t.UniverInstanceType.UNIVER_SLIDE,f)}onReady(){}getConfig(){return this._config}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};d(v,`pluginName`,`UNIVER_SLIDES_PLUGIN`),d(v,`packageName`,p),d(v,`version`,m),d(v,`type`,t.UniverInstanceType.UNIVER_SLIDE),v=_([(0,t.DependentOn)(r.UniverRenderEnginePlugin),g(1,(0,t.Inject)(t.Injector)),g(2,t.IConfigService),g(3,t.IUniverInstanceService)],v);let y=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}({}),b=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}({}),x=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}({}),S=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 C=class{constructor(){d(this,`zIndex`,0),d(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let w=t.Registry.create(),T=class extends C{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.transformByState({width:O.actualWidth,height: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.transformByState({width:o,height: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.transformByState({width:p,height:m+200}),e.translate(d,f),h!==1/0&&n!=null){let e=n.transScroll2ViewportScrollValue(h,0).x;n.scrollToBarPos({x:e})}return this}};T=_([g(0,(0,t.Inject)(t.LocaleService))],T);var E=class{constructor(){d(this,`zIndex`,5)}create(e){return e.createInstance(T)}};w.add(new E);var D=class extends C{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})}},O=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(D)}};w.add(new O);let k=class extends C{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)}};k=_([g(0,(0,t.Inject)(t.LocaleService))],k);var A=class{constructor(){d(this,`zIndex`,0)}create(e){return e.createInstance(k)}};w.add(new A);var j=class extends C{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})}},M=class{constructor(){d(this,`zIndex`,2)}create(e){return e.createInstance(j)}};w.add(new M);let N=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(){w.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};N=_([g(0,(0,t.Inject)(t.Injector))],N);let P=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),F=class extends C{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 N(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)}};F=_([g(0,(0,t.Inject)(t.Injector))],F);var I=class{constructor(){d(this,`zIndex`,6)}create(e){return e.createInstance(F)}};w.add(new I);let L=class extends C{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)})}};L=_([g(0,(0,t.Inject)(t.LocaleService)),g(1,t.IContextService),g(2,t.IConfigService),g(3,(0,t.Inject)(t.Injector))],L);var R=class{constructor(){d(this,`zIndex`,4)}create(e){return e.createInstance(L)}};w.add(new R);let z=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.ArrowsAndMarkersShapes=b,e.BasicShapes=y,e.CanvasObjectProviderRegistry=w,e.DEFAULT_SLIDE=i,e.ObjectAdaptor=C,Object.defineProperty(e,"ObjectProvider",{enumerable:!0,get:function(){return N}}),e.OtherShapes=x,e.PageElementType=o,e.PageType=a,e.RelativeSlideLink=s,e.SLIDE_KEY=z,e.SLIDE_VIEW_KEY=P,e.SlideDataModel=f,e.SpecialShapes=S,Object.defineProperty(e,"UniverSlidesPlugin",{enumerable:!0,get:function(){return v}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-beta.0",
   "private": false,
   "description": "Core presentation model and services for Univer Slides.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -52,14 +52,14 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/core": "1.0.0-alpha.7",
-    "@univerjs/engine-render": "1.0.0-alpha.7"
+    "@univerjs/core": "1.0.0-beta.0",
+    "@univerjs/engine-render": "1.0.0-beta.0"
   },
   "devDependencies": {
     "rxjs": "^7.8.2",
     "typescript": "^6.0.3",
     "vitest": "^4.1.10",
-    "@univerjs-infra/shared": "1.0.0-alpha.7"
+    "@univerjs-infra/shared": "1.0.0-beta.0"
   },
   "scripts": {
     "test": "vitest run",