@univerjs/slides 0.1.5

package/lib/types/basics/const/plugin-name.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const SLIDES_PLUGIN_NAME = "slides";

package/lib/types/basics/demo-data.d.ts

@@ -0,0 +1,3 @@
+import { IDocumentData } from '@univerjs/core';
+
+export declare const docsDemoData: IDocumentData;

package/lib/types/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './slides-plugin';
+export * from './views/render';
+export { enUS, zhCN } from './locale';

package/lib/types/locale/en-US.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const locale: typeof zhCN;
+export default locale;

package/lib/types/locale/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { default as enUS } from './en-US';
+export { default as zhCN } from './zh-CN';

package/lib/types/locale/zh-CN.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare const locale: {};
+export default locale;

package/lib/types/model/info-bar-model.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare class InfoBarModel {
+    private _name;
+    constructor(_name: string);
+    get name(): string;
+    setName(name: string): void;
+}

package/lib/types/model/toolbar-model.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */

package/lib/types/slides-plugin.d.ts

@@ -0,0 +1,25 @@
+import { CanvasView } from './views/render';
+import { Injector } from '@wendellhu/redi';
+import { Engine } from '@univerjs/engine-render';
+import { IUniverInstanceService, LocaleService, Plugin, PluginType } from '@univerjs/core';
+
+export interface IUniverSlidesConfig {
+}
+export declare class UniverSlidesPlugin extends Plugin {
+    private readonly _currentUniverService;
+    private readonly _localeService;
+    readonly _injector: Injector;
+    static type: PluginType;
+    private _config;
+    private _canvasEngine;
+    private _canvasView;
+    constructor(config: Partial<IUniverSlidesConfig> | undefined, _currentUniverService: IUniverInstanceService, _localeService: LocaleService, _injector: Injector);
+    initialize(): void;
+    getConfig(): IUniverSlidesConfig;
+    initCanvasEngine(): void;
+    onRendered(): void;
+    onDestroy(): void;
+    getCanvasEngine(): Engine | null;
+    getCanvasView(): CanvasView | null;
+    private _initializeDependencies;
+}

package/lib/types/views/render/adaptor.d.ts

@@ -0,0 +1,12 @@
+import { Injector } from '@wendellhu/redi';
+import { Scene } from '@univerjs/engine-render';
+import { IPageElement, PageElementType, Registry } from '@univerjs/core';
+
+export declare class ObjectAdaptor {
+    zIndex: number;
+    viewKey: PageElementType | null;
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement, mainScene: Scene): void;
+    create(injector: Injector): void;
+}
+export declare const CanvasObjectProviderRegistry: Registry<any>;

package/lib/types/views/render/adaptors/docs-adaptor.d.ts

@@ -0,0 +1,26 @@
+import { ObjectAdaptor } from '../adaptor';
+import { Injector } from '@wendellhu/redi';
+import { Scene, SceneViewer } from '@univerjs/engine-render';
+import { IPageElement, LocaleService, PageElementType } from '@univerjs/core';
+
+export declare enum DOCS_VIEW_KEY {
+    MAIN = "__DocsRender__",
+    SCENE_VIEWER = "__DocsViewer__",
+    SCENE = "__DocsScene__",
+    VIEWPORT = "__DocsViewPort_"
+}
+export declare class DocsAdaptor extends ObjectAdaptor {
+    private readonly _localeService;
+    zIndex: number;
+    viewKey: PageElementType;
+    private _liquid;
+    constructor(_localeService: LocaleService);
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement, mainScene: Scene): SceneViewer | undefined;
+    private _recalculateSizeBySkeleton;
+    private _calculatePagePosition;
+}
+export declare class DocsAdaptorFactory {
+    readonly zIndex = 5;
+    create(injector: Injector): DocsAdaptor;
+}

package/lib/types/views/render/adaptors/image-adaptor.d.ts

@@ -0,0 +1,15 @@
+import { ObjectAdaptor } from '../adaptor';
+import { Injector } from '@wendellhu/redi';
+import { Picture } from '@univerjs/engine-render';
+import { IPageElement, PageElementType } from '@univerjs/core';
+
+export declare class ImageAdaptor extends ObjectAdaptor {
+    zIndex: number;
+    viewKey: PageElementType;
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement): Picture;
+}
+export declare class ImageAdaptorFactory {
+    readonly zIndex = 4;
+    create(injector: Injector): ImageAdaptor;
+}

package/lib/types/views/render/adaptors/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './docs-adaptor';
+export * from './image-adaptor';
+export * from './rich-text-adaptor';
+export * from './shape-adaptor';
+export * from './slide-adaptor';
+export * from './spreadsheet-adaptor';

