first

node_modules/vant/lib/skeleton/index.css

@@ -0,0 +1 @@
+.van-skeleton{display:-webkit-box;display:-webkit-flex;display:flex;padding:0 16px}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;width:32px;height:32px;margin-right:16px;background-color:#f2f3f5}.van-skeleton__avatar--round{border-radius:999px}.van-skeleton__content{width:100%}.van-skeleton__avatar+.van-skeleton__content{padding-top:8px}.van-skeleton__row,.van-skeleton__title{height:16px;background-color:#f2f3f5}.van-skeleton__title{width:40%;margin:0}.van-skeleton__row:not(:first-child){margin-top:12px}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}.van-skeleton--round .van-skeleton__row,.van-skeleton--round .van-skeleton__title{border-radius:999px}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}

node_modules/vant/lib/skeleton/index.js

@@ -0,0 +1,119 @@
+"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)('skeleton'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+var DEFAULT_ROW_WIDTH = '100%';
+var DEFAULT_LAST_ROW_WIDTH = '60%';
+
+function Skeleton(h, props, slots, ctx) {
+  if (!props.loading) {
+    return slots.default && slots.default();
+  }
+
+  function Title() {
+    if (props.title) {
+      return h("h3", {
+        "class": bem('title'),
+        "style": {
+          width: (0, _utils.addUnit)(props.titleWidth)
+        }
+      });
+    }
+  }
+
+  function Rows() {
+    var Rows = [];
+    var rowWidth = props.rowWidth;
+
+    function getRowWidth(index) {
+      if (rowWidth === DEFAULT_ROW_WIDTH && index === +props.row - 1) {
+        return DEFAULT_LAST_ROW_WIDTH;
+      }
+
+      if (Array.isArray(rowWidth)) {
+        return rowWidth[index];
+      }
+
+      return rowWidth;
+    }
+
+    for (var i = 0; i < props.row; i++) {
+      Rows.push(h("div", {
+        "class": bem('row'),
+        "style": {
+          width: (0, _utils.addUnit)(getRowWidth(i))
+        }
+      }));
+    }
+
+    return Rows;
+  }
+
+  function Avatar() {
+    if (props.avatar) {
+      var size = (0, _utils.addUnit)(props.avatarSize);
+      return h("div", {
+        "class": bem('avatar', props.avatarShape),
+        "style": {
+          width: size,
+          height: size
+        }
+      });
+    }
+  }
+
+  return h("div", (0, _babelHelperVueJsxMergeProps.default)([{
+    "class": bem({
+      animate: props.animate,
+      round: props.round
+    })
+  }, (0, _functional.inherit)(ctx)]), [Avatar(), h("div", {
+    "class": bem('content')
+  }, [Title(), Rows()])]);
+}
+
+Skeleton.props = {
+  title: Boolean,
+  round: Boolean,
+  avatar: Boolean,
+  titleWidth: [Number, String],
+  avatarSize: [Number, String],
+  row: {
+    type: [Number, String],
+    default: 0
+  },
+  loading: {
+    type: Boolean,
+    default: true
+  },
+  animate: {
+    type: Boolean,
+    default: true
+  },
+  avatarShape: {
+    type: String,
+    default: 'round'
+  },
+  rowWidth: {
+    type: [Number, String, Array],
+    default: DEFAULT_ROW_WIDTH
+  }
+};
+
+var _default = createComponent(Skeleton);
+
+exports.default = _default;

node_modules/vant/lib/skeleton/index.less

@@ -0,0 +1,65 @@
+@import '../style/var';
+
+.van-skeleton {
+  display: flex;
+  padding: 0 @padding-md;
+
+  &__avatar {
+    flex-shrink: 0;
+    width: @skeleton-avatar-size;
+    height: @skeleton-avatar-size;
+    margin-right: @padding-md;
+    background-color: @skeleton-avatar-background-color;
+
+    &--round {
+      border-radius: @border-radius-max;
+    }
+  }
+
+  &__content {
+    width: 100%;
+  }
+
+  &__avatar + &__content {
+    padding-top: @padding-xs;
+  }
+
+  &__row,
+  &__title {
+    height: @skeleton-row-height;
+    background-color: @skeleton-row-background-color;
+  }
+
+  &__title {
+    width: @skeleton-title-width;
+    margin: 0;
+  }
+
+  &__row {
+    &:not(:first-child) {
+      margin-top: @skeleton-row-margin-top;
+    }
+  }
+
+  &__title + &__row {
+    margin-top: 20px;
+  }
+
+  &--animate {
+    animation: van-skeleton-blink @skeleton-animation-duration ease-in-out
+      infinite;
+  }
+
+  &--round {
+    .van-skeleton__row,
+    .van-skeleton__title {
+      border-radius: @border-radius-max;
+    }
+  }
+}
+
+@keyframes van-skeleton-blink {
+  50% {
+    opacity: 0.6;
+  }
+}

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

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

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

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