@dolphinweex/weex-vue-render 0.2.25 → 0.2.27

package/dist/index.common.js

@@ -5944,7 +5944,7 @@ var scrollable$1 = {
     reachBottom: function reachBottom (offset) {
       var wrapper = this.$refs.wrapper;
       var inner = this.$refs.inner;
-      offset = parseInt(offset || 0) * weex.config.env.scale;
+      offset = parseInt(offset || 10) * weex.config.env.scale;
 
       if (wrapper && inner) {
         var key = this.scrollDirection === 'horizontal'
@@ -7353,7 +7353,7 @@ var recycleList = {
   }
 };
 
-__$styleInject("/*\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nbody > .weex-list,\nbody > .weex-recycle,\nbody > .weex-scroller,\nbody > .weex-waterfall {\n  max-height: 100%;\n}\n\n.weex-list-wrapper,\n.weex-recycle-wrapper,\n.weex-scroller-wrapper,\n.weex-waterfall-wrapper {\n  -webkit-overflow-scrolling: touch;\n}\n\n.weex-list-wrapper,\n.weex-waterfall-wrapper, \n.weex-recycle-wrapper {\n  overflow-y: scroll !important;\n  overflow-x: hidden !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n max-width: 100vw; \n}\n\n.weex-list-inner,\n.weex-recycle-inner,\n.weex-scroller-inner,\n.weex-waterfall-inner {\n  -webkit-overflow-scrolling: touch;\n align-items: inherit; \n flex:1; \n}\n\n.weex-waterfall-inner-columns { \n  -webkit-flex-direction: row;\n  flex-direction: row;\n  -webkit-box-orient: horizontal;\n max-width: 100vw; \n}\n\n.weex-scroller-wrapper.weex-scroller-vertical,\n.weex-recycle-wrapper.weex-recycle-vertical  {\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n\n.weex-scroller-wrapper.weex-scroller-horizontal,\n.weex-recycle-wrapper.weex-recycle-horizontal {\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n\n.weex-scroller-wrapper.weex-scroller-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-list-wrapper.weex-list-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-recycle-wrapper.weex-recycle-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-scroller-horizontal .weex-scroller-inner,\n.weex-recycle-horizontal .weex-recycle-inner {\n  -webkit-flex-direction: row;\n  flex-direction: row;\n  -webkit-box-orient: horizontal;\n  height: 100%;\n}\n\n.weex-cell {\n  width: 100%;\n}\n\n.weex-refresh,\n.weex-loading {\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  width: 100%;\n  overflow: hidden;\n}\n",undefined);
+__$styleInject("/*\n * Licensed to the Apache Software Foundation (ASF) under one\n * or more contributor license agreements.  See the NOTICE file\n * distributed with this work for additional information\n * regarding copyright ownership.  The ASF licenses this file\n * to you under the Apache License, Version 2.0 (the\n * \"License\"); you may not use this file except in compliance\n * with the License.  You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied.  See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nbody > .weex-list,\nbody > .weex-recycle,\nbody > .weex-scroller,\nbody > .weex-waterfall {\n  max-height: 100%;\n}\n\n.weex-list-wrapper,\n.weex-recycle-wrapper,\n.weex-scroller-wrapper,\n.weex-waterfall-wrapper {\n  -webkit-overflow-scrolling: touch;\n}\n\n.weex-list-wrapper,\n.weex-waterfall-wrapper, \n.weex-recycle-wrapper {\n  overflow-y: scroll !important;\n  overflow-x: hidden !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n max-width: 100vw; \n}\n\n.weex-list-inner,\n.weex-recycle-inner,\n.weex-scroller-inner,\n.weex-waterfall-inner {\n  -webkit-overflow-scrolling: touch;\n align-items: inherit; \n flex:1; \n}\n\n.weex-waterfall-inner-columns { \n  -webkit-flex-direction: row;\n  flex-direction: row;\n  -webkit-box-orient: horizontal;\n max-width: 100vw; \n}\n\n.weex-scroller-wrapper.weex-scroller-vertical,\n.weex-recycle-wrapper.weex-recycle-vertical  {\n  overflow-x: hidden;\n  overflow-y: scroll;\n}\n\n.weex-scroller-wrapper.weex-scroller-horizontal,\n.weex-recycle-wrapper.weex-recycle-horizontal {\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n\n.weex-scroller-wrapper.weex-scroller-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-slider-wrapper.weex-slider-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-list-wrapper.weex-list-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-recycle-wrapper.weex-recycle-disabled {\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n\n.weex-scroller-horizontal .weex-scroller-inner,\n.weex-recycle-horizontal .weex-recycle-inner {\n  -webkit-flex-direction: row;\n  flex-direction: row;\n  -webkit-box-orient: horizontal;\n  height: 100%;\n}\n\n.weex-cell {\n  width: 100%;\n}\n\n.weex-refresh,\n.weex-loading {\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n  align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  justify-content: center;\n  width: 100%;\n  overflow: hidden;\n}\n",undefined);
 
 /*
  * Licensed to the Apache Software Foundation (ASF) under one
@@ -7423,11 +7423,27 @@ var INTERVAL_MINIMUM = 200;
 var touchSliderInstance = null;
 
 var slideMixin = {
+  props: {
+    scrollable: {
+      type: [Boolean],
+      default: true
+    }
+  },
+  computed: {
+    wrapperClass: function wrapperClass () {
+      var classArray = ['weex-slider weex-slider-wrapper weex-ct']; 
+      if (!this.scrollable) {
+        classArray.push('weex-slider-disabled');
+      }
+
+      return classArray.join(' ')
+    }
+  },
   created: function created () {
     this._clones = [];
     this.innerOffset = 0;
     this._indicator = null;
-    this.cloneIndex = this.frameCount > 1 ? Boolean(this.infinite) : 0 //需要减或者加去克隆下标
+    this.cloneIndex =  0 //需要减或者加去克隆下标
   },
 
   beforeUpdate: function beforeUpdate () {
@@ -7552,6 +7568,7 @@ var slideMixin = {
     _renderSlides: function _renderSlides (createElement) {
       this._cells = this._formatChildren(createElement);
       this.frameCount = this._cells.length;
+      this.cloneIndex = this.frameCount > 1 ? Boolean(this.infinite) : 0 //需要减或者加去克隆下标
       return createElement(
         'nav',
         {
@@ -7563,7 +7580,7 @@ var slideMixin = {
             touchend: this._handleTouchEnd,
             touchcancel: this._handleTouchCancel
           },
-          staticClass: 'weex-slider weex-slider-wrapper weex-ct',
+          staticClass: this.wrapperClass,
           staticStyle: weex.extractComponentStyle(this)
         },
         [
@@ -7636,7 +7653,7 @@ var slideMixin = {
         this.innerOffset += step * this._wrapperWidth;
     
         // 克隆处理：先执行正常动画到克隆的最后一张，再瞬间跳回真实的第一张
-        if (this.frameCount > 1 && this.infinite && index >= this.frameCount - 1) {
+        if (this.cloneIndex && this.infinite && index >= this.frameCount - 1) {
           // 先滑到克隆的 `第一张`
           newIndex = this.frameCount - 1;
           this.innerOffset = -newIndex * this._wrapperWidth;
@@ -7650,7 +7667,7 @@ var slideMixin = {
             this.innerOffset = -this._wrapperWidth; // 瞬间跳到 `第一张`
             inner.style.left = `${this.innerOffset}px`;
           }, TRANSITION_TIME);
-        } else if (this.frameCount > 1 && this.infinite && index <= 0) {
+        } else if (this.cloneIndex && this.infinite && index <= 0) {
           // 先滑到克隆的 `最后一张`
           newIndex = 0;
           this.innerOffset = -newIndex * this._wrapperWidth;
@@ -8054,6 +8071,9 @@ var slideMixin = {
     },
 
     _handleTouchStart: function _handleTouchStart (event) {
+      if (!this.scrollable) {
+        return // 🚫 禁止滚动行为
+      }
       var touch = event.changedTouches[0];
       this._stopAutoPlay();
       var inner = this.$refs.inner;

package/package.json

@@ -49,5 +49,5 @@
     "type": "git",
     "url": "git+ssh://git@github.com/weexteam/weex-vue-render.git"
   },
-  "version": "0.2.25"
+  "version": "0.2.27"
 }