From 8f6cd459ded1720b324ea963c96b8a3dba7ce7a7 Mon Sep 17 00:00:00 2001
From: openfe <songhao@belink.com>
Date: Tue, 10 Sep 2019 15:40:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0readme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                      | 8 +++++---
 static/package.json            | 2 +-
 vue-better-slider/index.js     | 2 +-
 vue-better-slider/package.json | 2 +-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index cf7ca37..558b691 100644
--- a/README.md
+++ b/README.md
@@ -6,16 +6,18 @@
 ## 代码演示如何使用
 
 npm install vue-better-slider --save 
+1.main.js引入样式文件
+import 'vue-better-slider/style.css'
 
-1.导入并注册组件,注册组件
+2.导入并注册组件,注册组件
 ```js
 import {IcSlider,IcSliderItem} from 'vue-better-slider'
 components: {
-   Slider,
+   IcSlider,
    IcSliderItem
 }
 ```
-2.template模板
+3.template模板
 ```html
    <ic-slider :autoplay="3000">
       <ic-slider-item v-for="(items,index) in images">
diff --git a/static/package.json b/static/package.json
index 0cbc114..bd041ab 100644
--- a/static/package.json
+++ b/static/package.json
@@ -1,6 +1,6 @@
 {
     "name": "vue-better-slider",
-    "version": "1.0.10",
+    "version": "1.1.1",
     "main": "index.js",
     "scripts": {},
     "author": "songhao",
diff --git a/vue-better-slider/index.js b/vue-better-slider/index.js
index d035cfe..1df205c 100644
--- a/vue-better-slider/index.js
+++ b/vue-better-slider/index.js
@@ -1 +1 @@
-module.exports=function(t){function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}var e={};return i.m=t,i.c=e,i.i=function(t){return t},i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},i.p="/",i(i.s=6)}([function(t,i){t.exports=function(t,i,e,n){var o,s=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(o=t,s=t.default);var c="function"==typeof s?s.options:s;if(i&&(c.render=i.render,c.staticRenderFns=i.staticRenderFns),e&&(c._scopeId=e),n){var u=Object.create(c.computed||null);Object.keys(n).forEach(function(t){var i=n[t];u[t]=function(){return i}}),c.computed=u}return{esModule:o,exports:s,options:c}}},function(t,i,e){var n=e(0)(e(4),e(8),null,null);t.exports=n.exports},function(t,i,e){e(7);var n=e(0)(e(5),e(9),null,null);t.exports=n.exports},function(t,i){t.exports=require("vue")},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider-item",data:function(){return{offset:0}},computed:{style:function(){return{width:this.$parent.width+"px",transform:"translate3d("+this.offset+"px, 0, 0)"}}},beforeCreate:function(){this.$parent.swipes.push(this)},destroyed:function(){this.$parent.swipes.splice(this.$parent.swipes.indexOf(this),1)}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider",props:{autoplay:Number,showIndicators:{type:Boolean,default:!0},duration:{type:Number,default:500}},data:function(){return{width:0,offset:0,startX:0,startY:0,active:0,deltaX:0,swipes:[],direction:"",currentDuration:0}},mounted:function(){var t=this;this.initialize(),window.addEventListener("resize",function(){t.initialize()})},destroyed:function(){clearTimeout(this.timer)},watch:{swipes:function(){this.initialize()}},computed:{count:function(){return this.swipes.length},trackStyle:function(){return{paddingLeft:this.width+"px",width:(this.count+2)*this.width+"px",transitionDuration:this.currentDuration+"ms",transform:"translate3d("+this.offset+"px, 0, 0)"}},activeIndicator:function(){return(this.active+this.count)%this.count}},methods:{initialize:function(){clearTimeout(this.timer),this.width=this.$el.getBoundingClientRect().width,this.active=0,this.currentDuration=0,this.offset=this.count>1?-this.width:0,this.swipes.forEach(function(t){t.offset=0}),this.autoPlay()},onTouchStart:function(t){clearTimeout(this.timer),this.deltaX=0,this.direction="",this.currentDuration=0,this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.active<=-1&&this.move(this.count),this.active>=this.count&&this.move(-this.count)},onTouchMove:function(t){this.direction=this.direction||this.getDirection(t.touches[0]),"horizontal"===this.direction&&(t.preventDefault(),this.deltaX=t.touches[0].clientX-this.startX,this.move(0,this.range(this.deltaX,[-this.width,this.width])))},onTouchEnd:function(){this.deltaX&&(this.move(Math.abs(this.deltaX)>50?this.deltaX>0?-1:1:0),this.currentDuration=this.duration),this.autoPlay()},move:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=this.active,n=this.count,o=this.swipes,s=this.deltaX,r=this.width;t?(-1===e&&(o[n-1].offset=0),o[0].offset=e===n-1&&t>0?n*r:0,this.active+=t):0===e?o[n-1].offset=s>0?-n*r:0:e===n-1&&(o[0].offset=s<0?n*r:0),this.offset=i-(this.active+1)*this.width},autoPlay:function(){var t=this,i=this.autoplay;i&&this.count>1&&(clearTimeout(this.timer),this.timer=setTimeout(function(){t.currentDuration=0,t.active>=t.count&&t.move(-t.count),setTimeout(function(){t.currentDuration=t.duration,t.move(1),t.autoPlay()},30)},i))},getDirection:function(t){var i=Math.abs(t.clientX-this.startX),e=Math.abs(t.clientY-this.startY);return i>e?"horizontal":i<e?"vertical":""},range:function(t,i){return Math.min(Math.max(t,i[0]),i[1])}}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=e(3),o=(e.n(n),e(2)),s=e.n(o),r=e(1),c=e.n(r);e.d(i,"IcSlider",function(){return s.a}),e.d(i,"IcSliderItem",function(){return c.a})},function(t,i){},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement;return(t._self._c||i)("div",{staticClass:"ic-slider-item",style:t.style},[t._t("default")],2)},staticRenderFns:[]}},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"ic-slider"},[t.count>1?e("div",{staticClass:"ic-slider__track",style:t.trackStyle,on:{touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd,touchcancel:t.onTouchEnd,transitionend:function(i){t.$emit("change",t.activeIndicator)}}},[t._t("default")],2):e("div",{staticClass:"ic-slider__track"},[t._t("default")],2),t._v(" "),t.showIndicators&&t.count>1?e("div",{staticClass:"ic-slider__indicators"},t._l(t.count,function(i){return e("i",{class:{"ic-slider__indicator--active":i-1===t.activeIndicator}})})):t._e()])},staticRenderFns:[]}}]);
\ No newline at end of file
+module.exports=function(t){function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}var e={};return i.m=t,i.c=e,i.i=function(t){return t},i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},i.p="/",i(i.s=6)}([function(t,i){t.exports=function(t,i,e,n){var o,s=t=t||{},r=typeof t.default;"object"!==r&&"function"!==r||(o=t,s=t.default);var c="function"==typeof s?s.options:s;if(i&&(c.render=i.render,c.staticRenderFns=i.staticRenderFns),e&&(c._scopeId=e),n){var u=Object.create(c.computed||null);Object.keys(n).forEach(function(t){var i=n[t];u[t]=function(){return i}}),c.computed=u}return{esModule:o,exports:s,options:c}}},function(t,i,e){var n=e(0)(e(4),e(8),null,null);t.exports=n.exports},function(t,i,e){e(7);var n=e(0)(e(5),e(9),null,null);t.exports=n.exports},function(t,i){t.exports=require("vue")},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider-item",data:function(){return{offset:0}},computed:{style:function(){return{width:this.$parent.width+"px",transform:"translate3d("+this.offset+"px, 0, 0)"}}},beforeCreate:function(){this.$parent.swipes.push(this)},destroyed:function(){this.$parent.swipes.splice(this.$parent.swipes.indexOf(this),1)}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.default={name:"ic-slider",props:{autoplay:Number,showIndicators:{type:Boolean,default:!0},duration:{type:Number,default:500}},data:function(){return{width:0,offset:0,startX:0,startY:0,active:0,deltaX:0,swipes:[],direction:"",currentDuration:0}},mounted:function(){var t=this;this.initialize(),window.addEventListener("resize",function(){t.initialize()})},destroyed:function(){clearTimeout(this.timer)},watch:{swipes:function(){this.initialize()}},computed:{count:function(){return this.swipes.length},trackStyle:function(){return{paddingLeft:this.width+"px",width:(this.count+2)*this.width+"px",transitionDuration:this.currentDuration+"ms",transform:"translate3d("+this.offset+"px, 0, 0)"}},activeIndicator:function(){return(this.active+this.count)%this.count}},methods:{initialize:function(){clearTimeout(this.timer),this.width=this.$el.getBoundingClientRect().width,this.active=0,this.currentDuration=0,this.offset=this.count>1?-this.width:0,this.swipes.forEach(function(t){t.offset=0}),this.autoPlay()},onTouchStart:function(t){clearTimeout(this.timer),this.deltaX=0,this.direction="",this.currentDuration=0,this.startX=t.touches[0].clientX,this.startY=t.touches[0].clientY,this.active<=-1&&this.move(this.count),this.active>=this.count&&this.move(-this.count)},onTouchMove:function(t){this.direction=this.direction||this.getDirection(t.touches[0]),"horizontal"===this.direction&&(t.preventDefault(),this.deltaX=t.touches[0].clientX-this.startX,this.move(0,this.range(this.deltaX,[-this.width,this.width])))},onTouchEnd:function(){this.deltaX&&(this.move(Math.abs(this.deltaX)>50?this.deltaX>0?-1:1:0),this.currentDuration=this.duration),this.autoPlay()},move:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=this.active,n=this.count,o=this.swipes,s=this.deltaX,r=this.width;t?(-1===e&&(o[n-1].offset=0),o[0].offset=e===n-1&&t>0?n*r:0,this.active+=t):0===e?o[n-1].offset=s>0?-n*r:0:e===n-1&&(o[0].offset=s<0?n*r:0),this.offset=i-(this.active+1)*this.width},autoPlay:function(){var t=this,i=this.autoplay;i&&this.count>1&&(clearTimeout(this.timer),this.timer=setTimeout(function(){t.currentDuration=0,t.active>=t.count&&t.move(-t.count),setTimeout(function(){t.currentDuration=t.duration,t.move(1),t.autoPlay()},30)},i))},getDirection:function(t){var i=Math.abs(t.clientX-this.startX),e=Math.abs(t.clientY-this.startY);return i>e?"horizontal":i<e?"vertical":""},range:function(t,i){return Math.min(Math.max(t,i[0]),i[1])}}}},function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=e(3),o=(e.n(n),e(2)),s=e.n(o),r=e(1),c=e.n(r);e.d(i,"IcSlider",function(){return s.a}),e.d(i,"IcSliderItem",function(){return c.a})},function(t,i){},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement;return(t._self._c||i)("div",{staticClass:"ic-slider-item",style:t.style},[t._t("default")],2)},staticRenderFns:[]}},function(t,i){t.exports={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"ic-slider"},[t.count>1?e("div",{staticClass:"ic-slider__track",style:t.trackStyle,on:{touchstart:t.onTouchStart,touchmove:t.onTouchMove,touchend:t.onTouchEnd,touchcancel:t.onTouchEnd,transitionend:function(i){return t.$emit("change",t.activeIndicator)}}},[t._t("default")],2):e("div",{staticClass:"ic-slider__track"},[t._t("default")],2),t._v(" "),t.showIndicators&&t.count>1?e("div",{staticClass:"ic-slider__indicators"},t._l(t.count,function(i){return e("i",{class:{"ic-slider__indicator--active":i-1===t.activeIndicator}})}),0):t._e()])},staticRenderFns:[]}}]);
\ No newline at end of file
diff --git a/vue-better-slider/package.json b/vue-better-slider/package.json
index d8a2d6a..b925786 100644
--- a/vue-better-slider/package.json
+++ b/vue-better-slider/package.json
@@ -1,6 +1,6 @@
 {
     "name": "vue-better-slider",
-    "version": "1.0.9",
+    "version": "1.1.0",
     "main": "index.js",
     "scripts": {},
     "author": "songhao",