package/lib/types/views/render/adaptors/rich-text-adaptor.d.ts

@@ -0,0 +1,17 @@
+import { ObjectAdaptor } from '../adaptor';
+import { Injector } from '@wendellhu/redi';
+import { Scene, RichText } from '@univerjs/engine-render';
+import { IPageElement, LocaleService, PageElementType } from '@univerjs/core';
+
+export declare class RichTextAdaptor extends ObjectAdaptor {
+    private readonly _localeService;
+    zIndex: number;
+    viewKey: PageElementType;
+    constructor(_localeService: LocaleService);
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement, mainScene: Scene): RichText | undefined;
+}
+export declare class RichTextAdaptorFactory {
+    readonly zIndex = 0;
+    create(injector: Injector): RichTextAdaptor;
+}

package/lib/types/views/render/adaptors/shape-adaptor.d.ts

@@ -0,0 +1,31 @@
+import { ObjectAdaptor } from '../adaptor';
+import { Injector } from '@wendellhu/redi';
+import { Rect } from '@univerjs/engine-render';
+import { IPageElement, PageElementType } from '@univerjs/core';
+
+export declare class ShapeAdaptor extends ObjectAdaptor {
+    zIndex: number;
+    viewKey: PageElementType;
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement): Rect<{
+        fill: string;
+        top: number;
+        left: number;
+        width: number | undefined;
+        height: number | undefined;
+        zIndex: number;
+        angle: number | undefined;
+        scaleX: number | undefined;
+        scaleY: number | undefined;
+        skewX: number | undefined;
+        skewY: number | undefined;
+        flipX: boolean | undefined;
+        flipY: boolean | undefined;
+        isTransformer: true;
+        forceRender: true;
+    }> | undefined;
+}
+export declare class ShapeAdaptorFactory {
+    readonly zIndex = 2;
+    create(injector: Injector): ShapeAdaptor;
+}

package/lib/types/views/render/adaptors/slide-adaptor.d.ts

@@ -0,0 +1,26 @@
+import { ObjectAdaptor } from '../adaptor';
+import { Injector } from '@wendellhu/redi';
+import { Scene, Slide } from '@univerjs/engine-render';
+import { IPageElement, PageElementType } from '@univerjs/core';
+
+export declare enum SLIDE_VIEW_KEY {
+    MAIN = "__SLIDERender__",
+    SCENE_VIEWER = "__SLIDEViewer__",
+    SCENE = "__SLIDEScene__",
+    VIEWPORT = "__SLIDEViewPort_"
+}
+export declare class SlideAdaptor extends ObjectAdaptor {
+    private _injector;
+    zIndex: number;
+    viewKey: PageElementType;
+    private _ObjectProvider;
+    constructor(_injector: Injector);
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement, mainScene: Scene): Slide | undefined;
+    private _createScene;
+    private _addBackgroundRect;
+}
+export declare class SlideAdaptorFactory {
+    readonly zIndex = 6;
+    create(injector: Injector): SlideAdaptor;
+}

package/lib/types/views/render/adaptors/spreadsheet-adaptor.d.ts

@@ -0,0 +1,19 @@
+import { ObjectAdaptor } from '../adaptor';
+import { Injector } from '@wendellhu/redi';
+import { Scene, SceneViewer } from '@univerjs/engine-render';
+import { IPageElement, IContextService, LocaleService, PageElementType } from '@univerjs/core';
+
+export declare class SpreadsheetAdaptor extends ObjectAdaptor {
+    private readonly _localeService;
+    private readonly _contextService;
+    zIndex: number;
+    viewKey: PageElementType;
+    constructor(_localeService: LocaleService, _contextService: IContextService);
+    check(type: PageElementType): this | undefined;
+    convert(pageElement: IPageElement, mainScene: Scene): SceneViewer | undefined;
+    private _updateViewport;
+}
+export declare class SpreadsheetAdaptorFactory {
+    readonly zIndex = 4;
+    create(injector: Injector): SpreadsheetAdaptor;
+}

package/lib/types/views/render/canvas-view.d.ts

