├── .babelrc
├── .editorconfig
├── .gitignore
├── README.md
├── dist
    ├── tab-swiper.js
    └── tab-swiper.js.map
├── index.html
├── package.json
├── src
    ├── App.vue
    ├── assets
    │   ├── logo.png
    │   └── swiper.gif
    ├── components
    │   └── tab-swiper-warp
    │   │   ├── index.vue
    │   │   ├── swiper-item
    │   │       └── index.vue
    │   │   └── swiper-tab
    │   │       └── index.vue
    ├── index.js
    └── main.js
└── webpack.config.js


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": [
3 |     ["env", { "modules": false }],
4 |     "stage-3"
5 |   ]
6 | }
7 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | npm-debug.log
 4 | yarn-error.log
 5 | 
 6 | # Editor directories and files
 7 | .idea
 8 | *.suo
 9 | *.ntvs*
10 | *.njsproj
11 | *.sln
12 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## vue-tab-swiper-yan
 2 | 轻量的触摸滑动组件
 3 | ## installation
 4 | ```
 5 | npm i vue-tab-swiper-yan --save //安装
 6 | ```
 7 | 
 8 | ```
 9 | //注册组件
10 | import vueSwiper from 'vue-tab-swiper-yan'; 
11 | Vue.use(vueSwiper)
12 | ```
13 | ##  Usage
14 | ```html 
15 |  <tab-swiper-warp :loop="true" >
16 |    <!--  -->
17 |      <template slot="tab"> 
18 |       <div>
19 |          <swiper-tab class="tab">
20 |           <span>1</span>
21 |        </swiper-tab>
22 |        <swiper-tab class="tab">
23 |          <span>2</span>
24 |        </swiper-tab>
25 |        <swiper-tab class="tab">
26 |           <span>3</span>
27 |        </swiper-tab>
28 |       </div>
29 |      </template>
30 |      <template slot="content">
31 |         <swiper-item>
32 |           <div style="background-color:red; height:200px">1</div>
33 |         </swiper-item>
34 |         <swiper-item>
35 |           <div style="background-color:blue;height:200px">2</div>
36 |         </swiper-item>
37 |         <swiper-item>
38 |           <div style="background-color:green;height:200px">3</div>
39 |         </swiper-item>
40 |      </template>
41 |     </tab-swiper-warp>
42 | ```
43 | ## example
44 | ![Image text](https://github.com/YuanfengYan/vue-tab-swiper-yan/blob/master/src/assets/swiper.gif)
45 | ##  Props
46 |  
47 | | Prop        | Data Type   |  Default  | Description |
48 | | --------   | -----:  | :----:  | :----:  |
49 | | loop      | Boolean   |   false     | 是否可以无限滑动 |
50 | 
51 | 存在两个slot插槽 tab 和 content 
52 | 
53 | 
54 | 
55 | 
56 | 


--------------------------------------------------------------------------------
/dist/tab-swiper.js:
--------------------------------------------------------------------------------
1 | !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("tabSwiper",[],e):"object"==typeof exports?exports.tabSwiper=e():t.tabSwiper=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=5)}([function(t,e){function n(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var i=r(o);return[n].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([i]).join("\n")}return[n].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 e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=d[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],o=0;o<n.parts.length;o++)a.push(i(n.parts[o]));d[n.id]={id:n.id,refs:1,parts:a}}}}function o(){var t=document.createElement("style");return t.type="text/css",p.appendChild(t),t}function i(t){var e,n,r=document.querySelector("style["+g+'~="'+t.id+'"]');if(r){if(h)return v;r.parentNode.removeChild(r)}if(b){var i=l++;r=f||(f=o()),e=a.bind(null,r,i,!1),n=a.bind(null,r,i,!0)}else r=o(),e=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function a(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=y(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function s(t,e){var n=e.css,r=e.media,o=e.sourceMap;if(r&&t.setAttribute("media",r),m.ssrId&&t.setAttribute(g,e.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}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=n(9),d={},p=u&&(document.head||document.getElementsByTagName("head")[0]),f=null,l=0,h=!1,v=function(){},m=null,g="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n,o){h=n,m=o||{};var i=c(t,e);return r(i),function(e){for(var n=[],o=0;o<i.length;o++){var a=i[o],s=d[a.id];s.refs--,n.push(s)}e?(i=c(t,e),r(i)):i=[];for(var o=0;o<n.length;o++){var s=n[o];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete d[s.id]}}}};var y=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e){t.exports=function(t,e,n,r,o,i){var a,s=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(a=t,s=t.default);var c="function"==typeof s?s.options:s;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),n&&(c.functional=!0),o&&(c._scopeId=o);var d;if(i?(d=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__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=d):r&&(d=r),d){var p=c.functional,f=p?c.render:c.beforeCreate;p?(c._injectStyles=d,c.render=function(t,e){return d.call(e),f(t,e)}):c.beforeCreate=f?[].concat(f,d):[d]}return{esModule:a,exports:s,options:c}}},function(t,e,n){"use strict";e.a={name:"tabSwiperWarp",props:{loop:{type:Boolean,default:function(){return!1}}},data:function(){return{originalPos:0,pageWidth:100}},created:function(){},mounted:function(){if(this.pageWidth=this.$refs.swiper.offsetWidth,this.transwarpDom=this.$refs.transwarp,this.loop){var t=this.transwarpDom.firstChild.cloneNode(!0),e=this.transwarpDom.lastChild.cloneNode(!0);this.transwarpDom.appendChild(t),this.transwarpDom.insertBefore(e,this.transwarpDom.childNodes[0])}},methods:{touchstart:function(t){this.originalPos=t.touches[0].pageX;var e=this.transwarpDom.style.transform;this.originalLeft=Number(e?e.split("(")[1].split("px")[0]:0)},touchmove:function(t){var e=t.touches[0].pageX-this.originalPos;this.doSlide(e,!1)},touchend:function(t){var e=t.changedTouches[0].pageX-this.originalPos,n=this.transwarpDom.style.transform,r=Number(n?n.split("(")[1].split("px")[0]:0);if(Math.abs(e)>this.pageWidth/3&&(this.loop||e>0&&r<0||e<0&&Math.abs(r)<(this.transwarpDom.querySelectorAll(".tabItem").length-1)*this.pageWidth)){var o=e>0?this.pageWidth:-this.pageWidth;this.doSlide(o,!0)}else this.doSlide(0,!0)},doSlide:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.originalLeft+t;if(this.transwarpDom.style.transform="translate3d("+r+"px,0px,0px)",this.transwarpDom.style.transition=n?"transform .3s":"initial",this.loop&&n){var o=this.transwarpDom.querySelectorAll(".tabItem").length;Math.abs(r)>(o-3)*this.pageWidth?setTimeout(function(){e.doSlide((o-3)*e.pageWidth)},300):r>0&&setTimeout(function(){e.doSlide(-(o-3)*e.pageWidth)},300)}}}}},function(t,e,n){"use strict";e.a={name:"swiperItem"}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(6),o=n(11),i=function(t,e){t.component(r.a.name,r.a),t.component(o.a.name,o.a)};e.default=i},function(t,e,n){"use strict";function r(t){n(7)}var o=n(3),i=n(10),a=n(2),s=r,u=a(o.a,i.a,!1,s,"data-v-ddfd19f2",null);e.a=u.exports},function(t,e,n){var r=n(8);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(1)("d409edc6",r,!0,{})},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,".tabSwiperWarp[data-v-ddfd19f2]{width:100%;overflow:hidden}.transwarp[data-v-ddfd19f2]{font-size:0;transform:translateZ(0);white-space:nowrap;display:inline-block;padding:40px 0;box-sizing:border-box;width:100%;position:relative}",""])},function(t,e){t.exports=function(t,e){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=i[0],s=i[1],u=i[2],c=i[3],d={id:t+":"+o,css:s,media:u,sourceMap:c};r[a]?r[a].parts.push(d):n.push(r[a]={id:a,parts:[d]})}return n}},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"swiper",staticClass:"tabSwiperWarp",on:{touchstart:t.touchstart,touchmove:t.touchmove,touchend:t.touchend}},[n("div",{ref:"transwarp",staticClass:"transwarp",style:{left:t.loop?-t.pageWidth+"px":0}},[t._t("default")],2)])},o=[],i={render:r,staticRenderFns:o};e.a=i},function(t,e,n){"use strict";function r(t){n(12)}var o=n(4),i=n(14),a=n(2),s=r,u=a(o.a,i.a,!1,s,"data-v-5780c448",null);e.a=u.exports},function(t,e,n){var r=n(13);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);n(1)("73756e95",r,!0,{})},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,".tabItem[data-v-5780c448]{position:relative;display:inline-block;text-align:center;font-size:14px;width:100%}",""])},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement;return(t._self._c||e)("div",{staticClass:"tabItem"},[t._t("default")],2)},o=[],i={render:r,staticRenderFns:o};e.a=i}])});
2 | //# sourceMappingURL=tab-swiper.js.map


--------------------------------------------------------------------------------
/dist/tab-swiper.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///tab-swiper.js","webpack:///webpack/bootstrap 17280bf2515b47fcc865","webpack:///./node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js","webpack:///./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js","webpack:///./node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer.js","webpack:///src/components/tab-swiper-warp/index.vue","webpack:///src/components/tab-swiper-warp/swiper-item/index.vue","webpack:///./src/index.js","webpack:///./src/components/tab-swiper-warp/index.vue","webpack:///./src/components/tab-swiper-warp/index.vue?6713","webpack:///./src/components/tab-swiper-warp/index.vue?5a12","webpack:///./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/listToStyles.js","webpack:///./src/components/tab-swiper-warp/index.vue?4e3f","webpack:///./src/components/tab-swiper-warp/swiper-item/index.vue","webpack:///./src/components/tab-swiper-warp/swiper-item/index.vue?1a9d","webpack:///./src/components/tab-swiper-warp/swiper-item/index.vue?aa70","webpack:///./src/components/tab-swiper-warp/swiper-item/index.vue?73ff"],"names":["root","factory","exports","module","define","amd","self","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","cssWithMappingToString","item","useSourceMap","content","cssMapping","btoa","sourceMapping","toComment","concat","sources","map","source","sourceRoot","join","sourceMap","unescape","encodeURIComponent","JSON","stringify","list","toString","mediaQuery","alreadyImportedModules","length","id","push","addStylesToDom","styles","domStyle","stylesInDom","refs","j","parts","addStyle","createStyleElement","styleElement","document","createElement","type","head","appendChild","obj","update","remove","querySelector","ssrIdKey","isProduction","noop","parentNode","removeChild","isOldIE","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","applyToTag","newObj","css","media","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","options","ssrId","firstChild","hasDocument","DEBUG","Error","listToStyles","getElementsByTagName","navigator","test","userAgent","toLowerCase","parentId","_isProduction","_options","newList","mayRemove","textStore","replacement","filter","Boolean","rawScriptExports","compiledTemplate","functionalTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","default","render","staticRenderFns","_compiled","functional","_scopeId","hook","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","existing","beforeCreate","_injectStyles","h","__webpack_exports__","props","loop","data","originalPos","pageWidth","created","mounted","$refs","swiper","offsetWidth","transwarpDom","transwarp","firstNode","cloneNode","lastNode","lastChild","methods","touchstart","e","touches","pageX","transform","style","originalLeft","Number","split","touchmove","moveDistance","doSlide","touchend","changedTouches","currentLeft","Math","abs","querySelectorAll","distance","_this","delay","arguments","undefined","alldistance","transition","domlen","setTimeout","value","__WEBPACK_IMPORTED_MODULE_0__src_components_tab_swiper_warp_index_vue__","__WEBPACK_IMPORTED_MODULE_1__src_components_tab_swiper_warp_swiper_item_index_vue__","install","Vue","component","tabSwiperWarp","swiperItem","injectStyle","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_ddfd19f2_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_index_vue__","normalizeComponent","__vue_styles__","Component","locals","newStyles","part","_vm","_h","$createElement","_c","_self","ref","staticClass","on","left","_t","esExports","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5780c448_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_index_vue__"],"mappings":"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","file":"tab-swiper.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"tabSwiper\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"tabSwiper\"] = factory();\n\telse\n\t\troot[\"tabSwiper\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"tabSwiper\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"tabSwiper\"] = factory();\n\telse\n\t\troot[\"tabSwiper\"] = factory();\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/dist/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 5);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = __webpack_require__(9)\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: \"tabSwiperWarp\",\n  props: {\n    loop: {\n      type: Boolean,\n      default: function _default() {\n        return false;\n      }\n    }\n  },\n  data: function data() {\n    return {\n      originalPos: 0,\n      pageWidth: 100\n    };\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    this.pageWidth = this.$refs.swiper.offsetWidth;\n    this.transwarpDom = this.$refs.transwarp;\n    if (this.loop) {\n      var firstNode = this.transwarpDom.firstChild.cloneNode(true);\n      var lastNode = this.transwarpDom.lastChild.cloneNode(true);\n      this.transwarpDom.appendChild(firstNode);\n      this.transwarpDom.insertBefore(lastNode, this.transwarpDom.childNodes[0]);\n    }\n  },\n\n  methods: {\n    touchstart: function touchstart(e) {\n      this.originalPos = e.touches[0].pageX;\n      var transform = this.transwarpDom.style.transform;\n      this.originalLeft = Number(transform ? transform.split(\"(\")[1].split(\"px\")[0] : 0);\n    },\n    touchmove: function touchmove(e) {\n      var moveDistance = e.touches[0].pageX - this.originalPos; // >0 右滑，<0 左滑\n      this.doSlide(moveDistance, false);\n    },\n    touchend: function touchend(e) {\n      var moveDistance = e.changedTouches[0].pageX - this.originalPos; // >0 右滑，<0 左滑\n      var transform = this.transwarpDom.style.transform;\n      var currentLeft = Number(transform ? transform.split(\"(\")[1].split(\"px\")[0] : 0);\n      if (Math.abs(moveDistance) > this.pageWidth / 3 && (this.loop || moveDistance > 0 && currentLeft < 0 || moveDistance < 0 && Math.abs(currentLeft) < (this.transwarpDom.querySelectorAll('.tabItem').length - 1) * this.pageWidth)) {\n        // 滑动距离大于阙值，且内容在边界内时,滑动一整页\n        var distance = moveDistance > 0 ? this.pageWidth : -this.pageWidth;\n        this.doSlide(distance, true);\n      } else {\n        this.doSlide(0, true); //回到远处\n      }\n    },\n\n    /**\r\n     * 滑动方法\r\n     * @param {Number} distance 滑动距离\r\n     * @param {Boolean} delay 滑动是否有动画效果\r\n     */\n    doSlide: function doSlide(distance) {\n      var _this = this;\n\n      var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n      var alldistance = this.originalLeft + distance;\n      this.transwarpDom.style.transform = \"translate3d(\" + alldistance + \"px,0px,0px)\";\n      this.transwarpDom.style.transition = delay ? 'transform .3s' : 'initial';\n      if (this.loop && delay) {\n        var domlen = this.transwarpDom.querySelectorAll('.tabItem').length;\n        if (Math.abs(alldistance) > (domlen - 3) * this.pageWidth) {\n          setTimeout(function () {\n            _this.doSlide((domlen - 3) * _this.pageWidth);\n          }, 300);\n        } else if (alldistance > 0) {\n          setTimeout(function () {\n            _this.doSlide(-(domlen - 3) * _this.pageWidth);\n          }, 300);\n        }\n      }\n    }\n  }\n});\n\n/***/ }),\n/* 4 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'swiperItem'\n});\n\n/***/ }),\n/* 5 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_components_tab_swiper_warp_index_vue__ = __webpack_require__(6);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_components_tab_swiper_warp_swiper_item_index_vue__ = __webpack_require__(11);\n\n\nvar install = function install(Vue, options) {\n  Vue.component(__WEBPACK_IMPORTED_MODULE_0__src_components_tab_swiper_warp_index_vue__[\"a\" /* default */].name, __WEBPACK_IMPORTED_MODULE_0__src_components_tab_swiper_warp_index_vue__[\"a\" /* default */]);\n  Vue.component(__WEBPACK_IMPORTED_MODULE_1__src_components_tab_swiper_warp_swiper_item_index_vue__[\"a\" /* default */].name, __WEBPACK_IMPORTED_MODULE_1__src_components_tab_swiper_warp_swiper_item_index_vue__[\"a\" /* default */]);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (install);\n\n/***/ }),\n/* 6 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(3);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_ddfd19f2_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_index_vue__ = __webpack_require__(10);\nfunction injectStyle (ssrContext) {\n  __webpack_require__(7)\n}\nvar normalizeComponent = __webpack_require__(2)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-ddfd19f2\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_ddfd19f2_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_index_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(8);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(1)(\"d409edc6\", content, true, {});\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(0)(false);\n// imports\n\n\n// module\nexports.push([module.i, \".tabSwiperWarp[data-v-ddfd19f2]{width:100%;overflow:hidden}.transwarp[data-v-ddfd19f2]{font-size:0;transform:translateZ(0);white-space:nowrap;display:inline-block;padding:40px 0;box-sizing:border-box;width:100%;position:relative}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports) {\n\n/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n/***/ }),\n/* 10 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"swiper\",staticClass:\"tabSwiperWarp\",on:{\"touchstart\":_vm.touchstart,\"touchmove\":_vm.touchmove,\"touchend\":_vm.touchend}},[_c('div',{ref:\"transwarp\",staticClass:\"transwarp\",style:({left:_vm.loop?-_vm.pageWidth+'px':0})},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ }),\n/* 11 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(4);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5780c448_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_index_vue__ = __webpack_require__(14);\nfunction injectStyle (ssrContext) {\n  __webpack_require__(12)\n}\nvar normalizeComponent = __webpack_require__(2)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-5780c448\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5780c448_hasScoped_true_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_index_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(13);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(1)(\"73756e95\", content, true, {});\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(0)(false);\n// imports\n\n\n// module\nexports.push([module.i, \".tabItem[data-v-5780c448]{position:relative;display:inline-block;text-align:center;font-size:14px;width:100%}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 14 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tabItem\"},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// tab-swiper.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 5);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 17280bf2515b47fcc865","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js\n// module id = 0\n// module chunks = 0","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = require('./listToStyles')\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js\n// module id = 1\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer.js\n// module id = 2\n// module chunks = 0","<template>\r\n<!-- -->\r\n  <div class=\"tabSwiperWarp\" ref=\"swiper\"  @touchstart=\"touchstart\" @touchmove=\"touchmove\" @touchend=\"touchend\">\r\n    <div class=\"transwarp\" :style=\"{left:loop?-pageWidth+'px':0}\" ref=\"transwarp\">\r\n        <slot ></slot>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"tabSwiperWarp\",\r\n  props:{\r\n    loop:{\r\n     type:Boolean,\r\n     default(){\r\n       return false\r\n     }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      originalPos:0,\r\n      pageWidth:100,\r\n    };\r\n  },\r\n  created(){\r\n    },\r\n  mounted(){\r\n    this.pageWidth = this.$refs.swiper.offsetWidth\r\n    this.transwarpDom = this.$refs.transwarp\r\n    if(this.loop){\r\n      let firstNode = this.transwarpDom.firstChild.cloneNode(true);\r\n      let lastNode = this.transwarpDom.lastChild.cloneNode(true);\r\n      this.transwarpDom.appendChild(firstNode); \r\n      this.transwarpDom.insertBefore(lastNode,this.transwarpDom.childNodes[0])\r\n    }\r\n  },\r\n  methods: {\r\n    touchstart(e) {\r\n      this.originalPos = e.touches[0].pageX;\r\n      const transform = this.transwarpDom.style.transform\r\n      this.originalLeft = Number(\r\n        transform ? transform.split(\"(\")[1].split(\"px\")[0] : 0\r\n      );\r\n    },\r\n    touchmove(e) {\r\n      let moveDistance = e.touches[0].pageX - this.originalPos; // >0 右滑，<0 左滑\r\n      this.doSlide(moveDistance, false);\r\n    },\r\n    touchend(e) {\r\n      let moveDistance = e.changedTouches[0].pageX - this.originalPos; // >0 右滑，<0 左滑\r\n      const transform = this.transwarpDom.style.transform;\r\n      let currentLeft = Number(\r\n        transform ? transform.split(\"(\")[1].split(\"px\")[0] : 0\r\n      )\r\n      if((Math.abs(moveDistance)> this.pageWidth / 3 )&&\r\n      (\r\n        this.loop||\r\n        (moveDistance > 0 && currentLeft < 0)||\r\n        (moveDistance < 0 && Math.abs(currentLeft) < (this.transwarpDom.querySelectorAll('.tabItem').length-1) * this.pageWidth)\r\n      )){\r\n         // 滑动距离大于阙值，且内容在边界内时,滑动一整页\r\n        let distance = moveDistance > 0 ? this.pageWidth : -this.pageWidth;\r\n        this.doSlide(distance, true);\r\n      }else{\r\n        this.doSlide(0, true);//回到远处\r\n      }\r\n    },\r\n    /**\r\n     * 滑动方法\r\n     * @param {Number} distance 滑动距离\r\n     * @param {Boolean} delay 滑动是否有动画效果\r\n     */\r\n    doSlide(distance, delay = false) {\r\n      let alldistance = this.originalLeft+distance\r\n      this.transwarpDom.style.transform = `translate3d(${alldistance}px,0px,0px)`\r\n      this.transwarpDom.style.transition = delay ? 'transform .3s' : 'initial'\r\n      if(this.loop&&delay){\r\n        let domlen = this.transwarpDom.querySelectorAll('.tabItem').length\r\n        if(Math.abs(alldistance)>(domlen - 3)*this.pageWidth){\r\n          setTimeout(()=>{\r\n            this.doSlide((domlen - 3)*this.pageWidth)\r\n          },300)\r\n        }else if(alldistance>0){\r\n         setTimeout(()=>{\r\n            this.doSlide(-(domlen - 3)*this.pageWidth)\r\n          },300)\r\n        }\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.tabSwiperWarp {\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n.transwarp{\r\n  font-size: 0;\r\n  transform: translate3d(0px,0,0);\r\n  white-space: nowrap;\r\n  display: inline-block;\r\n  padding: 40px 0px;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n</style>\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/tab-swiper-warp/index.vue","<template >\r\n  <div class=\"tabItem\" >\r\n    <slot></slot>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name:'swiperItem'\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.tabItem{\r\n   position: relative;\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  width: 100%;\r\n}\r\n</style>\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/tab-swiper-warp/swiper-item/index.vue","import tabSwiperWarp from '../src/components/tab-swiper-warp/index.vue'\r\nimport swiperItem from '../src/components/tab-swiper-warp/swiper-item/index.vue'\r\nconst install =function(Vue,options){\r\n  Vue.component(tabSwiperWarp.name,tabSwiperWarp)\r\n  Vue.component(swiperItem.name,swiperItem)\r\n}\r\nexport default install\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","function injectStyle (ssrContext) {\n  require(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ddfd19f2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ddfd19f2\\\",\\\"hasScoped\\\":true,\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=template&index=0!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-ddfd19f2\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/tab-swiper-warp/index.vue\n// module id = 6\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/_css-loader@0.28.11@css-loader/index.js?minimize!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ddfd19f2\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js\")(\"d409edc6\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader!./node_modules/_css-loader@0.28.11@css-loader?minimize!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ddfd19f2\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/components/tab-swiper-warp/index.vue\n// module id = 7\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".tabSwiperWarp[data-v-ddfd19f2]{width:100%;overflow:hidden}.transwarp[data-v-ddfd19f2]{font-size:0;transform:translateZ(0);white-space:nowrap;display:inline-block;padding:40px 0;box-sizing:border-box;width:100%;position:relative}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_css-loader@0.28.11@css-loader?minimize!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ddfd19f2\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/components/tab-swiper-warp/index.vue\n// module id = 8\n// module chunks = 0","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/listToStyles.js\n// module id = 9\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"swiper\",staticClass:\"tabSwiperWarp\",on:{\"touchstart\":_vm.touchstart,\"touchmove\":_vm.touchmove,\"touchend\":_vm.touchend}},[_c('div',{ref:\"transwarp\",staticClass:\"transwarp\",style:({left:_vm.loop?-_vm.pageWidth+'px':0})},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler?{\"id\":\"data-v-ddfd19f2\",\"hasScoped\":true,\"buble\":{\"transforms\":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/components/tab-swiper-warp/index.vue\n// module id = 10\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-loader/node_modules/vue-style-loader!css-loader?minimize!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5780c448\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./index.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./index.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5780c448\\\",\\\"hasScoped\\\":true,\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=template&index=0!./index.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-5780c448\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/tab-swiper-warp/swiper-item/index.vue\n// module id = 11\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/_css-loader@0.28.11@css-loader/index.js?minimize!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5780c448\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./index.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/_vue-style-loader@3.1.2@vue-style-loader/lib/addStylesClient.js\")(\"73756e95\", content, true, {});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-style-loader@3.1.2@vue-style-loader!./node_modules/_css-loader@0.28.11@css-loader?minimize!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5780c448\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/components/tab-swiper-warp/swiper-item/index.vue\n// module id = 12\n// module chunks = 0","exports = module.exports = require(\"../../../../node_modules/_css-loader@0.28.11@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".tabItem[data-v-5780c448]{position:relative;display:inline-block;text-align:center;font-size:14px;width:100%}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_css-loader@0.28.11@css-loader?minimize!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5780c448\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/components/tab-swiper-warp/swiper-item/index.vue\n// module id = 13\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tabItem\"},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler?{\"id\":\"data-v-5780c448\",\"hasScoped\":true,\"buble\":{\"transforms\":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/components/tab-swiper-warp/swiper-item/index.vue\n// module id = 14\n// module chunks = 0"],"sourceRoot":""}


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 6 |     <title>vue-tab-swiper</title>
 7 |   </head>
 8 |   <body>
 9 |     <div id="app"></div>
10 |     <script src="/dist/build.js"></script>
11 |   </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-tab-swiper-yan",
 3 |   "description": "vue tab-swiper components",
 4 |   "version": "1.0.1",
 5 |   "author": "yanyuanfeng",
 6 |   "license": "MIT",
 7 |   "private": false,
 8 |   "main": "dist/tab-swiper.js",
 9 |   "scripts": {
10 |     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
11 |     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
12 |   },
13 |   "dependencies": {
14 |     "vue": "^2.5.11"
15 |   },
16 |   "browserslist": [
17 |     "> 1%",
18 |     "last 2 versions",
19 |     "not ie <= 8"
20 |   ],
21 |   "devDependencies": {
22 |     "babel-core": "^6.26.0",
23 |     "babel-loader": "^7.1.2",
24 |     "babel-preset-env": "^1.6.0",
25 |     "babel-preset-stage-3": "^6.24.1",
26 |     "cross-env": "^5.0.5",
27 |     "css-loader": "^0.28.7",
28 |     "file-loader": "^1.1.4",
29 |     "vue-loader": "^13.0.5",
30 |     "vue-template-compiler": "^2.4.4",
31 |     "webpack": "^3.6.0",
32 |     "webpack-dev-server": "^2.9.1"
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |    <tab-swiper-warp :loop="true" >
 4 |      <template slot="tab">
 5 |       <div class="top">
 6 |          <swiper-tab class="tab">
 7 |           <span>1</span>
 8 |        </swiper-tab>
 9 |        <swiper-tab class="tab">
10 |          <span>2</span>
11 |        </swiper-tab>
12 |        <swiper-tab class="tab">
13 |           <span>3</span>
14 |        </swiper-tab>
15 |       </div>
16 |      </template>
17 |      <template slot="content">
18 |         <swiper-item>
19 |           <div style="background-color:red; height:200px">1</div>
20 |         </swiper-item>
21 |         <swiper-item>
22 |           <div style="background-color:blue;height:200px">2</div>
23 |         </swiper-item>
24 |         <swiper-item>
25 |           <div style="background-color:green;height:200px">3</div>
26 |         </swiper-item>
27 |      </template>
28 |     </tab-swiper-warp>
29 |   </div>
30 | </template>
31 | 
32 | <script>
33 | export default {
34 |   name: 'app',
35 |   data () {
36 |     return {
37 |       msg: 'Welcome to Your Vue.js App'
38 |     }
39 |   },
40 |   components:{
41 |   }
42 | }
43 | </script>
44 | 
45 | <style>
46 | 
47 | #app{
48 |   width: 100%;
49 | }
50 | body{
51 |   margin: 0;
52 |   padding: 10px;
53 | }
54 | .tab{
55 |   width: 50px;
56 |   height: 30px;
57 |   line-height: 30px;
58 | }
59 | .tab.active{
60 |   background-color: red
61 | }
62 | .top{
63 | }
64 | </style>
65 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YuanfengYan/vue-tab-swiper-yan/c221859e2ebf0a3a86cab961313db836670a2101/src/assets/logo.png


--------------------------------------------------------------------------------
/src/assets/swiper.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YuanfengYan/vue-tab-swiper-yan/c221859e2ebf0a3a86cab961313db836670a2101/src/assets/swiper.gif


--------------------------------------------------------------------------------
/src/components/tab-swiper-warp/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="tabSwiperWarpAll">
  3 |     <div class="tabwarp" ref="tabwarp">
  4 |       <slot name="tab"></slot>
  5 |     </div>
  6 |     <div
  7 |       class="tabSwiperWarp"
  8 |       ref="swiper"
  9 |       @touchstart="touchstart"
 10 |       @touchmove="touchmove"
 11 |       @touchend="touchend"
 12 |     >
 13 |       <div class="transwarp" :style="{left:loop?-pageWidth+'px':0}" ref="transwarp">
 14 |         <slot name="content"></slot>
 15 |       </div>
 16 |     </div>
 17 |   </div>
 18 | </template>
 19 | <script>
 20 | export default {
 21 |   name: "tabSwiperWarp",
 22 |   props: {
 23 |     loop: {
 24 |       type: Boolean,
 25 |       default() {
 26 |         return false;
 27 |       }
 28 |     }
 29 |   },
 30 |   data() {
 31 |     return {
 32 |       originalPos: 0,
 33 |       pageWidth: 100,
 34 |       currentIndex :0,
 35 |     };
 36 |   },
 37 |   created() {},
 38 |   mounted() {
 39 |     this.pageWidth = this.$refs.swiper.offsetWidth;
 40 |     this.transwarpDom = this.$refs.transwarp;
 41 |     if (this.loop) {
 42 |       let firstNode = this.transwarpDom.firstChild.cloneNode(true);
 43 |       let lastNode = this.transwarpDom.lastChild.cloneNode(true);
 44 |       this.transwarpDom.appendChild(firstNode);
 45 |       this.transwarpDom.insertBefore(lastNode, this.transwarpDom.childNodes[0]);
 46 |     }
 47 |     this.domlen = this.transwarpDom.querySelectorAll(".swiperItem").length;
 48 |     this.activeTab();
 49 |     this.addActiveTab(0)
 50 |   },
 51 |   methods: {
 52 |     activeTab() {
 53 |       this.$refs.tabwarp
 54 |         .querySelectorAll(".swiperTab")
 55 |         .forEach((item, index) => {
 56 |           item.indexs = index;
 57 |         });
 58 |       this.$refs.tabwarp.querySelectorAll(".swiperTab").forEach((target,index)=>{
 59 |         target.addEventListener(
 60 |         "click",
 61 |         e => {
 62 |            let distance = 0;
 63 |             this.addActiveTab(target.indexs)
 64 |             if (this.loop) {
 65 |               distance = target.indexs * this.pageWidth;
 66 |             } else {
 67 |               distance = (target.indexs - 1) * this.pageWidth;
 68 |             }
 69 |             this.transwarpDom.style.transform = `translate3d(${-distance}px,0px,0px)`;
 70 |             this.transwarpDom.style.transition = "transform .3s";
 71 |         },
 72 |         false
 73 |       );
 74 |       })
 75 |     },
 76 |     touchstart(e) {
 77 |       this.originalPos = e.touches[0].pageX;
 78 |       const transform = this.transwarpDom.style.transform;
 79 |       this.originalLeft = Number(
 80 |         transform ? transform.split("(")[1].split("px")[0] : 0
 81 |       );
 82 |     },
 83 |     touchmove(e) {
 84 |       let moveDistance = e.touches[0].pageX - this.originalPos; // >0 右滑，<0 左滑
 85 |       this.slideTo(moveDistance, false);
 86 |     },
 87 |     touchend(e) {
 88 |       let moveDistance = e.changedTouches[0].pageX - this.originalPos; // >0 右滑，<0 左滑
 89 |       const transform = this.transwarpDom.style.transform;
 90 |       let currentLeft = Number(
 91 |         transform ? transform.split("(")[1].split("px")[0] : 0
 92 |       );
 93 |       if (
 94 |         Math.abs(moveDistance) > this.pageWidth / 3 &&
 95 |         (this.loop ||
 96 |           (moveDistance > 0 && currentLeft < 0) ||
 97 |           (moveDistance < 0 &&
 98 |             Math.abs(currentLeft) <
 99 |               (this.transwarpDom.querySelectorAll(".tabItem").length - 1) *
100 |                 this.pageWidth))
101 |       ) {
102 |         // 滑动距离大于阙值，且内容在边界内时,滑动一整页
103 |         let distance = moveDistance > 0 ? this.pageWidth : -this.pageWidth;
104 |         this.slideTo(distance, true);
105 |       } else {
106 |         this.slideTo(0, true); //回到远处
107 |       }
108 |     },
109 |     /**
110 |      * 滑动方法
111 |      * @param {Number} distance 滑动距离
112 |      * @param {Boolean} delay 轮播切换
113 |      */
114 |     slideTo(distance, delay = false) {
115 |       let alldistance = this.originalLeft + distance;
116 |       this.transwarpDom.style.transform = `translate3d(${alldistance}px,0px,0px)`;
117 |       this.transwarpDom.style.transition = delay ? "transform .3s" : "initial";
118 |       if (this.loop && delay) {
119 |       
120 |         if (Math.abs(alldistance) > (this.domlen - 3) * this.pageWidth) {
121 |           setTimeout(() => {
122 |             this.slideTo((this.domlen - 3) * this.pageWidth);
123 |              this.currentIndex = 0
124 |             this.addActiveTab(this.currentIndex)
125 |           }, 300);
126 |         } else if (alldistance > 0) {
127 |           setTimeout(() => {
128 |             this.slideTo(-(this.domlen - 3) * this.pageWidth);
129 |              this.currentIndex = this.domlen - 3
130 |              this.addActiveTab(this.currentIndex)
131 |           }, 300);
132 |         }else{
133 |           this.currentIndex = alldistance > 0 ?   (this.domlen - 3):-alldistance/this.pageWidth
134 |            this.addActiveTab(this.currentIndex)
135 |         }
136 |       }else if(delay){
137 |         this.currentIndex = -alldistance/this.pageWidth
138 |         this.addActiveTab(this.currentIndex)
139 |       }
140 |     },
141 |     addActiveTab(tabindex){
142 |       if(this.$refs.tabwarp.querySelectorAll(".swiperTab").length>0){
143 |         this.$refs.tabwarp.querySelectorAll(".swiperTab").forEach((item,index)=>{
144 |           item.classList.remove('active')
145 |         })
146 |         this.$refs.tabwarp.querySelectorAll(".swiperTab")[tabindex].classList.add('active')
147 |       }
148 |     }
149 |   }
150 | };
151 | </script>
152 | 
153 | <style scoped>
154 | .tabSwiperWarp {
155 |   width: 100%;
156 |   overflow: hidden;
157 | }
158 | .transwarp {
159 |   font-size: 0;
160 |   transform: translate3d(0px, 0, 0);
161 |   white-space: nowrap;
162 |   display: inline-block;
163 |   /* padding: 40px 0px; */
164 |   box-sizing: border-box;
165 |   width: 100%;
166 |   position: relative;
167 | }
168 | .swiperTab {
169 |   /* position: relative; */
170 |   display: inline-block;
171 |   text-align: center;
172 |   font-size: 14px;
173 |   padding: 0 10px;
174 | }
175 | .tabwarp {
176 |   display: inline-block;
177 |   text-align: left;
178 | }
179 | </style>
180 | 
181 | 


--------------------------------------------------------------------------------
/src/components/tab-swiper-warp/swiper-item/index.vue:
--------------------------------------------------------------------------------
 1 | <template >
 2 |   <div class="swiperItem" >
 3 |     <slot></slot>
 4 |   </div>
 5 | </template>
 6 | <script>
 7 | export default {
 8 |   name:'swiperItem'
 9 | }
10 | </script>
11 | 
12 | <style scoped>
13 | .swiperItem{
14 |   display: inline-block;
15 |   text-align: center;
16 |   font-size: 14px;
17 |   width: 100%;
18 | }
19 | </style>
20 | 
21 | 


--------------------------------------------------------------------------------
/src/components/tab-swiper-warp/swiper-tab/index.vue:
--------------------------------------------------------------------------------
 1 | <template >
 2 |   <div class="swiperTab" >
 3 |     <slot></slot>
 4 |   </div>
 5 | </template>
 6 | <script>
 7 | export default {
 8 |   name:'swiperTab'
 9 | }
10 | </script>
11 | 
12 | <style scoped>
13 | .swiperTab{
14 |   display: inline-block;
15 |   text-align: center;
16 |   font-size: 14px;
17 | }
18 | </style>
19 | 
20 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import tabSwiperWarp from '../src/components/tab-swiper-warp/index.vue'
 2 | import swiperItem from '../src/components/tab-swiper-warp/swiper-item/index.vue'
 3 | import swiperTab  from '../src/components/tab-swiper-warp/swiper-tab/index.vue'
 4 | const install =function(Vue,options){
 5 |   Vue.component(tabSwiperWarp.name,tabSwiperWarp)
 6 |   Vue.component(swiperItem.name,swiperItem)
 7 |   Vue.component(swiperTab.name,swiperTab)
 8 | }
 9 | export default install
10 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import Plugin from './index.js'
4 | Vue.use(Plugin)
5 | new Vue({
6 |   el: '#app',
7 |   render: h => h(App)
8 | })
9 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | var path = require('path')
 2 | var webpack = require('webpack')
 3 | 
 4 | module.exports = {
 5 |   entry: './src/main.js',
 6 |   // entry: './src/index.js',
 7 |   output: {
 8 |     path: path.resolve(__dirname, './dist'),
 9 |     publicPath: '/dist/',
10 |     filename: 'build.js',
11 |     // filename: 'tab-swiper.js',//修改打包输出文件
12 |     library: 'tabSwiper', //新增
13 |     libraryTarget: 'umd', //新增
14 |     umdNamedDefine: true //新增
15 |   },
16 |   module: {
17 |     rules: [
18 |       {
19 |         test: /\.css$/,
20 |         use: [
21 |           'vue-style-loader',
22 |           'css-loader'
23 |         ],
24 |       },      {
25 |         test: /\.vue$/,
26 |         loader: 'vue-loader',
27 |         options: {
28 |           loaders: {
29 |           }
30 |           // other vue-loader options go here
31 |         }
32 |       },
33 |       {
34 |         test: /\.js$/,
35 |         loader: 'babel-loader',
36 |         exclude: /node_modules/
37 |       },
38 |       {
39 |         test: /\.(png|jpg|gif|svg)$/,
40 |         loader: 'file-loader',
41 |         options: {
42 |           name: '[name].[ext]?[hash]'
43 |         }
44 |       }
45 |     ]
46 |   },
47 |   resolve: {
48 |     alias: {
49 |       'vue$': 'vue/dist/vue.esm.js'
50 |     },
51 |     extensions: ['*', '.js', '.vue', '.json']
52 |   },
53 |   devServer: {
54 |     historyApiFallback: true,
55 |     noInfo: true,
56 |     overlay: true
57 |   },
58 |   performance: {
59 |     hints: false
60 |   },
61 |   devtool: '#eval-source-map'
62 | }
63 | 
64 | if (process.env.NODE_ENV === 'production') {
65 |   module.exports.devtool = '#source-map'
66 |   // http://vue-loader.vuejs.org/en/workflow/production.html
67 |   module.exports.plugins = (module.exports.plugins || []).concat([
68 |     new webpack.DefinePlugin({
69 |       'process.env': {
70 |         NODE_ENV: '"production"'
71 |       }
72 |     }),
73 |     new webpack.optimize.UglifyJsPlugin({
74 |       sourceMap: true,
75 |       compress: {
76 |         warnings: false
77 |       }
78 |     }),
79 |     new webpack.LoaderOptionsPlugin({
80 |       minimize: true
81 |     })
82 |   ])
83 | }
84 | 


--------------------------------------------------------------------------------