w-ui/lib/tab/index.js

A Vue.js 2.0 UI Toolkit for mobile

module.exports=function(t){function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var e={};return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=262)}({0:function(t,n){t.exports=function(t,n,e,i,r,a){var o,s=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(o=t,s=t.default);var c="function"==typeof s?s.options:s;n&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns,c._compiled=!0),e&&(c.functional=!0),r&&(c._scopeId=r);var l;if(a?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=l):i&&(l=i),l){var f=c.functional,d=f?c.render:c.beforeCreate;f?(c._injectStyles=l,c.render=function(t,n){return l.call(n),d(t,n)}):c.beforeCreate=d?[].concat(d,l):[l]}return{esModule:o,exports:s,options:c}}},1:function(t,n,e){"use strict";function i(t,n){var e=t[1]||"",i=t[3];if(!i)return e;if(n&&"function"==typeof btoa){var a=r(i);return[e].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([a]).join("\n")}return[e].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var e=i(n,t);return n[2]?"@media "+n[2]+"{"+e+"}":e}).join("")},n.i=function(t,e){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(i[a]=!0)}for(r=0;r<t.length;r++){var o=t[r];"number"==typeof o[0]&&i[o[0]]||(e&&!o[2]?o[2]=e:e&&(o[2]="("+o[2]+") and ("+e+")"),n.push(o))}},n}},2:function(t,n,e){function i(t){for(var n=0;n<t.length;n++){var e=t[n],i=l[e.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](e.parts[r]);for(;r<e.parts.length;r++)i.parts.push(a(e.parts[r]));i.parts.length>e.parts.length&&(i.parts.length=e.parts.length)}else{for(var o=[],r=0;r<e.parts.length;r++)o.push(a(e.parts[r]));l[e.id]={id:e.id,refs:1,parts:o}}}}function r(){var t=document.createElement("style");return t.type="text/css",f.appendChild(t),t}function a(t){var n,e,i=document.querySelector("style["+m+'~="'+t.id+'"]');if(i){if(v)return b;i.parentNode.removeChild(i)}if(g){var a=p++;i=d||(d=r()),n=o.bind(null,i,a,!1),e=o.bind(null,i,a,!0)}else i=r(),n=s.bind(null,i),e=function(){i.parentNode.removeChild(i)};return n(t),function(i){if(i){if(i.css===t.css&&i.media===t.media&&i.sourceMap===t.sourceMap)return;n(t=i)}else e()}}function o(t,n,e,i){var r=e?"":i.css;if(t.styleSheet)t.styleSheet.cssText=w(n,r);else{var a=document.createTextNode(r),o=t.childNodes;o[n]&&t.removeChild(o[n]),o.length?t.insertBefore(a,o[n]):t.appendChild(a)}}function s(t,n){var e=n.css,i=n.media,r=n.sourceMap;if(i&&t.setAttribute("media",i),h.ssrId&&t.setAttribute(m,n.id),r&&(e+="\n/*# sourceURL="+r.sources[0]+" */",e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=e(3),l={},f=u&&(document.head||document.getElementsByTagName("head")[0]),d=null,p=0,v=!1,b=function(){},h=null,m="data-vue-ssr-id",g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,n,e,r){v=e,h=r||{};var a=c(t,n);return i(a),function(n){for(var e=[],r=0;r<a.length;r++){var o=a[r],s=l[o.id];s.refs--,e.push(s)}n?(a=c(t,n),i(a)):a=[];for(var r=0;r<e.length;r++){var s=e[r];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete l[s.id]}}}};var w=function(){var t=[];return function(n,e){return t[n]=e,t.filter(Boolean).join("\n")}}()},262:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Tab=void 0;var i=e(263),r=function(t){return t&&t.__esModule?t:{default:t}}(i);n.Tab=r.default},263:function(t,n,e){"use strict";function i(t){u||e(264)}Object.defineProperty(n,"__esModule",{value:!0});var r=e(53),a=e.n(r);for(var o in r)"default"!==o&&function(t){e.d(n,t,function(){return r[t]})}(o);var s=e(266),u=!1,c=e(0),l=i,f=c(a.a,s.a,!1,l,null,null);f.options.__file="packages/tab/src/tab.vue",n.default=f.exports},264:function(t,n,e){var i=e(265);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);e(2)("e941754e",i,!1,{})},265:function(t,n,e){n=t.exports=e(1)(!1),n.push([t.i,"\n.wui-tab-nav {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  z-index: 0;\n}\n.wui-tab-nav:after {\n  content: '';\n  position: absolute;\n  z-index: 3;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-bottom: 1px solid '#B2B2B2';\n  -webkit-transform: scaleY(0.5);\n  transform: scaleY(0.5);\n  -webkit-transform-origin: 0 0;\n  transform-origin: 0 0;\n}\n.wui-tab-nav-item {\n  width: 1%;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  position: relative;\n  text-align: center;\n  color: #585858;\n  font-size: .28rem;\n  line-height: .85rem;\n  display: block;\n  background-color: #fff;\n}\n.wui-tab-nav-item:active {\n  background-color: #f7f7f7;\n}\n.wui-tab-nav-item a {\n  display: inherit;\n  color: inherit;\n}\n.wui-tab-nav-item:not(:last-child):after {\n  position: absolute;\n  top: 35%;\n  right: 0;\n  content: '';\n  width: 1px;\n  height: 30%;\n  -webkit-transform: scaleX(0.5);\n          transform: scaleX(0.5);\n  border-right: 1px solid #D9D9D9;\n}\n.wui-tab-nav .wui-tab-active {\n  color: #FF5E53;\n  background-color: #fff;\n}\n.wui-tab-nav .wui-tab-active:active {\n  background-color: #ffffff;\n}\n.wui-tab-nav .wui-tab-active:before {\n  content: '';\n  width: 70%;\n  height: 2px;\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  margin-left: -35%;\n  z-index: 4;\n  background-color: currentColor;\n}\n.wui-tab-panel {\n  position: relative;\n  overflow: auto;\n  background-color: #FFF;\n}\n.wui-tab-panel-item {\n  width: 100%;\n  position: absolute;\n  top: 0;\n  -webkit-transform: translateX(-100%);\n          transform: translateX(-100%);\n}\n.wui-tab-panel-item.wui-tab-active {\n  position: relative;\n  -webkit-transition: -webkit-transform .15s;\n  transition: -webkit-transform .15s;\n  transition: transform .15s;\n  transition: transform .15s, -webkit-transform .15s;\n  -webkit-transform: translateX(0);\n          transform: translateX(0);\n}\n.wui-tab-panel-item.wui-tab-active ~ .wui-tab-panel-item {\n  -webkit-transform: translateX(100%);\n          transform: translateX(100%);\n}\n",""])},266:function(t,n,e){"use strict";var i=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"wui-tab"},[e("ul",{staticClass:"wui-tab-nav"},t._l(t.navList,function(n){return e("li",{staticClass:"wui-tab-nav-item",class:n._uid==t.activeIndex?"wui-tab-active":"",on:{click:function(e){t.changeHandler(n._uid,n.title,n.tabkey)}}},[e("a",[t._v(t._s(n.title))])])})),t._v(" "),e("div",{staticClass:"wui-tab-panel"},[t._t("default")],2)])},r=[];i._withStripped=!0;var a={render:i,staticRenderFns:r};n.a=a},3:function(t,n,e){"use strict";t.exports=function(t,n){for(var e=[],i={},r=0;r<n.length;r++){var a=n[r],o=a[0],s=a[1],u=a[2],c=a[3],l={id:t+":"+r,css:s,media:u,sourceMap:c};i[o]?i[o].parts.push(l):e.push(i[o]={id:o,parts:[l]})}return e}},53:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default={name:"wui-tab",data:function(){return{navList:[],activeIndex:0,tmpIndex:0}},methods:{init:function(t){var n=this,e=this.$children.filter(function(t){return"wui-tab-panel"===t.$options.name}),i=0;e.forEach(function(r,a){if("title"===t)return n.navList[a]=r;t||n.navList.push({title:r.title,_uid:r._uid,tabkey:r.tabkey}),r.active?(n.activeIndex=n.tmpIndex=r._uid,n.emitChange(r.title,r.tabkey)):++i>=e.length&&(n.activeIndex=n.tmpIndex=e[0]._uid,n.emitChange(e[0].title,e[0].tabkey))})},emitChange:function(t,n){this.$emit("change",t,n)},changeHandler:function(t,n,e){this.tmpIndex!=t&&(this.activeIndex=this.tmpIndex=t,this.emitChange(n,e))}},mounted:function(){this.init(!1)}}}});