weex-flymeui/dist/components/fm-tab-page/index.weex.js

A Flyme Style UI library based on Weex for Creator.

// { "framework": "Vue" }

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["npm/weex-flymeui/components/fm-tab-page/index"]=t():e["npm/weex-flymeui/components/fm-tab-page/index"]=t()}("undefined"!=typeof self?self:this,function(){return function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/",i(i.s=194)}({14:function(module,exports,__webpack_require__){!function(e){module.exports=e()}(function(){return function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r=i(1);function s(e){try{if(void 0!==("undefined"==typeof weex?"undefined":n(weex))&&weex.requireModule)return weex.requireModule(e)}catch(e){}return window.require("@weex-module/"+e)}var o=!0,a=!0,l=void 0;try{l=s("bindingx"),o=!0}catch(e){o=!1}if(!l||!l.bind)try{l=s("binding"),o=!0}catch(e){o=!1}if(!(o=!!(l&&l.bind&&l.unbind)))try{l=s("expressionBinding"),a=!0}catch(e){a=!1}function u(e){if(void 0!==e){try{e=JSON.parse(e)}catch(e){}var t={};if("string"==typeof e?t.origin=e:e&&(t.origin=e.origin,t.transformed=e.transformed),t.transformed||t.origin)return t.transformed=t.transformed||(0,r.parse)(t.origin),t}}a=!(!l||!l.bind&&!l.createBinding),t.default={isSupportNewBinding:o,isSupportBinding:a,_bindingInstances:[],bind:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};if(!e)throw new Error("should pass options for binding");if(e.exitExpression=u(e.exitExpression),e.props&&e.props.forEach(function(e){e.expression=u(e.expression)}),l&&a){if(o)return l.bind(e,e&&"timing"===e.eventType?function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("function"==typeof e)return e({state:"end"===t.state?"exit":t.state,t:void 0!==t.t?t.t:t.deltaT})}}(t):t);l.enableBinding(e.anchor,e.eventType);var i=e.props.map(function(e){return{element:e.element,property:e.property,expression:e.expression.transformed}});l.createBinding(e.anchor,e.eventType,"",i,t)}},unbind:function(e){if(!e)throw new Error("should pass options for binding");if(l&&a)return o?l.unbind(e):l.disableBinding(e.anchor,e.eventType)},unbindAll:function(){if(l&&a)return o?l.unbindAll():l.disableAll()},prepare:function(e){if(l&&a)return o?l.prepare(e):l.enableBinding(e.anchor,e.eventType)},getComputedStyle:function(e){return o?l.getComputedStyle(e):{}}},e.exports=t.default},function(e,t,i){"use strict";e.exports=i(2)},function(module,exports,__webpack_require__){"use strict";var lex={InputElementDiv:"<WhiteSpace>|<LineTerminator>|<ReservedWord>|<Identifier>|<NumericLiteral>|<Punctuator>|<StringLiteral>",InputElementRegExp:"<WhiteSpace>|<LineTerminator>|<ReservedWord>|<Identifier>|<NumericLiteral>|<Punctuator>|<StringLiteral>",ReservedWord:"<Keyword>|<NullLiteral>|<BooleanLiteral>",WhiteSpace:/[\t\v\f\u0020\u00A0\u1680\u180E\u2000-\u200A\u202F\u205f\u3000\uFEFF]/,LineTerminator:/[\n\r\u2028\u2029]/,Keyword:/new(?![_$a-zA-Z0-9])|void(?![_$a-zA-Z0-9])|delete(?![_$a-zA-Z0-9])|in(?![_$a-zA-Z0-9])|instanceof(?![_$a-zA-Z0-9])|typeof(?![_$a-zA-Z0-9])/,NullLiteral:/null(?![_$a-zA-Z0-9])/,BooleanLiteral:/(?:true|false)(?![_$a-zA-Z0-9])/,Identifier:/[_$a-zA-Z][_$a-zA-Z0-9]*/,Punctuator:/\/|=>|\*\*|>>>=|>>=|<<=|===|!==|>>>|<<|%=|\*=|-=|\+=|<=|>=|==|!=|\^=|\|=|\|\||&&|&=|>>|\+\+|--|\:|}|\*|&|\||\^|!|~|-|\+|\?|%|=|>|<|,|;|\.(?![0-9])|\]|\[|\)|\(|{/,DivPunctuator:/\/=|\//,NumericLiteral:/(?:0[xX][0-9a-fA-F]*|\.[0-9]+|(?:[1-9]+[0-9]*|0)(?:\.[0-9]*|\.)?)(?:[eE][+-]{0,1}[0-9]+)?(?![_$a-zA-Z0-9])/,StringLiteral:/"(?:[^"\n\\\r\u2028\u2029]|\\(?:['"\\bfnrtv\n\r\u2028\u2029]|\r\n)|\\x[0-9a-fA-F]{2}|\\u[0-9a-fA-F]{4}|\\[^0-9ux'"\\bfnrtv\n\\\r\u2028\u2029])*"|'(?:[^'\n\\\r\u2028\u2029]|\\(?:['"\\bfnrtv\n\r\u2028\u2029]|\r\n)|\\x[0-9a-fA-F]{2}|\\u[0-9a-fA-F]{4}|\\[^0-9ux'"\\bfnrtv\n\\\r\u2028\u2029])*'/,RegularExpressionLiteral:/\/(?:\[(?:\\[\s\S]|[^\]])*\]|[^*\/\\\n\r\u2028\u2029]|\\[^\n\r\u2028\u2029])(?:\[(?:\\[\s\S]|[^\]])*\]|[^\/\\\n\r\u2028\u2029]|\\[^\n\r\u2028\u2029])*\/[0-9a-zA-Z]*/};function XRegExp(e,t,i){var n=[t];var r=function t(r){var s=new RegExp;return s.compile(r.replace(/<([^>]+)>/g,function(i,r){return e[r]?(n.push(r),e[r]instanceof RegExp?"("+e[r].source+")":"("+t(e[r]).source+")"):""}),i),s}(e[t]);this.exec=function(e){var t=r.exec(e);if(null==t)return null;for(var i=new String(t[0]),s=0;s<n.length;s++)t[s]&&(i[n[s]]=t[s]);return i},Object.defineProperty(this,"lastIndex",{get:function(){return r.lastIndex},set:function(e){r.lastIndex=e}})}function LexicalParser(){var e,t=new XRegExp(lex,"InputElementDiv","g"),i=new XRegExp(lex,"InputElementRegExp","g");Object.defineProperty(this,"source",{get:function(){return e},set:function(n){e=n,t.lastIndex=0,i.lastIndex=0}}),this.reset=function(){t.lastIndex=0,i.lastIndex=0},this.getNextToken=function(n){var r,s=t.lastIndex,o=(r=n?t:i).exec(e);if(o&&r.lastIndex-s>o.length)throw new SyntaxError("Unexpected token ILLEGAL");return t.lastIndex=r.lastIndex,i.lastIndex=r.lastIndex,o}}var rules={IdentifierName:[["Identifier"]],Literal:[["NullLiteral"],["BooleanLiteral"],["NumericLiteral"],["StringLiteral"],["RegularExpressionLiteral"]],PrimaryExpression:[["Identifier"],["Literal"],["(","Expression",")"]],CallExpression:[["PrimaryExpression","Arguments"],["CallExpression","Arguments"]],Arguments:[["(",")"],["(","ArgumentList",")"]],ArgumentList:[["ConditionalExpression"],["ArgumentList",",","ConditionalExpression"]],LeftHandSideExpression:[["PrimaryExpression"],["CallExpression"]],UnaryExpression:[["LeftHandSideExpression"],["void","UnaryExpression"],["+","UnaryExpression"],["-","UnaryExpression"],["~","UnaryExpression"],["!","UnaryExpression"]],ExponentiationExpression:[["UnaryExpression"],["ExponentiationExpression","**","UnaryExpression"]],MultiplicativeExpression:[["MultiplicativeExpression","/","ExponentiationExpression"],["ExponentiationExpression"],["MultiplicativeExpression","*","ExponentiationExpression"],["MultiplicativeExpression","%","ExponentiationExpression"]],AdditiveExpression:[["MultiplicativeExpression"],["AdditiveExpression","+","MultiplicativeExpression"],["AdditiveExpression","-","MultiplicativeExpression"]],ShiftExpression:[["AdditiveExpression"],["ShiftExpression","<<","AdditiveExpression"],["ShiftExpression",">>","AdditiveExpression"],["ShiftExpression",">>>","AdditiveExpression"]],RelationalExpression:[["ShiftExpression"],["RelationalExpression","<","ShiftExpression"],["RelationalExpression",">","ShiftExpression"],["RelationalExpression","<=","ShiftExpression"],["RelationalExpression",">=","ShiftExpression"],["RelationalExpression","instanceof","ShiftExpression"],["RelationalExpression","in","ShiftExpression"]],EqualityExpression:[["RelationalExpression"],["EqualityExpression","==","RelationalExpression"],["EqualityExpression","!=","RelationalExpression"],["EqualityExpression","===","RelationalExpression"],["EqualityExpression","!==","RelationalExpression"]],BitwiseANDExpression:[["EqualityExpression"],["BitwiseANDExpression","&","EqualityExpression"]],BitwiseXORExpression:[["BitwiseANDExpression"],["BitwiseXORExpression","^","BitwiseANDExpression"]],BitwiseORExpression:[["BitwiseXORExpression"],["BitwiseORExpression","|","BitwiseXORExpression"]],LogicalANDExpression:[["BitwiseORExpression"],["LogicalANDExpression","&&","BitwiseORExpression"]],LogicalORExpression:[["LogicalANDExpression"],["LogicalORExpression","||","LogicalANDExpression"]],ConditionalExpression:[["LogicalORExpression"],["LogicalORExpression","?","LogicalORExpression",":","LogicalORExpression"]],Expression:[["ConditionalExpression"],["Expression",",","ConditionalExpression"]],Program:[["Expression"]]};function Symbol(e,t){this.name=e,this.token=t,this.childNodes=[],this.toString=function(e){if(e||(e=""),1==this.childNodes.length)return this.childNodes[0].toString(e);for(var t=e+this.name+(void 0!=this.token&&this.name!=this.token?":"+this.token:"")+"\n",i=0;i<this.childNodes.length;i++)t+=this.childNodes[i].toString(e+"    ");return t}}function SyntacticalParser(){var e={Program:"$"},t={};!function e(i){t[JSON.stringify(i)]=i;for(var n=Object.getOwnPropertyNames(i);n.length;){var r=n.shift();rules[r]&&rules[r].forEach(function(e){i[e[0]]||n.push(e[0]);var t=i;e.forEach(function(e){t[e]||(t[e]={}),t=t[e]}),i[r].$div&&(t.$div=!0),t.$reduce=r,t.$count=e.length})}for(var s in i)"object"!=typeof i[s]||"$"==s.charAt(0)||i[s].$closure||(t[JSON.stringify(i[s])]?i[s]=t[JSON.stringify(i[s])]:e(i[s]));i.$closure=!0}(e);var i=[],n=[e],r=e;this.insertSymbol=function(e,t){for(;!r[e.name]&&r.$reduce;){for(var s=r.$count,o=new Symbol(r.$reduce);s--;)o.childNodes.push(i.pop()),n.pop();r=n[n.length-1],this.insertSymbol(o)}if(r=r[e.name],i.push(e),n.push(r),!r)throw new Error;return r.$div},this.reset=function(){r=e,i=[],n=[e]},Object.defineProperty(this,"grammarTree",{get:function(){try{for(;r.$reduce;){for(var e=r.$count,t=new Symbol(r.$reduce);e--;)t.childNodes.push(i.pop()),n.pop();r=n[n.length-1],this.insertSymbol(t)}if(i.length>0&&r[";"])return this.insertSymbol(new Symbol(";",";")),this.grammarTree;if(1!=i.length||"Program"!=i[0].name)throw new Error}catch(e){throw new SyntaxError("Unexpected end of input")}return i[0]}})}function Parser(){this.lexicalParser=new LexicalParser,this.syntacticalParser=new SyntacticalParser;var e={};["NullLiteral","BooleanLiteral","NumericLiteral","StringLiteral","RegularExpressionLiteral","Identifier","**","=>","{","}","(",")","[","]",".",";",",","<",">","<=",">=","==","!=","===","!==","+","-","*","%","++","--","<<",">>",">>>","&","|","^","!","~","&&","||","?",":","=","+=","-=","*=","%=","<<=",">>=",">>>=","&=","|=","^=","/","/=","instanceof","typeof","new","void","debugger","this","delete","in"].forEach(function(t){Object.defineProperty(e,t,{})}),this.reset=function(){this.lexicalParser.reset(),this.syntacticalParser.reset()},this.parse=function(t,i){var n,r=!1;this.lexicalParser.source=t;for(var s=!1;n=this.lexicalParser.getNextToken(s);){i&&i(n);try{if(Object.getOwnPropertyNames(n).some(t=>!!e.hasOwnProperty(t)&&(s=this.syntacticalParser.insertSymbol(new Symbol(t,n),r),r=!1,!0)))continue;(n.Keyword||n.Punctuator||n.DivPunctuator)&&e.hasOwnProperty(n.toString())&&(s=this.syntacticalParser.insertSymbol(new Symbol(n.toString(),n),r))}catch(e){throw new SyntaxError("Unexpected token "+n)}}return this.syntacticalParser.grammarTree}}var parser=new Parser;function JavaScriptExpression(text){parser.reset(),this.tree=parser.parse(text),this.paths=[];var context=Object.create(null),me=this,pathIndex=Object.create(null);function checkSimple(e){for(var t=e;t.childNodes.length<=1&&"MemberExpression"!==t.name;)t=t.childNodes[0];"MemberExpression"===t.name?me.isSimple=!0:me.isSimple=!1}function walk(e){if("CallExpression"===e.name&&"CallExpression"!==e.childNodes[e.childNodes.length-1].name){getPath(e.childNodes[1]);walk(e.childNodes[0])}else if("NewExpression"===e.name&&1===e.childNodes.length)getPath(e.childNodes[0]);else if("MemberExpression"===e.name&&1===e.childNodes.length)getPath(e);else for(var t=0;t<e.childNodes.length;t++)walk(e.childNodes[t])}function getPath(e){var t;if("IdentifierName"===e.childNodes[0].name)return(t=getPath(e.childNodes[2]))&&(t=t.concat(e.childNodes[0].childNodes[0].token.toString())),createPath(t),t;if("PrimaryExpression"===e.childNodes[0].name)return"Identifier"===e.childNodes[0].childNodes[0].name?(createPath(t=[e.childNodes[0].childNodes[0].token.toString()]),t):null;if("]"===e.childNodes[0].name)return getPath(e.childNodes[3]),walk(e.childNodes[1]),null;if("Arguments"===e.childNodes[0].name)return walk(e.childNodes[0]),walk(e.childNodes[1]),null;for(var i=0;i<e.childNodes.length;i++)walk(e.childNodes[i])}function createPath(e){for(var t=context,i=0;i<e.length-1;i++)t[e[i]]||(t[e[i]]=Object.create(null)),t=t[e[i]];me.paths.push(e),pathIndex[e.join(".")]=!1}this.isSimple,this.isConst,walk(this.tree),checkSimple(this.tree),0===this.paths.length&&(this.isConst=!0),this.setter=function(e){for(var t=context,i=0;i<e.length-1;i++)t[e[i]]||(t[e[i]]=Object.create(null)),t=t[e[i]];return{isCompleted:function(){for(var e in pathIndex)if(!pathIndex[e])return!1;return!0},set:function(n){return pathIndex[e.join(".")]||(pathIndex[e.join(".")]=!0),t[e[i]]=n,this.isCompleted()?me.exec():void 0}}},this.valueOf=this.exec=function(){try{return function(){return eval(text)}.call(context)}catch(e){}}}function visit(e){var t,i=e.childNodes.slice().reverse(),n=i.filter(e=>!e.token||!e.token.Punctuator);if("UnaryExpression"===e.name&&(2===i.length&&"-"===i[0].name&&1===n.length))return(t=visit(n[0])).value=-t.value,t;if("Arguments"===e.name){for(var r=[],s=n[0];s;)3===s.childNodes.length&&(r.unshift(s.childNodes[0]),s=s.childNodes[2]),1===s.childNodes.length&&(r.unshift(s.childNodes[0]),s=null);return{type:"Arguments",children:r.map(e=>visit(e))}}if(n&&1===n.length)return t=visit(n[0]);if(e.token&&["NullLiteral","BooleanLiteral","NumericLiteral","StringLiteral","Identifier"].some(t=>e.token[t])){var o=Object.keys(e.token).filter(e=>e.match(/Literal/)||e.match(/Identifier/))[0];return{type:o,value:{NullLiteral:null,BooleanLiteral:Boolean(e.token),NumericLiteral:Number(e.token),StringLiteral:e.token,Identifier:e.token}[o]}}return"CallExpression"===e.name?{type:"CallExpression",children:[visit(i[0]),visit(i[1])]}:{type:i.filter(e=>e.token&&e.token.Punctuator)[0].name,children:i.filter(e=>!e.token||!e.token.Punctuator).map(e=>visit(e))}}function parse(e){let t=new JavaScriptExpression(e);return JSON.stringify(visit(t.tree),null)}module.exports={parse:parse}}])})},194:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(195);Object.defineProperty(t,"default",{enumerable:!0,get:function(){return function(e){return e&&e.__esModule?e:{default:e}}(n).default}})},195:function(e,t,i){var n,r,s=[];s.push(i(196)),n=i(197);var o=i(198);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(Object.keys(n).some(function(e){return"default"!==e&&"__esModule"!==e})&&console.error("named exports are not supported in *.vue files."),r=n=n.default),"function"==typeof r&&(r=r.options),r.__file="/Users/suen/Documents/develop/project/weex-flymeui/packages/fm-tab-page/index.vue",r.render=o.render,r.staticRenderFns=o.staticRenderFns,r._scopeId="data-v-74ac4cbc",r.style=r.style||{},s.forEach(function(e){for(var t in e)r.style[t]=e[t]}),"function"==typeof __register_static_styles__&&__register_static_styles__(r._scopeId,s),e.exports=n},196:function(e,t){e.exports={"fm-tab-page":{width:"1080"},"tab-title-list":{width:"1080",flexDirection:"row",borderBottomWidth:"2",borderColor:"rgba(0,0,0,0.1)"},"tab-title-wrap":{flexDirection:"row",justifyContent:"space-around",paddingTop:0,paddingRight:"48",paddingBottom:0,paddingLeft:"48"},"title-item":{paddingTop:"27",paddingRight:"18",paddingBottom:"27",paddingLeft:"18",marginRight:"42"},"item-title":{fontFamily:"sans-serif-medium",fontWeight:"500",fontSize:"42",lineHeight:"57"},"border-bottom":{position:"absolute",left:0,bottom:0,height:"3",width:"132"},"tab-page-wrap":{width:"1080",overflow:"hidden"},"tab-container":{flex:1,flexDirection:"row",position:"absolute"},"tab-item":{width:"1080"}}},197:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(i(14));var r=weex.requireModule("animation"),s=weex.requireModule("dom"),o="Web"===weex.config.env.platform;t.default={name:"FmTabPage",props:{tabTitles:{type:Array,default:function(){return[]}},panDist:{type:Number,default:200},duration:{type:[Number,String],default:300},tabPageHeight:{type:[String,Number],default:1854},tabStyles:{type:Object,default:function(){return{}}},timingFunction:{type:String,default:"cubic-bezier(0.25, 0.46, 0.45, 0.94)"},selectIndex:{type:Number,default:0}},watch:{selectIndex:function(e){this.loaded&&this.setPage(this.selectIndex,!1)}},computed:{maxPage:function(){return this.tabTitles.length-1},cTabStyles:function(){return Object.assign({},{titleColor:"rgba(0, 0, 0, 0.6)",activeTitleColor:"#198DED",height:102,padding:18,fontSize:42,activeBottomColor:"#198DED"},this.tabStyles)}},data:function(){return{loaded:!1,currentPage:0,gesToken:0,isMoving:!1,startTime:0,deltaX:0,translateX:0,startPosX:0,startPosY:0,judge:"INITIAL",bottomInitWidth:0,bottomInitOffset:0,tabPositions:[]}},methods:{next:function(){var e=this.currentPage;e<this.maxPage&&e++,this.setPage(e)},prev:function(){var e=this.currentPage;e>0&&e--,this.setPage(e)},startHandler:function(){this.bindExp(this.$refs["tab-page-wrap"])},_onTouchStart:function(e){o&&(this.startPosX=this._getTouchXPos(e),this.startPosY=this._getTouchYPos(e),this.deltaX=0,this.startTime=(new Date).getTime())},_onTouchMove:function(e){o&&(this.deltaX=this._getTouchXPos(e)-this.startPosX,this.deltaY=Math.abs(this._getTouchYPos(e)-this.startPosY+1),"INITIAL"===this.judge&&Math.abs(this.deltaX)/this.deltaY>1.73&&(this.judge="SLIDE_ING"))},_onTouchEnd:function(e){o&&("SLIDE_ING"===this.judge&&(this.deltaX<-50?this.next():this.deltaX>50&&this.prev()),this.judge="INITIAL")},bindExp:function(e){var t=this;if(e&&e.ref){if(this.isMoving&&0!==this.gesToken)return n.default.unbind({eventType:"pan",token:this.gesToken}),void(this.gesToken=0);var i=this.$refs["tab-container"],r=this.$refs["tab-border"],s=this.$refs["tab-title-list"],o=this.currentPage,a=this.panDist,l=this.maxPage,u=1080*o,c=this.tabPositions[o].offset,d=this.tabPositions[o].width,p=this.tabPositions[o<=0?0:o-1].offset,f=this.tabPositions[o<=0?0:o-1].width,h=this.tabPositions[o>=l?l:o+1].offset,x=this.tabPositions[o>=l?l:o+1].width,g="x + "+-u,m="x / 1080 * (x > 0 ? -"+(c-p)+" : -"+(h-c)+") + "+c,b=d/2,y=d+" + (x > 0 ? "+(f===d?"(abs(x) <= 540 ? (abs(x)/540 * "+b+") : (2-abs(x)/540) * "+b+")":"(abs(x)/1080 * "+(f-d)+")")+" : "+(x===d?"(abs(x) <= 540 ? (abs(x)/540 * "+b+") : (2-abs(x)/540) * "+b+")":"(abs(x)/1080 * "+(x-d)+")")+")",v=c-540+d/2+" - x / 1080 * "+(h-540+x/2-(c-540+d/2))+" - "+(c-540<0?48:0);0===o?(g="x >= 0 ? 0 : x",y="x >= 0 ? "+d+" : "+y):o===l&&(g="x <= 0 ? "+1080*-l+" : x + "+-u,y="x <= 0 ? "+d+" : "+y);var E=[{element:i.ref,property:"transform.translateX",expression:g},{element:r.ref,property:"transform.translateX",expression:m},{element:r.ref,property:"width",expression:y},{element:s.ref,property:"scroll.contentOffset",expression:v}],w=n.default.bind({anchor:e.ref,eventType:"pan",props:E},function(e){var i=e.deltaX;"end"===e.state&&(i<-a?t.next():i>a?t.prev():t.setPage(o))});this.gesToken=w.token}},setPage:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!0!==this.isMoving){this.isMoving=!0;var i=this.$refs["fm-tab-title-"+e][0],n=this.tabPositions[e].width,r=this.tabPositions[e].offset;r>=540?s.scrollToElement(i,{offset:n/2-540,animated:t}):s.scrollToElement(i,{offset:-r,animated:t}),this.currentPage=e,this._animateTransformX(e,t),this._animateBorder(e,t),this.$emit("fmTabPageTabSelected",{page:e})}},_animateTransformX:function(e){var t=this,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.duration,s=this.timingFunction,o=this.$refs["tab-container"],a=1080*e;r.transition(o,{styles:{transform:"translateX("+-a+"px)"},duration:i?n:1e-5,timingFunction:s,delay:0},function(){t.isMoving=!1})},_animateBorder:function(e){var t=this,i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.duration,s=this.timingFunction,o=this.tabPositions,a=this.$refs["tab-border"],l=o[e].offset;r.transition(a,{styles:{transform:"translateX("+l+"px)",width:o[e].width},duration:i?n:1e-5,timingFunction:s,needLayout:!1},function(){t.isMoving=!1})},_getTouchXPos:function(e){return e.changedTouches[0].pageX},_getTouchYPos:function(e){return e.changedTouches[0].pageY},_calculatePositions:function(){var e=this;this.tabTitles.map(function(t,i){s.getComponentRect(e.$refs["fm-tab-title-"+i][0],function(t){e.tabPositions[i]={width:t.size.width,offset:t.size.left},i===e.selectIndex&&(e.bottomInitWidth=t.size.width,e.bottomInitOffset=t.size.left,e.setPage(e.selectIndex,!1),setTimeout(function(){e.loaded=!0},50))})})}},mounted:function(){var e=this,t=this.$refs["tab-page-wrap"];n.default.prepare&&n.default.prepare({anchor:t.ref,eventType:"pan"}),setTimeout(function(){e._calculatePositions()},50)}}},198:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:["fm-tab-page"],style:{height:e.tabPageHeight+"px",opacity:e.loaded?1:0}},[i("scroller",{ref:"tab-title-list",staticClass:["tab-title-list"],style:{height:e.cTabStyles.height+"px"},attrs:{showScrollbar:!1,scrollDirection:"horizontal"}},[i("div",{ref:"tab-title-wrap",staticClass:["tab-title-wrap"]},[e._l(e.tabTitles,function(t,n){return i("div",{key:n,ref:"fm-tab-title-"+n,refInFor:!0,staticClass:["title-item"],on:{click:function(t){e.setPage(n)}}},[i("text",{staticClass:["item-title"],style:{fontSize:e.cTabStyles.fontSize+"px",color:e.currentPage===n?e.cTabStyles.activeTitleColor:e.cTabStyles.titleColor,paddingLeft:e.cTabStyles.padding+"px",paddingRight:e.cTabStyles.padding+"px"}},[e._v(e._s(t.title))])])}),i("div",{ref:"tab-border",staticClass:["border-bottom"],style:{width:e.bottomInitWidth+"px",backgroundColor:e.cTabStyles.activeBottomColor}})],2)]),i("div",{ref:"tab-page-wrap",staticClass:["tab-page-wrap"],style:{height:e.tabPageHeight-e.cTabStyles.height+"px"},on:{panstart:e._onTouchStart,panmove:e._onTouchMove,panend:e._onTouchEnd,horizontalpan:e.startHandler}},[i("div",{ref:"tab-container",staticClass:["tab-container"]},e._l(e.tabTitles,function(t,n){return i("div",{key:n,staticClass:["tab-item"],style:{height:e.tabPageHeight-e.cTabStyles.height+"px"}},[e._t("tab-item-"+n)],2)}))])])},staticRenderFns:[]},e.exports.render._withStripped=!0}})});