@@ -0,0 +1,33 @@
+import { Injector } from '@wendellhu/redi';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { IUniverInstanceService, RxDisposable } from '@univerjs/core';
+
+export declare enum SLIDE_KEY {
+    COMPONENT = "__slideRender__",
+    SCENE = "__mainScene__",
+    VIEW = "__mainView__"
+}
+export declare class CanvasView extends RxDisposable {
+    private readonly _currentUniverService;
+    private readonly _injector;
+    private readonly _renderManagerService;
+    private _objectProvider;
+    private _activePageId;
+    constructor(_currentUniverService: IUniverInstanceService, _injector: Injector, _renderManagerService: IRenderManagerService);
+    private _initialize;
+    activePage(pageId?: string): void;
+    private _scrollToCenter;
+    private _create;
+    private _currentRender;
+    private _addNewRender;
+    private _refreshThumb;
+    private _createSlide;
+    private _addBackgroundRect;
+    private _getCenterPositionViewPort;
+    private _thumbSceneRender;
+    private _createSlidePages;
+    createThumbs(): void;
+    private _createThumb;
+    private _createScene;
+    private _initializeDependencies;
+}

package/lib/types/views/render/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './canvas-view';

package/lib/types/views/render/object-provider.d.ts

@@ -0,0 +1,14 @@
+import { Injector } from '@wendellhu/redi';
+import { BaseObject, Scene } from '@univerjs/engine-render';
+import { IPageElement } from '@univerjs/core';
+
+export declare class ObjectProvider {
+    private readonly _injector;
+    private _adaptors;
+    constructor(_injector: Injector);
+    convertToRenderObjects(pageElements: {
+        [elementId: string]: IPageElement;
+    }, mainScene: Scene): BaseObject[];
+    private _executor;
+    private _adaptorLoader;
+}

package/lib/umd/index.js

