vant 2.13.5 → 2.13.6

package/es/index-bar/index.js

@@ -0,0 +1,222 @@
+// Utils
+import { createNamespace, isDef } from '../utils';
+import { isHidden } from '../utils/dom/style';
+import { preventDefault } from '../utils/dom/event';
+import { getScroller, getScrollTop, getRootScrollTop, setRootScrollTop } from '../utils/dom/scroll'; // Mixins
+
+import { TouchMixin } from '../mixins/touch';
+import { ParentMixin } from '../mixins/relation';
+import { BindEventMixin } from '../mixins/bind-event';
+
+function genAlphabet() {
+  var indexList = [];
+  var charCodeOfA = 'A'.charCodeAt(0);
+
+  for (var i = 0; i < 26; i++) {
+    indexList.push(String.fromCharCode(charCodeOfA + i));
+  }
+
+  return indexList;
+}
+
+var _createNamespace = createNamespace('index-bar'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+export default createComponent({
+  mixins: [TouchMixin, ParentMixin('vanIndexBar'), BindEventMixin(function (bind) {
+    if (!this.scroller) {
+      this.scroller = getScroller(this.$el);
+    }
+
+    bind(this.scroller, 'scroll', this.onScroll);
+  })],
+  props: {
+    zIndex: [Number, String],
+    highlightColor: String,
+    sticky: {
+      type: Boolean,
+      default: true
+    },
+    stickyOffsetTop: {
+      type: Number,
+      default: 0
+    },
+    indexList: {
+      type: Array,
+      default: genAlphabet
+    }
+  },
+  data: function data() {
+    return {
+      activeAnchorIndex: null
+    };
+  },
+  computed: {
+    sidebarStyle: function sidebarStyle() {
+      if (isDef(this.zIndex)) {
+        return {
+          zIndex: this.zIndex + 1
+        };
+      }
+    },
+    highlightStyle: function highlightStyle() {
+      var highlightColor = this.highlightColor;
+
+      if (highlightColor) {
+        return {
+          color: highlightColor
+        };
+      }
+    }
+  },
+  watch: {
+    indexList: function indexList() {
+      this.$nextTick(this.onScroll);
+    },
+    activeAnchorIndex: function activeAnchorIndex(value) {
+      if (value) {
+        this.$emit('change', value);
+      }
+    }
+  },
+  methods: {
+    onScroll: function onScroll() {
+      var _this = this;
+
+      if (isHidden(this.$el)) {
+        return;
+      }
+
+      var scrollTop = getScrollTop(this.scroller);
+      var scrollerRect = this.getScrollerRect();
+      var rects = this.children.map(function (item) {
+        return item.getRect(_this.scroller, scrollerRect);
+      });
+      var active = this.getActiveAnchorIndex(scrollTop, rects);
+      this.activeAnchorIndex = this.indexList[active];
+
+      if (this.sticky) {
+        this.children.forEach(function (item, index) {
+          if (index === active || index === active - 1) {
+            var rect = item.$el.getBoundingClientRect();
+            item.left = rect.left;
+            item.width = rect.width;
+          } else {
+            item.left = null;
+            item.width = null;
+          }
+
+          if (index === active) {
+            item.active = true;
+            item.top = Math.max(_this.stickyOffsetTop, rects[index].top - scrollTop) + scrollerRect.top;
+          } else if (index === active - 1) {
+            var activeItemTop = rects[active].top - scrollTop;
+            item.active = activeItemTop > 0;
+            item.top = activeItemTop + scrollerRect.top - rects[index].height;
+          } else {
+            item.active = false;
+          }
+        });
+      }
+    },
+    getScrollerRect: function getScrollerRect() {
+      if (this.scroller.getBoundingClientRect) {
+        return this.scroller.getBoundingClientRect();
+      }
+
+      return {
+        top: 0,
+        left: 0
+      };
+    },
+    getActiveAnchorIndex: function getActiveAnchorIndex(scrollTop, rects) {
+      for (var i = this.children.length - 1; i >= 0; i--) {
+        var prevHeight = i > 0 ? rects[i - 1].height : 0;
+        var reachTop = this.sticky ? prevHeight + this.stickyOffsetTop : 0;
+
+        if (scrollTop + reachTop >= rects[i].top) {
+          return i;
+        }
+      }
+
+      return -1;
+    },
+    onClick: function onClick(event) {
+      this.scrollToElement(event.target);
+    },
+    onTouchMove: function onTouchMove(event) {
+      this.touchMove(event);
+
+      if (this.direction === 'vertical') {
+        preventDefault(event);
+        var _event$touches$ = event.touches[0],
+            clientX = _event$touches$.clientX,
+            clientY = _event$touches$.clientY;
+        var target = document.elementFromPoint(clientX, clientY);
+
+        if (target) {
+          var index = target.dataset.index;
+          /* istanbul ignore else */
+
+          if (this.touchActiveIndex !== index) {
+            this.touchActiveIndex = index;
+            this.scrollToElement(target);
+          }
+        }
+      }
+    },
+    scrollTo: function scrollTo(index) {
+      var match = this.children.filter(function (item) {
+        return String(item.index) === index;
+      });
+
+      if (match[0]) {
+        match[0].scrollIntoView();
+
+        if (this.sticky && this.stickyOffsetTop) {
+          setRootScrollTop(getRootScrollTop() - this.stickyOffsetTop);
+        }
+
+        this.$emit('select', match[0].index);
+      }
+    },
+    scrollToElement: function scrollToElement(element) {
+      var index = element.dataset.index;
+      this.scrollTo(index);
+    },
+    onTouchEnd: function onTouchEnd() {
+      this.active = null;
+    }
+  },
+  render: function render() {
+    var _this2 = this;
+
+    var h = arguments[0];
+    var Indexes = this.indexList.map(function (index) {
+      var active = index === _this2.activeAnchorIndex;
+      return h("span", {
+        "class": bem('index', {
+          active: active
+        }),
+        "style": active ? _this2.highlightStyle : null,
+        "attrs": {
+          "data-index": index
+        }
+      }, [index]);
+    });
+    return h("div", {
+      "class": bem()
+    }, [h("div", {
+      "class": bem('sidebar'),
+      "style": this.sidebarStyle,
+      "on": {
+        "click": this.onClick,
+        "touchstart": this.touchStart,
+        "touchmove": this.onTouchMove,
+        "touchend": this.onTouchEnd,
+        "touchcancel": this.onTouchEnd
+      }
+    }, [Indexes]), this.slots('default')]);
+  }
+});

package/es/index-bar/index.less

@@ -0,0 +1,27 @@
+@import '../style/var';
+
+.van-index-bar {
+  &__sidebar {
+    position: fixed;
+    top: 50%;
+    right: 0;
+    z-index: @index-bar-sidebar-z-index;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    transform: translateY(-50%);
+    cursor: pointer;
+    user-select: none;
+  }
+
+  &__index {
+    padding: 0 @padding-xs 0 @padding-md;
+    font-weight: @font-weight-bold;
+    font-size: @index-bar-index-font-size;
+    line-height: @index-bar-index-line-height;
+
+    &--active {
+      color: @index-bar-index-active-color;
+    }
+  }
+}

package/es/index-bar/style/index.js

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

package/es/index-bar/style/less.js

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

package/es/index.js

@@ -0,0 +1,111 @@
+import ActionSheet from './action-sheet';
+import AddressEdit from './address-edit';
+import AddressList from './address-list';
+import Area from './area';
+import Badge from './badge';
+import Button from './button';
+import Calendar from './calendar';
+import Card from './card';
+import Cascader from './cascader';
+import Cell from './cell';
+import CellGroup from './cell-group';
+import Checkbox from './checkbox';
+import CheckboxGroup from './checkbox-group';
+import Circle from './circle';
+import Col from './col';
+import Collapse from './collapse';
+import CollapseItem from './collapse-item';
+import ContactCard from './contact-card';
+import ContactEdit from './contact-edit';
+import ContactList from './contact-list';
+import CountDown from './count-down';
+import Coupon from './coupon';
+import CouponCell from './coupon-cell';
+import CouponList from './coupon-list';
+import DatetimePicker from './datetime-picker';
+import Dialog from './dialog';
+import Divider from './divider';
+import DropdownItem from './dropdown-item';
+import DropdownMenu from './dropdown-menu';
+import Empty from './empty';
+import Field from './field';
+import Form from './form';
+import GoodsAction from './goods-action';
+import GoodsActionButton from './goods-action-button';
+import GoodsActionIcon from './goods-action-icon';
+import Grid from './grid';
+import GridItem from './grid-item';
+import Icon from './icon';
+import Image from './image';
+import ImagePreview from './image-preview';
+import IndexAnchor from './index-anchor';
+import IndexBar from './index-bar';
+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';
+import NoticeBar from './notice-bar';
+import Notify from './notify';
+import NumberKeyboard from './number-keyboard';
+import Overlay from './overlay';
+import Pagination from './pagination';
+import Panel from './panel';
+import PasswordInput from './password-input';
+import Picker from './picker';
+import Popover from './popover';
+import Popup from './popup';
+import Progress from './progress';
+import PullRefresh from './pull-refresh';
+import Radio from './radio';
+import RadioGroup from './radio-group';
+import Rate from './rate';
+import Row from './row';
+import Search from './search';
+import ShareSheet from './share-sheet';
+import Sidebar from './sidebar';
+import SidebarItem from './sidebar-item';
+import Skeleton from './skeleton';
+import Sku from './sku';
+import Slider from './slider';
+import Step from './step';
+import Stepper from './stepper';
+import Steps from './steps';
+import Sticky from './sticky';
+import SubmitBar from './submit-bar';
+import Swipe from './swipe';
+import SwipeCell from './swipe-cell';
+import SwipeItem from './swipe-item';
+import Switch from './switch';
+import SwitchCell from './switch-cell';
+import Tab from './tab';
+import Tabbar from './tabbar';
+import TabbarItem from './tabbar-item';
+import Tabs from './tabs';
+import Tag from './tag';
+import Toast from './toast';
+import TreeSelect from './tree-select';
+import Uploader from './uploader';
+var version = '2.13.2';
+
+function install(Vue) {
+  var components = [ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, GoodsAction, GoodsActionButton, GoodsActionIcon, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Panel, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Sku, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];
+  components.forEach(function (item) {
+    if (item.install) {
+      Vue.use(item);
+    } else if (item.name) {
+      Vue.component(item.name, item);
+    }
+  });
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export { install, version, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, GoodsAction, GoodsActionButton, GoodsActionIcon, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Panel, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Sku, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader };
+export default {
+  install: install,
+  version: version
+};

package/es/info/index.css

@@ -0,0 +1 @@
+.van-info{position:absolute;top:0;right:0;box-sizing:border-box;min-width:16px;padding:0 3px;color:#fff;font-weight:500;font-size:12px;font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;line-height:1.2;text-align:center;background-color:#ee0a24;border:1px solid #fff;border-radius:16px;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%}.van-info--dot{width:8px;min-width:0;height:8px;background-color:#ee0a24;border-radius:100%}

package/es/info/index.js

@@ -0,0 +1,30 @@
+import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+// Utils
+import { createNamespace, isDef } from '../utils';
+import { inherit } from '../utils/functional'; // Types
+
+var _createNamespace = createNamespace('info'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+function Info(h, props, slots, ctx) {
+  var dot = props.dot,
+      info = props.info;
+  var showInfo = isDef(info) && info !== '';
+
+  if (!dot && !showInfo) {
+    return;
+  }
+
+  return h("div", _mergeJSXProps([{
+    "class": bem({
+      dot: dot
+    })
+  }, inherit(ctx, true)]), [dot ? '' : props.info]);
+}
+
+Info.props = {
+  dot: Boolean,
+  info: [Number, String]
+};
+export default createComponent(Info);

package/es/info/index.less

@@ -0,0 +1,29 @@
+@import '../style/var';
+
+.van-info {
+  position: absolute;
+  top: 0;
+  right: 0;
+  box-sizing: border-box;
+  min-width: @info-size;
+  padding: @info-padding;
+  color: @info-color;
+  font-weight: @info-font-weight;
+  font-size: @info-font-size;
+  font-family: @info-font-family;
+  line-height: 1.2;
+  text-align: center;
+  background-color: @info-background-color;
+  border: @info-border-width solid @white;
+  border-radius: @info-size;
+  transform: translate(50%, -50%);
+  transform-origin: 100%;
+
+  &--dot {
+    width: @info-dot-size;
+    min-width: 0;
+    height: @info-dot-size;
+    background-color: @info-dot-color;
+    border-radius: 100%;
+  }
+}

package/es/info/style/index.js

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

package/es/info/style/less.js

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

package/es/lazyload/index.js

@@ -0,0 +1,2 @@
+import Lazyload from 'vue-lazyload';
+export default Lazyload;

package/es/lazyload/style/index.js

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

package/es/lazyload/style/less.js

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

package/es/list/index.css

@@ -1 +1 @@
-:root,:host{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}
+.van-list__error-text,.van-list__finished-text,.van-list__loading{color:#969799;font-size:14px;line-height:50px;text-align:center}.van-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';
+
+.van-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/loading/index.css

@@ -1 +1 @@
-:root,:host{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+.van-loading{position:relative;color:#c8c9cc;font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--spinner i{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__spinner--spinner i::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{-webkit-animation:van-circular 1.5s ease-in-out infinite;animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.van-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-loading--vertical .van-loading__text{margin:8px 0 0}@-webkit-keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__spinner--spinner i:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__spinner--spinner i:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__spinner--spinner i:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__spinner--spinner i:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__spinner--spinner i:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__spinner--spinner i:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__spinner--spinner i:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__spinner--spinner i:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__spinner--spinner i:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__spinner--spinner i:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__spinner--spinner i:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__spinner--spinner i:nth-of-type(12){-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.3125}