@univerjs/slides 0.4.2 → 0.5.0-alpha.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 +553 -572
- package/lib/types/views/render/object-provider.d.ts +16 -0
- package/lib/umd/index.js +1 -1
- package/package.json +12 -16
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const core=require("@univerjs/core"),engineRender=require("@univerjs/engine-render"),PLUGIN_CONFIG_KEY="slides.config",defaultPluginConfig={};var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$5");const PLUGIN_NAME="slides";var _a;exports.UniverSlidesPlugin=(_a=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_configService){super();__publicField(this,"_canvasEngine",null);this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._configService=_configService;const{...rest}=this._config;this._configService.setConfig(PLUGIN_CONFIG_KEY,rest),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(engineRender.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(slideInjector){[].forEach(d=>{slideInjector.add(d)})}},__name(_a,"UniverSlidesPlugin"),__publicField(_a,"pluginName",PLUGIN_NAME),__publicField(_a,"type",core.UniverInstanceType.UNIVER_SLIDE),_a);exports.UniverSlidesPlugin=__decorateClass$5([__decorateParam$5(1,core.Inject(core.Injector)),__decorateParam$5(2,engineRender.IRenderManagerService),__decorateParam$5(3,core.IConfigService)],exports.UniverSlidesPlugin);const _ObjectAdaptor=class _ObjectAdaptor{constructor(){__publicField(this,"zIndex",0);__publicField(this,"viewKey",null)}check(type){if(type===this.viewKey)return this}create(injector){}};__name(_ObjectAdaptor,"ObjectAdaptor");let ObjectAdaptor=_ObjectAdaptor;const CanvasObjectProviderRegistry=core.Registry.create();var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4"),_a2;let DocsAdaptor=(_a2=class extends ObjectAdaptor{constructor(_localeService){super();__publicField(this,"zIndex",5);__publicField(this,"viewKey",core.PageElementType.DOCUMENT);__publicField(this,"_liquid",new engineRender.Liquid);this._localeService=_localeService}check(type){if(type===this.viewKey)return this}convert(pageElement,mainScene){var _a7,_b;const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,document:documentData}=pageElement;if(documentData==null)return;const docDataModel=new core.DocumentDataModel(documentData),docViewModel=new engineRender.DocumentViewModel(docDataModel),documentSkeleton=engineRender.DocumentSkeleton.create(docViewModel,this._localeService),documents=new engineRender.Documents("__DocsRender__",documentSkeleton);documentSkeleton.calculate();const sv=new engineRender.SceneViewer("__DocsViewer__"+id,{top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY}),scene=new engineRender.Scene("__DocsScene__"+id,sv),viewMain=new engineRender.Viewport("__DocsViewPort_"+id,scene,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});scene.attachControl(),scene.onMouseWheel$.subscribeEvent((evt,state)=>{const e=evt;if(e.ctrlKey){const deltaFactor=Math.abs(e.deltaX);let scrollNum=deltaFactor<40?.2:deltaFactor<80?.4:.2;scrollNum*=e.deltaY>0?-1:1,scene.scaleX<1&&(scrollNum/=2),scene.scaleX+scrollNum>4?scene.scale(4,4):scene.scaleX+scrollNum<.1?scene.scale(.1,.1):(e.deltaY>0,e.preventDefault())}else viewMain.onMouseWheel(e,state)}),new engineRender.ScrollBar(viewMain,{mainScene}),scene.addObject(documents);const size=documentSkeleton.getActualSize();documents.resize(size.actualWidth,size.actualHeight),scene.resize(size.actualWidth,size.actualHeight+200),(_a7=documents.getSkeleton())==null||_a7.getPageSize(),documents.pageRender$.subscribe(config=>{const{page,pageLeft,pageTop,ctx}=config;ctx.save(),ctx.translate(pageLeft-.5,pageTop-.5),ctx.restore()});const{left:docsLeft,top:docsTop}=documents,skeletonData=documentSkeleton.getSkeletonData();if(skeletonData==null)return;const{pages}=skeletonData,objectList=[],pageMarginCache=new Map;this._recalculateSizeBySkeleton(documents,scene,documentSkeleton);for(let i=0,len=pages.length;i<len;i++){const page=pages[i],{skeDrawings,marginLeft,marginTop,pageWidth,pageHeight}=page;this._liquid.translatePagePadding(page),skeDrawings.forEach(drawing=>{const{aLeft,aTop,height:height2,width:width2,drawingOrigin}=drawing,rect=new engineRender.Image(drawing.drawingId,{left:aLeft+docsLeft+this._liquid.x,top:aTop+docsTop+this._liquid.y,width:width2,height:height2,zIndex:11});pageMarginCache.set(drawing.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),objectList.push(rect)}),this._liquid.translatePage(page,documents.pageLayoutType,documents.pageMarginLeft,documents.pageMarginTop)}return scene.addObjects(objectList),objectList.forEach(object=>{scene.attachTransformerTo(object)}),(_b=scene.getTransformer())==null||_b.changing$.subscribe(state=>{const{objects}=state;objects.forEach(object=>{const{oKey,left:left2,top:top2,height:height2,width:width2}=object,cache=pageMarginCache.get(oKey),marginLeft=(cache==null?void 0:cache.marginLeft)||0,marginTop=(cache==null?void 0:cache.marginTop)||0;documentSkeleton==null||documentSkeleton.getViewModel().getDataModel().updateDrawing(oKey,{left:left2-docsLeft-marginLeft,top:top2-docsTop-marginTop,height:height2,width:width2})}),documentSkeleton==null||documentSkeleton.calculate()}),this._calculatePagePosition(documents,scene,viewMain),sv}_recalculateSizeBySkeleton(docsComponent,scene,skeleton){var _a7;const pages=(_a7=skeleton.getSkeletonData())==null?void 0:_a7.pages;if(pages==null)return;let width=0,height=0;for(let i=0,len=pages.length;i<len;i++){const page=pages[i],{pageWidth,pageHeight}=page;docsComponent.pageLayoutType===engineRender.PageLayoutType.VERTICAL?(height+=pageHeight,height+=docsComponent.pageMarginTop,i===len-1&&(height+=docsComponent.pageMarginTop),width=Math.max(width,pageWidth)):docsComponent.pageLayoutType===engineRender.PageLayoutType.HORIZONTAL&&(width+=pageWidth,i!==len-1&&(width+=docsComponent.pageMarginLeft),height=Math.max(height,pageHeight))}docsComponent.resize(width,height),scene.resize(width,height)}_calculatePagePosition(docsComponent,scene,viewport,zoomRatio=1){const parent=scene==null?void 0:scene.getParent(),{width:docsWidth,height:docsHeight,pageMarginLeft,pageMarginTop}=docsComponent;if(parent==null||docsWidth===Number.POSITIVE_INFINITY||docsHeight===Number.POSITIVE_INFINITY)return;const{width:engineWidth,height:engineHeight}=parent;let docsLeft=0,docsTop=0,sceneWidth=0,sceneHeight=0,scrollToX=Number.POSITIVE_INFINITY;if(engineWidth>(docsWidth+pageMarginLeft*2)*zoomRatio?(docsLeft=engineWidth/2-docsWidth*zoomRatio/2,docsLeft/=zoomRatio,sceneWidth=(engineWidth-pageMarginLeft*2)/zoomRatio,scrollToX=0):(docsLeft=pageMarginLeft,sceneWidth=docsWidth+pageMarginLeft*2,scrollToX=(sceneWidth-engineWidth/zoomRatio)/2),engineHeight>docsHeight?(docsTop=engineHeight/2-docsHeight/2,sceneHeight=(engineHeight-pageMarginTop*2)/zoomRatio):(docsTop=pageMarginTop,sceneHeight=docsHeight+pageMarginTop*2),scene.resize(sceneWidth,sceneHeight+200),docsComponent.translate(docsLeft,docsTop),scrollToX!==Number.POSITIVE_INFINITY&&viewport!=null){const actualX=viewport.transScroll2ViewportScrollValue(scrollToX,0).x;viewport.scrollToBarPos({x:actualX})}return this}},__name(_a2,"DocsAdaptor"),_a2);DocsAdaptor=__decorateClass$4([__decorateParam$4(0,core.Inject(core.LocaleService))],DocsAdaptor);const _DocsAdaptorFactory=class _DocsAdaptorFactory{constructor(){__publicField(this,"zIndex",5)}create(injector){return injector.createInstance(DocsAdaptor)}};__name(_DocsAdaptorFactory,"DocsAdaptorFactory");let DocsAdaptorFactory=_DocsAdaptorFactory;CanvasObjectProviderRegistry.add(new DocsAdaptorFactory);const _ImageAdaptor=class _ImageAdaptor extends ObjectAdaptor{constructor(){super(...arguments);__publicField(this,"zIndex",1);__publicField(this,"viewKey",core.PageElementType.IMAGE)}check(type){if(type===this.viewKey)return this}convert(pageElement){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,image={}}=pageElement,{imageProperties,placeholder,link}=image,contentUrl=(imageProperties==null?void 0:imageProperties.contentUrl)||"";return new engineRender.Image(id,{url:contentUrl,top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0})}};__name(_ImageAdaptor,"ImageAdaptor");let ImageAdaptor=_ImageAdaptor;const _ImageAdaptorFactory=class _ImageAdaptorFactory{constructor(){__publicField(this,"zIndex",4)}create(injector){return injector.createInstance(ImageAdaptor)}};__name(_ImageAdaptorFactory,"ImageAdaptorFactory");let ImageAdaptorFactory=_ImageAdaptorFactory;CanvasObjectProviderRegistry.add(new ImageAdaptorFactory);var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3"),_a3;let RichTextAdaptor=(_a3=class extends ObjectAdaptor{constructor(_localeService){super();__publicField(this,"zIndex",2);__publicField(this,"viewKey",core.PageElementType.TEXT);this._localeService=_localeService}check(type){if(type===this.viewKey)return this}convert(pageElement,_mainScene){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,richText={}}=pageElement,{text,ff,fs,it,bl,ul,st,ol,bg,bd,cl,rich}=richText;let config={top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0},isNotNull=!1;if(text!=null?(config={...config,text,ff,fs,it,bl,ul,st,ol,bg,bd,cl},isNotNull=!0):rich!=null&&(config={...config,richText:rich},isNotNull=!0),isNotNull!==!1)return new engineRender.RichText(this._localeService,id,config)}},__name(_a3,"RichTextAdaptor"),_a3);RichTextAdaptor=__decorateClass$3([__decorateParam$3(0,core.Inject(core.LocaleService))],RichTextAdaptor);const _RichTextAdaptorFactory=class _RichTextAdaptorFactory{constructor(){__publicField(this,"zIndex",0)}create(injector){return injector.createInstance(RichTextAdaptor)}};__name(_RichTextAdaptorFactory,"RichTextAdaptorFactory");let RichTextAdaptorFactory=_RichTextAdaptorFactory;CanvasObjectProviderRegistry.add(new RichTextAdaptorFactory);const _ShapeAdaptor=class _ShapeAdaptor extends ObjectAdaptor{constructor(){super(...arguments);__publicField(this,"zIndex",2);__publicField(this,"viewKey",core.PageElementType.SHAPE)}check(type){if(type===this.viewKey)return this}convert(pageElement){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description}=pageElement,{shapeType,text,shapeProperties,placeholder,link}=pageElement.shape||{},fill=shapeProperties==null?"":core.getColorStyle(shapeProperties.shapeBackgroundFill)||"rgba(255,255,255,1)",outline=shapeProperties==null?void 0:shapeProperties.outline,strokeStyle={};if(outline){const{outlineFill,weight}=outline;strokeStyle.strokeWidth=weight,strokeStyle.stroke=core.getColorStyle(outlineFill)||"rgba(0,0,0,1)"}if(shapeType===core.BasicShapes.Rect)return new engineRender.Rect(id,{fill,top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0,...strokeStyle});if(shapeType===core.BasicShapes.RoundRect){const radius=(shapeProperties==null?void 0:shapeProperties.radius)||0;return new engineRender.Rect(id,{fill,top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0,radius,...strokeStyle})}}};__name(_ShapeAdaptor,"ShapeAdaptor");let ShapeAdaptor=_ShapeAdaptor;const _ShapeAdaptorFactory=class _ShapeAdaptorFactory{constructor(){__publicField(this,"zIndex",2)}create(injector){return injector.createInstance(ShapeAdaptor)}};__name(_ShapeAdaptorFactory,"ShapeAdaptorFactory");let ShapeAdaptorFactory=_ShapeAdaptorFactory;CanvasObjectProviderRegistry.add(new ShapeAdaptorFactory);var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2"),_a4;exports.ObjectProvider=(_a4=class{constructor(_injector){__publicField(this,"_adaptors",[]);this._injector=_injector,this._adaptorLoader()}convertToRenderObjects(pageElements,mainScene){const pageKeys=Object.keys(pageElements),objects=[];return pageKeys.forEach(key=>{const pageElement=pageElements[key],o=this._executor(pageElement,mainScene);o!=null&&objects.push(o)}),objects}convertToRenderObject(pageElement,mainScene){return this._executor(pageElement,mainScene)}_executor(pageElement,mainScene){var _a7;const{id:pageElementId,type}=pageElement;for(const adaptor of this._adaptors){const o=(_a7=adaptor.check(type))==null?void 0:_a7.convert(pageElement,mainScene);if(o!=null)return o}}_adaptorLoader(){CanvasObjectProviderRegistry.getData().sort(core.sortRules).forEach(adaptorFactory=>{this._adaptors.push(adaptorFactory.create(this._injector))})}},__name(_a4,"ObjectProvider"),_a4);exports.ObjectProvider=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector))],exports.ObjectProvider);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1"),SLIDE_VIEW_KEY=(SLIDE_VIEW_KEY2=>(SLIDE_VIEW_KEY2.MAIN="__SLIDERender__",SLIDE_VIEW_KEY2.SCENE_VIEWER="__SLIDEViewer__",SLIDE_VIEW_KEY2.SCENE="__SLIDEScene__",SLIDE_VIEW_KEY2.VIEWPORT="__SLIDEViewPort_",SLIDE_VIEW_KEY2))(SLIDE_VIEW_KEY||{}),_a5;let SlideAdaptor=(_a5=class extends ObjectAdaptor{constructor(_injector){super();__publicField(this,"zIndex",6);__publicField(this,"viewKey",core.PageElementType.SLIDE);__publicField(this,"_ObjectProvider",null);this._injector=_injector}check(type){if(type===this.viewKey)return this}convert(pageElement,mainScene){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,title,description,slide:slideData}=pageElement;if(slideData==null)return;const model=new core.SlideDataModel(slideData),slideComponent=new engineRender.Slide("__SLIDERender__"+id,{top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0});slideComponent.enableNav(),slideComponent.enableSelectedClipElement();const pageOrder=model.getPageOrder(),pages=model.getPages();if(!pageOrder||!pages)return slideComponent;this._ObjectProvider=new exports.ObjectProvider(this._injector);for(let i=0,len=pageOrder.length;i<len;i++){const page=pages[pageOrder[i]],{id:id2}=page;slideComponent.addPageScene(this._createScene(id2,slideComponent,page,mainScene,model))}return slideComponent.activeFirstPage(),slideComponent}_createScene(pageId,parent,page,mainScene,model){var _a7;const{width,height}=parent,scene=new engineRender.Scene(pageId,parent,{width,height});new engineRender.Viewport(`PageViewer_${pageId}`,scene,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements,pageBackgroundFill}=page,objects=(_a7=this._ObjectProvider)==null?void 0:_a7.convertToRenderObjects(pageElements,mainScene);return this._addBackgroundRect(scene,pageBackgroundFill,model),scene.addObjects(objects),objects==null||objects.forEach(object=>{scene.attachTransformerTo(object)}),scene}_addBackgroundRect(scene,fill,model){const pageSize=model.getPageSize(),{width:pageWidth=0,height:pageHeight=0}=pageSize,page=new engineRender.Rect("canvas",{left:0,top:0,width:pageWidth,height:pageHeight,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:core.getColorStyle(fill)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});scene.addObject(page,0)}},__name(_a5,"SlideAdaptor"),_a5);SlideAdaptor=__decorateClass$1([__decorateParam$1(0,core.Inject(core.Injector))],SlideAdaptor);const _SlideAdaptorFactory=class _SlideAdaptorFactory{constructor(){__publicField(this,"zIndex",6)}create(injector){return injector.createInstance(SlideAdaptor)}};__name(_SlideAdaptorFactory,"SlideAdaptorFactory");let SlideAdaptorFactory=_SlideAdaptorFactory;CanvasObjectProviderRegistry.add(new SlideAdaptorFactory);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam"),_a6;let SpreadsheetAdaptor=(_a6=class extends ObjectAdaptor{constructor(_localeService,_contextService,_configService){super();__publicField(this,"zIndex",4);__publicField(this,"viewKey",core.PageElementType.SPREADSHEET);this._localeService=_localeService,this._contextService=_contextService,this._configService=_configService}check(type){if(type===this.viewKey)return this}convert(pageElement,mainScene){const{id,zIndex,left=0,top=0,width,height,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,spreadsheet:spreadsheetModel}=pageElement;if(spreadsheetModel==null)return;const{worksheet,styles}=spreadsheetModel,{cellData}=worksheet,cellDataMatrix=new core.ObjectMatrix(cellData),styleModel=new core.Styles(styles),spreadsheetSkeleton=new engineRender.SpreadsheetSkeleton(new core.Worksheet(id,worksheet,styleModel),worksheet,cellDataMatrix,styleModel,this._localeService,this._contextService,this._configService),{rowTotalHeight,columnTotalWidth,rowHeaderWidth,columnHeaderHeight}=spreadsheetSkeleton,allWidth=columnTotalWidth+worksheet.rowHeader.width||0,allHeight=rowTotalHeight+worksheet.columnHeader.height||0,sv=new engineRender.SceneViewer("spreadInSlideSceneViewer"+id,{top,left,width,height,zIndex,angle,scaleX,scaleY,skewX,skewY,flipX,flipY,forceRender:!0}),scene=new engineRender.Scene("spreadInSlideScene"+id,sv,{width:allWidth,height:allHeight});this._updateViewport(id,rowHeaderWidth,columnHeaderHeight,scene,mainScene);const spreadsheet=new engineRender.Spreadsheet("testSheetViewer",spreadsheetSkeleton,!1),spreadsheetRowHeader=new engineRender.SpreadsheetRowHeader("spreadInSlideRow",spreadsheetSkeleton),spreadsheetColumnHeader=new engineRender.SpreadsheetColumnHeader("spreadInSlideColumn",spreadsheetSkeleton),SpreadsheetLeftTopPlaceholder=new engineRender.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:rowHeaderWidth,height:columnHeaderHeight,fill:engineRender.getColor([248,249,250]),stroke:engineRender.getColor([217,217,217]),strokeWidth:1});return spreadsheet.zIndex=10,scene.addObjects([spreadsheet],1),scene.addObjects([spreadsheetRowHeader,spreadsheetColumnHeader,SpreadsheetLeftTopPlaceholder],2),sv}_updateViewport(id,rowHeaderWidth,columnHeaderHeight,scene,mainScene){if(mainScene==null)return;const rowHeaderWidthScale=rowHeaderWidth*scene.scaleX,columnHeaderHeightScale=columnHeaderHeight*scene.scaleY,viewMain=new engineRender.Viewport("spreadInSlideViewMain"+id,scene,{left:rowHeaderWidthScale,top:columnHeaderHeightScale,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),viewTop=new engineRender.Viewport("spreadInSlideViewTop"+id,scene,{left:rowHeaderWidthScale,height:columnHeaderHeightScale,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),viewLeft=new engineRender.Viewport("spreadInSlideViewLeft"+id,scene,{left:0,bottom:0,top:columnHeaderHeightScale,width:rowHeaderWidthScale,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new engineRender.Viewport("spreadInSlideViewLeftTop"+id,scene,{left:0,top:0,width:rowHeaderWidthScale,height:columnHeaderHeightScale,isWheelPreventDefaultX:!0}),viewMain.onScrollAfter$.subscribeEvent(param=>{const{scrollX,scrollY,viewportScrollX,viewportScrollY}=param;viewTop.updateScrollVal({scrollX,viewportScrollX}),viewLeft.updateScrollVal({scrollY,viewportScrollY})}),scene.attachControl(),new engineRender.ScrollBar(viewMain,{mainScene}),scene.onMouseWheel$.subscribeEvent((evt,state)=>{const e=evt;if(e.ctrlKey){const deltaFactor=Math.abs(e.deltaX);let scrollNum=deltaFactor<40?.05:deltaFactor<80?.02:.01;scrollNum*=e.deltaY>0?-1:1,scene.scaleX<1&&(scrollNum/=2),scene.scaleX+scrollNum>4?scene.scale(4,4):scene.scaleX+scrollNum<.1?scene.scale(.1,.1):(scene.scaleBy(scrollNum,scrollNum),e.preventDefault())}else viewMain.onMouseWheel(e,state)})}},__name(_a6,"SpreadsheetAdaptor"),_a6);SpreadsheetAdaptor=__decorateClass([__decorateParam(0,core.Inject(core.LocaleService)),__decorateParam(1,core.IContextService),__decorateParam(2,core.IConfigService)],SpreadsheetAdaptor);const _SpreadsheetAdaptorFactory=class _SpreadsheetAdaptorFactory{constructor(){__publicField(this,"zIndex",4)}create(injector){return injector.createInstance(SpreadsheetAdaptor)}};__name(_SpreadsheetAdaptorFactory,"SpreadsheetAdaptorFactory");let SpreadsheetAdaptorFactory=_SpreadsheetAdaptorFactory;CanvasObjectProviderRegistry.add(new SpreadsheetAdaptorFactory);var SLIDE_KEY=(SLIDE_KEY2=>(SLIDE_KEY2.COMPONENT="__slideRender__",SLIDE_KEY2.SCENE="__mainScene__",SLIDE_KEY2.VIEW="__mainView__",SLIDE_KEY2))(SLIDE_KEY||{});exports.CanvasObjectProviderRegistry=CanvasObjectProviderRegistry;exports.ObjectAdaptor=ObjectAdaptor;exports.SLIDE_KEY=SLIDE_KEY;exports.SLIDE_VIEW_KEY=SLIDE_VIEW_KEY;
|
|
1
|
+
"use strict";var le=Object.defineProperty;var de=(a,e,r)=>e in a?le(a,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[e]=r;var g=(a,e,r)=>de(a,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@univerjs/core"),o=require("@univerjs/engine-render"),he="slides.config",pe={};var ge=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,fe=(a,e,r,i)=>{for(var t=i>1?void 0:i?ue(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&ge(e,r,t),t},q=(a,e)=>(r,i)=>e(r,i,a);const _e="slides";var k;exports.UniverSlidesPlugin=(k=class extends l.Plugin{constructor(r=pe,i,t,s){super();g(this,"_canvasEngine",null);this._config=r,this._injector=i,this._renderManagerService=t,this._configService=s;const{...n}=this._config;this._configService.setConfig(he,n),this._initializeDependencies(this._injector)}initialize(){this.initCanvasEngine()}onReady(){}getConfig(){return this._config}initCanvasEngine(){this._canvasEngine=this._injector.get(o.IRenderingEngine)}onRendered(){this.initialize()}getCanvasEngine(){return this._canvasEngine}_initializeDependencies(r){[].forEach(t=>{r.add(t)})}},g(k,"pluginName",_e),g(k,"type",l.UniverInstanceType.UNIVER_SLIDE),k);exports.UniverSlidesPlugin=fe([q(1,l.Inject(l.Injector)),q(2,o.IRenderManagerService),q(3,l.IConfigService)],exports.UniverSlidesPlugin);class H{constructor(){g(this,"zIndex",0);g(this,"viewKey",null)}check(e){if(e===this.viewKey)return this}create(e){}}const N=l.Registry.create();var we=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,Se=(a,e,r,i)=>{for(var t=i>1?void 0:i?ve(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&we(e,r,t),t},Ie=(a,e)=>(r,i)=>e(r,i,a);let Z=class extends H{constructor(e){super();g(this,"zIndex",5);g(this,"viewKey",l.PageElementType.DOCUMENT);g(this,"_liquid",new o.Liquid);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,r){var F,K;const{id:i,zIndex:t,left:s=0,top:n=0,width:c,height:d,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,title:E,description:m,document:O}=e;if(O==null)return;const y=new l.DocumentDataModel(O),I=new o.DocumentViewModel(y),b=o.DocumentSkeleton.create(I,this._localeService),P=new o.Documents("__DocsRender__",b);b.calculate();const D=new o.SceneViewer("__DocsViewer__"+i,{top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f}),w=new o.Scene("__DocsScene__"+i,D),T=new o.Viewport("__DocsViewPort_"+i,w,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});w.attachControl(),w.onMouseWheel$.subscribeEvent((M,$)=>{const j=M;if(j.ctrlKey){const A=Math.abs(j.deltaX);let R=A<40?.2:A<80?.4:.2;R*=j.deltaY>0?-1:1,w.scaleX<1&&(R/=2),w.scaleX+R>4?w.scale(4,4):w.scaleX+R<.1?w.scale(.1,.1):(j.deltaY>0,j.preventDefault())}else T.onMouseWheel(j,$)}),new o.ScrollBar(T,{mainScene:r}),w.addObject(P);const x=b.getActualSize();P.resize(x.actualWidth,x.actualHeight),w.resize(x.actualWidth,x.actualHeight+200),(F=P.getSkeleton())==null||F.getPageSize(),P.pageRender$.subscribe(M=>{const{page:$,pageLeft:j,pageTop:A,ctx:R}=M;R.save(),R.translate(j-.5,A-.5),R.restore()});const{left:z,top:Y}=P,W=b.getSkeletonData();if(W==null)return;const{pages:L}=W,V=[],C=new Map;this._recalculateSizeBySkeleton(P,w,b);for(let M=0,$=L.length;M<$;M++){const j=L[M],{skeDrawings:A,marginLeft:R,marginTop:te,pageWidth:re,pageHeight:ie}=j;this._liquid.translatePagePadding(j),A.forEach(X=>{const{aLeft:B,aTop:U,height:se,width:ce,drawingOrigin:Fe}=X,oe=new o.Image(X.drawingId,{left:B+z+this._liquid.x,top:U+Y+this._liquid.y,width:ce,height:se,zIndex:11});C.set(X.drawingId,{marginLeft:this._liquid.x,marginTop:this._liquid.y}),V.push(oe)}),this._liquid.translatePage(j,P.pageLayoutType,P.pageMarginLeft,P.pageMarginTop)}return w.addObjects(V),V.forEach(M=>{w.attachTransformerTo(M)}),(K=w.getTransformer())==null||K.changing$.subscribe(M=>{const{objects:$}=M;$.forEach(j=>{const{oKey:A,left:R,top:te,height:re,width:ie}=j,X=C.get(A),B=(X==null?void 0:X.marginLeft)||0,U=(X==null?void 0:X.marginTop)||0;b==null||b.getViewModel().getDataModel().updateDrawing(A,{left:R-z-B,top:te-Y-U,height:re,width:ie})}),b==null||b.calculate()}),this._calculatePagePosition(P,w,T),D}_recalculateSizeBySkeleton(e,r,i){var c;const t=(c=i.getSkeletonData())==null?void 0:c.pages;if(t==null)return;let s=0,n=0;for(let d=0,v=t.length;d<v;d++){const S=t[d],{pageWidth:u,pageHeight:h}=S;e.pageLayoutType===o.PageLayoutType.VERTICAL?(n+=h,n+=e.pageMarginTop,d===v-1&&(n+=e.pageMarginTop),s=Math.max(s,u)):e.pageLayoutType===o.PageLayoutType.HORIZONTAL&&(s+=u,d!==v-1&&(s+=e.pageMarginLeft),n=Math.max(n,h))}e.resize(s,n),r.resize(s,n)}_calculatePagePosition(e,r,i,t=1){const s=r==null?void 0:r.getParent(),{width:n,height:c,pageMarginLeft:d,pageMarginTop:v}=e;if(s==null||n===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:S,height:u}=s;let h=0,p=0,_=0,f=0,E=Number.POSITIVE_INFINITY;if(S>(n+d*2)*t?(h=S/2-n*t/2,h/=t,_=(S-d*2)/t,E=0):(h=d,_=n+d*2,E=(_-S/t)/2),u>c?(p=u/2-c/2,f=(u-v*2)/t):(p=v,f=c+v*2),r.resize(_,f+200),e.translate(h,p),E!==Number.POSITIVE_INFINITY&&i!=null){const m=i.transScroll2ViewportScrollValue(E,0).x;i.scrollToBarPos({x:m})}return this}};Z=Se([Ie(0,l.Inject(l.LocaleService))],Z);class Pe{constructor(){g(this,"zIndex",5)}create(e){return e.createInstance(Z)}}N.add(new Pe);class be extends H{constructor(){super(...arguments);g(this,"zIndex",1);g(this,"viewKey",l.PageElementType.IMAGE)}check(r){if(r===this.viewKey)return this}convert(r){const{id:i,zIndex:t,left:s=0,top:n=0,width:c,height:d,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,title:E,description:m,image:O={}}=r,{imageProperties:y,placeholder:I,link:b}=O,P=(y==null?void 0:y.contentUrl)||"";return new o.Image(i,{url:P,top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,forceRender:!0})}}class Te{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(be)}}N.add(new Te);var ye=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,Oe=(a,e,r,i)=>{for(var t=i>1?void 0:i?xe(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&ye(e,r,t),t},je=(a,e)=>(r,i)=>e(r,i,a);let J=class extends H{constructor(e){super();g(this,"zIndex",2);g(this,"viewKey",l.PageElementType.TEXT);this._localeService=e}check(e){if(e===this.viewKey)return this}convert(e,r){const{id:i,zIndex:t,left:s=0,top:n=0,width:c,height:d,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,title:E,description:m,richText:O={}}=e,{text:y,ff:I,fs:b,it:P,bl:D,ul:w,st:T,ol:x,bg:z,bd:Y,cl:W,rich:L}=O;let V={top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,forceRender:!0},C=!1;if(y!=null?(V={...V,text:y,ff:I,fs:b,it:P,bl:D,ul:w,st:T,ol:x,bg:z,bd:Y,cl:W},C=!0):L!=null&&(V={...V,richText:L},C=!0),C!==!1)return new o.RichText(this._localeService,i,V)}};J=Oe([je(0,l.Inject(l.LocaleService))],J);class De{constructor(){g(this,"zIndex",0)}create(e){return e.createInstance(J)}}N.add(new De);class Ee extends H{constructor(){super(...arguments);g(this,"zIndex",2);g(this,"viewKey",l.PageElementType.SHAPE)}check(r){if(r===this.viewKey)return this}convert(r){const{id:i,zIndex:t,left:s=0,top:n=0,width:c,height:d,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,title:E,description:m}=r,{shapeType:O,text:y,shapeProperties:I,placeholder:b,link:P}=r.shape||{},D=I==null?"":l.getColorStyle(I.shapeBackgroundFill)||"rgba(255,255,255,1)",w=I==null?void 0:I.outline,T={};if(w){const{outlineFill:x,weight:z}=w;T.strokeWidth=z,T.stroke=l.getColorStyle(x)||"rgba(0,0,0,1)"}if(O===l.BasicShapes.Rect)return new o.Rect(i,{fill:D,top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,forceRender:!0,...T});if(O===l.BasicShapes.RoundRect){const x=(I==null?void 0:I.radius)||0;return new o.Rect(i,{fill:D,top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,forceRender:!0,radius:x,...T})}}}class me{constructor(){g(this,"zIndex",2)}create(e){return e.createInstance(Ee)}}N.add(new me);var Ve=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Re=(a,e,r,i)=>{for(var t=i>1?void 0:i?Me(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&Ve(e,r,t),t},Xe=(a,e)=>(r,i)=>e(r,i,a);exports.ObjectProvider=class{constructor(e){g(this,"_adaptors",[]);this._injector=e,this._adaptorLoader()}convertToRenderObjects(e,r){const i=Object.keys(e),t=[];return i.forEach(s=>{const n=e[s],c=this._executor(n,r);c!=null&&t.push(c)}),t}convertToRenderObject(e,r){return this._executor(e,r)}_executor(e,r){var s;const{id:i,type:t}=e;for(const n of this._adaptors){const c=(s=n.check(t))==null?void 0:s.convert(e,r);if(c!=null)return c}}_adaptorLoader(){N.getData().sort(l.sortRules).forEach(e=>{this._adaptors.push(e.create(this._injector))})}};exports.ObjectProvider=Re([Xe(0,l.Inject(l.Injector))],exports.ObjectProvider);var Le=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,ze=(a,e,r,i)=>{for(var t=i>1?void 0:i?Ae(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&Le(e,r,t),t},Ce=(a,e)=>(r,i)=>e(r,i,a),ne=(a=>(a.MAIN="__SLIDERender__",a.SCENE_VIEWER="__SLIDEViewer__",a.SCENE="__SLIDEScene__",a.VIEWPORT="__SLIDEViewPort_",a))(ne||{});let Q=class extends H{constructor(e){super();g(this,"zIndex",6);g(this,"viewKey",l.PageElementType.SLIDE);g(this,"_ObjectProvider",null);this._injector=e}check(e){if(e===this.viewKey)return this}convert(e,r){const{id:i,zIndex:t,left:s=0,top:n=0,width:c,height:d,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,title:E,description:m,slide:O}=e;if(O==null)return;const y=new l.SlideDataModel(O),I=new o.Slide("__SLIDERender__"+i,{top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,forceRender:!0});I.enableNav(),I.enableSelectedClipElement();const b=y.getPageOrder(),P=y.getPages();if(!b||!P)return I;this._ObjectProvider=new exports.ObjectProvider(this._injector);for(let D=0,w=b.length;D<w;D++){const T=P[b[D]],{id:x}=T;I.addPageScene(this._createScene(x,I,T,r,y))}return I.activeFirstPage(),I}_createScene(e,r,i,t,s){var p;const{width:n,height:c}=r,d=new o.Scene(e,r,{width:n,height:c});new o.Viewport(`PageViewer_${e}`,d,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:S,pageBackgroundFill:u}=i,h=(p=this._ObjectProvider)==null?void 0:p.convertToRenderObjects(S,t);return this._addBackgroundRect(d,u,s),d.addObjects(h),h==null||h.forEach(_=>{d.attachTransformerTo(_)}),d}_addBackgroundRect(e,r,i){const t=i.getPageSize(),{width:s=0,height:n=0}=t,c=new o.Rect("canvas",{left:0,top:0,width:s,height:n,strokeWidth:1,stroke:"rgba(198,198,198, 1)",fill:l.getColorStyle(r)||"rgba(255,255,255, 1)",zIndex:0,evented:!1});e.addObject(c,0)}};Q=ze([Ce(0,l.Inject(l.Injector))],Q);class Ne{constructor(){g(this,"zIndex",6)}create(e){return e.createInstance(Q)}}N.add(new Ne);var We=Object.defineProperty,He=Object.getOwnPropertyDescriptor,Ye=(a,e,r,i)=>{for(var t=i>1?void 0:i?He(e,r):e,s=a.length-1,n;s>=0;s--)(n=a[s])&&(t=(i?n(e,r,t):n(t))||t);return i&&t&&We(e,r,t),t},G=(a,e)=>(r,i)=>e(r,i,a);let ee=class extends H{constructor(e,r,i){super();g(this,"zIndex",4);g(this,"viewKey",l.PageElementType.SPREADSHEET);this._localeService=e,this._contextService=r,this._configService=i}check(e){if(e===this.viewKey)return this}convert(e,r){const{id:i,zIndex:t,left:s=0,top:n=0,width:c,height:d,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,spreadsheet:E}=e;if(E==null)return;const{worksheet:m,styles:O}=E,{cellData:y}=m,I=new l.ObjectMatrix(y),b=new l.Styles(O),P=new o.SpreadsheetSkeleton(new l.Worksheet(i,m,b),m,I,b,this._localeService,this._contextService,this._configService),{rowTotalHeight:D,columnTotalWidth:w,rowHeaderWidth:T,columnHeaderHeight:x}=P,z=w+m.rowHeader.width||0,Y=D+m.columnHeader.height||0,W=new o.SceneViewer("spreadInSlideSceneViewer"+i,{top:n,left:s,width:c,height:d,zIndex:t,angle:v,scaleX:S,scaleY:u,skewX:h,skewY:p,flipX:_,flipY:f,forceRender:!0}),L=new o.Scene("spreadInSlideScene"+i,W,{width:z,height:Y});this._updateViewport(i,T,x,L,r);const V=new o.Spreadsheet("testSheetViewer",P,!1),C=new o.SpreadsheetRowHeader("spreadInSlideRow",P),F=new o.SpreadsheetColumnHeader("spreadInSlideColumn",P),K=new o.Rect("spreadInSlideLeftTop",{zIndex:2,left:-1,top:-1,width:T,height:x,fill:o.getColor([248,249,250]),stroke:o.getColor([217,217,217]),strokeWidth:1});return V.zIndex=10,L.addObjects([V],1),L.addObjects([C,F,K],2),W}_updateViewport(e,r,i,t,s){if(s==null)return;const n=r*t.scaleX,c=i*t.scaleY,d=new o.Viewport("spreadInSlideViewMain"+e,t,{left:n,top:c,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0}),v=new o.Viewport("spreadInSlideViewTop"+e,t,{left:n,height:c,top:0,right:0,explicitViewportWidthSet:!1,isWheelPreventDefaultX:!0}),S=new o.Viewport("spreadInSlideViewLeft"+e,t,{left:0,bottom:0,top:c,width:n,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});new o.Viewport("spreadInSlideViewLeftTop"+e,t,{left:0,top:0,width:n,height:c,isWheelPreventDefaultX:!0}),d.onScrollAfter$.subscribeEvent(u=>{const{scrollX:h,scrollY:p,viewportScrollX:_,viewportScrollY:f}=u;v.updateScrollVal({scrollX:h,viewportScrollX:_}),S.updateScrollVal({scrollY:p,viewportScrollY:f})}),t.attachControl(),new o.ScrollBar(d,{mainScene:s}),t.onMouseWheel$.subscribeEvent((u,h)=>{const p=u;if(p.ctrlKey){const _=Math.abs(p.deltaX);let f=_<40?.05:_<80?.02:.01;f*=p.deltaY>0?-1:1,t.scaleX<1&&(f/=2),t.scaleX+f>4?t.scale(4,4):t.scaleX+f<.1?t.scale(.1,.1):(t.scaleBy(f,f),p.preventDefault())}else d.onMouseWheel(p,h)})}};ee=Ye([G(0,l.Inject(l.LocaleService)),G(1,l.IContextService),G(2,l.IConfigService)],ee);class $e{constructor(){g(this,"zIndex",4)}create(e){return e.createInstance(ee)}}N.add(new $e);var ae=(a=>(a.COMPONENT="__slideRender__",a.SCENE="__mainScene__",a.VIEW="__mainView__",a))(ae||{});exports.CanvasObjectProviderRegistry=N;exports.ObjectAdaptor=H;exports.SLIDE_KEY=ae;exports.SLIDE_VIEW_KEY=ne;
|