@@ -0,0 +1 @@
+(function(S,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@wendellhu/redi"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@wendellhu/redi","rxjs"],d):(S=typeof globalThis<"u"?globalThis:S||self,d(S.UniverSlides={},S.UniverCore,S.UniverEngineRender,S["@wendellhu/redi"],S.rxjs))})(this,function(S,d,l,E,ce){"use strict";var Ze=Object.defineProperty;var Je=(S,d,l)=>d in S?Ze(S,d,{enumerable:!0,configurable:!0,writable:!0,value:l}):S[d]=l;var f=(S,d,l)=>(Je(S,typeof d!="symbol"?d+"":d,l),l);var se;const ue={},oe={};class F{constructor(){f(this,"zIndex",0);f(this,"viewKey",null)}check(n){if(n===this.viewKey)return this}convert(n,e){}create(n){}}const Y=d.Registry.create();var pe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,_e=(c,n,e,r)=>{for(var t=r>1?void 0:r?ge(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&pe(n,e,t),t},fe=(c,n)=>(e,r)=>n(e,r,c);let Q=class extends F{constructor(n){super();f(this,"zIndex",5);f(this,"viewKey",d.PageElementType.DOCUMENT);f(this,"_liquid",new l.Liquid);this._localeService=n}check(n){if(n===this.viewKey)return this}convert(n,e){var k,he;const{id:r,zIndex:t,left:i=0,top:s=0,width:a,height:o,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,title:x,description:M,document:j}=n;if(j==null)return;const O=new d.DocumentDataModel(j),b=new l.DocumentViewModel(O),m=l.DocumentSkeleton.create(b,this._localeService),T=new l.Documents("__DocsRender__",m);m.calculate();const D=new l.SceneViewer("__DocsViewer__"+r,{top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!0}),P=new l.Scene("__DocsScene__"+r,D),I=new l.Viewport("__DocsViewPort_"+r,P,{left:0,top:0,bottom:0,right:0,isWheelPreventDefaultX:!0});P.attachControl(),P.on(l.EVENT_TYPE.wheel,(A,H)=>{const C=A;if(C.ctrlKey){const N=Math.abs(C.deltaX);let z=N<40?.2:N<80?.4:.2;z*=C.deltaY>0?-1:1,P.scaleX<1&&(z/=2),P.scaleX+z>4?P.scale(4,4):P.scaleX+z<.1?P.scale(.1,.1):(C.deltaY>0,C.preventDefault())}else I.onMouseWheel(C,H)}),new l.ScrollBar(I,{mainScene:e}),P.addObject(T);const y=m.getActualSize();T.resize(y.actualWidth,y.actualHeight),P.resize(y.actualWidth,y.actualHeight+200);const V=(k=T.getSkeleton())==null?void 0:k.getPageSize();T.onPageRenderObservable.add(A=>{const{page:H,pageLeft:C,pageTop:N,ctx:z}=A,{width:q,height:G,marginBottom:ae,marginLeft:U,marginRight:Z,marginTop:J}=H;z.save(),z.translate(C-.5,N-.5),l.Rect.drawWith(z,{width:(V==null?void 0:V.width)||q,height:(V==null?void 0:V.height)||G,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:"rgba(255,255,255, 1)",zIndex:3}),z.restore()});const{left:R,top:$}=T,X=m.getSkeletonData();if(X==null)return;const{pages:L}=X,W=[],K=new Map;this._recalculateSizeBySkeleton(T,P,m);for(let A=0,H=L.length;A<H;A++){const C=L[A],{skeDrawings:N,marginLeft:z,marginTop:q,pageWidth:G,pageHeight:ae}=C;this._liquid.translatePagePadding(C),N.forEach(U=>{const{aLeft:Z,aTop:J,height:ke,width:qe,drawingOrigin:Qe}=U,Ge=new l.Picture(U.objectId,{left:Z+R+this._liquid.x,top:J+$+this._liquid.y,width:qe,height:ke,zIndex:11,isTransformer:!0});K.set(U.objectId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),W.push(Ge)}),this._liquid.translatePage(C,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return P.openTransformer(),P.addObjects(W),(he=P.getTransformer())==null||he.onChangingObservable.add(A=>{const{objects:H}=A;H.forEach(C=>{const{oKey:N,left:z,top:q,height:G,width:ae}=C,U=K.get(N),Z=(U==null?void 0:U.marginLeft)||0,J=(U==null?void 0:U.marginTop)||0;m==null||m.getViewModel().getDataModel().updateDrawing(N,{left:z-R-Z,top:q-$-J,height:G,width:ae})}),m==null||m.calculate()}),P.closeTransformer(),this._calculatePagePosition(T,P,I),D}_recalculateSizeBySkeleton(n,e,r){var a;const t=(a=r.getSkeletonData())==null?void 0:a.pages;if(t==null)return;let i=0,s=0;for(let o=0,h=t.length;o<h;o++){const u=t[o],{pageWidth:_,pageHeight:v}=u;n.pageLayoutType===l.PageLayoutType.VERTICAL?(s+=v,s+=n.pageMarginTop,o===h-1&&(s+=n.pageMarginTop),i=Math.max(i,_)):n.pageLayoutType===l.PageLayoutType.HORIZONTAL&&(i+=_,o!==h-1&&(i+=n.pageMarginLeft),s=Math.max(s,v))}n.resize(i,s),e.resize(i,s)}_calculatePagePosition(n,e,r,t=1){const i=e==null?void 0:e.getParent(),{width:s,height:a,pageMarginLeft:o,pageMarginTop:h}=n;if(i==null||s===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:u,height:_}=i;let v=0,g=0,w=0,p=0,x=Number.POSITIVE_INFINITY;if(u>(s+o*2)*t?(v=u/2-s*t/2,v/=t,w=(u-o*2)/t,x=0):(v=o,w=s+o*2,x=(w-u/t)/2),_>a?(g=_/2-a/2,p=(_-h*2)/t):(g=h,p=a+h*2),e.resize(w,p+200),n.translate(v,g),x!==Number.POSITIVE_INFINITY&&r!=null){const M=r.getBarScroll(x,0).x;r.scrollTo({x:M})}return this}};Q=_e([fe(0,E.Inject(d.LocaleService))],Q);class ve{constructor(){f(this,"zIndex",5)}create(n){return n.createInstance(Q)}}Y.add(new ve);class we extends F{constructor(){super(...arguments);f(this,"zIndex",1);f(this,"viewKey",d.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:r,zIndex:t,left:i=0,top:s=0,width:a,height:o,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,title:x,description:M,image:j={}}=e,{imageProperties:O,placeholder:b,link:m}=j,T=(O==null?void 0:O.contentUrl)||"";return new l.Picture(r,{url:T,top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!0,forceRender:!0})}}class Se{constructor(){f(this,"zIndex",4)}create(n){return n.createInstance(we)}}Y.add(new Se);var Pe=Object.defineProperty,be=Object.getOwnPropertyDescriptor,Te=(c,n,e,r)=>{for(var t=r>1?void 0:r?be(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&Pe(n,e,t),t},me=(c,n)=>(e,r)=>n(e,r,c);let ee=class extends F{constructor(n){super();f(this,"zIndex",2);f(this,"viewKey",d.PageElementType.TEXT);this._localeService=n}check(n){if(n===this.viewKey)return this}convert(n,e){const{id:r,zIndex:t,left:i=0,top:s=0,width:a,height:o,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,title:x,description:M,richText:j={}}=n,{text:O,ff:b,fs:m,it:T,bl:D,ul:P,st:I,ol:y,bg:V,bd:R,cl:$,rich:X}=j;let L={top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!0,forceRender:!0},W=!1;if(O!=null?(L={...L,text:O,ff:b,fs:m,it:T,bl:D,ul:P,st:I,ol:y,bg:V,bd:R,cl:$},W=!0):X!=null&&(L={...L,richText:X},W=!0),W!==!1)return new l.RichText(this._localeService,r,L)}};ee=Te([me(0,E.Inject(d.LocaleService))],ee);class Ie{constructor(){f(this,"zIndex",0)}create(n){return n.createInstance(ee)}}Y.add(new Ie);class Oe extends F{constructor(){super(...arguments);f(this,"zIndex",2);f(this,"viewKey",d.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){const{id:r,zIndex:t,left:i=0,top:s=0,width:a,height:o,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,title:x,description:M}=e,{shapeType:j,text:O,shapeProperties:b,placeholder:m,link:T}=e.shape||{},D=b==null?"":d.getColorStyle(b.shapeBackgroundFill)||"rgba(255,255,255,1)",P=b==null?void 0:b.outline,I={};if(P){const{outlineFill:y,weight:V}=P;I.strokeWidth=V,I.stroke=d.getColorStyle(y)||"rgba(0,0,0,1)"}if(j===d.ShapeType.RECTANGLE)return new l.Rect(r,{fill:D,top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!0,forceRender:!0,...I});if(j===d.ShapeType.ROUND_RECTANGLE){const y=(b==null?void 0:b.radius)||0;return new l.Rect(r,{fill:D,top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!0,forceRender:!0,radius:y,...I})}}}class ye{constructor(){f(this,"zIndex",2)}create(n){return n.createInstance(Oe)}}Y.add(new ye);var je=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,De=(c,n,e,r)=>{for(var t=r>1?void 0:r?Ce(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&je(n,e,t),t},Ee=(c,n)=>(e,r)=>n(e,r,c);let te=class extends F{constructor(n){super();f(this,"zIndex",6);f(this,"viewKey",d.PageElementType.SLIDE);f(this,"_ObjectProvider",null);this._injector=n}check(n){if(n===this.viewKey)return this}convert(n,e){const{id:r,zIndex:t,left:i=0,top:s=0,width:a,height:o,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,title:x,description:M,slide:j}=n;if(j==null)return;const O=new d.SlideDataModel(j),b=new l.Slide("__SLIDERender__"+r,{top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!1,forceRender:!0});b.enableNav(),b.enableSelectedClipElement();const m=O.getPageOrder(),T=O.getPages();if(!m||!T)return b;this._ObjectProvider=new B(this._injector);for(let D=0,P=m.length;D<P;D++){const I=T[m[D]],{id:y}=I;b.addPage(this._createScene(y,b,I,e,O))}return b.activeFirstPage(),b}_createScene(n,e,r,t,i){var g;const{width:s,height:a}=e,o=new l.Scene(n,e,{width:s,height:a});new l.Viewport(`PageViewer_${n}`,o,{left:0,top:0,bottom:0,right:0}).closeClip();const{pageElements:u,pageBackgroundFill:_}=r,v=(g=this._ObjectProvider)==null?void 0:g.convertToRenderObjects(u,t);return o.openTransformer(),this._addBackgroundRect(o,_,i),o.addObjects(v),o}_addBackgroundRect(n,e,r){const t=r.getPageSize(),{width:i=0,height:s=0}=t,a=new l.Rect("canvas",{left:0,top:0,width:i,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:d.getColorStyle(e)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});n.addObject(a,0)}};te=De([Ee(0,E.Inject(E.Injector))],te);class xe{constructor(){f(this,"zIndex",6)}create(n){return n.createInstance(te)}}Y.add(new xe);var Me=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,ze=(c,n,e,r)=>{for(var t=r>1?void 0:r?Ve(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&Me(n,e,t),t},le=(c,n)=>(e,r)=>n(e,r,c);let re=class extends F{constructor(n,e){super();f(this,"zIndex",4);f(this,"viewKey",d.PageElementType.SPREADSHEET);this._localeService=n,this._contextService=e}check(n){if(n===this.viewKey)return this}convert(n,e){const{id:r,zIndex:t,left:i=0,top:s=0,width:a,height:o,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,spreadsheet:x}=n;if(x==null)return;const{worksheet:M,styles:j}=x,{cellData:O}=M,b=new d.ObjectMatrix(O),m=new d.Styles(j),T=new l.SpreadsheetSkeleton(new d.Worksheet(M,m),M,b,m,this._localeService,this._contextService),{rowTotalHeight:D,columnTotalWidth:P,rowHeaderWidth:I,columnHeaderHeight:y}=T,V=P+M.rowHeader.width||0,R=D+M.columnHeader.height||0,$=new l.SceneViewer("spreadInSlideSceneViewer"+r,{top:s,left:i,width:a,height:o,zIndex:t,angle:h,scaleX:u,scaleY:_,skewX:v,skewY:g,flipX:w,flipY:p,isTransformer:!0,forceRender:!0}),X=new l.Scene("spreadInSlideScene"+r,$,{width:V,height:R});this._updateViewport(r,I,y,X,e);const L=new l.Spreadsheet("testSheetViewer",T,!1),W=new l.SpreadsheetRowHeader("spreadInSlideRow",T),K=new l.SpreadsheetColumnHeader("spreadInSlideColumn",T),k=new l.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:I,height:y,fill:l.getColor([248,249,250]),stroke:l.getColor([217,217,217]),strokeWidth:1});return L.zIndex=10,X.addObjects([L],1),X.addObjects([W,K,k],2),$}_updateViewport(n,e,r,t,i){if(i==null)return;const s=e*t.scaleX,a=r*t.scaleY,o=new l.Viewport("spreadInSlideViewMain"+n,t,{left:s,top:a,bottom:0,right:0,isWheelPreventDefaultX:!0}),h=new l.Viewport("spreadInSlideViewTop"+n,t,{left:s,height:a,top:0,right:0,isWheelPreventDefaultX:!0}),u=new l.Viewport("spreadInSlideViewLeft"+n,t,{left:0,bottom:0,top:a,width:s,isWheelPreventDefaultX:!0});new l.Viewport("spreadInSlideViewLeftTop"+n,t,{left:0,top:0,width:s,height:a,isWheelPreventDefaultX:!0}),o.onScrollAfterObserver.add(_=>{const{scrollX:v,scrollY:g,actualScrollX:w,actualScrollY:p}=_;h.updateScroll({scrollX:v,actualScrollX:w}),u.updateScroll({scrollY:g,actualScrollY:p})}),t.attachControl(),new l.ScrollBar(o,{mainScene:i}),t.on(l.EVENT_TYPE.wheel,(_,v)=>{const g=_;if(g.ctrlKey){const w=Math.abs(g.deltaX);let p=w<40?.05:w<80?.02:.01;p*=g.deltaY>0?-1:1,t.scaleX<1&&(p/=2),t.scaleX+p>4?t.scale(4,4):t.scaleX+p<.1?t.scale(.1,.1):(t.scaleBy(p,p),g.preventDefault())}else o.onMouseWheel(g,v)})}};re=ze([le(0,E.Inject(d.LocaleService)),le(1,d.IContextService)],re);class Le{constructor(){f(this,"zIndex",4)}create(n){return n.createInstance(re)}}Y.add(new Le);var Ue=Object.defineProperty,Xe=Object.getOwnPropertyDescriptor,Ae=(c,n,e,r)=>{for(var t=r>1?void 0:r?Xe(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&Ue(n,e,t),t},Ne=(c,n)=>(e,r)=>n(e,r,c);let B=class{constructor(c){f(this,"_adaptors",[]);this._injector=c,this._adaptorLoader()}convertToRenderObjects(c,n){const e=Object.keys(c),r=[];return e.forEach(t=>{const i=c[t],s=this._executor(i,n);s!=null&&r.push(s)}),r}_executor(c,n){var t;const{id:e,type:r}=c;for(const i of this._adaptors){const s=(t=i.check(r))==null?void 0:t.convert(c,n);if(s!=null)return s}}_adaptorLoader(){Y.getData().sort(d.sortRules).forEach(c=>{this._adaptors.push(c.create(this._injector))})}};B=Ae([Ne(0,E.Inject(E.Injector))],B);var We=Object.defineProperty,Ye=Object.getOwnPropertyDescriptor,$e=(c,n,e,r)=>{for(var t=r>1?void 0:r?Ye(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&We(n,e,t),t},ne=(c,n)=>(e,r)=>n(e,r,c),de=(c=>(c.COMPONENT="__slideRender__",c.SCENE="__mainScene__",c.VIEW="__mainView__",c))(de||{});S.CanvasView=class extends d.RxDisposable{constructor(e,r,t){super();f(this,"_objectProvider",null);f(this,"_activePageId","");f(this,"_refreshThumb",d.debounce(()=>{this.createThumbs()},300));this._currentUniverService=e,this._injector=r,this._renderManagerService=t,this._initializeDependencies(this._injector),this._initialize()}_initialize(){this._renderManagerService.createRender$.pipe(ce.takeUntil(this.dispose$)).subscribe(e=>{this._create(e)}),this._currentUniverService.currentSlide$.pipe(ce.takeUntil(this.dispose$)).subscribe(e=>{this._create(e==null?void 0:e.getUnitId())}),this._currentUniverService.getAllUniverSlidesInstance().forEach(e=>{this._create(e.getUnitId())})}activePage(e){const r=this._currentUniverService.getCurrentUniverSlideInstance();let t;if(e)t=r.getPage(e);else{const o=r.getPages(),h=r.getPageOrder();if(h==null||o==null)return;t=o[h[0]],e=t.id}const i=this._currentRender();if(t==null||i==null||i.mainComponent==null)return;const{id:s}=t,a=i.mainComponent;if(this._activePageId=e,a!=null&&a.hasPage(s)){a.changePage(s);return}this._createScene(s,t)}_scrollToCenter(){var h;const e=(h=this._currentRender())==null?void 0:h.scene,r=e==null?void 0:e.getViewport("__mainView__"),t=this._getCenterPositionViewPort(e);if(!r||!t)return;const{left:i,top:s}=t,{x:a,y:o}=r.getBarScroll(i,s);r.scrollTo({x:a,y:o})}_create(e){e==null||this._currentUniverService.getUniverSlideInstance(e)==null||this._renderManagerService.has(e)||this._addNewRender(e)}_currentRender(){const e=this._currentUniverService.getCurrentUniverSlideInstance();return this._renderManagerService.getRenderById(e.getUnitId())}_addNewRender(e){const r=this._currentUniverService.getUniverSlideInstance(e);if(r==null)return;const t=r.getContainer(),i=r.getParentRenderUnitId();if(t!=null&&i!=null)throw new Error("container or parentRenderUnitId can only exist one");t==null&&i!=null?this._renderManagerService.createRenderWithParent(e,i):this._renderManagerService.createRender(e);const s=this._renderManagerService.getRenderById(e);if(s==null)return;const{scene:a,engine:o}=s;o.onTransformChangeObservable.addOnce(()=>{this._scrollToCenter()}),o.onTransformChangeObservable.add(()=>{setTimeout(()=>{this.createThumbs()},300)}),a.resize(2400,1800);const h=new l.Viewport("__mainView__",a,{left:0,top:0,bottom:0,right:0,isWheelPreventDefaultX:!0});a.attachControl(),a.on(l.EVENT_TYPE.wheel,(_,v)=>{const g=_;if(g.ctrlKey){const w=Math.abs(g.deltaX);let p=w<40?.2:w<80?.4:.2;p*=g.deltaY>0?-1:1,a.scaleX<1&&(p/=2),a.scaleX+p>4?a.scale(4,4):a.scaleX+p<.1?a.scale(.1,.1):(g.deltaY>0,g.preventDefault())}else h.onMouseWheel(g,v)}),a.onFileLoadedObservable.add(()=>{this._refreshThumb()}),l.ScrollBar.attachTo(h),this._renderManagerService.setCurrent(e);const u=this._createSlide(a);s.mainComponent=u,s.components.set("__slideRender__",u),this._createSlidePages(r,u),o.runRenderLoop(()=>{a.render();const _=document.getElementById("app");_&&(_.innerText=`fps:${Math.round(o.getFps()).toString()}`)})}_createSlide(e){const r=this._currentUniverService.getCurrentUniverSlideInstance(),{width:t,height:i}=e,s=r.getPageSize(),{width:a=100,height:o=100}=s,h=new l.Slide("__slideRender__",{left:(t-a)/2,top:(i-o)/2,width:a,height:o,zIndex:10});return h.enableNav(),h.enableSelectedClipElement(),e.addObject(h),h}_addBackgroundRect(e,r){const i=this._currentUniverService.getCurrentUniverSlideInstance().getPageSize(),{width:s=0,height:a=0}=i,o=new l.Rect("canvas",{left:0,top:0,width:s,height:a,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:d.getColorStyle(r)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:r,height:t}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,a=(i==null?void 0:i.height)||0;return{left:(r-s)/2,top:(t-a)/2}}_thumbSceneRender(e,r){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{engine:i}=t;if(i==null)return;const{width:s,height:a}=r,{width:o=s,height:h=a}=i,u=i.getCanvas().getContext();r.renderToThumb(u,e,o/s,h/a)}_createSlidePages(e,r){const t=e.getPages(),i=e.getPageOrder();if(!(!t||!i)&&i.length!==0){for(let s=0,a=i.length;s<a;s++){const o=i[s];this._createScene(o,t[o]),this._createThumb(o)}this._activePageId=i[0],r.activeFirstPage()}}createThumbs(){const r=this._currentUniverService.getCurrentUniverSlideInstance().getPageOrder(),t=this._currentRender();if(!(!r||!t)&&r.length!==0)for(let i=0,s=r.length;i<s;i++){const a=r[i];this._thumbSceneRender(a,t.mainComponent)}}_createThumb(e){this._renderManagerService.createRender(e)}_createScene(e,r){const t=this._currentRender();if(!t||!this._objectProvider)return;const{scene:i,mainComponent:s}=t,a=s,{width:o,height:h}=a,u=new l.Scene(e,a,{width:o,height:h});new l.Viewport(`PageViewer_${e}`,u,{left:0,top:0,bottom:0,right:0}).closeClip();const{pageElements:v,pageBackgroundFill:g}=r,w=this._objectProvider.convertToRenderObjects(v,i);if(!w||!a)return;u.openTransformer(),this._addBackgroundRect(u,g),u.addObjects(w);const p=u.getTransformer();return p==null||p.onChangeEndObservable.add(()=>{this._thumbSceneRender(this._activePageId,a)}),p==null||p.onClearControlObservable.add(()=>{this._thumbSceneRender(this._activePageId,a)}),a.addPage(u),u}_initializeDependencies(e){this._objectProvider=e.createInstance(B)}},S.CanvasView=$e([d.OnLifecycle(d.LifecycleStages.Ready,S.CanvasView),ne(0,d.IUniverInstanceService),ne(1,E.Inject(E.Injector)),ne(2,l.IRenderManagerService)],S.CanvasView);var He=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,Re=(c,n,e,r)=>{for(var t=r>1?void 0:r?Fe(n,e):n,i=c.length-1,s;i>=0;i--)(s=c[i])&&(t=(r?s(n,e,t):s(t))||t);return r&&t&&He(n,e,t),t},ie=(c,n)=>(e,r)=>n(e,r,c);const Be={},Ke="slides";S.UniverSlidesPlugin=(se=class extends d.Plugin{constructor(e={},r,t,i){super(Ke);f(this,"_config");f(this,"_canvasEngine",null);f(this,"_canvasView",null);this._currentUniverService=r,this._localeService=t,this._injector=i,this._config=Object.assign(Be,e),this._initializeDependencies(this._injector)}initialize(){this._localeService.load({zhCN:oe}),this.initCanvasEngine()}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(l.IRenderingEngine)}onRendered(){this.initialize()}onDestroy(){super.onDestroy()}getCanvasEngine(){return this._canvasEngine}getCanvasView(){return this._canvasView}_initializeDependencies(e){[[S.CanvasView]].forEach(t=>{e.add(t)})}},f(se,"type",d.PluginType.Slide),se),S.UniverSlidesPlugin=Re([ie(1,d.IUniverInstanceService),ie(2,E.Inject(d.LocaleService)),ie(3,E.Inject(E.Injector))],S.UniverSlidesPlugin),S.SLIDE_KEY=de,S.enUS=ue,S.zhCN=oe,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@univerjs/slides",
+  "version": "0.1.5",
+  "private": false,
+  "description": "",
+  "author": "DreamNum <developer@univer.ai>",
+  "license": "Apache-2.0",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/univer"
+  },
+  "homepage": "https://univer.ai",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dream-num/univer"
+  },
+  "bugs": {
+    "url": "https://github.com/dream-num/univer/issues"
+  },
+  "exports": {
+    ".": {
+      "import": "./lib/es/index.js",
+      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./*": {
+      "import": "./lib/es/*",
+      "require": "./lib/cjs/*",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./lib/*": "./lib/*"
+  },
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/es/index.js",
+  "types": "./lib/types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "lib"
+  ],
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
+  },
+  "peerDependencies": {
+    "@wendellhu/redi": "0.13.0",
+    "rxjs": ">=7.0.0",
+    "@univerjs/core": "0.1.5",
+    "@univerjs/engine-render": "0.1.5"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@wendellhu/redi": "^0.13.0",
+    "rxjs": "^7.8.1",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.6",
+    "vitest": "^1.4.0",
+    "@univerjs/core": "0.1.5",
+    "@univerjs/engine-render": "0.1.5",
+    "@univerjs/shared": "0.1.5"
+  },
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "coverage": "vitest run --coverage",
+    "lint:types": "tsc --noEmit",
+    "build": "tsc && vite build"
+  }
+}