build: package

lib/form/index.js

@@ -3887,6 +3887,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    provide: function provide() {
+      return {
+        radioGroup: this
+      };
+    },
+
     props: {
       value: [String, Number],
       options: {
@@ -3974,6 +3980,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    inject: {
+      radioGroup: {
+        default: null
+      }
+    },
     props: {
       value: [String, Number],
       option: {
@@ -3994,6 +4005,23 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         radioValue: this.value
       };
     },
+    created: function created() {
+      var _this = this;
+
+      var radioGroup = this.radioGroup;
+      if (radioGroup) {
+        this.radioValue = radioGroup.radioValue;
+        this._cancelWatchGroup = this.$watch(function () {
+          return radioGroup.radioValue;
+        }, function (newValue) {
+          _this.radioValue = newValue;
+        });
+      }
+    },
+    beforeDestroy: function beforeDestroy() {
+      this._cancelWatchGroup && this._cancelWatchGroup();
+      this._cancelWatchGroup = null;
+    },
 
     watch: {
       value: function value(newV) {
@@ -4004,6 +4032,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           newV = Number(newV);
         }
         this.$emit(EVENT_INPUT, newV);
+        if (this.radioGroup) {
+          this.radioGroup.radioValue = newV;
+        }
       }
     },
     computed: {

lib/index.js

@@ -6907,7 +6907,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
   }
 
   var Cube = {
-    version: "1.12.10",
+    version: "1.12.11",
     install: install,
     BScroll: _module.BetterScroll,
     createAPI: _module.createAPI
@@ -10399,6 +10399,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    provide: function provide() {
+      return {
+        radioGroup: this
+      };
+    },
+
     props: {
       value: [String, Number],
       options: {
@@ -10486,6 +10492,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    inject: {
+      radioGroup: {
+        default: null
+      }
+    },
     props: {
       value: [String, Number],
       option: {
@@ -10506,6 +10517,23 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         radioValue: this.value
       };
     },
+    created: function created() {
+      var _this = this;
+
+      var radioGroup = this.radioGroup;
+      if (radioGroup) {
+        this.radioValue = radioGroup.radioValue;
+        this._cancelWatchGroup = this.$watch(function () {
+          return radioGroup.radioValue;
+        }, function (newValue) {
+          _this.radioValue = newValue;
+        });
+      }
+    },
+    beforeDestroy: function beforeDestroy() {
+      this._cancelWatchGroup && this._cancelWatchGroup();
+      this._cancelWatchGroup = null;
+    },
 
     watch: {
       value: function value(newV) {
@@ -10516,6 +10544,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           newV = Number(newV);
         }
         this.$emit(EVENT_INPUT, newV);
+        if (this.radioGroup) {
+          this.radioGroup.radioValue = newV;
+        }
       }
     },
     computed: {
@@ -21781,7 +21812,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     Vue.component(_stickyEle2.default.name, _stickyEle2.default);
   };
 
-  _sticky2.default.Ele = _sticky2.default;
+  _sticky2.default.Ele = _stickyEle2.default;
 
   exports.default = _sticky2.default;
   module.exports = exports['default'];
@@ -22926,11 +22957,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     data: function data() {
       return {
         items: [],
-        list: [],
         heights: 0,
         startIndex: 0,
         loadings: [],
-        startOffset: 0,
         noMore: false
       };
     },
@@ -22964,26 +22993,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         return this.loadings.length;
       }
     },
-    watch: {
-      list: function list(newV) {
-        if (newV.length) {
-          this.loadings.pop();
-          if (!this.loading) {
-            this.loadItems();
-          }
-        }
-      },
-      items: function items(newV) {
-        if (newV.length > this.list.length) {
-          this.getItems();
-        }
-      }
+    created: function created() {
+      this.list = [];
+      this.promiseStack = [];
     },
     mounted: function mounted() {
       this.checkPromiseCompatibility();
       this.$el.addEventListener(EVENT_SCROLL, this._onScroll);
       window.addEventListener(EVENT_RESIZE, this._onResize);
-      this.init();
+      this.load();
     },
     beforeDestroy: function beforeDestroy() {
       this.$el.removeEventListener(EVENT_SCROLL, this._onScroll);
@@ -22996,13 +23014,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           (0, _debug.warn)(PROMISE_ERROR);
         }
       },
-      init: function init() {
-        this.load();
-      },
       load: function load() {
         if (this.infinite) {
-          this.items.length += this.size;
-          this.loadItems();
+          var items = this.items;
+          var start = items.length;
+
+          items.length += this.size;
+          var end = items.length;
+          this.loadItems(start, end);
+          this.getItems();
         } else if (!this.loading) {
           this.getItems();
         }
@@ -23010,26 +23030,62 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       getItems: function getItems() {
         var _this = this;
 
+        var index = this.promiseStack.length;
+        var promiseFetch = this.onFetch();
         this.loadings.push('pending');
-        this.onFetch().then(function (res) {
+        this.promiseStack.push(promiseFetch);
+        promiseFetch.then(function (res) {
+          _this.loadings.pop();
+
           if (!res) {
-            _this.noMore = true;
-            _this.loadings.pop();
+            _this.stopScroll(index);
           } else {
-            _this.list = _this.list.concat(res);
+            _this.setList(index, res);
+            _this.loadItemsByIndex(index);
+            if (res.length < _this.size) {
+              _this.stopScroll(index);
+            }
           }
         });
       },
-      loadItems: function loadItems(isResize) {
+      removeUnusedTombs: function removeUnusedTombs(copy, index) {
+        var cursor = void 0;
+        var size = this.size;
+        var start = index * size;
+        var end = (index + 1) * size;
+        for (cursor = start; cursor < end; cursor++) {
+          if (copy[cursor] && copy[cursor].isTombstone) break;
+        }
+        this.items = copy.slice(0, cursor);
+      },
+      stopScroll: function stopScroll(index) {
+        this.noMore = true;
+        this.removeUnusedTombs(this.items.slice(0), index);
+        this.updateItemTop();
+        this.updateStartIndex();
+      },
+      setList: function setList(index, res) {
+        var list = this.list;
+        var baseIndex = index * this.size;
+        for (var i = 0; i < res.length; i++) {
+          list[baseIndex + i] = res[i];
+        }
+      },
+      loadItemsByIndex: function loadItemsByIndex(index) {
+        var size = this.size;
+        var start = index * size;
+        var end = (index + 1) * size;
+        this.loadItems(start, end);
+      },
+      loadItems: function loadItems(start, end) {
         var _this2 = this;
 
+        var items = this.items;
         var promiseTasks = [];
-        var start = 0;
-        var end = this.infinite ? this.items.length : this.list.length;
         var item = void 0;
 
         var _loop = function _loop(i) {
-          item = _this2.items[i];
+          item = items[i];
 
           if (item && item.loaded) {
             return 'continue';
@@ -23049,6 +23105,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
         window.Promise.all(promiseTasks).then(function () {
           _this2.updateItemTop();
+          _this2.updateStartIndex();
         });
       },
       setItem: function setItem(index, data) {
@@ -23065,56 +23122,53 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         var dom = this.$refs['preloads' + index];
         if (dom && dom[0]) {
           cur.height = dom[0].offsetHeight;
-        } else {
+        } else if (cur) {
           cur.height = this.tombHeight;
         }
       },
       updateItemTop: function updateItemTop() {
-        this.heights = 0;
-        for (var i = 0; i < this.items.length; i++) {
-          var pre = this.items[i - 1];
-          this.items[i].top = pre ? pre.top + pre.height : 0;
-          this.heights += this.items[i].height;
-        }
+        var heights = 0;
+        var items = this.items;
+        var pre = void 0;
+        var current = void 0;
 
-        if (this.startOffset) {
-          this.setScrollTop();
+        for (var i = 0; i < items.length; i++) {
+          pre = items[i - 1];
+          current = items[i];
+
+          if (!items[i]) {
+            heights += 0;
+          } else {
+            current.top = pre ? pre.top + pre.height : 0;
+            heights += current.height;
+          }
         }
-        this.updateIndex();
+        this.heights = heights;
       },
-      updateIndex: function updateIndex() {
+      updateStartIndex: function updateStartIndex() {
         var top = this.$el.scrollTop;
-        for (var i = 0; i < this.items.length; i++) {
-          if (this.items[i].top > top) {
+        var item = void 0;
+        var items = this.items;
+        for (var i = 0; i < items.length; i++) {
+          item = items[i];
+          if (!item || item.top > top) {
             this.startIndex = Math.max(0, i - 1);
             break;
           }
         }
       },
-      getStartItemOffset: function getStartItemOffset() {
-        if (this.items[this.startIndex]) {
-          this.startOffset = this.items[this.startIndex].top - this.$el.scrollTop;
-        }
-      },
-      setScrollTop: function setScrollTop() {
-        if (this.items[this.startIndex]) {
-          this.$el.scrollTop = this.items[this.startIndex].top - this.startOffset;
-
-          this.startOffset = 0;
-        }
-      },
       _onScroll: function _onScroll() {
-        if (this.$el.scrollTop + this.$el.offsetHeight > this.heights - this.offset) {
+        if (!this.noMore && this.$el.scrollTop + this.$el.offsetHeight > this.heights - this.offset) {
           this.load();
         }
-        this.updateIndex();
+        this.updateStartIndex();
       },
       _onResize: function _onResize() {
-        this.getStartItemOffset();
-        this.items.forEach(function (item) {
+        var items = this.items;
+        items.forEach(function (item) {
           item.loaded = false;
         });
-        this.loadItems(true);
+        this.loadItems(0, items.length);
       }
     },
     components: {
@@ -23164,7 +23218,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }), _vm._v(" "), _c('div', {
     staticClass: "cube-recycle-list-pool"
   }, [_vm._l((_vm.items), function(item, index) {
-    return (!item.isTombstone && !item.height) ? _c('div', {
+    return (item && !item.isTombstone && !item.height) ? _c('div', {
       ref: 'preloads' + index,
       refInFor: true,
       staticClass: "cube-recycle-list-item cube-recycle-list-invisible"
@@ -23174,7 +23228,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }), _vm._v(" "), _c('div', {
     ref: "tomb",
     staticClass: "cube-recycle-list-item cube-recycle-list-invisible"
-  }, [_vm._t("tombstone")], 2)], 2)], 2), _vm._v(" "), (!_vm.infinite) ? _c('div', {
+  }, [_vm._t("tombstone")], 2)], 2)], 2), _vm._v(" "), (!_vm.infinite && !_vm.noMore) ? _c('div', {
     staticClass: "cube-recycle-list-loading",
     style: ({
       visibility: _vm.loading ? 'visible' : 'hidden'
@@ -23182,7 +23236,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [_vm._t("spinner", [_c('div', {
     staticClass: "cube-recycle-list-loading-content"
   }, [_c('cube-loading', {
-    staticClass: "spinner"
+    staticClass: "cube-recycle-list-spinner"
   })], 1)])], 2) : _vm._e(), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",

lib/radio-group/index.js

@@ -169,6 +169,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    provide: function provide() {
+      return {
+        radioGroup: this
+      };
+    },
+
     props: {
       value: [String, Number],
       options: {
@@ -258,6 +264,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    inject: {
+      radioGroup: {
+        default: null
+      }
+    },
     props: {
       value: [String, Number],
       option: {
@@ -278,6 +289,23 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         radioValue: this.value
       };
     },
+    created: function created() {
+      var _this = this;
+
+      var radioGroup = this.radioGroup;
+      if (radioGroup) {
+        this.radioValue = radioGroup.radioValue;
+        this._cancelWatchGroup = this.$watch(function () {
+          return radioGroup.radioValue;
+        }, function (newValue) {
+          _this.radioValue = newValue;
+        });
+      }
+    },
+    beforeDestroy: function beforeDestroy() {
+      this._cancelWatchGroup && this._cancelWatchGroup();
+      this._cancelWatchGroup = null;
+    },
 
     watch: {
       value: function value(newV) {
@@ -288,6 +316,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           newV = Number(newV);
         }
         this.$emit(EVENT_INPUT, newV);
+        if (this.radioGroup) {
+          this.radioGroup.radioValue = newV;
+        }
       }
     },
     computed: {

lib/radio-group/radio-group.min.js

-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["radio-group"]=t():(e.cube=e.cube||{},e.cube["radio-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=326)}({141:function(e,t,o){function n(e){o(164)}var r=o(6)(o(165),o(166),n,null,null);e.exports=r.exports},161:function(e,t,o){function n(e){o(162)}var r=o(6)(o(163),o(167),n,null,null);e.exports=r.exports},162:function(e,t){},163:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default={name:"cube-radio-group",props:{value:[String,Number],options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:n.default}},e.exports=t.default})},164:function(e,t){},165:function(e,t,o){var n,r,a;!function(o,i){r=[e,t],n=i,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},e.exports=t.default})},166:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},167:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},326:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(161),o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(o),i=r(n);a.default.install=function(e){e.component(a.default.name,a.default),e.component(i.default.name,i.default)},a.default.Radio=i.default,t.default=a.default,e.exports=t.default})},6:function(e,t){e.exports=function(e,t,o,n,r){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var l="function"==typeof i?i.options:i;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),n&&(l._scopeId=n);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=s):o&&(s=o),s){var d=l.functional,c=d?l.render:l.beforeCreate;d?l.render=function(e,t){return s.call(t),c(e,t)}:l.beforeCreate=c?[].concat(c,s):[s]}return{esModule:a,exports:i,options:l}}}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["radio-group"]=t():(e.cube=e.cube||{},e.cube["radio-group"]=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=326)}({141:function(e,t,o){function n(e){o(164)}var r=o(6)(o(165),o(166),n,null,null);e.exports=r.exports},161:function(e,t,o){function n(e){o(162)}var r=o(6)(o(163),o(167),n,null,null);e.exports=r.exports},162:function(e,t){},163:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default={name:"cube-radio-group",provide:function(){return{radioGroup:this}},props:{value:[String,Number],options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:n.default}},e.exports=t.default})},164:function(e,t){},165:function(e,t,o){var n,r,a;!function(o,i){r=[e,t],n=i,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},e.exports=t.default})},166:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},167:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},326:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(161),o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(o),i=r(n);a.default.install=function(e){e.component(a.default.name,a.default),e.component(i.default.name,i.default)},a.default.Radio=i.default,t.default=a.default,e.exports=t.default})},6:function(e,t){e.exports=function(e,t,o,n,r){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var l="function"==typeof i?i.options:i;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),n&&(l._scopeId=n);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=s):o&&(s=o),s){var c=l.functional,d=c?l.render:l.beforeCreate;c?l.render=function(e,t){return s.call(t),d(e,t)}:l.beforeCreate=d?[].concat(d,s):[s]}return{esModule:a,exports:i,options:l}}}})});
\ No newline at end of file

lib/radio/index.js

@@ -169,6 +169,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    provide: function provide() {
+      return {
+        radioGroup: this
+      };
+    },
+
     props: {
       value: [String, Number],
       options: {
@@ -258,6 +264,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
   exports.default = {
     name: COMPONENT_NAME,
+    inject: {
+      radioGroup: {
+        default: null
+      }
+    },
     props: {
       value: [String, Number],
       option: {
@@ -278,6 +289,23 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         radioValue: this.value
       };
     },
+    created: function created() {
+      var _this = this;
+
+      var radioGroup = this.radioGroup;
+      if (radioGroup) {
+        this.radioValue = radioGroup.radioValue;
+        this._cancelWatchGroup = this.$watch(function () {
+          return radioGroup.radioValue;
+        }, function (newValue) {
+          _this.radioValue = newValue;
+        });
+      }
+    },
+    beforeDestroy: function beforeDestroy() {
+      this._cancelWatchGroup && this._cancelWatchGroup();
+      this._cancelWatchGroup = null;
+    },
 
     watch: {
       value: function value(newV) {
@@ -288,6 +316,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           newV = Number(newV);
         }
         this.$emit(EVENT_INPUT, newV);
+        if (this.radioGroup) {
+          this.radioGroup.radioValue = newV;
+        }
       }
     },
     computed: {

lib/radio/radio.min.js

-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.radio=t():(e.cube=e.cube||{},e.cube.radio=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=325)}({141:function(e,t,o){function n(e){o(164)}var r=o(6)(o(165),o(166),n,null,null);e.exports=r.exports},161:function(e,t,o){function n(e){o(162)}var r=o(6)(o(163),o(167),n,null,null);e.exports=r.exports},162:function(e,t){},163:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default={name:"cube-radio-group",props:{value:[String,Number],options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:n.default}},e.exports=t.default})},164:function(e,t){},165:function(e,t,o){var n,r,a;!function(o,i){r=[e,t],n=i,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},e.exports=t.default})},166:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},167:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},325:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(161),o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(o),i=r(n);a.default.install=function(e){e.component(a.default.name,a.default),e.component(i.default.name,i.default)},a.default.Radio=i.default,t.default=a.default,e.exports=t.default})},6:function(e,t){e.exports=function(e,t,o,n,r){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var l="function"==typeof i?i.options:i;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),n&&(l._scopeId=n);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=s):o&&(s=o),s){var d=l.functional,c=d?l.render:l.beforeCreate;d?l.render=function(e,t){return s.call(t),c(e,t)}:l.beforeCreate=c?[].concat(c,s):[s]}return{esModule:a,exports:i,options:l}}}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.radio=t():(e.cube=e.cube||{},e.cube.radio=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=325)}({141:function(e,t,o){function n(e){o(164)}var r=o(6)(o(165),o(166),n,null,null);e.exports=r.exports},161:function(e,t,o){function n(e){o(162)}var r=o(6)(o(163),o(167),n,null,null);e.exports=r.exports},162:function(e,t){},163:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e&&e.__esModule?e:{default:e}}(o);t.default={name:"cube-radio-group",provide:function(){return{radioGroup:this}},props:{value:[String,Number],options:{type:Array,default:function(){return[]}},position:{type:String,default:"left"},horizontal:{type:Boolean,default:!1},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},watch:{value:function(e){this.radioValue=e},radioValue:function(e){this.$emit("input",e)}},computed:{_groupClass:function(){if(!this.horizontal)return"border-top-1px border-bottom-1px"}},components:{CubeRadio:n.default}},e.exports=t.default})},164:function(e,t){},165:function(e,t,o){var n,r,a;!function(o,i){r=[e,t],n=i,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-radio",inject:{radioGroup:{default:null}},props:{value:[String,Number],option:{type:[String,Object],required:!0},position:{type:String,default:"left"},hollowStyle:{type:Boolean,default:!1}},data:function(){return{radioValue:this.value}},created:function(){var e=this,t=this.radioGroup;t&&(this.radioValue=t.radioValue,this._cancelWatchGroup=this.$watch(function(){return t.radioValue},function(t){e.radioValue=t}))},beforeDestroy:function(){this._cancelWatchGroup&&this._cancelWatchGroup(),this._cancelWatchGroup=null},watch:{value:function(e){this.radioValue=e},radioValue:function(e){"number"==typeof this.value&&(e=Number(e)),this.$emit("input",e),this.radioGroup&&(this.radioGroup.radioValue=e)}},computed:{computedOption:function(){var e=this.option;return"string"==typeof e?{value:e,label:e}:e},_containerClass:function(){var e=this.computedOption;return{"cube-radio-hollow":this.hollowStyle,"cube-radio_selected":this.radioValue===e.value,"cube-radio_disabled":e.disabled,"border-right-1px":this.$parent.horizontal}},_wrapClass:function(){if(!this.$parent.horizontal)return"border-bottom-1px"}}},e.exports=t.default})},166:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio",class:e._containerClass,attrs:{"data-pos":e.position}},[o("label",{staticClass:"cube-radio-wrap",class:e._wrapClass},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.radioValue,expression:"radioValue"}],staticClass:"cube-radio-input",attrs:{type:"radio",disabled:e.option.disabled},domProps:{value:e.computedOption.value,checked:e._q(e.radioValue,e.computedOption.value)},on:{change:function(t){e.radioValue=e.computedOption.value}}}),e._v(" "),e._m(0),e._v(" "),e._t("default",[o("span",{staticClass:"cube-radio-label"},[e._v(e._s(e.computedOption.label))])])],2)])},staticRenderFns:[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{staticClass:"cube-radio-ui cubeic-round-border"},[o("i")])}]}},167:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"cube-radio-group",class:e._groupClass,attrs:{"data-horz":e.horizontal}},[e._t("default",e._l(e.options,function(t,n){return o("cube-radio",{key:n,attrs:{option:t,position:e.position,"hollow-style":e.hollowStyle},model:{value:e.radioValue,callback:function(t){e.radioValue=t},expression:"radioValue"}})}))],2)},staticRenderFns:[]}},325:function(e,t,o){var n,r,a;!function(i,u){r=[e,t,o(161),o(141)],n=u,void 0!==(a="function"==typeof n?n.apply(t,r):n)&&(e.exports=a)}(0,function(e,t,o,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=r(o),i=r(n);a.default.install=function(e){e.component(a.default.name,a.default),e.component(i.default.name,i.default)},a.default.Radio=i.default,t.default=a.default,e.exports=t.default})},6:function(e,t){e.exports=function(e,t,o,n,r){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var l="function"==typeof i?i.options:i;t&&(l.render=t.render,l.staticRenderFns=t.staticRenderFns),n&&(l._scopeId=n);var s;if(r?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},l._ssrRegister=s):o&&(s=o),s){var c=l.functional,d=c?l.render:l.beforeCreate;c?l.render=function(e,t){return s.call(t),d(e,t)}:l.beforeCreate=d?[].concat(d,s):[s]}return{esModule:a,exports:i,options:l}}}})});
\ No newline at end of file

