mini-antui - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

CHANGELOG.md

@@ -0,1 +1,14 @@
+## 0.2.0
+
+`2018-07-11`
+
+- **Feature**
+
+  - 新增`vtab组件`
+
+- **Enhancement**
+
+  - 优化`swipe-action`组件性能
+  - 解决`tabs`组件在初次渲染时的页面闪烁问题
+
 ## 0.1.0
@@ -2,0 +15,0 @@

es/.entry/appConfig.json

@@ -57,2 +57,20 @@ {
     },
+    "face-detection/demo/index": {
+      "enableWK": "YES",
+      "enableDSL": "YES",
+      "enableJSC": "YES",
+      "defaultTitle": "人脸检测",
+      "backgroundColor": 16119289,
+      "pullRefresh": false,
+      "allowsBounceVertical": true
+    },
+    "footer/demo/index": {
+      "enableWK": "YES",
+      "enableDSL": "YES",
+      "enableJSC": "YES",
+      "defaultTitle": "小程序版AntUI",
+      "backgroundColor": 16119289,
+      "pullRefresh": false,
+      "allowsBounceVertical": true
+    },
     "modal/demo/index": {
@@ -59,0 +77,0 @@ "enableWK": "YES",

es/swipe-action/index.js

@@ -13,2 +13,6 @@ Component({
   },
+  didMount: function didMount() {
+    this.btnWidth = 0;
+    this.setBtnWidth();
+  },
   didUpdate: function didUpdate(_prevProps, prevData) {
@@ -24,5 +28,14 @@ var restore = this.props.restore;
     }
+
+    this.setBtnWidth();
   },
 
   methods: {
+    setBtnWidth: function setBtnWidth() {
+      var _this = this;
+
+      my.createSelectorQuery().select('.am-swipe-right-' + this.$id).boundingClientRect().exec(function (ret) {
+        _this.btnWidth = ret[0].width;
+      });
+    },
     onSwipeTap: function onSwipeTap() {
@@ -91,3 +104,3 @@ if (!this.data.swiping) {
         if (distance < 0) {
-          newLeftPos = Math.max(distance, -this.props.right.length * 60);
+          newLeftPos = Math.max(distance, -this.btnWidth);
           // 右划
@@ -118,4 +131,4 @@ } else {
         if (distance < 0) {
-          if (Math.abs(distance + leftPos) > this.props.right.length * 60 * 0.7) {
-            newLeftPos = -this.props.right.length * 60;
+          if (Math.abs(distance + leftPos) > this.btnWidth * 0.7) {
+            newLeftPos = -this.btnWidth;
           } else {
@@ -132,3 +145,3 @@ newLeftPos = 0;
     done: function done() {
-      var _this = this;
+      var _this2 = this;
 
@@ -138,3 +151,3 @@ this.setData({
       }, function () {
-        _this.setData({
+        _this2.setData({
           holdSwipe: true
@@ -145,3 +158,3 @@ });
     onItemClick: function onItemClick(e) {
-      var _this2 = this;
+      var _this3 = this;
 
@@ -164,3 +177,3 @@ var onRightItemClick = this.props.onRightItemClick;
         setTimeout(function () {
-          _this2.setData({
+          _this3.setData({
             leftPos: 0,
@@ -167,0 +180,0 @@ swiping: false

package.json

 {
   "name": "mini-antui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "小程序版AntUI",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

119035

increased by2.94%

Number of package files

114

increased by6.54%

Lines of code

1829

increased by4.39%

No dependency changes