anima-basescroller - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

HISTORY.md

@@ -8,1 +8,12 @@ # History
 `new` It is the first version of basescroller.
+
+## 1.1.0
+
+1. 增加自定义 scroller 可见选择条目数量及条目高度的功能。
+2. 修复在 Safari 下创建控件元素失败的问题。
+3. 修复在隐藏的容器中新增 scroller 后滚动处理错误的问题。
+
+## 1.1.1
+
+1. 去掉 id 选项，新增 className 选项用于自定义组件样式。
+2. 修复组件初始化后点击组件滚动到第一项的问题。

package.json

 {
   "name": "anima-basescroller",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "滚动选择组件。",
@@ -5,0 +5,0 @@ "keywords": [],

README.md

@@ -30,3 +30,2 @@ # basescroller
 
-* id `string` 组件元素 ID *[optional]*
 * container `DOM Object` 组件插入的容器 *[optional]*
@@ -40,2 +39,3 @@ * data `array<string|number|object>` 组件数据集 *[optional]*
 * itemsNumber `number` 组件可见条目的数量，__必须为奇数__，默认值为 7。添加此选项需要修改样式表中 .scroller-component 的 height 为 __itemsNumber * itemHeight__；以及 .current-indicator 下的 top 为 __itemHeight * (itemsNumber - 1) / 2__。 *[optional]*
+* className `string` 组件元素 class，用于自定义组件样式，支持以空格分隔的多个 class *[optional]*
 
@@ -42,0 +42,0 @@ ### 实例方法

src/basescroller.js

@@ -64,4 +64,4 @@ // 每个条目的高度
 
-  if (opts.id) {
-    this.scrollerComponent.setAttribute('id', opts.id);
+  if (opts.className) {
+    this.scrollerComponent.className = opts.className + ' scroller-component';
   }
@@ -119,4 +119,8 @@
       var targetTransitionY;
-      var animationTime
+      var animationTime;
       var isFlick = false;
+      var offsetY = changedTouch.clientY - self.startY;
+      if (offsetY == 0) {
+        return;
+      }
 
@@ -128,3 +132,2 @@ // 快速滑动
         // 通过速度和剩余长度可以得出动画要进行多久，固定一个时间，最长滚动多长时间
-        var offsetY = changedTouch.clientY - self.startY;
         var speed = Math.abs(offsetY) / (now - touchStartTime) / SPEED_FACTOR;
@@ -131,0 +134,0 @@

No alert changes

Improved metrics

Total package byte prevSize

15223

increased by3.8%

Lines of code

317

increased by0.96%

No dependency changes