@univerjs/slides 0.10.3-nightly.202508150623 → 0.10.4-nightly.202508220605

package/lib/umd/index.js

@@ -1 +1 @@
-(function(S,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@univerjs/engine-render")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render"],c):(S=typeof globalThis<"u"?globalThis:S||self,c(S.UniverSlides={},S.UniverCore,S.UniverEngineRender))})(this,function(S,c,l){"use strict";var Ce=Object.defineProperty;var Ne=(S,c,l)=>c in S?Ce(S,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):S[c]=l;var g=(S,c,l)=>Ne(S,typeof c!="symbol"?c+"":c,l);var B;const le="slides.config",re={};var oe=Object.getOwnPropertyDescriptor,de=(n,e,i,r)=>{for(var t=r>1?void 0:r?oe(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},R=(n,e)=>(i,r)=>e(i,r,n);const he="slides";S.UniverSlidesPlugin=(B=class extends c.Plugin{constructor(i=re,r,t,a){super();g(this,"_canvasEngine",null);this._config=i,this._injector=r,this._renderManagerService=t,this._configService=a;const{...s}=c.merge({},re,this._config);this._configService.setConfig(le,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(l.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(i){[].forEach(t=>{i.add(t)})}},g(B,"pluginName",he),g(B,"type",c.UniverInstanceType.UNIVER_SLIDE),B),S.UniverSlidesPlugin=de([R(1,c.Inject(c.Injector)),R(2,l.IRenderManagerService),R(3,c.IConfigService)],S.UniverSlidesPlugin);class H{constructor(){g(this,"zIndex",0);g(this,"viewKey",null)}check(e){if(e===this.viewKey)return this}create(e){}}const C=c.Registry.create();var pe=Object.getOwnPropertyDescriptor,ue=(n,e,i,r)=>{for(var t=r>1?void 0:r?pe(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},ge=(n,e)=>(i,r)=>e(i,r,n);let G=class extends H{constructor(e){super();g(this,"zIndex",5);g(this,"viewKey",c.PageElementType.DOCUMENT);g(this,"_liquid",new l.Liquid);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,i){var ne,ce;const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,document:O}=e;if(O==null)return;const b=new c.DocumentDataModel(O),h=new l.DocumentViewModel(b),T=l.DocumentSkeleton.create(h,this._localeService),P=new l.Documents("__DocsRender__",T);T.calculate();const x=new l.SceneViewer("__DocsViewer__"+r,{top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w}),v=new l.Scene("__DocsScene__"+r,x),j=new l.Viewport("__DocsViewPort_"+r,v,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});v.attachControl(),v.onMouseWheel$.subscribeEvent((M,F)=>{const E=M;if(E.ctrlKey){const z=Math.abs(E.deltaX);let L=z<40?.2:z<80?.4:.2;L*=E.deltaY>0?-1:1,v.scaleX<1&&(L/=2),v.scaleX+L>4?v.scale(4,4):v.scaleX+L<.1?v.scale(.1,.1):(E.deltaY>0,E.preventDefault())}else j.onMouseWheel(E,F)}),new l.ScrollBar(j,{mainScene:i}),v.addObject(P);const m=T.getActualSize();P.resize(m.actualWidth,m.actualHeight),v.resize(m.actualWidth,m.actualHeight+200),(ne=P.getSkeleton())==null||ne.getPageSize(),P.pageRender$.subscribe(M=>{const{page:F,pageLeft:E,pageTop:z,ctx:L}=M,{width:ee,height:te,marginBottom:ie,marginLeft:k,marginRight:U,marginTop:q}=F;L.save(),L.translate(E-.5,z-.5),L.restore()});const{left:A,top:N}=P,Y=T.getSkeletonData();if(Y==null)return;const{pages:$}=Y,V=[],W=new Map;this._recalculateSizeBySkeleton(P,v,T);for(let M=0,F=$.length;M<F;M++){const E=$[M],{skeDrawings:z,marginLeft:L,marginTop:ee,pageWidth:te,pageHeight:ie}=E;this._liquid.translatePagePadding(E),z.forEach(k=>{const{aLeft:U,aTop:q,height:ke,width:Xe,drawingOrigin:Ae}=k,{docTransform:We}=Ae,ze=new l.Image(k.drawingId,{left:U+A+this._liquid.x,top:q+N+this._liquid.y,width:Xe,height:ke,zIndex:11});W.set(k.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),V.push(ze)}),this._liquid.translatePage(E,P.pageLayoutType,P.pageMarginLeft,P.pageMarginTop)}return v.addObjects(V),V.forEach(M=>{v.attachTransformerTo(M)}),(ce=v.getTransformer())==null||ce.changing$.subscribe(M=>{const{objects:F}=M;F.forEach(E=>{const{oKey:z,left:L,top:ee,height:te,width:ie}=E,k=W.get(z),U=(k==null?void 0:k.marginLeft)||0,q=(k==null?void 0:k.marginTop)||0;T==null||T.getViewModel().getDataModel().updateDrawing(z,{left:L-A-U,top:ee-N-q,height:te,width:ie})}),T==null||T.calculate()}),this._calculatePagePosition(P,v,j),x}_recalculateSizeBySkeleton(e,i,r){var o;const t=(o=r.getSkeletonData())==null?void 0:o.pages;if(t==null)return;let a=0,s=0;for(let d=0,I=t.length;d<I;d++){const y=t[d],{pageWidth:f,pageHeight:p}=y;e.pageLayoutType===l.PageLayoutType.VERTICAL?(s+=p,s+=e.pageMarginTop,d===I-1&&(s+=e.pageMarginTop),a=Math.max(a,f)):e.pageLayoutType===l.PageLayoutType.HORIZONTAL&&(a+=f,d!==I-1&&(a+=e.pageMarginLeft),s=Math.max(s,p))}e.resize(a,s),i.resize(a,s)}_calculatePagePosition(e,i,r,t=1){const a=i==null?void 0:i.getParent(),{width:s,height:o,pageMarginLeft:d,pageMarginTop:I}=e;if(a==null||s===Number.POSITIVE_INFINITY||o===Number.POSITIVE_INFINITY)return;const{width:y,height:f}=a;let p=0,u=0,_=0,w=0,D=Number.POSITIVE_INFINITY;if(y>(s+d*2)*t?(p=y/2-s*t/2,p/=t,_=(y-d*2)/t,D=0):(p=d,_=s+d*2,D=(_-y/t)/2),f>o?(u=f/2-o/2,w=(f-I*2)/t):(u=I,w=o+I*2),i.resize(_,w+200),e.translate(p,u),D!==Number.POSITIVE_INFINITY&&r!=null){const X=r.transScroll2ViewportScrollValue(D,0).x;r.scrollToBarPos({x:X})}return this}};G=ue([ge(0,c.Inject(c.LocaleService))],G);class fe{constructor(){g(this,"zIndex",5)}create(e){return e.createInstance(G)}}C.add(new fe);class we extends H{constructor(){super(...arguments);g(this,"zIndex",1);g(this,"viewKey",c.PageElementType.IMAGE)}check(i){if(i===this.viewKey)return this}convert(i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,image:O={}}=i,{imageProperties:b,placeholder:h,link:T}=O,P=(b==null?void 0:b.contentUrl)||"";return new l.Image(r,{url:P,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0})}}class _e{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(we)}}C.add(new _e);var ve=Object.getOwnPropertyDescriptor,Se=(n,e,i,r)=>{for(var t=r>1?void 0:r?ve(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},Ie=(n,e)=>(i,r)=>e(i,r,n);let Z=class extends H{constructor(e){super();g(this,"zIndex",2);g(this,"viewKey",c.PageElementType.TEXT);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,richText:O={}}=e,{text:b,ff:h,fs:T,it:P,bl:x,ul:v,st:j,ol:m,bg:A,bd:N,cl:Y,rich:$}=O;let V={top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0},W=!1;if(b!=null?(V={...V,text:b,ff:h,fs:T,it:P,bl:x,ul:v,st:j,ol:m,bg:A,bd:N,cl:Y},W=!0):$!=null&&(V={...V,richText:$},W=!0),W!==!1)return new l.RichText(this._localeService,r,V)}};Z=Se([Ie(0,c.Inject(c.LocaleService))],Z);class ye{constructor(){g(this,"zIndex",0)}create(e){return e.createInstance(Z)}}C.add(new ye);class Te extends H{constructor(){super(...arguments);g(this,"zIndex",2);g(this,"viewKey",c.PageElementType.SHAPE)}check(i){if(i===this.viewKey)return this}convert(i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X}=i,{shapeType:O,text:b,shapeProperties:h,placeholder:T,link:P}=i.shape||{},x=h==null?"":c.getColorStyle(h.shapeBackgroundFill)||"rgba(255,255,255,1)",v=h==null?void 0:h.outline,j={};if(v){const{outlineFill:m,weight:A}=v;j.strokeWidth=A,j.stroke=c.getColorStyle(m)||"rgba(0,0,0,1)"}if(O===c.BasicShapes.Rect)return new l.Rect(r,{fill:x,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0,...j});if(O===c.BasicShapes.RoundRect){const m=(h==null?void 0:h.radius)||0;return new l.Rect(r,{fill:x,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0,radius:m,...j})}if(O===c.BasicShapes.Ellipse){console.warn(h==null?void 0:h.radius);const m=(h==null?void 0:h.radius)||0;return new l.Circle(r,{fill:x,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0,radius:m,...j})}}}class Pe{constructor(){g(this,"zIndex",2)}create(e){return e.createInstance(Te)}}C.add(new Pe);var be=Object.getOwnPropertyDescriptor,je=(n,e,i,r)=>{for(var t=r>1?void 0:r?be(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},me=(n,e)=>(i,r)=>e(i,r,n);S.ObjectProvider=class{constructor(e){g(this,"_adaptors",[]);this._injector=e,this._adaptorLoader()}convertToRenderObjects(e,i){const r=Object.keys(e),t=[];return r.forEach(a=>{const s=e[a],o=this._executor(s,i);o!=null&&t.push(o)}),t}convertToRenderObject(e,i){return this._executor(e,i)}_executor(e,i){var a;const{id:r,type:t}=e;for(const s of this._adaptors){const o=(a=s.check(t))==null?void 0:a.convert(e,i);if(o!=null)return o}}_adaptorLoader(){C.getData().sort(c.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}},S.ObjectProvider=je([me(0,c.Inject(c.Injector))],S.ObjectProvider);var Oe=Object.getOwnPropertyDescriptor,xe=(n,e,i,r)=>{for(var t=r>1?void 0:r?Oe(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},Ee=(n,e)=>(i,r)=>e(i,r,n),ae=(n=>(n.MAIN="__SLIDERender__",n.SCENE_VIEWER="__SLIDEViewer__",n.SCENE="__SLIDEScene__",n.VIEWPORT="__SLIDEViewPort_",n))(ae||{});let J=class extends H{constructor(e){super();g(this,"zIndex",6);g(this,"viewKey",c.PageElementType.SLIDE);g(this,"_ObjectProvider",null);this._injector=e}check(e){if(e===this.viewKey)return this}convert(e,i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,slide:O}=e;if(O==null)return;const b=new c.SlideDataModel(O),h=new l.Slide("__SLIDERender__"+r,{top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0});h.enableNav(),h.enableSelectedClipElement();const T=b.getPageOrder(),P=b.getPages();if(!T||!P)return h;this._ObjectProvider=new S.ObjectProvider(this._injector);for(let x=0,v=T.length;x<v;x++){const j=P[T[x]],{id:m}=j;h.addPageScene(this._createScene(m,h,j,i,b))}return h.activeFirstPage(),h}_createScene(e,i,r,t,a){var u;const{width:s,height:o}=i,d=new l.Scene(e,i,{width:s,height:o});new l.Viewport(`PageViewer_${e}`,d,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:y,pageBackgroundFill:f}=r,p=(u=this._ObjectProvider)==null?void 0:u.convertToRenderObjects(y,t);return this._addBackgroundRect(d,f,a),d.addObjects(p),p==null||p.forEach(_=>{d.attachTransformerTo(_)}),d}_addBackgroundRect(e,i,r){const t=r.getPageSize(),{width:a=0,height:s=0}=t,o=new l.Rect("canvas",{left:0,top:0,width:a,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:c.getColorStyle(i)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}};J=xe([Ee(0,c.Inject(c.Injector))],J);class De{constructor(){g(this,"zIndex",6)}create(e){return e.createInstance(J)}}C.add(new De);var Ve=Object.getOwnPropertyDescriptor,Me=(n,e,i,r)=>{for(var t=r>1?void 0:r?Ve(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},K=(n,e)=>(i,r)=>e(i,r,n);let Q=class extends H{constructor(e,i,r,t){super();g(this,"zIndex",4);g(this,"viewKey",c.PageElementType.SPREADSHEET);this._localeService=e,this._contextService=i,this._configService=r,this._injector=t}check(e){if(e===this.viewKey)return this}convert(e,i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,spreadsheet:D}=e;if(D==null)return;const{worksheet:X,styles:O}=D,b=new c.Styles(O),h=new l.SpreadsheetSkeleton(new c.Worksheet(r,X,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:T,columnTotalWidth:P,rowHeaderWidth:x,columnHeaderHeight:v}=h,j=P+X.rowHeader.width||0,m=T+X.columnHeader.height||0,A=new l.SceneViewer("spreadInSlideSceneViewer"+r,{top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0}),N=new l.Scene("spreadInSlideScene"+r,A,{width:j,height:m});this._updateViewport(r,x,v,N,i);const Y=new l.Spreadsheet("testSheetViewer",h,!1),$=new l.SpreadsheetRowHeader("spreadInSlideRow",h),V=new l.SpreadsheetColumnHeader("spreadInSlideColumn",h),W=new l.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:x,height:v,fill:l.getColor([248,249,250]),stroke:l.getColor([217,217,217]),strokeWidth:1});return Y.zIndex=10,N.addObjects([Y],1),N.addObjects([$,V,W],2),A}_updateViewport(e,i,r,t,a){if(a==null)return;const s=i*t.scaleX,o=r*t.scaleY,d=new l.Viewport("spreadInSlideViewMain"+e,t,{left:s,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),I=new l.Viewport("spreadInSlideViewTop"+e,t,{left:s,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),y=new l.Viewport("spreadInSlideViewLeft"+e,t,{left:0,bottom:0,top:o,width:s,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new l.Viewport("spreadInSlideViewLeftTop"+e,t,{left:0,top:0,width:s,height:o,isWheelPreventDefaultX:!0}),d.onScrollAfter$.subscribeEvent(f=>{const{scrollX:p,scrollY:u,viewportScrollX:_,viewportScrollY:w}=f;I.updateScrollVal({scrollX:p,viewportScrollX:_}),y.updateScrollVal({scrollY:u,viewportScrollY:w})}),t.attachControl(),new l.ScrollBar(d,{mainScene:a}),t.onMouseWheel$.subscribeEvent((f,p)=>{const u=f;if(u.ctrlKey){const _=Math.abs(u.deltaX);let w=_<40?.05:_<80?.02:.01;w*=u.deltaY>0?-1:1,t.scaleX<1&&(w/=2),t.scaleX+w>4?t.scale(4,4):t.scaleX+w<.1?t.scale(.1,.1):(t.scaleBy(w,w),u.preventDefault())}else d.onMouseWheel(u,p)})}};Q=Me([K(0,c.Inject(c.LocaleService)),K(1,c.IContextService),K(2,c.IConfigService),K(3,c.Inject(c.Injector))],Q);class Le{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(Q)}}C.add(new Le);var se=(n=>(n.COMPONENT="__slideRender__",n.SCENE="__mainScene__",n.VIEW="__mainView__",n))(se||{});S.CanvasObjectProviderRegistry=C,S.ObjectAdaptor=H,S.SLIDE_KEY=se,S.SLIDE_VIEW_KEY=ae,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});
+(function(S,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@univerjs/engine-render")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render"],c):(S=typeof globalThis<"u"?globalThis:S||self,c(S.UniverSlides={},S.UniverCore,S.UniverEngineRender))})(this,(function(S,c,l){"use strict";var Ce=Object.defineProperty;var Ne=(S,c,l)=>c in S?Ce(S,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):S[c]=l;var g=(S,c,l)=>Ne(S,typeof c!="symbol"?c+"":c,l);var B;const le="slides.config",re={};var oe=Object.getOwnPropertyDescriptor,de=(n,e,i,r)=>{for(var t=r>1?void 0:r?oe(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},R=(n,e)=>(i,r)=>e(i,r,n);const he="slides";S.UniverSlidesPlugin=(B=class extends c.Plugin{constructor(i=re,r,t,a){super();g(this,"_canvasEngine",null);this._config=i,this._injector=r,this._renderManagerService=t,this._configService=a;const{...s}=c.merge({},re,this._config);this._configService.setConfig(le,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(l.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(i){[].forEach(t=>{i.add(t)})}},g(B,"pluginName",he),g(B,"type",c.UniverInstanceType.UNIVER_SLIDE),B),S.UniverSlidesPlugin=de([R(1,c.Inject(c.Injector)),R(2,l.IRenderManagerService),R(3,c.IConfigService)],S.UniverSlidesPlugin);class H{constructor(){g(this,"zIndex",0);g(this,"viewKey",null)}check(e){if(e===this.viewKey)return this}create(e){}}const C=c.Registry.create();var pe=Object.getOwnPropertyDescriptor,ue=(n,e,i,r)=>{for(var t=r>1?void 0:r?pe(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},ge=(n,e)=>(i,r)=>e(i,r,n);let G=class extends H{constructor(e){super();g(this,"zIndex",5);g(this,"viewKey",c.PageElementType.DOCUMENT);g(this,"_liquid",new l.Liquid);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,i){var ne,ce;const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,document:O}=e;if(O==null)return;const b=new c.DocumentDataModel(O),h=new l.DocumentViewModel(b),T=l.DocumentSkeleton.create(h,this._localeService),P=new l.Documents("__DocsRender__",T);T.calculate();const x=new l.SceneViewer("__DocsViewer__"+r,{top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w}),v=new l.Scene("__DocsScene__"+r,x),j=new l.Viewport("__DocsViewPort_"+r,v,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});v.attachControl(),v.onMouseWheel$.subscribeEvent((M,F)=>{const E=M;if(E.ctrlKey){const z=Math.abs(E.deltaX);let L=z<40?.2:z<80?.4:.2;L*=E.deltaY>0?-1:1,v.scaleX<1&&(L/=2),v.scaleX+L>4?v.scale(4,4):v.scaleX+L<.1?v.scale(.1,.1):(E.deltaY>0,E.preventDefault())}else j.onMouseWheel(E,F)}),new l.ScrollBar(j,{mainScene:i}),v.addObject(P);const m=T.getActualSize();P.resize(m.actualWidth,m.actualHeight),v.resize(m.actualWidth,m.actualHeight+200),(ne=P.getSkeleton())==null||ne.getPageSize(),P.pageRender$.subscribe(M=>{const{page:F,pageLeft:E,pageTop:z,ctx:L}=M,{width:ee,height:te,marginBottom:ie,marginLeft:k,marginRight:U,marginTop:q}=F;L.save(),L.translate(E-.5,z-.5),L.restore()});const{left:A,top:N}=P,Y=T.getSkeletonData();if(Y==null)return;const{pages:$}=Y,V=[],W=new Map;this._recalculateSizeBySkeleton(P,v,T);for(let M=0,F=$.length;M<F;M++){const E=$[M],{skeDrawings:z,marginLeft:L,marginTop:ee,pageWidth:te,pageHeight:ie}=E;this._liquid.translatePagePadding(E),z.forEach(k=>{const{aLeft:U,aTop:q,height:ke,width:Xe,drawingOrigin:Ae}=k,{docTransform:We}=Ae,ze=new l.Image(k.drawingId,{left:U+A+this._liquid.x,top:q+N+this._liquid.y,width:Xe,height:ke,zIndex:11});W.set(k.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),V.push(ze)}),this._liquid.translatePage(E,P.pageLayoutType,P.pageMarginLeft,P.pageMarginTop)}return v.addObjects(V),V.forEach(M=>{v.attachTransformerTo(M)}),(ce=v.getTransformer())==null||ce.changing$.subscribe(M=>{const{objects:F}=M;F.forEach(E=>{const{oKey:z,left:L,top:ee,height:te,width:ie}=E,k=W.get(z),U=(k==null?void 0:k.marginLeft)||0,q=(k==null?void 0:k.marginTop)||0;T==null||T.getViewModel().getDataModel().updateDrawing(z,{left:L-A-U,top:ee-N-q,height:te,width:ie})}),T==null||T.calculate()}),this._calculatePagePosition(P,v,j),x}_recalculateSizeBySkeleton(e,i,r){var o;const t=(o=r.getSkeletonData())==null?void 0:o.pages;if(t==null)return;let a=0,s=0;for(let d=0,I=t.length;d<I;d++){const y=t[d],{pageWidth:f,pageHeight:p}=y;e.pageLayoutType===l.PageLayoutType.VERTICAL?(s+=p,s+=e.pageMarginTop,d===I-1&&(s+=e.pageMarginTop),a=Math.max(a,f)):e.pageLayoutType===l.PageLayoutType.HORIZONTAL&&(a+=f,d!==I-1&&(a+=e.pageMarginLeft),s=Math.max(s,p))}e.resize(a,s),i.resize(a,s)}_calculatePagePosition(e,i,r,t=1){const a=i==null?void 0:i.getParent(),{width:s,height:o,pageMarginLeft:d,pageMarginTop:I}=e;if(a==null||s===Number.POSITIVE_INFINITY||o===Number.POSITIVE_INFINITY)return;const{width:y,height:f}=a;let p=0,u=0,_=0,w=0,D=Number.POSITIVE_INFINITY;if(y>(s+d*2)*t?(p=y/2-s*t/2,p/=t,_=(y-d*2)/t,D=0):(p=d,_=s+d*2,D=(_-y/t)/2),f>o?(u=f/2-o/2,w=(f-I*2)/t):(u=I,w=o+I*2),i.resize(_,w+200),e.translate(p,u),D!==Number.POSITIVE_INFINITY&&r!=null){const X=r.transScroll2ViewportScrollValue(D,0).x;r.scrollToBarPos({x:X})}return this}};G=ue([ge(0,c.Inject(c.LocaleService))],G);class fe{constructor(){g(this,"zIndex",5)}create(e){return e.createInstance(G)}}C.add(new fe);class we extends H{constructor(){super(...arguments);g(this,"zIndex",1);g(this,"viewKey",c.PageElementType.IMAGE)}check(i){if(i===this.viewKey)return this}convert(i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,image:O={}}=i,{imageProperties:b,placeholder:h,link:T}=O,P=(b==null?void 0:b.contentUrl)||"";return new l.Image(r,{url:P,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0})}}class _e{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(we)}}C.add(new _e);var ve=Object.getOwnPropertyDescriptor,Se=(n,e,i,r)=>{for(var t=r>1?void 0:r?ve(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},Ie=(n,e)=>(i,r)=>e(i,r,n);let Z=class extends H{constructor(e){super();g(this,"zIndex",2);g(this,"viewKey",c.PageElementType.TEXT);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,richText:O={}}=e,{text:b,ff:h,fs:T,it:P,bl:x,ul:v,st:j,ol:m,bg:A,bd:N,cl:Y,rich:$}=O;let V={top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0},W=!1;if(b!=null?(V={...V,text:b,ff:h,fs:T,it:P,bl:x,ul:v,st:j,ol:m,bg:A,bd:N,cl:Y},W=!0):$!=null&&(V={...V,richText:$},W=!0),W!==!1)return new l.RichText(this._localeService,r,V)}};Z=Se([Ie(0,c.Inject(c.LocaleService))],Z);class ye{constructor(){g(this,"zIndex",0)}create(e){return e.createInstance(Z)}}C.add(new ye);class Te extends H{constructor(){super(...arguments);g(this,"zIndex",2);g(this,"viewKey",c.PageElementType.SHAPE)}check(i){if(i===this.viewKey)return this}convert(i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X}=i,{shapeType:O,text:b,shapeProperties:h,placeholder:T,link:P}=i.shape||{},x=h==null?"":c.getColorStyle(h.shapeBackgroundFill)||"rgba(255,255,255,1)",v=h==null?void 0:h.outline,j={};if(v){const{outlineFill:m,weight:A}=v;j.strokeWidth=A,j.stroke=c.getColorStyle(m)||"rgba(0,0,0,1)"}if(O===c.BasicShapes.Rect)return new l.Rect(r,{fill:x,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0,...j});if(O===c.BasicShapes.RoundRect){const m=(h==null?void 0:h.radius)||0;return new l.Rect(r,{fill:x,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0,radius:m,...j})}if(O===c.BasicShapes.Ellipse){console.warn(h==null?void 0:h.radius);const m=(h==null?void 0:h.radius)||0;return new l.Circle(r,{fill:x,top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0,radius:m,...j})}}}class Pe{constructor(){g(this,"zIndex",2)}create(e){return e.createInstance(Te)}}C.add(new Pe);var be=Object.getOwnPropertyDescriptor,je=(n,e,i,r)=>{for(var t=r>1?void 0:r?be(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},me=(n,e)=>(i,r)=>e(i,r,n);S.ObjectProvider=class{constructor(e){g(this,"_adaptors",[]);this._injector=e,this._adaptorLoader()}convertToRenderObjects(e,i){const r=Object.keys(e),t=[];return r.forEach(a=>{const s=e[a],o=this._executor(s,i);o!=null&&t.push(o)}),t}convertToRenderObject(e,i){return this._executor(e,i)}_executor(e,i){var a;const{id:r,type:t}=e;for(const s of this._adaptors){const o=(a=s.check(t))==null?void 0:a.convert(e,i);if(o!=null)return o}}_adaptorLoader(){C.getData().sort(c.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}},S.ObjectProvider=je([me(0,c.Inject(c.Injector))],S.ObjectProvider);var Oe=Object.getOwnPropertyDescriptor,xe=(n,e,i,r)=>{for(var t=r>1?void 0:r?Oe(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},Ee=(n,e)=>(i,r)=>e(i,r,n),ae=(n=>(n.MAIN="__SLIDERender__",n.SCENE_VIEWER="__SLIDEViewer__",n.SCENE="__SLIDEScene__",n.VIEWPORT="__SLIDEViewPort_",n))(ae||{});let J=class extends H{constructor(e){super();g(this,"zIndex",6);g(this,"viewKey",c.PageElementType.SLIDE);g(this,"_ObjectProvider",null);this._injector=e}check(e){if(e===this.viewKey)return this}convert(e,i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,title:D,description:X,slide:O}=e;if(O==null)return;const b=new c.SlideDataModel(O),h=new l.Slide("__SLIDERender__"+r,{top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0});h.enableNav(),h.enableSelectedClipElement();const T=b.getPageOrder(),P=b.getPages();if(!T||!P)return h;this._ObjectProvider=new S.ObjectProvider(this._injector);for(let x=0,v=T.length;x<v;x++){const j=P[T[x]],{id:m}=j;h.addPageScene(this._createScene(m,h,j,i,b))}return h.activeFirstPage(),h}_createScene(e,i,r,t,a){var u;const{width:s,height:o}=i,d=new l.Scene(e,i,{width:s,height:o});new l.Viewport(`PageViewer_${e}`,d,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:y,pageBackgroundFill:f}=r,p=(u=this._ObjectProvider)==null?void 0:u.convertToRenderObjects(y,t);return this._addBackgroundRect(d,f,a),d.addObjects(p),p==null||p.forEach(_=>{d.attachTransformerTo(_)}),d}_addBackgroundRect(e,i,r){const t=r.getPageSize(),{width:a=0,height:s=0}=t,o=new l.Rect("canvas",{left:0,top:0,width:a,height:s,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:c.getColorStyle(i)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(o,0)}};J=xe([Ee(0,c.Inject(c.Injector))],J);class De{constructor(){g(this,"zIndex",6)}create(e){return e.createInstance(J)}}C.add(new De);var Ve=Object.getOwnPropertyDescriptor,Me=(n,e,i,r)=>{for(var t=r>1?void 0:r?Ve(e,i):e,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=s(t)||t);return t},K=(n,e)=>(i,r)=>e(i,r,n);let Q=class extends H{constructor(e,i,r,t){super();g(this,"zIndex",4);g(this,"viewKey",c.PageElementType.SPREADSHEET);this._localeService=e,this._contextService=i,this._configService=r,this._injector=t}check(e){if(e===this.viewKey)return this}convert(e,i){const{id:r,zIndex:t,left:a=0,top:s=0,width:o,height:d,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,spreadsheet:D}=e;if(D==null)return;const{worksheet:X,styles:O}=D,b=new c.Styles(O),h=new l.SpreadsheetSkeleton(new c.Worksheet(r,X,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:T,columnTotalWidth:P,rowHeaderWidth:x,columnHeaderHeight:v}=h,j=P+X.rowHeader.width||0,m=T+X.columnHeader.height||0,A=new l.SceneViewer("spreadInSlideSceneViewer"+r,{top:s,left:a,width:o,height:d,zIndex:t,angle:I,scaleX:y,scaleY:f,skewX:p,skewY:u,flipX:_,flipY:w,forceRender:!0}),N=new l.Scene("spreadInSlideScene"+r,A,{width:j,height:m});this._updateViewport(r,x,v,N,i);const Y=new l.Spreadsheet("testSheetViewer",h,!1),$=new l.SpreadsheetRowHeader("spreadInSlideRow",h),V=new l.SpreadsheetColumnHeader("spreadInSlideColumn",h),W=new l.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:x,height:v,fill:l.getColor([248,249,250]),stroke:l.getColor([217,217,217]),strokeWidth:1});return Y.zIndex=10,N.addObjects([Y],1),N.addObjects([$,V,W],2),A}_updateViewport(e,i,r,t,a){if(a==null)return;const s=i*t.scaleX,o=r*t.scaleY,d=new l.Viewport("spreadInSlideViewMain"+e,t,{left:s,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),I=new l.Viewport("spreadInSlideViewTop"+e,t,{left:s,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),y=new l.Viewport("spreadInSlideViewLeft"+e,t,{left:0,bottom:0,top:o,width:s,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new l.Viewport("spreadInSlideViewLeftTop"+e,t,{left:0,top:0,width:s,height:o,isWheelPreventDefaultX:!0}),d.onScrollAfter$.subscribeEvent(f=>{const{scrollX:p,scrollY:u,viewportScrollX:_,viewportScrollY:w}=f;I.updateScrollVal({scrollX:p,viewportScrollX:_}),y.updateScrollVal({scrollY:u,viewportScrollY:w})}),t.attachControl(),new l.ScrollBar(d,{mainScene:a}),t.onMouseWheel$.subscribeEvent((f,p)=>{const u=f;if(u.ctrlKey){const _=Math.abs(u.deltaX);let w=_<40?.05:_<80?.02:.01;w*=u.deltaY>0?-1:1,t.scaleX<1&&(w/=2),t.scaleX+w>4?t.scale(4,4):t.scaleX+w<.1?t.scale(.1,.1):(t.scaleBy(w,w),u.preventDefault())}else d.onMouseWheel(u,p)})}};Q=Me([K(0,c.Inject(c.LocaleService)),K(1,c.IContextService),K(2,c.IConfigService),K(3,c.Inject(c.Injector))],Q);class Le{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(Q)}}C.add(new Le);var se=(n=>(n.COMPONENT="__slideRender__",n.SCENE="__mainScene__",n.VIEW="__mainView__",n))(se||{});S.CanvasObjectProviderRegistry=C,S.ObjectAdaptor=H,S.SLIDE_KEY=se,S.SLIDE_VIEW_KEY=ae,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides",
-  "version": "0.10.3-nightly.202508150623",
+  "version": "0.10.4-nightly.202508220605",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -45,14 +45,14 @@
     "lib"
   ],
   "dependencies": {
-    "@univerjs/core": "0.10.3-nightly.202508150623",
-    "@univerjs/engine-render": "0.10.3-nightly.202508150623"
+    "@univerjs/core": "0.10.4-nightly.202508220605",
+    "@univerjs/engine-render": "0.10.4-nightly.202508220605"
   },
   "devDependencies": {
-    "typescript": "^5.8.3",
-    "vite": "^7.0.6",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
     "vitest": "^3.2.4",
-    "@univerjs-infra/shared": "0.10.3"
+    "@univerjs-infra/shared": "0.10.4"
   },
   "scripts": {
     "test": "vitest run",