vant 2.13.5 → 2.13.6

package/lib/goods-action-icon/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _utils = require("../utils");
+
+var _router = require("../utils/router");
+
+var _relation = require("../mixins/relation");
+
+var _info = _interopRequireDefault(require("../info"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+var _createNamespace = (0, _utils.createNamespace)('goods-action-icon'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+var _default = createComponent({
+  mixins: [(0, _relation.ChildrenMixin)('vanGoodsAction')],
+  props: (0, _extends2.default)({}, _router.routeProps, {
+    dot: Boolean,
+    text: String,
+    icon: String,
+    color: String,
+    // @deprecated
+    info: [Number, String],
+    badge: [Number, String],
+    iconClass: null
+  }),
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event);
+      (0, _router.route)(this.$router, this);
+    },
+    genIcon: function genIcon() {
+      var _this$badge;
+
+      var h = this.$createElement;
+      var slot = this.slots('icon');
+      var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
+
+      if (process.env.NODE_ENV === 'development' && this.info) {
+        console.warn('[Vant] GoodsActionIcon: "info" prop is deprecated, use "badge" prop instead.');
+      }
+
+      if (slot) {
+        return h("div", {
+          "class": bem('icon')
+        }, [slot, h(_info.default, {
+          "attrs": {
+            "dot": this.dot,
+            "info": info
+          }
+        })]);
+      }
+
+      return h(_icon.default, {
+        "class": [bem('icon'), this.iconClass],
+        "attrs": {
+          "tag": "div",
+          "dot": this.dot,
+          "name": this.icon,
+          "badge": info,
+          "color": this.color
+        }
+      });
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("div", {
+      "attrs": {
+        "role": "button",
+        "tabindex": "0"
+      },
+      "class": bem(),
+      "on": {
+        "click": this.onClick
+      }
+    }, [this.genIcon(), this.slots() || this.text]);
+  }
+});
+
+exports.default = _default;

package/lib/goods-action-icon/index.less

@@ -0,0 +1,27 @@
+@import '../style/var';
+
+.van-goods-action-icon {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: @goods-action-icon-width;
+  height: @goods-action-icon-height;
+  color: @goods-action-icon-text-color;
+  font-size: @goods-action-icon-font-size;
+  line-height: 1;
+  text-align: center;
+  background-color: @white;
+  cursor: pointer;
+
+  &:active {
+    background-color: @goods-action-icon-active-color;
+  }
+
+  &__icon {
+    position: relative;
+    width: 1em;
+    margin: 0 auto 5px;
+    color: @goods-action-icon-color;
+    font-size: @goods-action-icon-size;
+  }
+}

package/lib/goods-action-icon/style/index.js

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

package/lib/goods-action-icon/style/less.js

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

package/lib/grid/index.css

@@ -1 +1 @@
-.van-grid{display:flex;flex-wrap:wrap}
+.van-grid{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}

package/lib/grid/index.js

@@ -1,39 +1,59 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _utils = require("../utils");
+
+var _constant = require("../utils/constant");
+
+var _relation = require("../mixins/relation");
+
+var _createNamespace = (0, _utils.createNamespace)('grid'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+var _default = createComponent({
+  mixins: [(0, _relation.ParentMixin)('vanGrid')],
+  props: {
+    square: Boolean,
+    gutter: [Number, String],
+    iconSize: [Number, String],
+    direction: String,
+    clickable: Boolean,
+    columnNum: {
+      type: [Number, String],
+      default: 4
+    },
+    center: {
+      type: Boolean,
+      default: true
+    },
+    border: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    style: function style() {
+      var gutter = this.gutter;
+
+      if (gutter) {
+        return {
+          paddingLeft: (0, _utils.addUnit)(gutter)
+        };
+      }
+    }
+  },
+  render: function render() {
+    var _ref;
+
+    var h = arguments[0];
+    return h("div", {
+      "style": this.style,
+      "class": [bem(), (_ref = {}, _ref[_constant.BORDER_TOP] = this.border && !this.gutter, _ref)]
+    }, [this.slots()]);
   }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  Grid: () => Grid,
-  default: () => stdin_default,
-  gridProps: () => import_Grid2.gridProps
 });
-module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
-var import_Grid = __toESM(require("./Grid"));
-var import_Grid2 = require("./Grid");
-const Grid = (0, import_utils.withInstall)(import_Grid.default);
-var stdin_default = Grid;
+
+exports.default = _default;

package/lib/grid/index.less

@@ -0,0 +1,6 @@
+@import '../style/var';
+
+.van-grid {
+  display: flex;
+  flex-wrap: wrap;
+}

package/lib/grid/style/index.js

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

package/lib/grid/style/less.js

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

package/lib/grid-item/index.css

@@ -1 +1 @@
-:root,:host{--van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background: var(--van-background-2);--van-grid-item-content-active-color: var(--van-active-color);--van-grid-item-icon-size: 28px;--van-grid-item-text-color: var(--van-text-color);--van-grid-item-text-font-size: var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background)}.van-grid-item__content:after{z-index:1;border-width:0 var(--van-border-width) var(--van-border-width) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround:after{border-width:var(--van-border-width)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}
+.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}

package/lib/grid-item/index.js

@@ -1,39 +1,178 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _utils = require("../utils");
+
+var _constant = require("../utils/constant");
+
+var _router = require("../utils/router");
+
+var _relation = require("../mixins/relation");
+
+var _info = _interopRequireDefault(require("../info"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+// Utils
+// Mixins
+// Components
+var _createNamespace = (0, _utils.createNamespace)('grid-item'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+var _default = createComponent({
+  mixins: [(0, _relation.ChildrenMixin)('vanGrid')],
+  props: (0, _extends2.default)({}, _router.routeProps, {
+    dot: Boolean,
+    text: String,
+    icon: String,
+    iconPrefix: String,
+    // @deprecated
+    info: [Number, String],
+    badge: [Number, String]
+  }),
+  computed: {
+    style: function style() {
+      var _this$parent = this.parent,
+          square = _this$parent.square,
+          gutter = _this$parent.gutter,
+          columnNum = _this$parent.columnNum;
+      var percent = 100 / columnNum + "%";
+      var style = {
+        flexBasis: percent
+      };
+
+      if (square) {
+        style.paddingTop = percent;
+      } else if (gutter) {
+        var gutterValue = (0, _utils.addUnit)(gutter);
+        style.paddingRight = gutterValue;
+
+        if (this.index >= columnNum) {
+          style.marginTop = gutterValue;
+        }
+      }
+
+      return style;
+    },
+    contentStyle: function contentStyle() {
+      var _this$parent2 = this.parent,
+          square = _this$parent2.square,
+          gutter = _this$parent2.gutter;
+
+      if (square && gutter) {
+        var gutterValue = (0, _utils.addUnit)(gutter);
+        return {
+          right: gutterValue,
+          bottom: gutterValue,
+          height: 'auto'
+        };
+      }
+    }
+  },
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event);
+      (0, _router.route)(this.$router, this);
+    },
+    genIcon: function genIcon() {
+      var _this$badge;
+
+      var h = this.$createElement;
+      var iconSlot = this.slots('icon');
+      var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
+
+      if (process.env.NODE_ENV === 'development' && this.info) {
+        console.warn('[Vant] GridItem: "info" prop is deprecated, use "badge" prop instead.');
+      }
+
+      if (iconSlot) {
+        return h("div", {
+          "class": bem('icon-wrapper')
+        }, [iconSlot, h(_info.default, {
+          "attrs": {
+            "dot": this.dot,
+            "info": info
+          }
+        })]);
+      }
+
+      if (this.icon) {
+        return h(_icon.default, {
+          "attrs": {
+            "name": this.icon,
+            "dot": this.dot,
+            "badge": info,
+            "size": this.parent.iconSize,
+            "classPrefix": this.iconPrefix
+          },
+          "class": bem('icon')
+        });
+      }
+    },
+    getText: function getText() {
+      var h = this.$createElement;
+      var textSlot = this.slots('text');
+
+      if (textSlot) {
+        return textSlot;
+      }
+
+      if (this.text) {
+        return h("span", {
+          "class": bem('text')
+        }, [this.text]);
+      }
+    },
+    genContent: function genContent() {
+      var slot = this.slots();
+
+      if (slot) {
+        return slot;
+      }
+
+      return [this.genIcon(), this.getText()];
+    }
+  },
+  render: function render() {
+    var _ref;
+
+    var h = arguments[0];
+    var _this$parent3 = this.parent,
+        center = _this$parent3.center,
+        border = _this$parent3.border,
+        square = _this$parent3.square,
+        gutter = _this$parent3.gutter,
+        direction = _this$parent3.direction,
+        clickable = _this$parent3.clickable;
+    return h("div", {
+      "class": [bem({
+        square: square
+      })],
+      "style": this.style
+    }, [h("div", {
+      "style": this.contentStyle,
+      "attrs": {
+        "role": clickable ? 'button' : null,
+        "tabindex": clickable ? 0 : null
+      },
+      "class": [bem('content', [direction, {
+        center: center,
+        square: square,
+        clickable: clickable,
+        surround: border && gutter
+      }]), (_ref = {}, _ref[_constant.BORDER] = border, _ref)],
+      "on": {
+        "click": this.onClick
+      }
+    }, [this.genContent()])]);
   }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  GridItem: () => GridItem,
-  default: () => stdin_default,
-  gridItemProps: () => import_GridItem2.gridItemProps
 });
-module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
-var import_GridItem = __toESM(require("./GridItem"));
-var import_GridItem2 = require("./GridItem");
-const GridItem = (0, import_utils.withInstall)(import_GridItem.default);
-var stdin_default = GridItem;
+
+exports.default = _default;

package/lib/grid-item/index.less

@@ -0,0 +1,79 @@
+@import '../style/var';
+
+.van-grid-item {
+  position: relative;
+  box-sizing: border-box;
+
+  &--square {
+    height: 0;
+  }
+
+  &__icon {
+    font-size: @grid-item-icon-size;
+  }
+
+  &__icon-wrapper {
+    position: relative;
+  }
+
+  &__text {
+    color: @grid-item-text-color;
+    font-size: @grid-item-text-font-size;
+    line-height: 1.5;
+    // https://github.com/vant-ui/vant/issues/3894
+    word-break: break-all;
+  }
+
+  &__icon + &__text {
+    margin-top: @padding-xs;
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    height: 100%;
+    padding: @grid-item-content-padding;
+    background-color: @grid-item-content-background-color;
+
+    &::after {
+      z-index: 1;
+      border-width: 0 @border-width-base @border-width-base 0;
+    }
+
+    &--square {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+    }
+
+    &--center {
+      align-items: center;
+      justify-content: center;
+    }
+
+    &--horizontal {
+      flex-direction: row;
+
+      .van-grid-item__icon + .van-grid-item__text {
+        margin-top: 0;
+        margin-left: @padding-xs;
+      }
+    }
+
+    &--surround {
+      &::after {
+        border-width: @border-width-base;
+      }
+    }
+
+    &--clickable {
+      cursor: pointer;
+
+      &:active {
+        background-color: @grid-item-content-active-color;
+      }
+    }
+  }
+}

package/lib/grid-item/style/index.js

@@ -1,5 +1,4 @@
-require("../../style/base.css");
-require("../../badge/index.css");
-require("../../icon/index.css");
-require("../../grid/index.css");
-require("../index.css");
+require('../../style/base.css');
+require('../../info/index.css');
+require('../../icon/index.css');
+require('../index.css');

package/lib/grid-item/style/less.js

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