zartui 0.1.44 → 0.1.48

package/es/dialog/index.css

@@ -1 +1 @@
-.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:100px}.zt-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel,.zt-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm,.zt-dialog__confirm:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+.zt-dialog{position:fixed;top:45%;left:50%;width:327px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:328px){.zt-dialog{width:90%}}.zt-dialog__header{padding-top:24px;font-weight:700;line-height:24px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;padding-left:16px;padding-right:16px}.zt-dialog__header--isolated{padding:24px 0}.zt-dialog__header--custom-title{height:44px;padding-left:0;padding-right:0;padding-top:0}.zt-dialog__content{text-align:center}.zt-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-height:100px}.zt-dialog__message{max-height:60vh;padding:24px 16px;overflow-y:auto;font-size:16px;line-height:20px;color:rgba(0,0,0,.6);display:inline-block;text-align:left;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:8px;font-size:14px}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.zt-dialog__footer .zt-hairline--left::after{top:calc(-50% + 20px);bottom:calc(-50% + 20px)}.zt-dialog__cancel,.zt-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;margin:0;border:0}.zt-dialog__confirm,.zt-dialog__confirm:active{color:#0091fa}.zt-dialog__cancel{color:#000;font-weight:400}.zt-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.less

@@ -22,7 +22,6 @@
     padding-top: @dialog-header-padding-top;
     font-weight: @dialog-header-font-weight;
     line-height: @dialog-header-line-height;
-    height: @dialog-header-line-height;
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -44,21 +43,25 @@
   }
 
   &__content {
+    text-align: center;
     &--isolated {
       display: flex;
       align-items: center;
+      justify-content: center;
       min-height: 100px;
     }
   }
 
   &__message {
-    flex: 1;
+    // flex: 1;
     max-height: @dialog-message-max-height;
     padding: 24px @dialog-message-padding;
     overflow-y: auto;
     font-size: @dialog-message-font-size;
     line-height: @dialog-message-line-height;
     color: @dialog-has-title-message-text-color;
+    display: inline-block;
+    text-align: left;
 
     // allow newline charactor
     white-space: pre-wrap;

package/es/index.js

@@ -25,6 +25,7 @@ import Image from './image';
 import ImagePreview from './image-preview';
 import Info from './info';
 import Lazyload from './lazyload';
+import List from './list';
 import Loading from './loading';
 import Locale from './locale';
 import NavBar from './nav-bar';
@@ -35,6 +36,7 @@ import PasswordInput from './password-input';
 import PdfViewer from './pdf-viewer';
 import Picker from './picker';
 import Popup from './popup';
+import PullRefresh from './pull-refresh';
 import Radio from './radio';
 import RadioGroup from './radio-group';
 import Rate from './rate';
@@ -59,10 +61,10 @@ import Tabs from './tabs';
 import Tag from './tag';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '0.1.44';
+var version = '0.1.48';
 
 function install(Vue) {
-  var components = [ActionSheet, Area, Avatar, Badge, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, Loading, Locale, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popup, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, Uploader];
+  var components = [ActionSheet, Area, Avatar, Badge, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, List, Loading, Locale, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, Uploader];
   components.forEach(function (item) {
     if (item.install) {
       Vue.use(item);
@@ -76,7 +78,7 @@ if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue);
 }
 
-export { install, version, ActionSheet, Area, Avatar, Badge, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, Loading, Locale, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popup, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, Uploader };
+export { install, version, ActionSheet, Area, Avatar, Badge, Button, Calendar, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Icon, Image, ImagePreview, Info, Lazyload, List, Loading, Locale, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, Uploader };
 export default {
   install: install,
   version: version

package/es/list/index.css

@@ -0,0 +1 @@
+.zt-list__error-text,.zt-list__finished-text,.zt-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.zt-list__placeholder{height:0;pointer-events:none}

package/es/list/index.js

@@ -0,0 +1,178 @@
+// Utils
+import { createNamespace } from '../utils';
+import { isHidden } from '../utils/dom/style';
+import { getScroller } from '../utils/dom/scroll'; // Mixins
+
+import { BindEventMixin } from '../mixins/bind-event'; // Components
+
+import Loading from '../loading';
+
+var _createNamespace = createNamespace('list'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1],
+    t = _createNamespace[2];
+
+export default createComponent({
+  mixins: [BindEventMixin(function (bind) {
+    if (!this.scroller) {
+      this.scroller = getScroller(this.$el);
+    }
+
+    bind(this.scroller, 'scroll', this.check);
+  })],
+  model: {
+    prop: 'loading'
+  },
+  props: {
+    error: Boolean,
+    loading: Boolean,
+    finished: Boolean,
+    errorText: String,
+    loadingText: String,
+    finishedText: String,
+    immediateCheck: {
+      type: Boolean,
+      default: true
+    },
+    offset: {
+      type: [Number, String],
+      default: 300
+    },
+    direction: {
+      type: String,
+      default: 'down'
+    }
+  },
+  data: function data() {
+    return {
+      // use sync innerLoading state to avoid repeated loading in some edge cases
+      innerLoading: this.loading
+    };
+  },
+  updated: function updated() {
+    this.innerLoading = this.loading;
+  },
+  mounted: function mounted() {
+    if (this.immediateCheck) {
+      this.check();
+    }
+  },
+  watch: {
+    loading: 'check',
+    finished: 'check'
+  },
+  methods: {
+    // @exposed-api
+    check: function check() {
+      var _this = this;
+
+      this.$nextTick(function () {
+        if (_this.innerLoading || _this.finished || _this.error) {
+          return;
+        }
+
+        var el = _this.$el,
+            scroller = _this.scroller,
+            offset = _this.offset,
+            direction = _this.direction;
+        var scrollerRect;
+
+        if (scroller.getBoundingClientRect) {
+          scrollerRect = scroller.getBoundingClientRect();
+        } else {
+          scrollerRect = {
+            top: 0,
+            bottom: scroller.innerHeight
+          };
+        }
+
+        var scrollerHeight = scrollerRect.bottom - scrollerRect.top;
+        /* istanbul ignore next */
+
+        if (!scrollerHeight || isHidden(el)) {
+          return false;
+        }
+
+        var isReachEdge = false;
+
+        var placeholderRect = _this.$refs.placeholder.getBoundingClientRect();
+
+        if (direction === 'up') {
+          isReachEdge = scrollerRect.top - placeholderRect.top <= offset;
+        } else {
+          isReachEdge = placeholderRect.bottom - scrollerRect.bottom <= offset;
+        }
+
+        if (isReachEdge) {
+          _this.innerLoading = true;
+
+          _this.$emit('input', true);
+
+          _this.$emit('load');
+        }
+      });
+    },
+    clickErrorText: function clickErrorText() {
+      this.$emit('update:error', false);
+      this.check();
+    },
+    genLoading: function genLoading() {
+      var h = this.$createElement;
+
+      if (this.innerLoading && !this.finished) {
+        return h("div", {
+          "key": "loading",
+          "class": bem('loading')
+        }, [this.slots('loading') || h(Loading, {
+          "attrs": {
+            "size": "16"
+          }
+        }, [this.loadingText || t('loading')])]);
+      }
+    },
+    genFinishedText: function genFinishedText() {
+      var h = this.$createElement;
+
+      if (this.finished) {
+        var text = this.slots('finished') || this.finishedText;
+
+        if (text) {
+          return h("div", {
+            "class": bem('finished-text')
+          }, [text]);
+        }
+      }
+    },
+    genErrorText: function genErrorText() {
+      var h = this.$createElement;
+
+      if (this.error) {
+        var text = this.slots('error') || this.errorText;
+
+        if (text) {
+          return h("div", {
+            "on": {
+              "click": this.clickErrorText
+            },
+            "class": bem('error-text')
+          }, [text]);
+        }
+      }
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    var Placeholder = h("div", {
+      "ref": "placeholder",
+      "key": "placeholder",
+      "class": bem('placeholder')
+    });
+    return h("div", {
+      "class": bem(),
+      "attrs": {
+        "role": "feed",
+        "aria-busy": this.innerLoading
+      }
+    }, [this.direction === 'down' ? this.slots() : Placeholder, this.genLoading(), this.genFinishedText(), this.genErrorText(), this.direction === 'up' ? this.slots() : Placeholder]);
+  }
+});

package/es/list/index.less

@@ -0,0 +1,17 @@
+@import '../style/var';
+
+.zt-list {
+  &__loading,
+  &__finished-text,
+  &__error-text {
+    color: @list-text-color;
+    font-size: @list-text-font-size;
+    line-height: @list-text-line-height;
+    text-align: center;
+  }
+
+  &__placeholder {
+    height: 0;
+    pointer-events: none;
+  }
+}

package/es/list/style/index.js

@@ -0,0 +1,3 @@
+import '../../style/base.css';
+import '../../loading/index.css';
+import '../index.css';

package/es/list/style/less.js

@@ -0,0 +1,3 @@
+import '../../style/base.less';
+import '../../loading/index.less';
+import '../index.less';

package/es/locale/index.js

@@ -3,18 +3,18 @@ import { deepAssign } from '../utils/deep-assign';
 import defaultMessages from './lang/zh-CN';
 var proto = Vue.prototype;
 var defineReactive = Vue.util.defineReactive;
-defineReactive(proto, '$vantLang', 'zh-CN');
-defineReactive(proto, '$vantMessages', {
+defineReactive(proto, '$zartLang', 'zh-CN');
+defineReactive(proto, '$zartMessages', {
   'zh-CN': defaultMessages
 });
 export default {
   messages: function messages() {
-    return proto.$vantMessages[proto.$vantLang];
+    return proto.$zartMessages[proto.$zartLang];
   },
   use: function use(lang, messages) {
     var _this$add;
 
-    proto.$vantLang = lang;
+    proto.$zartLang = lang;
     this.add((_this$add = {}, _this$add[lang] = messages, _this$add));
   },
   add: function add(messages) {
@@ -22,6 +22,6 @@ export default {
       messages = {};
     }
 
-    deepAssign(proto.$vantMessages, messages);
+    deepAssign(proto.$zartMessages, messages);
   }
 };

package/es/pdf-viewer/index.less

@@ -1,69 +1,69 @@
-@import '../style/var';
-.zt-pdf-viewer {
-    background-color: #fff !important;
-    display: flex;
-    flex-direction: column;
-    .zt-pdf-viewer__loading {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        margin-left: -15px;
-        margin-top: -15px;
-    }
-    .zt-pdf-viewer__pdf-top {
-        font-size: 16px;
-        display: flex;
-        align-items: center;
-        height: 44px;
-        background-color: #FFF;
-        flex-wrap: wrap;
-        padding: 0 10px;
-        position: fixed;
-        bottom: 0;
-        padding-bottom: constant(safe-area-inset-bottom);
-        padding-bottom: env(safe-area-inset-bottom);
-        left: 0;
-        width: calc(100% - 20px);
-        z-index: 9;
-        .zt-pdf-viewer__page-btn {
-            display: flex;
-            align-items: center;
-            flex: 1;
-            justify-content: center;
-        }
-        .zt-pdf-viewer__rotate-btn {
-            flex: 1;
-            .zt-pdf-viewer__rotate-btn__icon {
-                display: block;
-                margin: auto;
-            }
-        }
-        .zt-pdf-viewer__handle-btn {
-            background-color: transparent;
-            border: none;
-            outline: none;
-            color: #0091fa;
-        }
-        .zt-pdf-viewer__page-count {
-            margin: 0 10px;
-        }
-    }
-    .zt-pdf-viewer__page-margin {
-        height: 16px;
-        background: rgba(0,0,0,.1);
-    }
-    .zt-pdf-viewer__popup {
-        padding: 10px 0;
-        max-height: 70%;
-        .zt-pdf-viewer__page-item {
-            height: 30px;
-            line-height: 30px;
-            font-size: 16px;
-            text-align: center;
-            border-bottom: 1px solid rgba(0,0,0,.1);
-            &:last-child {
-                border: none;
-            }
-        }
-    }
+@import '../style/var';
+.zt-pdf-viewer {
+    background-color: #fff !important;
+    display: flex;
+    flex-direction: column;
+    .zt-pdf-viewer__loading {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        margin-left: -15px;
+        margin-top: -15px;
+    }
+    .zt-pdf-viewer__pdf-top {
+        font-size: 16px;
+        display: flex;
+        align-items: center;
+        height: 44px;
+        background-color: #FFF;
+        flex-wrap: wrap;
+        padding: 0 10px;
+        position: fixed;
+        bottom: 0;
+        padding-bottom: constant(safe-area-inset-bottom);
+        padding-bottom: env(safe-area-inset-bottom);
+        left: 0;
+        width: calc(100% - 20px);
+        z-index: 9;
+        .zt-pdf-viewer__page-btn {
+            display: flex;
+            align-items: center;
+            flex: 1;
+            justify-content: center;
+        }
+        .zt-pdf-viewer__rotate-btn {
+            flex: 1;
+            .zt-pdf-viewer__rotate-btn__icon {
+                display: block;
+                margin: auto;
+            }
+        }
+        .zt-pdf-viewer__handle-btn {
+            background-color: transparent;
+            border: none;
+            outline: none;
+            color: #0091fa;
+        }
+        .zt-pdf-viewer__page-count {
+            margin: 0 10px;
+        }
+    }
+    .zt-pdf-viewer__page-margin {
+        height: 16px;
+        background: rgba(0,0,0,.1);
+    }
+    .zt-pdf-viewer__popup {
+        padding: 10px 0;
+        max-height: 70%;
+        .zt-pdf-viewer__page-item {
+            height: 30px;
+            line-height: 30px;
+            font-size: 16px;
+            text-align: center;
+            border-bottom: 1px solid rgba(0,0,0,.1);
+            &:last-child {
+                border: none;
+            }
+        }
+    }
 }

package/es/pull-refresh/index.css

@@ -0,0 +1 @@
+.zt-pull-refresh{overflow:hidden;-webkit-user-select:none;user-select:none}.zt-pull-refresh__track{position:relative;height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.zt-pull-refresh__head{position:absolute;left:0;width:100%;height:50px;overflow:hidden;color:#969799;font-size:14px;line-height:50px;text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%)}

package/es/pull-refresh/index.js

@@ -0,0 +1,214 @@
+// Utils
+import { createNamespace } from '../utils';
+import { preventDefault } from '../utils/dom/event';
+import { getScrollTop, getScroller } from '../utils/dom/scroll'; // Mixins
+
+import { TouchMixin } from '../mixins/touch'; // Components
+
+import Loading from '../loading';
+
+var _createNamespace = createNamespace('pull-refresh'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1],
+    t = _createNamespace[2];
+
+var DEFAULT_HEAD_HEIGHT = 50;
+var TEXT_STATUS = ['pulling', 'loosing', 'success'];
+export default createComponent({
+  mixins: [TouchMixin],
+  props: {
+    disabled: Boolean,
+    successText: String,
+    pullingText: String,
+    loosingText: String,
+    loadingText: String,
+    pullDistance: [Number, String],
+    value: {
+      type: Boolean,
+      required: true
+    },
+    successDuration: {
+      type: [Number, String],
+      default: 500
+    },
+    animationDuration: {
+      type: [Number, String],
+      default: 300
+    },
+    headHeight: {
+      type: [Number, String],
+      default: DEFAULT_HEAD_HEIGHT
+    }
+  },
+  data: function data() {
+    return {
+      status: 'normal',
+      distance: 0,
+      duration: 0
+    };
+  },
+  computed: {
+    touchable: function touchable() {
+      return this.status !== 'loading' && this.status !== 'success' && !this.disabled;
+    },
+    headStyle: function headStyle() {
+      if (this.headHeight !== DEFAULT_HEAD_HEIGHT) {
+        return {
+          height: this.headHeight + "px"
+        };
+      }
+    }
+  },
+  watch: {
+    value: function value(loading) {
+      this.duration = this.animationDuration;
+
+      if (loading) {
+        this.setStatus(+this.headHeight, true);
+      } else if (this.slots('success') || this.successText) {
+        this.showSuccessTip();
+      } else {
+        this.setStatus(0, false);
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.bindTouchEvent(this.$refs.track);
+    this.scrollEl = getScroller(this.$el);
+  },
+  methods: {
+    checkPullStart: function checkPullStart(event) {
+      this.ceiling = getScrollTop(this.scrollEl) === 0;
+
+      if (this.ceiling) {
+        this.duration = 0;
+        this.touchStart(event);
+      }
+    },
+    onTouchStart: function onTouchStart(event) {
+      if (this.touchable) {
+        this.checkPullStart(event);
+      }
+    },
+    onTouchMove: function onTouchMove(event) {
+      if (!this.touchable) {
+        return;
+      }
+
+      if (!this.ceiling) {
+        this.checkPullStart(event);
+      }
+
+      this.touchMove(event);
+
+      if (this.ceiling && this.deltaY >= 0 && this.direction === 'vertical') {
+        preventDefault(event);
+        this.setStatus(this.ease(this.deltaY));
+      }
+    },
+    onTouchEnd: function onTouchEnd() {
+      var _this = this;
+
+      if (this.touchable && this.ceiling && this.deltaY) {
+        this.duration = this.animationDuration;
+
+        if (this.status === 'loosing') {
+          this.setStatus(+this.headHeight, true);
+          this.$emit('input', true); // ensure value change can be watched
+
+          this.$nextTick(function () {
+            _this.$emit('refresh');
+          });
+        } else {
+          this.setStatus(0);
+        }
+      }
+    },
+    ease: function ease(distance) {
+      var pullDistance = +(this.pullDistance || this.headHeight);
+
+      if (distance > pullDistance) {
+        if (distance < pullDistance * 2) {
+          distance = pullDistance + (distance - pullDistance) / 2;
+        } else {
+          distance = pullDistance * 1.5 + (distance - pullDistance * 2) / 4;
+        }
+      }
+
+      return Math.round(distance);
+    },
+    setStatus: function setStatus(distance, isLoading) {
+      var status;
+
+      if (isLoading) {
+        status = 'loading';
+      } else if (distance === 0) {
+        status = 'normal';
+      } else {
+        status = distance < (this.pullDistance || this.headHeight) ? 'pulling' : 'loosing';
+      }
+
+      this.distance = distance;
+
+      if (status !== this.status) {
+        this.status = status;
+      }
+    },
+    genStatus: function genStatus() {
+      var h = this.$createElement;
+      var status = this.status,
+          distance = this.distance;
+      var slot = this.slots(status, {
+        distance: distance
+      });
+
+      if (slot) {
+        return slot;
+      }
+
+      var nodes = [];
+      var text = this[status + "Text"] || t(status);
+
+      if (TEXT_STATUS.indexOf(status) !== -1) {
+        nodes.push(h("div", {
+          "class": bem('text')
+        }, [text]));
+      }
+
+      if (status === 'loading') {
+        nodes.push(h(Loading, {
+          "attrs": {
+            "size": "16"
+          }
+        }, [text]));
+      }
+
+      return nodes;
+    },
+    showSuccessTip: function showSuccessTip() {
+      var _this2 = this;
+
+      this.status = 'success';
+      setTimeout(function () {
+        _this2.setStatus(0);
+      }, this.successDuration);
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    var trackStyle = {
+      transitionDuration: this.duration + "ms",
+      transform: this.distance ? "translate3d(0," + this.distance + "px, 0)" : ''
+    };
+    return h("div", {
+      "class": bem()
+    }, [h("div", {
+      "ref": "track",
+      "class": bem('track'),
+      "style": trackStyle
+    }, [h("div", {
+      "class": bem('head'),
+      "style": this.headStyle
+    }, [this.genStatus()]), this.slots()])]);
+  }
+});