first

node_modules/vant/lib/loading/index.css

@@ -0,0 +1 @@
+.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}

node_modules/vant/lib/loading/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
+
+var _utils = require("../utils");
+
+var _functional = require("../utils/functional");
+
+// Utils
+var _createNamespace = (0, _utils.createNamespace)('loading'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+function LoadingIcon(h, props) {
+  if (props.type === 'spinner') {
+    var Spin = [];
+
+    for (var i = 0; i < 12; i++) {
+      Spin.push(h("i"));
+    }
+
+    return Spin;
+  }
+
+  return h("svg", {
+    "class": bem('circular'),
+    "attrs": {
+      "viewBox": "25 25 50 50"
+    }
+  }, [h("circle", {
+    "attrs": {
+      "cx": "50",
+      "cy": "50",
+      "r": "20",
+      "fill": "none"
+    }
+  })]);
+}
+
+function LoadingText(h, props, slots) {
+  if (slots.default) {
+    var _props$textColor;
+
+    var style = {
+      fontSize: (0, _utils.addUnit)(props.textSize),
+      color: (_props$textColor = props.textColor) != null ? _props$textColor : props.color
+    };
+    return h("span", {
+      "class": bem('text'),
+      "style": style
+    }, [slots.default()]);
+  }
+}
+
+function Loading(h, props, slots, ctx) {
+  var color = props.color,
+      size = props.size,
+      type = props.type;
+  var style = {
+    color: color
+  };
+
+  if (size) {
+    var iconSize = (0, _utils.addUnit)(size);
+    style.width = iconSize;
+    style.height = iconSize;
+  }
+
+  return h("div", (0, _babelHelperVueJsxMergeProps.default)([{
+    "class": bem([type, {
+      vertical: props.vertical
+    }])
+  }, (0, _functional.inherit)(ctx, true)]), [h("span", {
+    "class": bem('spinner', type),
+    "style": style
+  }, [LoadingIcon(h, props)]), LoadingText(h, props, slots)]);
+}
+
+Loading.props = {
+  color: String,
+  size: [Number, String],
+  vertical: Boolean,
+  textSize: [Number, String],
+  textColor: String,
+  type: {
+    type: String,
+    default: 'circular'
+  }
+};
+
+var _default = createComponent(Loading);
+
+exports.default = _default;

node_modules/vant/lib/loading/index.less

@@ -0,0 +1,103 @@
+@import '../style/var';
+
+.van-loading {
+  position: relative;
+  color: @loading-spinner-color;
+  font-size: 0;
+  vertical-align: middle;
+
+  &__spinner {
+    position: relative;
+    display: inline-block;
+    width: @loading-spinner-size;
+    // compatible for 1.x, users may set width or height in root element
+    max-width: 100%;
+    height: @loading-spinner-size;
+    max-height: 100%;
+    vertical-align: middle;
+    animation: van-rotate @loading-spinner-animation-duration linear infinite;
+
+    &--spinner {
+      animation-timing-function: steps(12);
+
+      i {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+
+        &::before {
+          display: block;
+          width: 2px;
+          height: 25%;
+          margin: 0 auto;
+          background-color: currentColor;
+          border-radius: 40%;
+          content: ' ';
+        }
+      }
+    }
+
+    &--circular {
+      animation-duration: 2s;
+    }
+  }
+
+  &__circular {
+    display: block;
+    width: 100%;
+    height: 100%;
+
+    circle {
+      animation: van-circular 1.5s ease-in-out infinite;
+      stroke: currentColor;
+      stroke-width: 3;
+      stroke-linecap: round;
+    }
+  }
+
+  &__text {
+    display: inline-block;
+    margin-left: @padding-xs;
+    color: @loading-text-color;
+    font-size: @loading-text-font-size;
+    vertical-align: middle;
+  }
+
+  &--vertical {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .van-loading__text {
+      margin: @padding-xs 0 0;
+    }
+  }
+}
+
+@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;
+  }
+}
+
+.generate-spinner(@n, @i: 1) when (@i =< @n) {
+  .van-loading__spinner--spinner i:nth-of-type(@{i}) {
+    transform: rotate(@i * 30deg);
+    opacity: 1 - (0.75 / 12) * (@i - 1);
+  }
+  .generate-spinner(@n, (@i + 1));
+}
+.generate-spinner(12);

node_modules/vant/lib/loading/style/index.js

@@ -0,0 +1,2 @@
+require('../../style/base.css');
+require('../index.css');

node_modules/vant/lib/loading/style/less.js

@@ -0,0 +1,2 @@
+require('../../style/base.less');
+require('../index.less');