lib/recycle-list/index.js

@@ -2618,11 +2618,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     data: function data() {
       return {
         items: [],
-        list: [],
         heights: 0,
         startIndex: 0,
         loadings: [],
-        startOffset: 0,
         noMore: false
       };
     },
@@ -2656,26 +2654,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         return this.loadings.length;
       }
     },
-    watch: {
-      list: function list(newV) {
-        if (newV.length) {
-          this.loadings.pop();
-          if (!this.loading) {
-            this.loadItems();
-          }
-        }
-      },
-      items: function items(newV) {
-        if (newV.length > this.list.length) {
-          this.getItems();
-        }
-      }
+    created: function created() {
+      this.list = [];
+      this.promiseStack = [];
     },
     mounted: function mounted() {
       this.checkPromiseCompatibility();
       this.$el.addEventListener(EVENT_SCROLL, this._onScroll);
       window.addEventListener(EVENT_RESIZE, this._onResize);
-      this.init();
+      this.load();
     },
     beforeDestroy: function beforeDestroy() {
       this.$el.removeEventListener(EVENT_SCROLL, this._onScroll);
@@ -2688,13 +2675,15 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           (0, _debug.warn)(PROMISE_ERROR);
         }
       },
-      init: function init() {
-        this.load();
-      },
       load: function load() {
         if (this.infinite) {
-          this.items.length += this.size;
-          this.loadItems();
+          var items = this.items;
+          var start = items.length;
+
+          items.length += this.size;
+          var end = items.length;
+          this.loadItems(start, end);
+          this.getItems();
         } else if (!this.loading) {
           this.getItems();
         }
@@ -2702,26 +2691,62 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
       getItems: function getItems() {
         var _this = this;
 
+        var index = this.promiseStack.length;
+        var promiseFetch = this.onFetch();
         this.loadings.push('pending');
-        this.onFetch().then(function (res) {
+        this.promiseStack.push(promiseFetch);
+        promiseFetch.then(function (res) {
+          _this.loadings.pop();
+
           if (!res) {
-            _this.noMore = true;
-            _this.loadings.pop();
+            _this.stopScroll(index);
           } else {
-            _this.list = _this.list.concat(res);
+            _this.setList(index, res);
+            _this.loadItemsByIndex(index);
+            if (res.length < _this.size) {
+              _this.stopScroll(index);
+            }
           }
         });
       },
-      loadItems: function loadItems(isResize) {
+      removeUnusedTombs: function removeUnusedTombs(copy, index) {
+        var cursor = void 0;
+        var size = this.size;
+        var start = index * size;
+        var end = (index + 1) * size;
+        for (cursor = start; cursor < end; cursor++) {
+          if (copy[cursor] && copy[cursor].isTombstone) break;
+        }
+        this.items = copy.slice(0, cursor);
+      },
+      stopScroll: function stopScroll(index) {
+        this.noMore = true;
+        this.removeUnusedTombs(this.items.slice(0), index);
+        this.updateItemTop();
+        this.updateStartIndex();
+      },
+      setList: function setList(index, res) {
+        var list = this.list;
+        var baseIndex = index * this.size;
+        for (var i = 0; i < res.length; i++) {
+          list[baseIndex + i] = res[i];
+        }
+      },
+      loadItemsByIndex: function loadItemsByIndex(index) {
+        var size = this.size;
+        var start = index * size;
+        var end = (index + 1) * size;
+        this.loadItems(start, end);
+      },
+      loadItems: function loadItems(start, end) {
         var _this2 = this;
 
+        var items = this.items;
         var promiseTasks = [];
-        var start = 0;
-        var end = this.infinite ? this.items.length : this.list.length;
         var item = void 0;
 
         var _loop = function _loop(i) {
-          item = _this2.items[i];
+          item = items[i];
 
           if (item && item.loaded) {
             return 'continue';
@@ -2741,6 +2766,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
         window.Promise.all(promiseTasks).then(function () {
           _this2.updateItemTop();
+          _this2.updateStartIndex();
         });
       },
       setItem: function setItem(index, data) {
@@ -2757,56 +2783,53 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
         var dom = this.$refs['preloads' + index];
         if (dom && dom[0]) {
           cur.height = dom[0].offsetHeight;
-        } else {
+        } else if (cur) {
           cur.height = this.tombHeight;
         }
       },
       updateItemTop: function updateItemTop() {
-        this.heights = 0;
-        for (var i = 0; i < this.items.length; i++) {
-          var pre = this.items[i - 1];
-          this.items[i].top = pre ? pre.top + pre.height : 0;
-          this.heights += this.items[i].height;
-        }
+        var heights = 0;
+        var items = this.items;
+        var pre = void 0;
+        var current = void 0;
+
+        for (var i = 0; i < items.length; i++) {
+          pre = items[i - 1];
+          current = items[i];
 
-        if (this.startOffset) {
-          this.setScrollTop();
+          if (!items[i]) {
+            heights += 0;
+          } else {
+            current.top = pre ? pre.top + pre.height : 0;
+            heights += current.height;
+          }
         }
-        this.updateIndex();
+        this.heights = heights;
       },
-      updateIndex: function updateIndex() {
+      updateStartIndex: function updateStartIndex() {
         var top = this.$el.scrollTop;
-        for (var i = 0; i < this.items.length; i++) {
-          if (this.items[i].top > top) {
+        var item = void 0;
+        var items = this.items;
+        for (var i = 0; i < items.length; i++) {
+          item = items[i];
+          if (!item || item.top > top) {
             this.startIndex = Math.max(0, i - 1);
             break;
           }
         }
       },
-      getStartItemOffset: function getStartItemOffset() {
-        if (this.items[this.startIndex]) {
-          this.startOffset = this.items[this.startIndex].top - this.$el.scrollTop;
-        }
-      },
-      setScrollTop: function setScrollTop() {
-        if (this.items[this.startIndex]) {
-          this.$el.scrollTop = this.items[this.startIndex].top - this.startOffset;
-
-          this.startOffset = 0;
-        }
-      },
       _onScroll: function _onScroll() {
-        if (this.$el.scrollTop + this.$el.offsetHeight > this.heights - this.offset) {
+        if (!this.noMore && this.$el.scrollTop + this.$el.offsetHeight > this.heights - this.offset) {
           this.load();
         }
-        this.updateIndex();
+        this.updateStartIndex();
       },
       _onResize: function _onResize() {
-        this.getStartItemOffset();
-        this.items.forEach(function (item) {
+        var items = this.items;
+        items.forEach(function (item) {
           item.loaded = false;
         });
-        this.loadItems(true);
+        this.loadItems(0, items.length);
       }
     },
     components: {
@@ -2856,7 +2879,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }), _vm._v(" "), _c('div', {
     staticClass: "cube-recycle-list-pool"
   }, [_vm._l((_vm.items), function(item, index) {
-    return (!item.isTombstone && !item.height) ? _c('div', {
+    return (item && !item.isTombstone && !item.height) ? _c('div', {
       ref: 'preloads' + index,
       refInFor: true,
       staticClass: "cube-recycle-list-item cube-recycle-list-invisible"
@@ -2866,7 +2889,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }), _vm._v(" "), _c('div', {
     ref: "tomb",
     staticClass: "cube-recycle-list-item cube-recycle-list-invisible"
-  }, [_vm._t("tombstone")], 2)], 2)], 2), _vm._v(" "), (!_vm.infinite) ? _c('div', {
+  }, [_vm._t("tombstone")], 2)], 2)], 2), _vm._v(" "), (!_vm.infinite && !_vm.noMore) ? _c('div', {
     staticClass: "cube-recycle-list-loading",
     style: ({
       visibility: _vm.loading ? 'visible' : 'hidden'
@@ -2874,7 +2897,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [_vm._t("spinner", [_c('div', {
     staticClass: "cube-recycle-list-loading-content"
   }, [_c('cube-loading', {
-    staticClass: "spinner"
+    staticClass: "cube-recycle-list-spinner"
   })], 1)])], 2) : _vm._e(), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",

lib/recycle-list/recycle-list.min.css

-.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-loading-content .spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-recycle-list-noMore{overflow:hidden;margin:10px auto;height:20px;text-align:center}
+.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
\ No newline at end of file

lib/recycle-list/style.css

-.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-loading-content .spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.cube-recycle-list-noMore{overflow:hidden;margin:10px auto;height:20px;text-align:center}
+.cube-loading{font-size:24px}.cube-loading-spinners{position:relative;display:block;width:1em;height:1em}.cube-loading-spinner{position:absolute;left:44.5%;top:37%;width:2px;height:25%;border-radius:50%/20%;opacity:.25;background-color:currentColor;-webkit-animation:spinner-fade 1s linear infinite;animation:spinner-fade 1s linear infinite}.cube-loading-spinner:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(-150deg) translateY(-150%);transform:rotate(-150deg) translateY(-150%)}.cube-loading-spinner:nth-child(2){-webkit-animation-delay:.083333333333333s;animation-delay:.083333333333333s;-webkit-transform:rotate(-120deg) translateY(-150%);transform:rotate(-120deg) translateY(-150%)}.cube-loading-spinner:nth-child(3){-webkit-animation-delay:.166666666666667s;animation-delay:.166666666666667s;-webkit-transform:rotate(-90deg) translateY(-150%);transform:rotate(-90deg) translateY(-150%)}.cube-loading-spinner:nth-child(4){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transform:rotate(-60deg) translateY(-150%);transform:rotate(-60deg) translateY(-150%)}.cube-loading-spinner:nth-child(5){-webkit-animation-delay:.333333333333333s;animation-delay:.333333333333333s;-webkit-transform:rotate(-30deg) translateY(-150%);transform:rotate(-30deg) translateY(-150%)}.cube-loading-spinner:nth-child(6){-webkit-animation-delay:.416666666666667s;animation-delay:.416666666666667s;-webkit-transform:rotate(0deg) translateY(-150%);transform:rotate(0deg) translateY(-150%)}.cube-loading-spinner:nth-child(7){-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform:rotate(30deg) translateY(-150%);transform:rotate(30deg) translateY(-150%)}.cube-loading-spinner:nth-child(8){-webkit-animation-delay:.583333333333333s;animation-delay:.583333333333333s;-webkit-transform:rotate(60deg) translateY(-150%);transform:rotate(60deg) translateY(-150%)}.cube-loading-spinner:nth-child(9){-webkit-animation-delay:.666666666666667s;animation-delay:.666666666666667s;-webkit-transform:rotate(90deg) translateY(-150%);transform:rotate(90deg) translateY(-150%)}.cube-loading-spinner:nth-child(10){-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-transform:rotate(120deg) translateY(-150%);transform:rotate(120deg) translateY(-150%)}.cube-loading-spinner:nth-child(11){-webkit-animation-delay:.833333333333333s;animation-delay:.833333333333333s;-webkit-transform:rotate(150deg) translateY(-150%);transform:rotate(150deg) translateY(-150%)}.cube-loading-spinner:nth-child(12){-webkit-animation-delay:.916666666666667s;animation-delay:.916666666666667s;-webkit-transform:rotate(180deg) translateY(-150%);transform:rotate(180deg) translateY(-150%)}@-webkit-keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}@keyframes spinner-fade{0%{opacity:.85}50%{opacity:.25}to{opacity:.25}}.cube-recycle-list{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cube-recycle-list-main{min-height:100%}.cube-recycle-list-fake{height:1px}.cube-recycle-list-invisible{top:-1000px;visibility:hidden}.cube-recycle-list-item{width:100%;position:absolute;box-sizing:border-box}.cube-recycle-list-transition{position:absolute;opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.cube-recycle-list-loading{overflow:hidden}.cube-recycle-list-loading-content{text-align:center}.cube-recycle-list-spinner{margin:10px auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
\ No newline at end of file

lib/sticky/index.js

@@ -488,7 +488,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
     Vue.component(_stickyEle2.default.name, _stickyEle2.default);
   };
 
-  _sticky2.default.Ele = _sticky2.default;
+  _sticky2.default.Ele = _stickyEle2.default;
 
   exports.default = _sticky2.default;
   module.exports = exports['default'];

lib/sticky/sticky.min.js

-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sticky=t():(e.cube=e.cube||{},e.cube.sticky=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=350)}({175:function(e,t,n){function i(e){n(235)}var r=n(6)(n(236),n(237),i,null,null);e.exports=r.exports},231:function(e,t,n){function i(e){n(232)}var r=n(6)(n(233),n(234),i,null,null);e.exports=r.exports},232:function(e,t){},233:function(e,t,n){var i,r,s;!function(o,f){r=[e,t,n(93)],i=f,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=(0,n.prefixStyle)("transform");t.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(e){e>=0&&(e=0),e=Math.ceil(e),this._fixedTop!==e&&(this._fixedTop=e,this.$refs.fixedEle.style[i]="translate3d(0, "+e+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(e,t){var n=this,i=this.eles[t],r=this.eles[e],s=r&&void 0!==r.eleKey?r.eleKey:-1===e?"":e,o=this.$refs.fixedEle,f=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(f)n.fixedEleHeight=o.offsetHeight;else{var e=o.firstElementChild;i&&(i.$el.appendChild(e),i.refresh()),r?(o.appendChild(r.$el.firstElementChild),n.fixedEleHeight=o.offsetHeight):n.fixedEleHeight=0}}),this.currentKey=s,this.$emit("change",s,e)},currentDiff:function(e){var t=this.heights[this.currentIndex]||0;this.$emit("diff-change",e,t)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(e){this.eles.push(e)},removeEle:function(e){var t=this.eles.indexOf(e);this.eles.splice(t,1),this.positions.splice(t,1)},refresh:function(){var e=this;this.$nextTick(function(){e.eles.forEach(function(e){e.refresh()}),e._calculateHeight(),e.computeCurrentSticky(e.pos)})},computeCurrentSticky:function(e){e+=this.offset;for(var t=this.positions,n=this.heights,i=this.checkTop,r=t.length,s=r-1;s>=0;s--){var o=s===r-1,f=o?e:t[s+1],u=void 0,c=void 0;i?(u=t[s],c=u+n[s]):(u=t[s]+n[s],c=u);var a=Math.max(c,f);if(e>=u&&e<=a){this.currentIndex=s,this.currentDiff=e-u;var d=f-e;return void(this.diff=d>=0&&!o?d-(this.fixedEleHeight||n[s]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var e=this;this.eles.forEach(function(t,i){var r=(0,n.getRect)(t.$el),s=r.top,o=r.height;e.positions[i]=s,e.heights[i]=o}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},e.exports=t.default})},234:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-sticky"},[e._t("default"),e._v(" "),n("transition",{attrs:{name:e.fixedShowAni}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[e._t("fixed",null,{current:e.currentKey,index:e.currentIndex})],2)])],2)},staticRenderFns:[]}},235:function(e,t){},236:function(e,t,n){var i,r,s;!function(n,o){r=[e,t],i=o,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-sticky-ele",inject:["sticky"],props:{eleKey:{type:[Number,String]}},mounted:function(){this.sticky.addEle(this)},methods:{refresh:function(){var e=this.$el;e.firstElementChild&&(e.style.height="",e.style.height=e.offsetHeight+"px")}},beforeDestroy:function(){this.sticky.removeEle(this)}},e.exports=t.default})},237:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-sticky-ele"},[n("div",{staticClass:"cube-sticky-content"},[e._t("default")],2)])},staticRenderFns:[]}},350:function(e,t,n){var i,r,s;!function(o,f){r=[e,t,n(231),n(175)],i=f,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(n),o=r(i);s.default.install=function(e){e.component(s.default.name,s.default),e.component(o.default.name,o.default)},s.default.Ele=s.default,t.default=s.default,e.exports=t.default})},6:function(e,t){e.exports=function(e,t,n,i,r){var s,o=e=e||{},f=typeof e.default;"object"!==f&&"function"!==f||(s=e,o=e.default);var u="function"==typeof o?o.options:o;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),i&&(u._scopeId=i);var c;if(r?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},u._ssrRegister=c):n&&(c=n),c){var a=u.functional,d=a?u.render:u.beforeCreate;a?u.render=function(e,t){return c.call(t),d(e,t)}:u.beforeCreate=d?[].concat(d,c):[c]}return{esModule:s,exports:o,options:u}}},88:function(e,t,n){var i,r,s;!function(n,o){r=[t],i=o,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0})},93:function(e,t,n){var i,r,s;!function(o,f){r=[t,n(88)],i=f,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function i(e,t){if(!n(e,t)){var i=e.className.split(" ");i.push(t),e.className=i.join(" ")}}function r(e,t){if(n(e,t)){var i=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(i," ")}}function s(e,t){return e.getAttribute("data-"+t)}function o(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function f(e){return!1!==a&&("standard"===a?"transitionEnd"===e?"transitionend":e:a+e.charAt(0).toUpperCase()+e.substr(1))}function u(e,t){for(var i=e.target;i&&!n(i,t);){if(i===e.currentTarget)return null;i=i.parentNode}return i}function c(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=n.type,r=void 0===i?"Event":i,s=n.bubbles,o=void 0===s||s,f=n.cancelable,u=void 0===f||f,c=document.createEvent(r);c.initEvent(t,o,u),e.dispatchEvent(c)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=i,e.removeClass=r,e.getData=s,e.getRect=o,e.prefixStyle=f,e.getMatchedTarget=u,e.dispatchEvent=c;var a=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in n)if(void 0!==e[n[i]])return i;return!1}()})}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sticky=t():(e.cube=e.cube||{},e.cube.sticky=t())}("undefined"!=typeof self?self:this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=350)}({175:function(e,t,n){function i(e){n(235)}var r=n(6)(n(236),n(237),i,null,null);e.exports=r.exports},231:function(e,t,n){function i(e){n(232)}var r=n(6)(n(233),n(234),i,null,null);e.exports=r.exports},232:function(e,t){},233:function(e,t,n){var i,r,s;!function(o,f){r=[e,t,n(93)],i=f,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=(0,n.prefixStyle)("transform");t.default={name:"cube-sticky",provide:function(){return{sticky:this}},props:{pos:{type:Number,required:!0},checkTop:{type:Boolean,default:!0},fixedShowAni:{type:String,default:function(){return this.checkTop?"":"cube-sticky-fixed-fade"}},offset:{type:Number,default:0}},data:function(){return{diff:0,currentDiff:0,currentIndex:-1,currentKey:""}},computed:{fixedShow:function(){return!!this.eles[this.currentIndex]}},watch:{diff:function(e){e>=0&&(e=0),e=Math.ceil(e),this._fixedTop!==e&&(this._fixedTop=e,this.$refs.fixedEle.style[i]="translate3d(0, "+e+"px, 0)")},pos:"computeCurrentSticky",currentIndex:function(e,t){var n=this,i=this.eles[t],r=this.eles[e],s=r&&void 0!==r.eleKey?r.eleKey:-1===e?"":e,o=this.$refs.fixedEle,f=this.$slots.fixed||this.$scopedSlots.fixed;this.$nextTick(function(){if(f)n.fixedEleHeight=o.offsetHeight;else{var e=o.firstElementChild;i&&(i.$el.appendChild(e),i.refresh()),r?(o.appendChild(r.$el.firstElementChild),n.fixedEleHeight=o.offsetHeight):n.fixedEleHeight=0}}),this.currentKey=s,this.$emit("change",s,e)},currentDiff:function(e){var t=this.heights[this.currentIndex]||0;this.$emit("diff-change",e,t)}},created:function(){this.fixedEleHeight=0,this.eles=[],this.positions=[],this.heights=[]},mounted:function(){this.refresh()},methods:{addEle:function(e){this.eles.push(e)},removeEle:function(e){var t=this.eles.indexOf(e);this.eles.splice(t,1),this.positions.splice(t,1)},refresh:function(){var e=this;this.$nextTick(function(){e.eles.forEach(function(e){e.refresh()}),e._calculateHeight(),e.computeCurrentSticky(e.pos)})},computeCurrentSticky:function(e){e+=this.offset;for(var t=this.positions,n=this.heights,i=this.checkTop,r=t.length,s=r-1;s>=0;s--){var o=s===r-1,f=o?e:t[s+1],u=void 0,c=void 0;i?(u=t[s],c=u+n[s]):(u=t[s]+n[s],c=u);var a=Math.max(c,f);if(e>=u&&e<=a){this.currentIndex=s,this.currentDiff=e-u;var d=f-e;return void(this.diff=d>=0&&!o?d-(this.fixedEleHeight||n[s]):0)}}this.currentIndex=-1,this.currentDiff=0},_calculateHeight:function(){var e=this;this.eles.forEach(function(t,i){var r=(0,n.getRect)(t.$el),s=r.top,o=r.height;e.positions[i]=s,e.heights[i]=o}),this.fixedEleHeight=this.$refs.fixedEle.offsetHeight}}},e.exports=t.default})},234:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-sticky"},[e._t("default"),e._v(" "),n("transition",{attrs:{name:e.fixedShowAni}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.fixedShow,expression:"fixedShow"}],ref:"fixedEle",staticClass:"cube-sticky-fixed"},[e._t("fixed",null,{current:e.currentKey,index:e.currentIndex})],2)])],2)},staticRenderFns:[]}},235:function(e,t){},236:function(e,t,n){var i,r,s;!function(n,o){r=[e,t],i=o,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default={name:"cube-sticky-ele",inject:["sticky"],props:{eleKey:{type:[Number,String]}},mounted:function(){this.sticky.addEle(this)},methods:{refresh:function(){var e=this.$el;e.firstElementChild&&(e.style.height="",e.style.height=e.offsetHeight+"px")}},beforeDestroy:function(){this.sticky.removeEle(this)}},e.exports=t.default})},237:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"cube-sticky-ele"},[n("div",{staticClass:"cube-sticky-content"},[e._t("default")],2)])},staticRenderFns:[]}},350:function(e,t,n){var i,r,s;!function(o,f){r=[e,t,n(231),n(175)],i=f,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t,n,i){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(n),o=r(i);s.default.install=function(e){e.component(s.default.name,s.default),e.component(o.default.name,o.default)},s.default.Ele=o.default,t.default=s.default,e.exports=t.default})},6:function(e,t){e.exports=function(e,t,n,i,r){var s,o=e=e||{},f=typeof e.default;"object"!==f&&"function"!==f||(s=e,o=e.default);var u="function"==typeof o?o.options:o;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),i&&(u._scopeId=i);var c;if(r?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},u._ssrRegister=c):n&&(c=n),c){var a=u.functional,d=a?u.render:u.beforeCreate;a?u.render=function(e,t){return c.call(t),d(e,t)}:u.beforeCreate=d?[].concat(d,c):[c]}return{esModule:s,exports:o,options:u}}},88:function(e,t,n){var i,r,s;!function(n,o){r=[t],i=o,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.inBrowser="undefined"!=typeof window,n=e.ua=t&&navigator.userAgent.toLowerCase();e.isAndroid=n&&n.indexOf("android")>0})},93:function(e,t,n){var i,r,s;!function(o,f){r=[t,n(88)],i=f,void 0!==(s="function"==typeof i?i.apply(t,r):i)&&(e.exports=s)}(0,function(e,t){"use strict";function n(e,t){return new RegExp("(^|\\s)"+t+"(\\s|$)").test(e.className)}function i(e,t){if(!n(e,t)){var i=e.className.split(" ");i.push(t),e.className=i.join(" ")}}function r(e,t){if(n(e,t)){var i=new RegExp("(^|\\s)"+t+"(\\s|$)","g");e.className=e.className.replace(i," ")}}function s(e,t){return e.getAttribute("data-"+t)}function o(e){return{top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth,height:e.offsetHeight}}function f(e){return!1!==a&&("standard"===a?"transitionEnd"===e?"transitionend":e:a+e.charAt(0).toUpperCase()+e.substr(1))}function u(e,t){for(var i=e.target;i&&!n(i,t);){if(i===e.currentTarget)return null;i=i.parentNode}return i}function c(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=n.type,r=void 0===i?"Event":i,s=n.bubbles,o=void 0===s||s,f=n.cancelable,u=void 0===f||f,c=document.createEvent(r);c.initEvent(t,o,u),e.dispatchEvent(c)}Object.defineProperty(e,"__esModule",{value:!0}),e.hasClass=n,e.addClass=i,e.removeClass=r,e.getData=s,e.getRect=o,e.prefixStyle=f,e.getMatchedTarget=u,e.dispatchEvent=c;var a=function(){if(!t.inBrowser)return!1;var e=document.createElement("div").style,n={standard:"transform",webkit:"webkitTransform",Moz:"MozTransform",O:"OTransform",ms:"msTransform"};for(var i in n)if(void 0!==e[n[i]])return i;return!1}()})}})});
\ No newline at end of file