{ "pandav:/index.js": { "cubeCode": "Cube('pandav:/com/time-line/1.0.1',['pandav:/npm/bcore/0.0.18/event','pandav:/npm/react/17.0.2','pandav:/npm/react-dom/17.0.2','pandav:/com/time-line/1.0.1/com.jsx','pandav:/npm/jquery/2.1.4'],function(a,b,c){var d=c('pandav:/npm/bcore/0.0.18/event'),e=c('pandav:/npm/react/17.0.2'),f=c('pandav:/npm/react-dom/17.0.2'),g=c('pandav:/com/time-line/1.0.1/com.jsx'),h=c('pandav:/npm/jquery/2.1.4');return a.exports=d.extend(function(a,b){this.config={theme:{}},this.container=a,this.apis=b.apis,this.containSize={boxWidth:h(a)&&h(a).width(),boxHeight:h(a)&&h(a).height()},this.init(b)},{init:function(a){this.mergeConfig(a)},mergeConfig:function(a){var b;return a?(b=a,this.config=a):b=this.config,b},updateOptions:function(a){this.render(this._data,a)},data:function(a){return a&&(this._data=a),this._data},setColors:function(){},resize:function(a,b){this.containSize={boxWidth:a,boxHeight:b},this.render(this._data,this.config)},render:function(a,b){a=this.data(a);var c=this.mergeConfig(b);f.render(e.createElement(g,Object.assign({width:this.containSize.boxWidth,height:this.containSize.boxHeight,emit:this.emit.bind(this),config:c.options,data:a,id:this.__id})),this.container)},destroy:function(){return!!this.container&&void(f.unmountComponentAtNode(this.container),this.container.innerHTML='')}}),a.exports});", "requires": [ "pandav:/com.jsx" ], "buildLevel": 1, "outputDir": "/com/time-line/1.0.1", "outputPath": "/com/time-line/1.0.1/index.js", "fileName": "/index.js" }, "pandav:/com.jsx": { "cubeCode": "Cube('pandav:/com/time-line/1.0.1/com.jsx',['pandav:/npm/react/17.0.2','pandav:/npm/lodash/4.6.1','pandav:/com/time-line/1.0.1/utils','pandav:/com/cube-chart/0.0.2','pandav:/com/rankBar/1.0.0/src/utils','pandav:/com/tween-animation/2.0.0','pandav:/com/time-line/1.0.1/Text.jsx'],function(a,b,c){function d(a){\"@babel/helpers - typeof\";return d='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&'function'==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?'symbol':typeof a},d(a)}function e(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function f(a,b){for(var c,d=0;da.current-1?c-1:a.current-1;return b.props.emit&&b.props.emit('currentValueChange',b.data[d]),{width:d*b.padding,current:d}})}},{key:'handleSetNextTick',value:function a(){var b=this,c=this.data.length;this.setState(function(a){if(a.moving)return a;var d=(a.current+1)%c;return b.props.emit&&b.props.emit('currentValueChange',b.data[d]),{width:d*b.padding,current:d}})}},{key:'getTween',value:function b(a){function c(a){d.frame=requestAnimationFrame(c),d.tween.update(a)}var d=this,e=a.from,f=a.to,g=a.duration,h=a.ease;this.tween&&this.clearTween(),this.tween=new E({top:e}).to({top:f},g).easing(h.Out).start().onUpdate(function(a){d.update(a.top)}).onComplete(function(){d.complete()}),requestAnimationFrame(c)}},{key:'clearTween',value:function a(){cancelAnimationFrame(this.frame),this.tween&&this.tween.stop()}},{key:'update',value:function b(a){var c=this,d=this.state,e=d.current,f=d.flag,g=!1,h=!1;a>=this.padding*(e+1)&&(g=!0),a>=this.padding*e&&f!==e&&(h=!0),this.setState(function(b){return s.assign({},b,{width:a,current:g?b.current+1:b.current,flag:h?e:b.flag})},function(){h&&c.props.emit&&c.props.emit('currentValueChange',c.data[e])})}},{key:'complete',value:function a(){var b=this,c=this.props.config.controller.duration,d=this.data.length-1;this.props.emit&&this.props.emit('currentValueChange',this.data[d]),this.props.emit&&this.props.emit('end',this.data[d]);var e=c/(this.data.length-1);this.state.looping?(this.setState({width:0,current:0}),setTimeout(function(){b.startMoving({max:b.data.length-1,interval:e,padding:b.padding})},e)):this.setState({moving:!1},function(){b.to0()})}},{key:'handleText',value:function b(a){var c=this;return function(){c.setState({moving:!1,width:a*c.padding,current:a},function(){c.pauseMoving()}),c.props.emit&&c.props.emit('click',c.data[a]),c.props.emit&&c.props.emit('currentValueChange',c.data[a])}}},{key:'handleStop',value:function a(){var b=this;this.setState({moving:!1},function(){b.pauseMoving()})}},{key:'handleStart',value:function a(){var b=this;this.setState({moving:!0},function(){b.resumeMoving()})}},{key:'pauseMoving',value:function a(){this.tween&&this.tween.pause&&this.tween.pause()}},{key:'resumeMoving',value:function a(){this._startMoving()}},{key:'onClick',value:function b(a){this.state.moving?this.handleSuspend():this.handleOpen()}},{key:'onMouseDown',value:function b(a){var c=this;this.setState({moving:!1},function(){c.pauseMoving()});var d=a.pageX;this.setState({lastX:d}),this.scale=y(window.getScale())||[1,1],document.addEventListener('mousemove',this.onMouseMoveEvent),document.addEventListener('mouseup',this.onMouseUpEvent)}},{key:'onMouseMove',value:function c(a){var d=document.getElementById('BAR'+this.id).getBoundingClientRect(),e=d.left,f=d.right,g=(a.pageX<=e?0:a.pageX>f?f-e:a.pageX-e)*this.scale[0],h=b(g/this.padding);this.setState({width:g,current:h})}},{key:'onMouseUp',value:function b(a){var c=this;document.removeEventListener('mousemove',this.onMouseMoveEvent),document.removeEventListener('mouseup',this.onMouseUpEvent);var d=this.state.current;this.props.emit&&this.props.emit('currentValueChange',this.data[d]),this.setState({moving:!1},function(){c.resumeMoving()})}},{key:'BarOnClick',value:function c(a){var d=this,e=y(window.getScale())||[1,1];this.setState({moving:!1},function(){d.pauseMoving()});var f=document.getElementById('BAR'+this.id).getBoundingClientRect(),g=f.left,h=f.right,i=(a.pageX<=g?0:a.pageX>h?h-g:a.pageX-g)*e[0],j=b(i/this.padding);this.setState({width:i,current:j},function(){var a=d.state.current;d.props.emit&&d.props.emit('currentValueChange',d.data[a])}),this.setState({moving:!1},function(){d.resumeMoving()})}},{key:'changeWidth',value:function c(a,b){var d=this,e=this.props.config.controller.duration,f=this.data.length-1,g=e/f;this.setState({width:a,current:b},function(){d.getTween({from:a,to:d.padding*f+.1,duration:1e3*(g*(f-b)),ease:F})})}},{key:'startMoving',value:function b(a){var c=a.max,d=a.interval,e=a.padding,f=a.manualPlay;this.max=c,this.duration=d,this.padding=e,this.manualPlay=f,this._startMoving()}},{key:'componentDidMount',value:function a(){var b=this.props.config.controller,c=b.looping,d=b.manualPlay,e=b.duration;this.state.looping=c;var f=this.data.length-1,g=e/f;this.startMoving({max:f,padding:this.padding,interval:g,manualPlay:d}),this.data[0]&&this.props.emit&&this.props.emit('currentValueChange',this.data[0]),document.addEventListener('setLastTick_'.concat(this.id),this.handleSetLastTick.bind(this)),document.addEventListener('setNextTick_'.concat(this.id),this.handleSetNextTick.bind(this)),document.addEventListener('setCurrentValue_'.concat(this.id),this.handleSetCurrentValue.bind(this)),document.addEventListener('suspend_'.concat(this.id),this.handleSuspend.bind(this)),document.addEventListener('open_'.concat(this.id),this.handleOpen.bind(this))}},{key:'componentWillReceiveProps',value:function b(a){var c=this,d=this.props.config,e=d.controller,f=e.looping,g=e.manualPlay,h=e.duration,i=e.defaultState,j=d.chart.linelabel,k=this.props,l=k.width,m=k.data,n=a.config,o=n.controller,p=o.looping,q=o.manualPlay,r=o.duration,t=o.defaultState,u=n.chart.linelabel,v=a.width,w=a.data,x=s.isEqual(w,m);if(x||this.setState({moving:!1,width:0,current:0},function(){this.pauseMoving(),w[0]&&this.props.emit&&this.props.emit('currentValueChange',w[0])}),!s.isEqual(l,v)||!x||!s.isEqual(f,p)||!s.isEqual(g,q)||!s.isEqual(h,r)||!s.isEqual(i,t)||!s.isEqual(j,u)){this.dataProcess(a,a.data);var y=40,z=a.config.controller.iconStyle.size.width,A=a.width-40-z;this.padding=A/(this.data.length-1);var B=0;this.updateTimer&&clearTimeout(this.updateTimer),this.updateTimer=setTimeout(function(){var a=c.data.length-1;c.startMoving({max:a,interval:r/a,padding:c.padding}),t&&(c.pauseMoving(),c.data.map(function(a,b){var c=a.text;c==t&&(B=b)})),q?c.setState({moving:!q,looping:p,width:c.padding*B,current:B},function(){c.tween&&c.tween.pause()}):c.setState({moving:!q,looping:p},function(){if(t)c.pauseMoving(),c.data.map(function(a,b){var d=a.text;d==t&&c.changeWidth(c.padding*b,b)});else{var a=c.data.length-1;c.startMoving({max:a,interval:r/a,padding:c.padding})}})},500)}}},{key:'componentWillUnmount',value:function a(){this.tween&&this.tween.stop(),this.clearTween()}},{key:'_startMoving',value:function a(){!this.state.moving||2>this.data.length||(this.state.width?this.getTween({from:this.state.width,to:this.padding*this.max+.1,duration:1e3*(this.duration*(this.max-this.state.current)),ease:F}):(this.props.emit&&this.props.emit('start',this.data[0]),this.getTween({from:0,to:this.padding*this.max+.1,duration:1e3*(this.duration*this.max),ease:F}),this.setState({width:0,current:0})))}},{key:'to0',value:function a(){this.tween&&this.tween.stop(),this.clearTween(),this.tween=null,this.setState({moving:!1,width:0,current:0})}},{key:'render',value:function a(){var b=this,c=this.props,d=c.data,e=c.config,f=c.id,g=e.chart,h=g.barStyle,i=h.barColors,j=h.barThickness,k=h.bgColor,l=g.linelabel,m=g.animLabel,n=m.labelFrame,o=m.lineHeight,p=m.textStyle,q=m.textTranslate,t=e.controller,u=t.cursor,v=t.iconStyle,w=v.playStyle,x=v.size,y=x.width,z=x.height,B=v.stopStyle,D=this.state,E=D.width,F=D.current,H=D.moving,I=H?w:B,J=this.data[F]&&this.data[F].label,K=40,L=this.props.width-K-y;return r.createElement('div',{className:'__pandav-component',style:{width:this.props.width,height:this.props.height,position:'absolute',display:'flex',flexDirection:'row-reverse',alignItems:'center',pointerEvents:'auto'},id:f},r.createElement('div',{id:'BAR'+f,style:{position:'relative',width:L,height:'100%'}},r.createElement('div',{style:s.assign({},{top:'5%',left:E,position:'absolute',display:'flex',width:n.size.width,height:n.size.height,cursor:'pointer'},A(p),{lineHeight:o+'px',transform:'translate(-'+n.size.width/2+'px, 0px)translate3d('+n.translate.x+'px, '+n.translate.y+'px,0px)',background:n.url?'50% 50% / 100% 100% url('+n.url+')':'none'}),onMouseDown:this.onMouseDownEvent},('boolean'==typeof J&&J||'string'==typeof J&&'true'==J)&&r.createElement('span',{style:s.assign({},A(p),{transform:'translate3d('+q.x+'px, '+q.y+'px,0px)'})},this.data[F]&&this.data[F].text)),r.createElement('div',{style:{position:'relative',width:L,top:'45%',height:j,background:k,cursor:'pointer'},onClick:this.BarOnClick.bind(this)},r.createElement('div',{style:{position:'absolute',height:'100%',width:E,background:C(i),pointerEvents:'auto'}}),r.createElement('img',{src:u.url,draggable:!1,alt:'',style:s.assign({position:'absolute',left:E-u.size.width/2,top:-u.size.width/2+j/2},u.size,{},{transform:'translate('.concat(u.translate.x,'px,').concat(u.translate.y,'px)')}),onMouseDown:this.onMouseDownEvent})),r.createElement('div',null,l.show&&this.data&&this.data.map(function(a,c){var d=a.show;return'boolean'==typeof d&&d||'string'==typeof d&&'true'==d?r.createElement(G,{styles:l,onClick:b.handleText(c).bind(b),key:c,index:c,text:a.text,padding:b.padding}):null}))),r.createElement('div',{style:{margin:'20px',width:y,height:z,flexShrink:0,transform:'translate3d('+I.translate.x+'px, '+I.translate.y+'px,0px)',background:I.url?'50% 50% / 100% 100% url('+I.url+')':'none',pointerEvents:'auto',cursor:'pointer'},onClick:this.onClick.bind(this)}))}}]),c}(r.Component);return a.exports=H,a.exports});", "requires": [ "pandav:/utils.js", "pandav:/Text.jsx" ], "buildLevel": 2, "outputDir": "/com/time-line/1.0.1", "outputPath": "/com/time-line/1.0.1/com.jsx", "fileName": "/com.jsx" }, "pandav:/Text.jsx": { "cubeCode": "Cube('pandav:/com/time-line/1.0.1/Text.jsx',['pandav:/npm/react/17.0.2','pandav:/npm/lodash/4.6.1','pandav:/com/cube-chart/0.0.2'],function(a,b,c){var d=c('pandav:/npm/react/17.0.2'),e=c('pandav:/npm/lodash/4.6.1'),f=c('pandav:/com/cube-chart/0.0.2'),g=f.utils.getFontStyle;return a.exports=function(a){var b=a.index,c=a.text,f=a.padding,h=a.onClick,i=a.styles,j=i.textStyle,k=i.translate,l=i.lineHeight;return d.createElement('div',{style:e.assign({},{position:'absolute',cursor:'pointer',pointerEvents:'auto'},g(j),{left:b*f,top:'70%',lineHeight:l+'px',transform:'translate(-'.concat(j.fontSize,'px, 0px) translate3d(').concat(k.x,'px, ').concat(k.y,'px, 0px)'),whiteSpace:'pre'}),onClick:h},c)},a.exports});", "requires": [], "buildLevel": 4, "outputDir": "/com/time-line/1.0.1", "outputPath": "/com/time-line/1.0.1/Text.jsx", "fileName": "/Text.jsx" }, "pandav:/utils.js": { "cubeCode": "Cube('pandav:/com/time-line/1.0.1/utils',[],function(a){var b=Math.max,c=Math.min;function d(a,b){return j(a)||h(a,b)||f(a,b)||e()}function e(){throw new TypeError('Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.')}function f(a,b){if(a){if('string'==typeof a)return g(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return'Object'===c&&a.constructor&&(c=a.constructor.name),'Map'===c||'Set'===c?Array.from(a):'Arguments'===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?g(a,b):void 0}}function g(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c