@univerjs/slides 0.18.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +1 -1
- package/lib/es/index.js +1 -1
- package/lib/index.js +1 -1
- package/lib/umd/index.js +1 -1
- package/package.json +6 -6
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/engine-render`);var n=`@univerjs/slides`,r=`0.18.0`;const i=`slides.config`;Symbol(i);const a={};function o(e){"@babel/helpers - typeof";return o=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},o(e)}function s(e,t){if(o(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(o(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function c(e){var t=s(e,`string`);return o(t)==`symbol`?t:t+``}function l(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){return function(n,r){t(n,r,e)}}function d(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 f=class extends e.Plugin{constructor(t=a,n,r,o){super(),this._config=t,this._injector=n,this._renderManagerService=r,this._configService=o,l(this,`_canvasEngine`,null);let{...s}=(0,e.merge)({},a,this._config);this._configService.setConfig(i,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(t.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};l(f,`pluginName`,`UNIVER_SLIDES_PLUGIN`),l(f,`packageName`,n),l(f,`version`,r),l(f,`type`,e.UniverInstanceType.UNIVER_SLIDE),f=d([u(1,(0,e.Inject)(e.Injector)),u(2,t.IRenderManagerService),u(3,e.IConfigService)],f);var p=class{constructor(){l(this,`zIndex`,0),l(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const m=e.Registry.create();let h=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),g=class extends p{constructor(n){super(),this._localeService=n,l(this,`zIndex`,5),l(this,`viewKey`,e.PageElementType.DOCUMENT),l(this,`_liquid`,new t.Liquid)}check(e){if(e===this.viewKey)return this}convert(n,r){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:g,skewY:_,flipX:v,flipY:y,title:b,description:x,document:S}=n;if(S==null)return;let C=new t.DocumentViewModel(new e.DocumentDataModel(S)),w=t.DocumentSkeleton.create(C,this._localeService),T=new t.Documents(h.MAIN,w);w.calculate();let E=new t.SceneViewer(h.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:g,skewY:_,flipX:v,flipY:y}),D=new t.Scene(h.SCENE+o,E),O=new t.Viewport(h.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new t.ScrollBar(O,{mainScene:r}),D.addObject(T);let k=w.getActualSize();T.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=T.getSkeleton())==null||i.getPageSize(),T.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=T,M=w.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(T,D,w);for(let e=0,n=N.length;e<n;e++){let n=N[e],{skeDrawings:r,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=n;this._liquid.translatePagePadding(n),r.forEach(e=>{let{aLeft:n,aTop:r,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new t.Image(e.drawingId,{left:n+A+this._liquid.x,top:r+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(n,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;w==null||w.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),w==null||w.calculate()}),this._calculatePagePosition(T,D,O),E}_recalculateSizeBySkeleton(e,n,r){var i;let a=(i=r.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let n=0,r=a.length;n<r;n++){let{pageWidth:i,pageHeight:c}=a[n];e.pageLayoutType===t.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,n===r-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===t.PageLayoutType.HORIZONTAL&&(o+=i,n!==r-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),n.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}};g=d([u(0,(0,e.Inject)(e.LocaleService))],g);var _=class{constructor(){l(this,`zIndex`,5)}create(e){return e.createInstance(g)}};m.add(new _);var v=class extends p{constructor(...t){super(...t),l(this,`zIndex`,1),l(this,`viewKey`,e.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:n,zIndex:r,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 t.Image(n,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},y=class{constructor(){l(this,`zIndex`,4)}create(e){return e.createInstance(v)}};m.add(new y);let b=class extends p{constructor(t){super(),this._localeService=t,l(this,`zIndex`,2),l(this,`viewKey`,e.PageElementType.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,n){let{id:r,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 t.RichText(this._localeService,r,j)}};b=d([u(0,(0,e.Inject)(e.LocaleService))],b);var x=class{constructor(){l(this,`zIndex`,0)}create(e){return e.createInstance(b)}};m.add(new x);var S=class extends p{constructor(...t){super(...t),l(this,`zIndex`,2),l(this,`viewKey`,e.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(n){let{id:r,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:_}=n,{shapeType:v,text:y,shapeProperties:b,placeholder:x,link:S}=n.shape||{},C=b==null?``:(0,e.getColorStyle)(b.shapeBackgroundFill)||`rgba(255,255,255,1)`,w=b==null?void 0:b.outline,T={};if(w){let{outlineFill:t,weight:n}=w;T.strokeWidth=n,T.stroke=(0,e.getColorStyle)(t)||`rgba(0,0,0,1)`}if(v===e.BasicShapes.Rect)return new t.Rect(r,{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===e.BasicShapes.RoundRect)return new t.Rect(r,{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===e.BasicShapes.Ellipse)return console.warn(b==null?void 0:b.radius),new t.Circle(r,{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})}},C=class{constructor(){l(this,`zIndex`,2)}create(e){return e.createInstance(S)}};m.add(new C);let w=class{constructor(e){this._injector=e,l(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(){m.getData().sort(e.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};w=d([u(0,(0,e.Inject)(e.Injector))],w);let T=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),E=class extends p{constructor(t){super(),this._injector=t,l(this,`zIndex`,6),l(this,`viewKey`,e.PageElementType.SLIDE),l(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(n,r){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,title:_,description:v,slide:y}=n;if(y==null)return;let b=new e.SlideDataModel(y),x=new t.Slide(T.MAIN+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});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new w(this._injector);for(let e=0,t=S.length;e<t;e++){let t=C[S[e]],{id:n}=t;x.addPageScene(this._createScene(n,x,t,r,b))}return x.activeFirstPage(),x}_createScene(e,n,r,i,a){var o;let{width:s,height:c}=n,l=new t.Scene(e,n,{width:s,height:c});new t.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=r,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(n,r,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new t.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,e.getColorStyle)(r)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});n.addObject(s,0)}};E=d([u(0,(0,e.Inject)(e.Injector))],E);var D=class{constructor(){l(this,`zIndex`,6)}create(e){return e.createInstance(E)}};m.add(new D);var O=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(O||{});let k=class extends p{constructor(t,n,r,i){super(),this._localeService=t,this._contextService=n,this._configService=r,this._injector=i,l(this,`zIndex`,4),l(this,`viewKey`,e.PageElementType.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(n,r){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:_}=n;if(_==null)return;let{worksheet:v,styles:y}=_,b=new e.Styles(y),x=new t.SpreadsheetSkeleton(new e.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,k=new t.SceneViewer(O.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),A=new t.Scene(O.SCENE+i,k,{width:E,height:D});this._updateViewport(i,w,T,A,r);let j=new t.Spreadsheet(`testSheetViewer`,x,!1),M=new t.SpreadsheetRowHeader(O.ROW,x),N=new t.SpreadsheetColumnHeader(O.COLUMN,x),P=new t.Rect(O.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,t.getColor)([248,249,250]),stroke:(0,t.getColor)([217,217,217]),strokeWidth:1});return j.zIndex=10,A.addObjects([j],1),A.addObjects([M,N,P],2),k}_updateViewport(e,n,r,i,a){if(a==null)return;let o=n*i.scaleX,s=r*i.scaleY,c=new t.Viewport(O.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new t.Viewport(O.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new t.Viewport(O.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new t.Viewport(O.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new t.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)})}};k=d([u(0,(0,e.Inject)(e.LocaleService)),u(1,e.IContextService),u(2,e.IConfigService),u(3,(0,e.Inject)(e.Injector))],k);var A=class{constructor(){l(this,`zIndex`,4)}create(e){return e.createInstance(k)}};m.add(new A);let j=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});exports.CanvasObjectProviderRegistry=m,exports.ObjectAdaptor=p,Object.defineProperty(exports,`ObjectProvider`,{enumerable:!0,get:function(){return w}}),exports.SLIDE_KEY=j,exports.SLIDE_VIEW_KEY=T,Object.defineProperty(exports,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return f}});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/engine-render`);var n=`@univerjs/slides`,r=`0.19.0`;const i=`slides.config`;Symbol(i);const a={};function o(e){"@babel/helpers - typeof";return o=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},o(e)}function s(e,t){if(o(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(o(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function c(e){var t=s(e,`string`);return o(t)==`symbol`?t:t+``}function l(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){return function(n,r){t(n,r,e)}}function d(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 f=class extends e.Plugin{constructor(t=a,n,r,o){super(),this._config=t,this._injector=n,this._renderManagerService=r,this._configService=o,l(this,`_canvasEngine`,null);let{...s}=(0,e.merge)({},a,this._config);this._configService.setConfig(i,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(t.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};l(f,`pluginName`,`UNIVER_SLIDES_PLUGIN`),l(f,`packageName`,n),l(f,`version`,r),l(f,`type`,e.UniverInstanceType.UNIVER_SLIDE),f=d([u(1,(0,e.Inject)(e.Injector)),u(2,t.IRenderManagerService),u(3,e.IConfigService)],f);var p=class{constructor(){l(this,`zIndex`,0),l(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const m=e.Registry.create();let h=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),g=class extends p{constructor(n){super(),this._localeService=n,l(this,`zIndex`,5),l(this,`viewKey`,e.PageElementType.DOCUMENT),l(this,`_liquid`,new t.Liquid)}check(e){if(e===this.viewKey)return this}convert(n,r){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:g,skewY:_,flipX:v,flipY:y,title:b,description:x,document:S}=n;if(S==null)return;let C=new t.DocumentViewModel(new e.DocumentDataModel(S)),w=t.DocumentSkeleton.create(C,this._localeService),T=new t.Documents(h.MAIN,w);w.calculate();let E=new t.SceneViewer(h.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:g,skewY:_,flipX:v,flipY:y}),D=new t.Scene(h.SCENE+o,E),O=new t.Viewport(h.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new t.ScrollBar(O,{mainScene:r}),D.addObject(T);let k=w.getActualSize();T.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=T.getSkeleton())==null||i.getPageSize(),T.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=T,M=w.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(T,D,w);for(let e=0,n=N.length;e<n;e++){let n=N[e],{skeDrawings:r,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=n;this._liquid.translatePagePadding(n),r.forEach(e=>{let{aLeft:n,aTop:r,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new t.Image(e.drawingId,{left:n+A+this._liquid.x,top:r+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(n,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;w==null||w.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),w==null||w.calculate()}),this._calculatePagePosition(T,D,O),E}_recalculateSizeBySkeleton(e,n,r){var i;let a=(i=r.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let n=0,r=a.length;n<r;n++){let{pageWidth:i,pageHeight:c}=a[n];e.pageLayoutType===t.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,n===r-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===t.PageLayoutType.HORIZONTAL&&(o+=i,n!==r-1&&(o+=e.pageMarginLeft),s=Math.max(s,c))}e.resize(o,s),n.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}};g=d([u(0,(0,e.Inject)(e.LocaleService))],g);var _=class{constructor(){l(this,`zIndex`,5)}create(e){return e.createInstance(g)}};m.add(new _);var v=class extends p{constructor(...t){super(...t),l(this,`zIndex`,1),l(this,`viewKey`,e.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:n,zIndex:r,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 t.Image(n,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},y=class{constructor(){l(this,`zIndex`,4)}create(e){return e.createInstance(v)}};m.add(new y);let b=class extends p{constructor(t){super(),this._localeService=t,l(this,`zIndex`,2),l(this,`viewKey`,e.PageElementType.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,n){let{id:r,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 t.RichText(this._localeService,r,j)}};b=d([u(0,(0,e.Inject)(e.LocaleService))],b);var x=class{constructor(){l(this,`zIndex`,0)}create(e){return e.createInstance(b)}};m.add(new x);var S=class extends p{constructor(...t){super(...t),l(this,`zIndex`,2),l(this,`viewKey`,e.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(n){let{id:r,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:_}=n,{shapeType:v,text:y,shapeProperties:b,placeholder:x,link:S}=n.shape||{},C=b==null?``:(0,e.getColorStyle)(b.shapeBackgroundFill)||`rgba(255,255,255,1)`,w=b==null?void 0:b.outline,T={};if(w){let{outlineFill:t,weight:n}=w;T.strokeWidth=n,T.stroke=(0,e.getColorStyle)(t)||`rgba(0,0,0,1)`}if(v===e.BasicShapes.Rect)return new t.Rect(r,{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===e.BasicShapes.RoundRect)return new t.Rect(r,{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===e.BasicShapes.Ellipse)return console.warn(b==null?void 0:b.radius),new t.Circle(r,{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})}},C=class{constructor(){l(this,`zIndex`,2)}create(e){return e.createInstance(S)}};m.add(new C);let w=class{constructor(e){this._injector=e,l(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(){m.getData().sort(e.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};w=d([u(0,(0,e.Inject)(e.Injector))],w);let T=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),E=class extends p{constructor(t){super(),this._injector=t,l(this,`zIndex`,6),l(this,`viewKey`,e.PageElementType.SLIDE),l(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(n,r){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,title:_,description:v,slide:y}=n;if(y==null)return;let b=new e.SlideDataModel(y),x=new t.Slide(T.MAIN+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});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new w(this._injector);for(let e=0,t=S.length;e<t;e++){let t=C[S[e]],{id:n}=t;x.addPageScene(this._createScene(n,x,t,r,b))}return x.activeFirstPage(),x}_createScene(e,n,r,i,a){var o;let{width:s,height:c}=n,l=new t.Scene(e,n,{width:s,height:c});new t.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=r,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(n,r,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new t.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,e.getColorStyle)(r)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});n.addObject(s,0)}};E=d([u(0,(0,e.Inject)(e.Injector))],E);var D=class{constructor(){l(this,`zIndex`,6)}create(e){return e.createInstance(E)}};m.add(new D);var O=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(O||{});let k=class extends p{constructor(t,n,r,i){super(),this._localeService=t,this._contextService=n,this._configService=r,this._injector=i,l(this,`zIndex`,4),l(this,`viewKey`,e.PageElementType.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(n,r){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:_}=n;if(_==null)return;let{worksheet:v,styles:y}=_,b=new e.Styles(y),x=new t.SpreadsheetSkeleton(new e.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,k=new t.SceneViewer(O.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),A=new t.Scene(O.SCENE+i,k,{width:E,height:D});this._updateViewport(i,w,T,A,r);let j=new t.Spreadsheet(`testSheetViewer`,x,!1),M=new t.SpreadsheetRowHeader(O.ROW,x),N=new t.SpreadsheetColumnHeader(O.COLUMN,x),P=new t.Rect(O.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,t.getColor)([248,249,250]),stroke:(0,t.getColor)([217,217,217]),strokeWidth:1});return j.zIndex=10,A.addObjects([j],1),A.addObjects([M,N,P],2),k}_updateViewport(e,n,r,i,a){if(a==null)return;let o=n*i.scaleX,s=r*i.scaleY,c=new t.Viewport(O.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new t.Viewport(O.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new t.Viewport(O.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new t.Viewport(O.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new t.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)})}};k=d([u(0,(0,e.Inject)(e.LocaleService)),u(1,e.IContextService),u(2,e.IConfigService),u(3,(0,e.Inject)(e.Injector))],k);var A=class{constructor(){l(this,`zIndex`,4)}create(e){return e.createInstance(k)}};m.add(new A);let j=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});exports.CanvasObjectProviderRegistry=m,exports.ObjectAdaptor=p,Object.defineProperty(exports,`ObjectProvider`,{enumerable:!0,get:function(){return w}}),exports.SLIDE_KEY=j,exports.SLIDE_VIEW_KEY=T,Object.defineProperty(exports,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return f}});
|
package/lib/es/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{BasicShapes as e,DocumentDataModel as t,IConfigService as n,IContextService as r,Inject as i,Injector as a,LocaleService as o,PageElementType as s,Plugin as c,Registry as l,SlideDataModel as u,Styles as d,UniverInstanceType as f,Worksheet as p,getColorStyle as m,merge as h,sortRules as g}from"@univerjs/core";import{Circle as _,DocumentSkeleton as v,DocumentViewModel as y,Documents as b,IRenderManagerService as x,IRenderingEngine as S,Image as C,Liquid as w,PageLayoutType as T,Rect as E,RichText as D,Scene as O,SceneViewer as k,ScrollBar as A,Slide as j,Spreadsheet as M,SpreadsheetColumnHeader as N,SpreadsheetRowHeader as P,SpreadsheetSkeleton as F,Viewport as I,getColor as L}from"@univerjs/engine-render";var R=`@univerjs/slides`,z=`0.18.0`;const B=`slides.config`;Symbol(B);const V={};function H(e){"@babel/helpers - typeof";return H=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},H(e)}function ee(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function te(e){var t=ee(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=te(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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 K=class extends c{constructor(e=V,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._configService=r,U(this,`_canvasEngine`,null);let{...i}=h({},V,this._config);this._configService.setConfig(B,i),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(S)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};U(K,`pluginName`,`UNIVER_SLIDES_PLUGIN`),U(K,`packageName`,R),U(K,`version`,z),U(K,`type`,f.UNIVER_SLIDE),K=G([W(1,i(a)),W(2,x),W(3,n)],K);var q=class{constructor(){U(this,`zIndex`,0),U(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const J=l.create();let Y=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),X=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,5),U(this,`viewKey`,s.DOCUMENT),U(this,`_liquid`,new w)}check(e){if(e===this.viewKey)return this}convert(e,n){var r,i;let{id:a,zIndex:o,left:s=0,top:c=0,width:l,height:u,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_,title:x,description:S,document:w}=e;if(w==null)return;let T=new y(new t(w)),E=v.create(T,this._localeService),D=new b(Y.MAIN,E);E.calculate();let j=new k(Y.SCENE_VIEWER+a,{top:c,left:s,width:l,height:u,zIndex:o,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_}),M=new O(Y.SCENE+a,j),N=new I(Y.VIEWPORT+a,M,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});M.attachControl(),M.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,M.scaleX<1&&(t/=2),M.scaleX+t>4?M.scale(4,4):M.scaleX+t<.1?M.scale(.1,.1):(n.deltaY,n.preventDefault())}else N.onMouseWheel(n,t)}),new A(N,{mainScene:n}),M.addObject(D);let P=E.getActualSize();D.resize(P.actualWidth,P.actualHeight),M.resize(P.actualWidth,P.actualHeight+200),(r=D.getSkeleton())==null||r.getPageSize(),D.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:F,top:L}=D,R=E.getSkeletonData();if(R==null)return;let{pages:z}=R,B=[],V=new Map;this._recalculateSizeBySkeleton(D,M,E);for(let e=0,t=z.length;e<t;e++){let t=z[e],{skeDrawings:n,marginLeft:r,marginTop:i,pageWidth:a,pageHeight:o}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:r,width:i,drawingOrigin:a}=e,{docTransform:o}=a,s=new C(e.drawingId,{left:t+F+this._liquid.x,top:n+L+this._liquid.y,width:i,height:r,zIndex:11});V.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),B.push(s)}),this._liquid.translatePage(t,D.pageLayoutType,D.pageMarginLeft,D.pageMarginTop)}return M.addObjects(B),B.forEach(e=>{M.attachTransformerTo(e)}),(i=M.getTransformer())==null||i.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=V.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;E==null||E.getViewModel().getDataModel().updateDrawing(t,{left:n-F-s,top:r-L-c,height:i,width:a})}),E==null||E.calculate()}),this._calculatePagePosition(D,M,N),j}_recalculateSizeBySkeleton(e,t,n){var r;let i=(r=n.getSkeletonData())==null?void 0:r.pages;if(i==null)return;let a=0,o=0;for(let t=0,n=i.length;t<n;t++){let{pageWidth:r,pageHeight:s}=i[t];e.pageLayoutType===T.VERTICAL?(o+=s,o+=e.pageMarginTop,t===n-1&&(o+=e.pageMarginTop),a=Math.max(a,r)):e.pageLayoutType===T.HORIZONTAL&&(a+=r,t!==n-1&&(a+=e.pageMarginLeft),o=Math.max(o,s))}e.resize(a,o),t.resize(a,o)}_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}};X=G([W(0,i(o))],X);var ne=class{constructor(){U(this,`zIndex`,5)}create(e){return e.createInstance(X)}};J.add(new ne);var re=class extends q{constructor(...e){super(...e),U(this,`zIndex`,1),U(this,`viewKey`,s.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:r=0,top:i=0,width:a,height:o,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,title:m,description:h,image:g={}}=e,{imageProperties:_,placeholder:v,link:y}=g;return new C(t,{url:(_==null?void 0:_.contentUrl)||``,top:i,left:r,width:a,height:o,zIndex:n,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,forceRender:!0})}},ie=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(re)}};J.add(new ie);let Z=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,2),U(this,`viewKey`,s.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,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,richText:_={}}=e,{text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k,rich:A}=_,j={top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0},M=!1;if(v==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k},M=!0),M!==!1)return new D(this._localeService,n,j)}};Z=G([W(0,i(o))],Z);var ae=class{constructor(){U(this,`zIndex`,0)}create(e){return e.createInstance(Z)}};J.add(new ae);var oe=class extends q{constructor(...e){super(...e),U(this,`zIndex`,2),U(this,`viewKey`,s.SHAPE)}check(e){if(e===this.viewKey)return this}convert(t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,title:g,description:v}=t,{shapeType:y,text:b,shapeProperties:x,placeholder:S,link:C}=t.shape||{},w=x==null?``:m(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,D={};if(T){let{outlineFill:e,weight:t}=T;D.strokeWidth=t,D.stroke=m(e)||`rgba(0,0,0,1)`}if(y===e.Rect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,...D});if(y===e.RoundRect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D});if(y===e.Ellipse)return console.warn(x==null?void 0:x.radius),new _(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D})}},se=class{constructor(){U(this,`zIndex`,2)}create(e){return e.createInstance(oe)}};J.add(new se);let Q=class{constructor(e){this._injector=e,U(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(){J.getData().sort(g).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};Q=G([W(0,i(a))],Q);let ce=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),le=class extends q{constructor(e){super(),this._injector=e,U(this,`zIndex`,6),U(this,`viewKey`,s.SLIDE),U(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,slide:v}=e;if(v==null)return;let y=new u(v),b=new j(ce.MAIN+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0});b.enableNav(),b.enableSelectedClipElement();let x=y.getPageOrder(),S=y.getPages();if(!x||!S)return b;this._ObjectProvider=new Q(this._injector);for(let e=0,n=x.length;e<n;e++){let n=S[x[e]],{id:r}=n;b.addPageScene(this._createScene(r,b,n,t,y))}return b.activeFirstPage(),b}_createScene(e,t,n,r,i){var a;let{width:o,height:s}=t,c=new O(e,t,{width:o,height:s});new I(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=n,d=(a=this._ObjectProvider)==null?void 0:a.convertToRenderObjects(l,r);return this._addBackgroundRect(c,u,i),c.addObjects(d),d==null||d.forEach(e=>{c.attachTransformerTo(e)}),c}_addBackgroundRect(e,t,n){let{width:r=0,height:i=0}=n.getPageSize(),a=new E(`canvas`,{left:0,top:0,width:r,height:i,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:m(t)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(a,0)}};le=G([W(0,i(a))],le);var ue=class{constructor(){U(this,`zIndex`,6)}create(e){return e.createInstance(le)}};J.add(new ue);var $=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}($||{});let de=class extends q{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,U(this,`zIndex`,4),U(this,`viewKey`,s.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new d(y),x=new F(new p(n,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,D=C+v.rowHeader.width||0,A=S+v.columnHeader.height||0,j=new k($.SCENE_VIEWER+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,forceRender:!0}),I=new O($.SCENE+n,j,{width:D,height:A});this._updateViewport(n,w,T,I,t);let R=new M(`testSheetViewer`,x,!1),z=new P($.ROW,x),B=new N($.COLUMN,x),V=new E($.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:L([248,249,250]),stroke:L([217,217,217]),strokeWidth:1});return R.zIndex=10,I.addObjects([R],1),I.addObjects([z,B,V],2),j}_updateViewport(e,t,n,r,i){if(i==null)return;let a=t*r.scaleX,o=n*r.scaleY,s=new I($.VIEW_MAIN+e,r,{left:a,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),c=new I($.VIEW_TOP+e,r,{left:a,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),l=new I($.VIEW_LEFT+e,r,{left:0,bottom:0,top:o,width:a,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new I($.VIEW_LEFT_TOP+e,r,{left:0,top:0,width:a,height:o,isWheelPreventDefaultX:!0}),s.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;c.updateScrollVal({scrollX:t,viewportScrollX:r}),l.updateScrollVal({scrollY:n,viewportScrollY:i})}),r.attachControl(),new A(s,{mainScene:i}),r.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,r.scaleX<1&&(t/=2),r.scaleX+t>4?r.scale(4,4):r.scaleX+t<.1?r.scale(.1,.1):(r.scaleBy(t,t),n.preventDefault())}else s.onMouseWheel(n,t)})}};de=G([W(0,i(o)),W(1,r),W(2,n),W(3,i(a))],de);var fe=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(de)}};J.add(new fe);let pe=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});export{J as CanvasObjectProviderRegistry,q as ObjectAdaptor,Q as ObjectProvider,pe as SLIDE_KEY,ce as SLIDE_VIEW_KEY,K as UniverSlidesPlugin};
|
|
1
|
+
import{BasicShapes as e,DocumentDataModel as t,IConfigService as n,IContextService as r,Inject as i,Injector as a,LocaleService as o,PageElementType as s,Plugin as c,Registry as l,SlideDataModel as u,Styles as d,UniverInstanceType as f,Worksheet as p,getColorStyle as m,merge as h,sortRules as g}from"@univerjs/core";import{Circle as _,DocumentSkeleton as v,DocumentViewModel as y,Documents as b,IRenderManagerService as x,IRenderingEngine as S,Image as C,Liquid as w,PageLayoutType as T,Rect as E,RichText as D,Scene as O,SceneViewer as k,ScrollBar as A,Slide as j,Spreadsheet as M,SpreadsheetColumnHeader as N,SpreadsheetRowHeader as P,SpreadsheetSkeleton as F,Viewport as I,getColor as L}from"@univerjs/engine-render";var R=`@univerjs/slides`,z=`0.19.0`;const B=`slides.config`;Symbol(B);const V={};function H(e){"@babel/helpers - typeof";return H=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},H(e)}function ee(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function te(e){var t=ee(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=te(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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 K=class extends c{constructor(e=V,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._configService=r,U(this,`_canvasEngine`,null);let{...i}=h({},V,this._config);this._configService.setConfig(B,i),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(S)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};U(K,`pluginName`,`UNIVER_SLIDES_PLUGIN`),U(K,`packageName`,R),U(K,`version`,z),U(K,`type`,f.UNIVER_SLIDE),K=G([W(1,i(a)),W(2,x),W(3,n)],K);var q=class{constructor(){U(this,`zIndex`,0),U(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const J=l.create();let Y=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),X=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,5),U(this,`viewKey`,s.DOCUMENT),U(this,`_liquid`,new w)}check(e){if(e===this.viewKey)return this}convert(e,n){var r,i;let{id:a,zIndex:o,left:s=0,top:c=0,width:l,height:u,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_,title:x,description:S,document:w}=e;if(w==null)return;let T=new y(new t(w)),E=v.create(T,this._localeService),D=new b(Y.MAIN,E);E.calculate();let j=new k(Y.SCENE_VIEWER+a,{top:c,left:s,width:l,height:u,zIndex:o,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_}),M=new O(Y.SCENE+a,j),N=new I(Y.VIEWPORT+a,M,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});M.attachControl(),M.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,M.scaleX<1&&(t/=2),M.scaleX+t>4?M.scale(4,4):M.scaleX+t<.1?M.scale(.1,.1):(n.deltaY,n.preventDefault())}else N.onMouseWheel(n,t)}),new A(N,{mainScene:n}),M.addObject(D);let P=E.getActualSize();D.resize(P.actualWidth,P.actualHeight),M.resize(P.actualWidth,P.actualHeight+200),(r=D.getSkeleton())==null||r.getPageSize(),D.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:F,top:L}=D,R=E.getSkeletonData();if(R==null)return;let{pages:z}=R,B=[],V=new Map;this._recalculateSizeBySkeleton(D,M,E);for(let e=0,t=z.length;e<t;e++){let t=z[e],{skeDrawings:n,marginLeft:r,marginTop:i,pageWidth:a,pageHeight:o}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:r,width:i,drawingOrigin:a}=e,{docTransform:o}=a,s=new C(e.drawingId,{left:t+F+this._liquid.x,top:n+L+this._liquid.y,width:i,height:r,zIndex:11});V.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),B.push(s)}),this._liquid.translatePage(t,D.pageLayoutType,D.pageMarginLeft,D.pageMarginTop)}return M.addObjects(B),B.forEach(e=>{M.attachTransformerTo(e)}),(i=M.getTransformer())==null||i.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=V.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;E==null||E.getViewModel().getDataModel().updateDrawing(t,{left:n-F-s,top:r-L-c,height:i,width:a})}),E==null||E.calculate()}),this._calculatePagePosition(D,M,N),j}_recalculateSizeBySkeleton(e,t,n){var r;let i=(r=n.getSkeletonData())==null?void 0:r.pages;if(i==null)return;let a=0,o=0;for(let t=0,n=i.length;t<n;t++){let{pageWidth:r,pageHeight:s}=i[t];e.pageLayoutType===T.VERTICAL?(o+=s,o+=e.pageMarginTop,t===n-1&&(o+=e.pageMarginTop),a=Math.max(a,r)):e.pageLayoutType===T.HORIZONTAL&&(a+=r,t!==n-1&&(a+=e.pageMarginLeft),o=Math.max(o,s))}e.resize(a,o),t.resize(a,o)}_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}};X=G([W(0,i(o))],X);var ne=class{constructor(){U(this,`zIndex`,5)}create(e){return e.createInstance(X)}};J.add(new ne);var re=class extends q{constructor(...e){super(...e),U(this,`zIndex`,1),U(this,`viewKey`,s.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:r=0,top:i=0,width:a,height:o,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,title:m,description:h,image:g={}}=e,{imageProperties:_,placeholder:v,link:y}=g;return new C(t,{url:(_==null?void 0:_.contentUrl)||``,top:i,left:r,width:a,height:o,zIndex:n,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,forceRender:!0})}},ie=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(re)}};J.add(new ie);let Z=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,2),U(this,`viewKey`,s.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,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,richText:_={}}=e,{text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k,rich:A}=_,j={top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0},M=!1;if(v==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k},M=!0),M!==!1)return new D(this._localeService,n,j)}};Z=G([W(0,i(o))],Z);var ae=class{constructor(){U(this,`zIndex`,0)}create(e){return e.createInstance(Z)}};J.add(new ae);var oe=class extends q{constructor(...e){super(...e),U(this,`zIndex`,2),U(this,`viewKey`,s.SHAPE)}check(e){if(e===this.viewKey)return this}convert(t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,title:g,description:v}=t,{shapeType:y,text:b,shapeProperties:x,placeholder:S,link:C}=t.shape||{},w=x==null?``:m(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,D={};if(T){let{outlineFill:e,weight:t}=T;D.strokeWidth=t,D.stroke=m(e)||`rgba(0,0,0,1)`}if(y===e.Rect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,...D});if(y===e.RoundRect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D});if(y===e.Ellipse)return console.warn(x==null?void 0:x.radius),new _(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D})}},se=class{constructor(){U(this,`zIndex`,2)}create(e){return e.createInstance(oe)}};J.add(new se);let Q=class{constructor(e){this._injector=e,U(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(){J.getData().sort(g).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};Q=G([W(0,i(a))],Q);let ce=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),le=class extends q{constructor(e){super(),this._injector=e,U(this,`zIndex`,6),U(this,`viewKey`,s.SLIDE),U(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,slide:v}=e;if(v==null)return;let y=new u(v),b=new j(ce.MAIN+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0});b.enableNav(),b.enableSelectedClipElement();let x=y.getPageOrder(),S=y.getPages();if(!x||!S)return b;this._ObjectProvider=new Q(this._injector);for(let e=0,n=x.length;e<n;e++){let n=S[x[e]],{id:r}=n;b.addPageScene(this._createScene(r,b,n,t,y))}return b.activeFirstPage(),b}_createScene(e,t,n,r,i){var a;let{width:o,height:s}=t,c=new O(e,t,{width:o,height:s});new I(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=n,d=(a=this._ObjectProvider)==null?void 0:a.convertToRenderObjects(l,r);return this._addBackgroundRect(c,u,i),c.addObjects(d),d==null||d.forEach(e=>{c.attachTransformerTo(e)}),c}_addBackgroundRect(e,t,n){let{width:r=0,height:i=0}=n.getPageSize(),a=new E(`canvas`,{left:0,top:0,width:r,height:i,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:m(t)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(a,0)}};le=G([W(0,i(a))],le);var ue=class{constructor(){U(this,`zIndex`,6)}create(e){return e.createInstance(le)}};J.add(new ue);var $=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}($||{});let de=class extends q{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,U(this,`zIndex`,4),U(this,`viewKey`,s.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new d(y),x=new F(new p(n,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,D=C+v.rowHeader.width||0,A=S+v.columnHeader.height||0,j=new k($.SCENE_VIEWER+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,forceRender:!0}),I=new O($.SCENE+n,j,{width:D,height:A});this._updateViewport(n,w,T,I,t);let R=new M(`testSheetViewer`,x,!1),z=new P($.ROW,x),B=new N($.COLUMN,x),V=new E($.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:L([248,249,250]),stroke:L([217,217,217]),strokeWidth:1});return R.zIndex=10,I.addObjects([R],1),I.addObjects([z,B,V],2),j}_updateViewport(e,t,n,r,i){if(i==null)return;let a=t*r.scaleX,o=n*r.scaleY,s=new I($.VIEW_MAIN+e,r,{left:a,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),c=new I($.VIEW_TOP+e,r,{left:a,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),l=new I($.VIEW_LEFT+e,r,{left:0,bottom:0,top:o,width:a,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new I($.VIEW_LEFT_TOP+e,r,{left:0,top:0,width:a,height:o,isWheelPreventDefaultX:!0}),s.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;c.updateScrollVal({scrollX:t,viewportScrollX:r}),l.updateScrollVal({scrollY:n,viewportScrollY:i})}),r.attachControl(),new A(s,{mainScene:i}),r.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,r.scaleX<1&&(t/=2),r.scaleX+t>4?r.scale(4,4):r.scaleX+t<.1?r.scale(.1,.1):(r.scaleBy(t,t),n.preventDefault())}else s.onMouseWheel(n,t)})}};de=G([W(0,i(o)),W(1,r),W(2,n),W(3,i(a))],de);var fe=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(de)}};J.add(new fe);let pe=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});export{J as CanvasObjectProviderRegistry,q as ObjectAdaptor,Q as ObjectProvider,pe as SLIDE_KEY,ce as SLIDE_VIEW_KEY,K as UniverSlidesPlugin};
|
package/lib/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{BasicShapes as e,DocumentDataModel as t,IConfigService as n,IContextService as r,Inject as i,Injector as a,LocaleService as o,PageElementType as s,Plugin as c,Registry as l,SlideDataModel as u,Styles as d,UniverInstanceType as f,Worksheet as p,getColorStyle as m,merge as h,sortRules as g}from"@univerjs/core";import{Circle as _,DocumentSkeleton as v,DocumentViewModel as y,Documents as b,IRenderManagerService as x,IRenderingEngine as S,Image as C,Liquid as w,PageLayoutType as T,Rect as E,RichText as D,Scene as O,SceneViewer as k,ScrollBar as A,Slide as j,Spreadsheet as M,SpreadsheetColumnHeader as N,SpreadsheetRowHeader as P,SpreadsheetSkeleton as F,Viewport as I,getColor as L}from"@univerjs/engine-render";var R=`@univerjs/slides`,z=`0.18.0`;const B=`slides.config`;Symbol(B);const V={};function H(e){"@babel/helpers - typeof";return H=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},H(e)}function ee(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function te(e){var t=ee(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=te(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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 K=class extends c{constructor(e=V,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._configService=r,U(this,`_canvasEngine`,null);let{...i}=h({},V,this._config);this._configService.setConfig(B,i),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(S)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};U(K,`pluginName`,`UNIVER_SLIDES_PLUGIN`),U(K,`packageName`,R),U(K,`version`,z),U(K,`type`,f.UNIVER_SLIDE),K=G([W(1,i(a)),W(2,x),W(3,n)],K);var q=class{constructor(){U(this,`zIndex`,0),U(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const J=l.create();let Y=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),X=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,5),U(this,`viewKey`,s.DOCUMENT),U(this,`_liquid`,new w)}check(e){if(e===this.viewKey)return this}convert(e,n){var r,i;let{id:a,zIndex:o,left:s=0,top:c=0,width:l,height:u,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_,title:x,description:S,document:w}=e;if(w==null)return;let T=new y(new t(w)),E=v.create(T,this._localeService),D=new b(Y.MAIN,E);E.calculate();let j=new k(Y.SCENE_VIEWER+a,{top:c,left:s,width:l,height:u,zIndex:o,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_}),M=new O(Y.SCENE+a,j),N=new I(Y.VIEWPORT+a,M,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});M.attachControl(),M.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,M.scaleX<1&&(t/=2),M.scaleX+t>4?M.scale(4,4):M.scaleX+t<.1?M.scale(.1,.1):(n.deltaY,n.preventDefault())}else N.onMouseWheel(n,t)}),new A(N,{mainScene:n}),M.addObject(D);let P=E.getActualSize();D.resize(P.actualWidth,P.actualHeight),M.resize(P.actualWidth,P.actualHeight+200),(r=D.getSkeleton())==null||r.getPageSize(),D.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:F,top:L}=D,R=E.getSkeletonData();if(R==null)return;let{pages:z}=R,B=[],V=new Map;this._recalculateSizeBySkeleton(D,M,E);for(let e=0,t=z.length;e<t;e++){let t=z[e],{skeDrawings:n,marginLeft:r,marginTop:i,pageWidth:a,pageHeight:o}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:r,width:i,drawingOrigin:a}=e,{docTransform:o}=a,s=new C(e.drawingId,{left:t+F+this._liquid.x,top:n+L+this._liquid.y,width:i,height:r,zIndex:11});V.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),B.push(s)}),this._liquid.translatePage(t,D.pageLayoutType,D.pageMarginLeft,D.pageMarginTop)}return M.addObjects(B),B.forEach(e=>{M.attachTransformerTo(e)}),(i=M.getTransformer())==null||i.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=V.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;E==null||E.getViewModel().getDataModel().updateDrawing(t,{left:n-F-s,top:r-L-c,height:i,width:a})}),E==null||E.calculate()}),this._calculatePagePosition(D,M,N),j}_recalculateSizeBySkeleton(e,t,n){var r;let i=(r=n.getSkeletonData())==null?void 0:r.pages;if(i==null)return;let a=0,o=0;for(let t=0,n=i.length;t<n;t++){let{pageWidth:r,pageHeight:s}=i[t];e.pageLayoutType===T.VERTICAL?(o+=s,o+=e.pageMarginTop,t===n-1&&(o+=e.pageMarginTop),a=Math.max(a,r)):e.pageLayoutType===T.HORIZONTAL&&(a+=r,t!==n-1&&(a+=e.pageMarginLeft),o=Math.max(o,s))}e.resize(a,o),t.resize(a,o)}_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}};X=G([W(0,i(o))],X);var ne=class{constructor(){U(this,`zIndex`,5)}create(e){return e.createInstance(X)}};J.add(new ne);var re=class extends q{constructor(...e){super(...e),U(this,`zIndex`,1),U(this,`viewKey`,s.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:r=0,top:i=0,width:a,height:o,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,title:m,description:h,image:g={}}=e,{imageProperties:_,placeholder:v,link:y}=g;return new C(t,{url:(_==null?void 0:_.contentUrl)||``,top:i,left:r,width:a,height:o,zIndex:n,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,forceRender:!0})}},ie=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(re)}};J.add(new ie);let Z=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,2),U(this,`viewKey`,s.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,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,richText:_={}}=e,{text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k,rich:A}=_,j={top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0},M=!1;if(v==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k},M=!0),M!==!1)return new D(this._localeService,n,j)}};Z=G([W(0,i(o))],Z);var ae=class{constructor(){U(this,`zIndex`,0)}create(e){return e.createInstance(Z)}};J.add(new ae);var oe=class extends q{constructor(...e){super(...e),U(this,`zIndex`,2),U(this,`viewKey`,s.SHAPE)}check(e){if(e===this.viewKey)return this}convert(t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,title:g,description:v}=t,{shapeType:y,text:b,shapeProperties:x,placeholder:S,link:C}=t.shape||{},w=x==null?``:m(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,D={};if(T){let{outlineFill:e,weight:t}=T;D.strokeWidth=t,D.stroke=m(e)||`rgba(0,0,0,1)`}if(y===e.Rect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,...D});if(y===e.RoundRect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D});if(y===e.Ellipse)return console.warn(x==null?void 0:x.radius),new _(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D})}},se=class{constructor(){U(this,`zIndex`,2)}create(e){return e.createInstance(oe)}};J.add(new se);let Q=class{constructor(e){this._injector=e,U(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(){J.getData().sort(g).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};Q=G([W(0,i(a))],Q);let ce=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),le=class extends q{constructor(e){super(),this._injector=e,U(this,`zIndex`,6),U(this,`viewKey`,s.SLIDE),U(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,slide:v}=e;if(v==null)return;let y=new u(v),b=new j(ce.MAIN+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0});b.enableNav(),b.enableSelectedClipElement();let x=y.getPageOrder(),S=y.getPages();if(!x||!S)return b;this._ObjectProvider=new Q(this._injector);for(let e=0,n=x.length;e<n;e++){let n=S[x[e]],{id:r}=n;b.addPageScene(this._createScene(r,b,n,t,y))}return b.activeFirstPage(),b}_createScene(e,t,n,r,i){var a;let{width:o,height:s}=t,c=new O(e,t,{width:o,height:s});new I(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=n,d=(a=this._ObjectProvider)==null?void 0:a.convertToRenderObjects(l,r);return this._addBackgroundRect(c,u,i),c.addObjects(d),d==null||d.forEach(e=>{c.attachTransformerTo(e)}),c}_addBackgroundRect(e,t,n){let{width:r=0,height:i=0}=n.getPageSize(),a=new E(`canvas`,{left:0,top:0,width:r,height:i,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:m(t)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(a,0)}};le=G([W(0,i(a))],le);var ue=class{constructor(){U(this,`zIndex`,6)}create(e){return e.createInstance(le)}};J.add(new ue);var $=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}($||{});let de=class extends q{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,U(this,`zIndex`,4),U(this,`viewKey`,s.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new d(y),x=new F(new p(n,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,D=C+v.rowHeader.width||0,A=S+v.columnHeader.height||0,j=new k($.SCENE_VIEWER+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,forceRender:!0}),I=new O($.SCENE+n,j,{width:D,height:A});this._updateViewport(n,w,T,I,t);let R=new M(`testSheetViewer`,x,!1),z=new P($.ROW,x),B=new N($.COLUMN,x),V=new E($.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:L([248,249,250]),stroke:L([217,217,217]),strokeWidth:1});return R.zIndex=10,I.addObjects([R],1),I.addObjects([z,B,V],2),j}_updateViewport(e,t,n,r,i){if(i==null)return;let a=t*r.scaleX,o=n*r.scaleY,s=new I($.VIEW_MAIN+e,r,{left:a,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),c=new I($.VIEW_TOP+e,r,{left:a,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),l=new I($.VIEW_LEFT+e,r,{left:0,bottom:0,top:o,width:a,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new I($.VIEW_LEFT_TOP+e,r,{left:0,top:0,width:a,height:o,isWheelPreventDefaultX:!0}),s.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;c.updateScrollVal({scrollX:t,viewportScrollX:r}),l.updateScrollVal({scrollY:n,viewportScrollY:i})}),r.attachControl(),new A(s,{mainScene:i}),r.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,r.scaleX<1&&(t/=2),r.scaleX+t>4?r.scale(4,4):r.scaleX+t<.1?r.scale(.1,.1):(r.scaleBy(t,t),n.preventDefault())}else s.onMouseWheel(n,t)})}};de=G([W(0,i(o)),W(1,r),W(2,n),W(3,i(a))],de);var fe=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(de)}};J.add(new fe);let pe=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});export{J as CanvasObjectProviderRegistry,q as ObjectAdaptor,Q as ObjectProvider,pe as SLIDE_KEY,ce as SLIDE_VIEW_KEY,K as UniverSlidesPlugin};
|
|
1
|
+
import{BasicShapes as e,DocumentDataModel as t,IConfigService as n,IContextService as r,Inject as i,Injector as a,LocaleService as o,PageElementType as s,Plugin as c,Registry as l,SlideDataModel as u,Styles as d,UniverInstanceType as f,Worksheet as p,getColorStyle as m,merge as h,sortRules as g}from"@univerjs/core";import{Circle as _,DocumentSkeleton as v,DocumentViewModel as y,Documents as b,IRenderManagerService as x,IRenderingEngine as S,Image as C,Liquid as w,PageLayoutType as T,Rect as E,RichText as D,Scene as O,SceneViewer as k,ScrollBar as A,Slide as j,Spreadsheet as M,SpreadsheetColumnHeader as N,SpreadsheetRowHeader as P,SpreadsheetSkeleton as F,Viewport as I,getColor as L}from"@univerjs/engine-render";var R=`@univerjs/slides`,z=`0.19.0`;const B=`slides.config`;Symbol(B);const V={};function H(e){"@babel/helpers - typeof";return H=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},H(e)}function ee(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function te(e){var t=ee(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=te(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function W(e,t){return function(n,r){t(n,r,e)}}function G(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 K=class extends c{constructor(e=V,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._configService=r,U(this,`_canvasEngine`,null);let{...i}=h({},V,this._config);this._configService.setConfig(B,i),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(S)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};U(K,`pluginName`,`UNIVER_SLIDES_PLUGIN`),U(K,`packageName`,R),U(K,`version`,z),U(K,`type`,f.UNIVER_SLIDE),K=G([W(1,i(a)),W(2,x),W(3,n)],K);var q=class{constructor(){U(this,`zIndex`,0),U(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};const J=l.create();let Y=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),X=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,5),U(this,`viewKey`,s.DOCUMENT),U(this,`_liquid`,new w)}check(e){if(e===this.viewKey)return this}convert(e,n){var r,i;let{id:a,zIndex:o,left:s=0,top:c=0,width:l,height:u,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_,title:x,description:S,document:w}=e;if(w==null)return;let T=new y(new t(w)),E=v.create(T,this._localeService),D=new b(Y.MAIN,E);E.calculate();let j=new k(Y.SCENE_VIEWER+a,{top:c,left:s,width:l,height:u,zIndex:o,angle:d,scaleX:f,scaleY:p,skewX:m,skewY:h,flipX:g,flipY:_}),M=new O(Y.SCENE+a,j),N=new I(Y.VIEWPORT+a,M,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});M.attachControl(),M.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,M.scaleX<1&&(t/=2),M.scaleX+t>4?M.scale(4,4):M.scaleX+t<.1?M.scale(.1,.1):(n.deltaY,n.preventDefault())}else N.onMouseWheel(n,t)}),new A(N,{mainScene:n}),M.addObject(D);let P=E.getActualSize();D.resize(P.actualWidth,P.actualHeight),M.resize(P.actualWidth,P.actualHeight+200),(r=D.getSkeleton())==null||r.getPageSize(),D.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:F,top:L}=D,R=E.getSkeletonData();if(R==null)return;let{pages:z}=R,B=[],V=new Map;this._recalculateSizeBySkeleton(D,M,E);for(let e=0,t=z.length;e<t;e++){let t=z[e],{skeDrawings:n,marginLeft:r,marginTop:i,pageWidth:a,pageHeight:o}=t;this._liquid.translatePagePadding(t),n.forEach(e=>{let{aLeft:t,aTop:n,height:r,width:i,drawingOrigin:a}=e,{docTransform:o}=a,s=new C(e.drawingId,{left:t+F+this._liquid.x,top:n+L+this._liquid.y,width:i,height:r,zIndex:11});V.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),B.push(s)}),this._liquid.translatePage(t,D.pageLayoutType,D.pageMarginLeft,D.pageMarginTop)}return M.addObjects(B),B.forEach(e=>{M.attachTransformerTo(e)}),(i=M.getTransformer())==null||i.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=V.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;E==null||E.getViewModel().getDataModel().updateDrawing(t,{left:n-F-s,top:r-L-c,height:i,width:a})}),E==null||E.calculate()}),this._calculatePagePosition(D,M,N),j}_recalculateSizeBySkeleton(e,t,n){var r;let i=(r=n.getSkeletonData())==null?void 0:r.pages;if(i==null)return;let a=0,o=0;for(let t=0,n=i.length;t<n;t++){let{pageWidth:r,pageHeight:s}=i[t];e.pageLayoutType===T.VERTICAL?(o+=s,o+=e.pageMarginTop,t===n-1&&(o+=e.pageMarginTop),a=Math.max(a,r)):e.pageLayoutType===T.HORIZONTAL&&(a+=r,t!==n-1&&(a+=e.pageMarginLeft),o=Math.max(o,s))}e.resize(a,o),t.resize(a,o)}_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}};X=G([W(0,i(o))],X);var ne=class{constructor(){U(this,`zIndex`,5)}create(e){return e.createInstance(X)}};J.add(new ne);var re=class extends q{constructor(...e){super(...e),U(this,`zIndex`,1),U(this,`viewKey`,s.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:n,left:r=0,top:i=0,width:a,height:o,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,title:m,description:h,image:g={}}=e,{imageProperties:_,placeholder:v,link:y}=g;return new C(t,{url:(_==null?void 0:_.contentUrl)||``,top:i,left:r,width:a,height:o,zIndex:n,angle:s,scaleX:c,scaleY:l,skewX:u,skewY:d,flipX:f,flipY:p,forceRender:!0})}},ie=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(re)}};J.add(new ie);let Z=class extends q{constructor(e){super(),this._localeService=e,U(this,`zIndex`,2),U(this,`viewKey`,s.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,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,richText:_={}}=e,{text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k,rich:A}=_,j={top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0},M=!1;if(v==null?A!=null&&(j={...j,richText:A},M=!0):(j={...j,text:v,ff:y,fs:b,it:x,bl:S,ul:C,st:w,ol:T,bg:E,bd:O,cl:k},M=!0),M!==!1)return new D(this._localeService,n,j)}};Z=G([W(0,i(o))],Z);var ae=class{constructor(){U(this,`zIndex`,0)}create(e){return e.createInstance(Z)}};J.add(new ae);var oe=class extends q{constructor(...e){super(...e),U(this,`zIndex`,2),U(this,`viewKey`,s.SHAPE)}check(e){if(e===this.viewKey)return this}convert(t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,title:g,description:v}=t,{shapeType:y,text:b,shapeProperties:x,placeholder:S,link:C}=t.shape||{},w=x==null?``:m(x.shapeBackgroundFill)||`rgba(255,255,255,1)`,T=x==null?void 0:x.outline,D={};if(T){let{outlineFill:e,weight:t}=T;D.strokeWidth=t,D.stroke=m(e)||`rgba(0,0,0,1)`}if(y===e.Rect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,...D});if(y===e.RoundRect)return new E(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D});if(y===e.Ellipse)return console.warn(x==null?void 0:x.radius),new _(n,{fill:w,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:h,forceRender:!0,radius:(x==null?void 0:x.radius)||0,...D})}},se=class{constructor(){U(this,`zIndex`,2)}create(e){return e.createInstance(oe)}};J.add(new se);let Q=class{constructor(e){this._injector=e,U(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(){J.getData().sort(g).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};Q=G([W(0,i(a))],Q);let ce=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),le=class extends q{constructor(e){super(),this._injector=e,U(this,`zIndex`,6),U(this,`viewKey`,s.SLIDE),U(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,title:g,description:_,slide:v}=e;if(v==null)return;let y=new u(v),b=new j(ce.MAIN+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:d,skewX:f,skewY:p,flipX:m,flipY:h,forceRender:!0});b.enableNav(),b.enableSelectedClipElement();let x=y.getPageOrder(),S=y.getPages();if(!x||!S)return b;this._ObjectProvider=new Q(this._injector);for(let e=0,n=x.length;e<n;e++){let n=S[x[e]],{id:r}=n;b.addPageScene(this._createScene(r,b,n,t,y))}return b.activeFirstPage(),b}_createScene(e,t,n,r,i){var a;let{width:o,height:s}=t,c=new O(e,t,{width:o,height:s});new I(`PageViewer_${e}`,c,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:l,pageBackgroundFill:u}=n,d=(a=this._ObjectProvider)==null?void 0:a.convertToRenderObjects(l,r);return this._addBackgroundRect(c,u,i),c.addObjects(d),d==null||d.forEach(e=>{c.attachTransformerTo(e)}),c}_addBackgroundRect(e,t,n){let{width:r=0,height:i=0}=n.getPageSize(),a=new E(`canvas`,{left:0,top:0,width:r,height:i,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:m(t)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(a,0)}};le=G([W(0,i(a))],le);var ue=class{constructor(){U(this,`zIndex`,6)}create(e){return e.createInstance(le)}};J.add(new ue);var $=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}($||{});let de=class extends q{constructor(e,t,n,r){super(),this._localeService=e,this._contextService=t,this._configService=n,this._injector=r,U(this,`zIndex`,4),U(this,`viewKey`,s.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:n,zIndex:r,left:i=0,top:a=0,width:o,height:s,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,spreadsheet:_}=e;if(_==null)return;let{worksheet:v,styles:y}=_,b=new d(y),x=new F(new p(n,v,b),b,this._localeService,this._contextService,this._configService,this._injector),{rowTotalHeight:S,columnTotalWidth:C,rowHeaderWidth:w,columnHeaderHeight:T}=x,D=C+v.rowHeader.width||0,A=S+v.columnHeader.height||0,j=new k($.SCENE_VIEWER+n,{top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:f,skewY:m,flipX:h,flipY:g,forceRender:!0}),I=new O($.SCENE+n,j,{width:D,height:A});this._updateViewport(n,w,T,I,t);let R=new M(`testSheetViewer`,x,!1),z=new P($.ROW,x),B=new N($.COLUMN,x),V=new E($.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:L([248,249,250]),stroke:L([217,217,217]),strokeWidth:1});return R.zIndex=10,I.addObjects([R],1),I.addObjects([z,B,V],2),j}_updateViewport(e,t,n,r,i){if(i==null)return;let a=t*r.scaleX,o=n*r.scaleY,s=new I($.VIEW_MAIN+e,r,{left:a,top:o,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),c=new I($.VIEW_TOP+e,r,{left:a,height:o,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),l=new I($.VIEW_LEFT+e,r,{left:0,bottom:0,top:o,width:a,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new I($.VIEW_LEFT_TOP+e,r,{left:0,top:0,width:a,height:o,isWheelPreventDefaultX:!0}),s.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;c.updateScrollVal({scrollX:t,viewportScrollX:r}),l.updateScrollVal({scrollY:n,viewportScrollY:i})}),r.attachControl(),new A(s,{mainScene:i}),r.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,r.scaleX<1&&(t/=2),r.scaleX+t>4?r.scale(4,4):r.scaleX+t<.1?r.scale(.1,.1):(r.scaleBy(t,t),n.preventDefault())}else s.onMouseWheel(n,t)})}};de=G([W(0,i(o)),W(1,r),W(2,n),W(3,i(a))],de);var fe=class{constructor(){U(this,`zIndex`,4)}create(e){return e.createInstance(de)}};J.add(new fe);let pe=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});export{J as CanvasObjectProviderRegistry,q as ObjectAdaptor,Q as ObjectProvider,pe as SLIDE_KEY,ce as SLIDE_VIEW_KEY,K as UniverSlidesPlugin};
|
package/lib/umd/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlides={},e.UniverCore,e.UniverEngineRender))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=`@univerjs/slides`,i=`0.18.0`;let a=`slides.config`;Symbol(a);let o={};function s(e){"@babel/helpers - typeof";return s=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},s(e)}function c(e,t){if(s(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(s(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=c(e,`string`);return s(t)==`symbol`?t:t+``}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){return function(n,r){t(n,r,e)}}function f(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 p=class extends t.Plugin{constructor(e=o,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._configService=i,u(this,`_canvasEngine`,null);let{...s}=(0,t.merge)({},o,this._config);this._configService.setConfig(a,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(n.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};u(p,`pluginName`,`UNIVER_SLIDES_PLUGIN`),u(p,`packageName`,r),u(p,`version`,i),u(p,`type`,t.UniverInstanceType.UNIVER_SLIDE),p=f([d(1,(0,t.Inject)(t.Injector)),d(2,n.IRenderManagerService),d(3,t.IConfigService)],p);var m=class{constructor(){u(this,`zIndex`,0),u(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let h=t.Registry.create(),g=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),_=class extends m{constructor(e){super(),this._localeService=e,u(this,`zIndex`,5),u(this,`viewKey`,t.PageElementType.DOCUMENT),u(this,`_liquid`,new n.Liquid)}check(e){if(e===this.viewKey)return this}convert(e,r){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:_,flipX:v,flipY:y,title:b,description:x,document:S}=e;if(S==null)return;let C=new n.DocumentViewModel(new t.DocumentDataModel(S)),w=n.DocumentSkeleton.create(C,this._localeService),T=new n.Documents(g.MAIN,w);w.calculate();let E=new n.SceneViewer(g.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:_,flipX:v,flipY:y}),D=new n.Scene(g.SCENE+o,E),O=new n.Viewport(g.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new n.ScrollBar(O,{mainScene:r}),D.addObject(T);let k=w.getActualSize();T.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=T.getSkeleton())==null||i.getPageSize(),T.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=T,M=w.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(T,D,w);for(let e=0,t=N.length;e<t;e++){let t=N[e],{skeDrawings:r,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=t;this._liquid.translatePagePadding(t),r.forEach(e=>{let{aLeft:t,aTop:r,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new n.Image(e.drawingId,{left:t+A+this._liquid.x,top:r+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(t,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;w==null||w.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),w==null||w.calculate()}),this._calculatePagePosition(T,D,O),E}_recalculateSizeBySkeleton(e,t,r){var i;let a=(i=r.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let t=0,r=a.length;t<r;t++){let{pageWidth:i,pageHeight:c}=a[t];e.pageLayoutType===n.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,t===r-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===n.PageLayoutType.HORIZONTAL&&(o+=i,t!==r-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}};_=f([d(0,(0,t.Inject)(t.LocaleService))],_);var v=class{constructor(){u(this,`zIndex`,5)}create(e){return e.createInstance(_)}};h.add(new v);var y=class extends m{constructor(...e){super(...e),u(this,`zIndex`,1),u(this,`viewKey`,t.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:r,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 n.Image(t,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},b=class{constructor(){u(this,`zIndex`,4)}create(e){return e.createInstance(y)}};h.add(new b);let x=class extends m{constructor(e){super(),this._localeService=e,u(this,`zIndex`,2),u(this,`viewKey`,t.PageElementType.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:r,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 n.RichText(this._localeService,r,j)}};x=f([d(0,(0,t.Inject)(t.LocaleService))],x);var S=class{constructor(){u(this,`zIndex`,0)}create(e){return e.createInstance(x)}};h.add(new S);var C=class extends m{constructor(...e){super(...e),u(this,`zIndex`,2),u(this,`viewKey`,t.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:r,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===t.BasicShapes.Rect)return new n.Rect(r,{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===t.BasicShapes.RoundRect)return new n.Rect(r,{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===t.BasicShapes.Ellipse)return console.warn(b==null?void 0:b.radius),new n.Circle(r,{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})}},w=class{constructor(){u(this,`zIndex`,2)}create(e){return e.createInstance(C)}};h.add(new w);let T=class{constructor(e){this._injector=e,u(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(){h.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};T=f([d(0,(0,t.Inject)(t.Injector))],T);let E=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),D=class extends m{constructor(e){super(),this._injector=e,u(this,`zIndex`,6),u(this,`viewKey`,t.PageElementType.SLIDE),u(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,r){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,title:_,description:v,slide:y}=e;if(y==null)return;let b=new t.SlideDataModel(y),x=new n.Slide(E.MAIN+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});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new T(this._injector);for(let e=0,t=S.length;e<t;e++){let t=C[S[e]],{id:n}=t;x.addPageScene(this._createScene(n,x,t,r,b))}return x.activeFirstPage(),x}_createScene(e,t,r,i,a){var o;let{width:s,height:c}=t,l=new n.Scene(e,t,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=r,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,r,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new n.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(s,0)}};D=f([d(0,(0,t.Inject)(t.Injector))],D);var O=class{constructor(){u(this,`zIndex`,6)}create(e){return e.createInstance(D)}};h.add(new O);var k=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(k||{});let A=class extends m{constructor(e,n,r,i){super(),this._localeService=e,this._contextService=n,this._configService=r,this._injector=i,u(this,`zIndex`,4),u(this,`viewKey`,t.PageElementType.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,r){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 n.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 n.SceneViewer(k.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),A=new n.Scene(k.SCENE+i,O,{width:E,height:D});this._updateViewport(i,w,T,A,r);let j=new n.Spreadsheet(`testSheetViewer`,x,!1),M=new n.SpreadsheetRowHeader(k.ROW,x),N=new n.SpreadsheetColumnHeader(k.COLUMN,x),P=new n.Rect(k.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,n.getColor)([248,249,250]),stroke:(0,n.getColor)([217,217,217]),strokeWidth:1});return j.zIndex=10,A.addObjects([j],1),A.addObjects([M,N,P],2),O}_updateViewport(e,t,r,i,a){if(a==null)return;let o=t*i.scaleX,s=r*i.scaleY,c=new n.Viewport(k.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new n.Viewport(k.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new n.Viewport(k.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new n.Viewport(k.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new n.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)})}};A=f([d(0,(0,t.Inject)(t.LocaleService)),d(1,t.IContextService),d(2,t.IConfigService),d(3,(0,t.Inject)(t.Injector))],A);var j=class{constructor(){u(this,`zIndex`,4)}create(e){return e.createInstance(A)}};h.add(new j);let M=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.CanvasObjectProviderRegistry=h,e.ObjectAdaptor=m,Object.defineProperty(e,`ObjectProvider`,{enumerable:!0,get:function(){return T}}),e.SLIDE_KEY=M,e.SLIDE_VIEW_KEY=E,Object.defineProperty(e,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return p}})});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/engine-render`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/engine-render`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverSlides={},e.UniverCore,e.UniverEngineRender))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=`@univerjs/slides`,i=`0.19.0`;let a=`slides.config`;Symbol(a);let o={};function s(e){"@babel/helpers - typeof";return s=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},s(e)}function c(e,t){if(s(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(s(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e){var t=c(e,`string`);return s(t)==`symbol`?t:t+``}function u(e,t,n){return(t=l(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){return function(n,r){t(n,r,e)}}function f(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 p=class extends t.Plugin{constructor(e=o,n,r,i){super(),this._config=e,this._injector=n,this._renderManagerService=r,this._configService=i,u(this,`_canvasEngine`,null);let{...s}=(0,t.merge)({},o,this._config);this._configService.setConfig(a,s),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(n.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(e){[].forEach(t=>{e.add(t)})}};u(p,`pluginName`,`UNIVER_SLIDES_PLUGIN`),u(p,`packageName`,r),u(p,`version`,i),u(p,`type`,t.UniverInstanceType.UNIVER_SLIDE),p=f([d(1,(0,t.Inject)(t.Injector)),d(2,n.IRenderManagerService),d(3,t.IConfigService)],p);var m=class{constructor(){u(this,`zIndex`,0),u(this,`viewKey`,null)}check(e){if(e===this.viewKey)return this}create(e){}};let h=t.Registry.create(),g=function(e){return e.MAIN=`__DocsRender__`,e.SCENE_VIEWER=`__DocsViewer__`,e.SCENE=`__DocsScene__`,e.VIEWPORT=`__DocsViewPort_`,e}({}),_=class extends m{constructor(e){super(),this._localeService=e,u(this,`zIndex`,5),u(this,`viewKey`,t.PageElementType.DOCUMENT),u(this,`_liquid`,new n.Liquid)}check(e){if(e===this.viewKey)return this}convert(e,r){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:_,flipX:v,flipY:y,title:b,description:x,document:S}=e;if(S==null)return;let C=new n.DocumentViewModel(new t.DocumentDataModel(S)),w=n.DocumentSkeleton.create(C,this._localeService),T=new n.Documents(g.MAIN,w);w.calculate();let E=new n.SceneViewer(g.SCENE_VIEWER+o,{top:l,left:c,width:u,height:d,zIndex:s,angle:f,scaleX:p,scaleY:m,skewX:h,skewY:_,flipX:v,flipY:y}),D=new n.Scene(g.SCENE+o,E),O=new n.Viewport(g.VIEWPORT+o,D,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});D.attachControl(),D.onMouseWheel$.subscribeEvent((e,t)=>{let n=e;if(n.ctrlKey){let e=Math.abs(n.deltaX),t=e<40?.2:e<80?.4:.2;t*=n.deltaY>0?-1:1,D.scaleX<1&&(t/=2),D.scaleX+t>4?D.scale(4,4):D.scaleX+t<.1?D.scale(.1,.1):(n.deltaY,n.preventDefault())}else O.onMouseWheel(n,t)}),new n.ScrollBar(O,{mainScene:r}),D.addObject(T);let k=w.getActualSize();T.resize(k.actualWidth,k.actualHeight),D.resize(k.actualWidth,k.actualHeight+200),(i=T.getSkeleton())==null||i.getPageSize(),T.pageRender$.subscribe(e=>{let{page:t,pageLeft:n,pageTop:r,ctx:i}=e,{width:a,height:o,marginBottom:s,marginLeft:c,marginRight:l,marginTop:u}=t;i.save(),i.translate(n-.5,r-.5),i.restore()});let{left:A,top:j}=T,M=w.getSkeletonData();if(M==null)return;let{pages:N}=M,P=[],F=new Map;this._recalculateSizeBySkeleton(T,D,w);for(let e=0,t=N.length;e<t;e++){let t=N[e],{skeDrawings:r,marginLeft:i,marginTop:a,pageWidth:o,pageHeight:s}=t;this._liquid.translatePagePadding(t),r.forEach(e=>{let{aLeft:t,aTop:r,height:i,width:a,drawingOrigin:o}=e,{docTransform:s}=o,c=new n.Image(e.drawingId,{left:t+A+this._liquid.x,top:r+j+this._liquid.y,width:a,height:i,zIndex:11});F.set(e.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),P.push(c)}),this._liquid.translatePage(t,T.pageLayoutType,T.pageMarginLeft,T.pageMarginTop)}return D.addObjects(P),P.forEach(e=>{D.attachTransformerTo(e)}),(a=D.getTransformer())==null||a.changing$.subscribe(e=>{let{objects:t}=e;t.forEach(e=>{let{oKey:t,left:n,top:r,height:i,width:a}=e,o=F.get(t),s=(o==null?void 0:o.marginLeft)||0,c=(o==null?void 0:o.marginTop)||0;w==null||w.getViewModel().getDataModel().updateDrawing(t,{left:n-A-s,top:r-j-c,height:i,width:a})}),w==null||w.calculate()}),this._calculatePagePosition(T,D,O),E}_recalculateSizeBySkeleton(e,t,r){var i;let a=(i=r.getSkeletonData())==null?void 0:i.pages;if(a==null)return;let o=0,s=0;for(let t=0,r=a.length;t<r;t++){let{pageWidth:i,pageHeight:c}=a[t];e.pageLayoutType===n.PageLayoutType.VERTICAL?(s+=c,s+=e.pageMarginTop,t===r-1&&(s+=e.pageMarginTop),o=Math.max(o,i)):e.pageLayoutType===n.PageLayoutType.HORIZONTAL&&(o+=i,t!==r-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}};_=f([d(0,(0,t.Inject)(t.LocaleService))],_);var v=class{constructor(){u(this,`zIndex`,5)}create(e){return e.createInstance(_)}};h.add(new v);var y=class extends m{constructor(...e){super(...e),u(this,`zIndex`,1),u(this,`viewKey`,t.PageElementType.IMAGE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:t,zIndex:r,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 n.Image(t,{url:(v==null?void 0:v.contentUrl)||``,top:a,left:i,width:o,height:s,zIndex:r,angle:c,scaleX:l,scaleY:u,skewX:d,skewY:f,flipX:p,flipY:m,forceRender:!0})}},b=class{constructor(){u(this,`zIndex`,4)}create(e){return e.createInstance(y)}};h.add(new b);let x=class extends m{constructor(e){super(),this._localeService=e,u(this,`zIndex`,2),u(this,`viewKey`,t.PageElementType.TEXT)}check(e){if(e===this.viewKey)return this}convert(e,t){let{id:r,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 n.RichText(this._localeService,r,j)}};x=f([d(0,(0,t.Inject)(t.LocaleService))],x);var S=class{constructor(){u(this,`zIndex`,0)}create(e){return e.createInstance(x)}};h.add(new S);var C=class extends m{constructor(...e){super(...e),u(this,`zIndex`,2),u(this,`viewKey`,t.PageElementType.SHAPE)}check(e){if(e===this.viewKey)return this}convert(e){let{id:r,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===t.BasicShapes.Rect)return new n.Rect(r,{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===t.BasicShapes.RoundRect)return new n.Rect(r,{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===t.BasicShapes.Ellipse)return console.warn(b==null?void 0:b.radius),new n.Circle(r,{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})}},w=class{constructor(){u(this,`zIndex`,2)}create(e){return e.createInstance(C)}};h.add(new w);let T=class{constructor(e){this._injector=e,u(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(){h.getData().sort(t.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};T=f([d(0,(0,t.Inject)(t.Injector))],T);let E=function(e){return e.MAIN=`__SLIDERender__`,e.SCENE_VIEWER=`__SLIDEViewer__`,e.SCENE=`__SLIDEScene__`,e.VIEWPORT=`__SLIDEViewPort_`,e}({}),D=class extends m{constructor(e){super(),this._injector=e,u(this,`zIndex`,6),u(this,`viewKey`,t.PageElementType.SLIDE),u(this,`_ObjectProvider`,null)}check(e){if(e===this.viewKey)return this}convert(e,r){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,title:_,description:v,slide:y}=e;if(y==null)return;let b=new t.SlideDataModel(y),x=new n.Slide(E.MAIN+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});x.enableNav(),x.enableSelectedClipElement();let S=b.getPageOrder(),C=b.getPages();if(!S||!C)return x;this._ObjectProvider=new T(this._injector);for(let e=0,t=S.length;e<t;e++){let t=C[S[e]],{id:n}=t;x.addPageScene(this._createScene(n,x,t,r,b))}return x.activeFirstPage(),x}_createScene(e,t,r,i,a){var o;let{width:s,height:c}=t,l=new n.Scene(e,t,{width:s,height:c});new n.Viewport(`PageViewer_${e}`,l,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();let{pageElements:u,pageBackgroundFill:d}=r,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,r,i){let{width:a=0,height:o=0}=i.getPageSize(),s=new n.Rect(`canvas`,{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:`rgba(198,198,198, 1)`,fill:(0,t.getColorStyle)(r)||`rgba(255,255,255, 1)`,zIndex:0,evented:!1});e.addObject(s,0)}};D=f([d(0,(0,t.Inject)(t.Injector))],D);var O=class{constructor(){u(this,`zIndex`,6)}create(e){return e.createInstance(D)}};h.add(new O);var k=function(e){return e.MAIN=`spreadInSlide`,e.SCENE=`spreadInSlideScene`,e.SCENE_VIEWER=`spreadInSlideSceneViewer`,e.ROW=`spreadInSlideRow`,e.COLUMN=`spreadInSlideColumn`,e.LEFT_TOP=`spreadInSlideLeftTop`,e.VIEW_MAIN=`spreadInSlideViewMain`,e.VIEW_TOP=`spreadInSlideViewTop`,e.VIEW_LEFT=`spreadInSlideViewLeft`,e.VIEW_LEFT_TOP=`spreadInSlideViewLeftTop`,e}(k||{});let A=class extends m{constructor(e,n,r,i){super(),this._localeService=e,this._contextService=n,this._configService=r,this._injector=i,u(this,`zIndex`,4),u(this,`viewKey`,t.PageElementType.SPREADSHEET)}check(e){if(e===this.viewKey)return this}convert(e,r){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 n.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 n.SceneViewer(k.SCENE_VIEWER+i,{top:s,left:o,width:c,height:l,zIndex:a,angle:u,scaleX:d,scaleY:f,skewX:p,skewY:m,flipX:h,flipY:g,forceRender:!0}),A=new n.Scene(k.SCENE+i,O,{width:E,height:D});this._updateViewport(i,w,T,A,r);let j=new n.Spreadsheet(`testSheetViewer`,x,!1),M=new n.SpreadsheetRowHeader(k.ROW,x),N=new n.SpreadsheetColumnHeader(k.COLUMN,x),P=new n.Rect(k.LEFT_TOP,{zIndex:2,left:-1,top:-1,width:w,height:T,fill:(0,n.getColor)([248,249,250]),stroke:(0,n.getColor)([217,217,217]),strokeWidth:1});return j.zIndex=10,A.addObjects([j],1),A.addObjects([M,N,P],2),O}_updateViewport(e,t,r,i,a){if(a==null)return;let o=t*i.scaleX,s=r*i.scaleY,c=new n.Viewport(k.VIEW_MAIN+e,i,{left:o,top:s,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),l=new n.Viewport(k.VIEW_TOP+e,i,{left:o,height:s,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),u=new n.Viewport(k.VIEW_LEFT+e,i,{left:0,bottom:0,top:s,width:o,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new n.Viewport(k.VIEW_LEFT_TOP+e,i,{left:0,top:0,width:o,height:s,isWheelPreventDefaultX:!0}),c.onScrollAfter$.subscribeEvent(e=>{let{scrollX:t,scrollY:n,viewportScrollX:r,viewportScrollY:i}=e;l.updateScrollVal({scrollX:t,viewportScrollX:r}),u.updateScrollVal({scrollY:n,viewportScrollY:i})}),i.attachControl(),new n.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)})}};A=f([d(0,(0,t.Inject)(t.LocaleService)),d(1,t.IContextService),d(2,t.IConfigService),d(3,(0,t.Inject)(t.Injector))],A);var j=class{constructor(){u(this,`zIndex`,4)}create(e){return e.createInstance(A)}};h.add(new j);let M=function(e){return e.COMPONENT=`__slideRender__`,e.SCENE=`__mainScene__`,e.VIEW=`__mainView__`,e}({});e.CanvasObjectProviderRegistry=h,e.ObjectAdaptor=m,Object.defineProperty(e,`ObjectProvider`,{enumerable:!0,get:function(){return T}}),e.SLIDE_KEY=M,e.SLIDE_VIEW_KEY=E,Object.defineProperty(e,`UniverSlidesPlugin`,{enumerable:!0,get:function(){return p}})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@univerjs/slides",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.19.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"author": "DreamNum <developer@univer.ai>",
|
|
@@ -45,13 +45,13 @@
|
|
|
45
45
|
"lib"
|
|
46
46
|
],
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@univerjs/core": "0.
|
|
49
|
-
"@univerjs/engine-render": "0.
|
|
48
|
+
"@univerjs/core": "0.19.0",
|
|
49
|
+
"@univerjs/engine-render": "0.19.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"typescript": "^
|
|
53
|
-
"vitest": "^4.1.
|
|
54
|
-
"@univerjs-infra/shared": "0.
|
|
52
|
+
"typescript": "^6.0.2",
|
|
53
|
+
"vitest": "^4.1.1",
|
|
54
|
+
"@univerjs-infra/shared": "0.19.0"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"test": "vitest run",
|