vant 2.13.5 → 2.13.6

package/lib/picker/index.js

@@ -1,39 +1,399 @@
-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 _event = require("../utils/dom/event");
+
+var _constant = require("../utils/constant");
+
+var _shared = require("./shared");
+
+var _unit = require("../utils/format/unit");
+
+var _loading = _interopRequireDefault(require("../loading"));
+
+var _PickerColumn = _interopRequireDefault(require("./PickerColumn"));
+
+// Utils
+// Components
+var _createNamespace = (0, _utils.createNamespace)('picker'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1],
+    t = _createNamespace[2];
+
+var _default2 = createComponent({
+  props: (0, _extends2.default)({}, _shared.pickerProps, {
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
+    },
+    columns: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    toolbarPosition: {
+      type: String,
+      default: 'top'
+    },
+    valueKey: {
+      type: String,
+      default: 'text'
+    }
+  }),
+  data: function data() {
+    return {
+      children: [],
+      formattedColumns: []
+    };
+  },
+  computed: {
+    itemPxHeight: function itemPxHeight() {
+      return this.itemHeight ? (0, _unit.unitToPx)(this.itemHeight) : _shared.DEFAULT_ITEM_HEIGHT;
+    },
+    dataType: function dataType() {
+      var columns = this.columns;
+      var firstColumn = columns[0] || {};
+
+      if (firstColumn.children) {
+        return 'cascade';
+      }
+
+      if (firstColumn.values) {
+        return 'object';
+      }
+
+      return 'text';
+    }
+  },
+  watch: {
+    columns: {
+      handler: 'format',
+      immediate: true
+    }
+  },
+  methods: {
+    format: function format() {
+      var columns = this.columns,
+          dataType = this.dataType;
+
+      if (dataType === 'text') {
+        this.formattedColumns = [{
+          values: columns
+        }];
+      } else if (dataType === 'cascade') {
+        this.formatCascade();
+      } else {
+        this.formattedColumns = columns;
+      }
+    },
+    formatCascade: function formatCascade() {
+      var formatted = [];
+      var cursor = {
+        children: this.columns
+      };
+
+      while (cursor && cursor.children) {
+        var _cursor$defaultIndex;
+
+        var _cursor = cursor,
+            children = _cursor.children;
+        var defaultIndex = (_cursor$defaultIndex = cursor.defaultIndex) != null ? _cursor$defaultIndex : +this.defaultIndex;
+
+        while (children[defaultIndex] && children[defaultIndex].disabled) {
+          if (defaultIndex < children.length - 1) {
+            defaultIndex++;
+          } else {
+            defaultIndex = 0;
+            break;
+          }
+        }
+
+        formatted.push({
+          values: cursor.children,
+          className: cursor.className,
+          defaultIndex: defaultIndex
+        });
+        cursor = children[defaultIndex];
+      }
+
+      this.formattedColumns = formatted;
+    },
+    emit: function emit(event) {
+      var _this = this;
+
+      if (this.dataType === 'text') {
+        this.$emit(event, this.getColumnValue(0), this.getColumnIndex(0));
+      } else {
+        var values = this.getValues(); // compatible with old version of wrong parameters
+        // should be removed in next major version
+        // see: https://github.com/vant-ui/vant/issues/5905
+
+        if (this.dataType === 'cascade') {
+          values = values.map(function (item) {
+            return item[_this.valueKey];
+          });
+        }
+
+        this.$emit(event, values, this.getIndexes());
+      }
+    },
+    onCascadeChange: function onCascadeChange(columnIndex) {
+      var cursor = {
+        children: this.columns
+      };
+      var indexes = this.getIndexes();
+
+      for (var i = 0; i <= columnIndex; i++) {
+        cursor = cursor.children[indexes[i]];
+      }
+
+      while (cursor && cursor.children) {
+        columnIndex++;
+        this.setColumnValues(columnIndex, cursor.children);
+        cursor = cursor.children[cursor.defaultIndex || 0];
+      }
+    },
+    onChange: function onChange(columnIndex) {
+      var _this2 = this;
+
+      if (this.dataType === 'cascade') {
+        this.onCascadeChange(columnIndex);
+      }
+
+      if (this.dataType === 'text') {
+        this.$emit('change', this, this.getColumnValue(0), this.getColumnIndex(0));
+      } else {
+        var values = this.getValues(); // compatible with old version of wrong parameters
+        // should be removed in next major version
+        // see: https://github.com/vant-ui/vant/issues/5905
+
+        if (this.dataType === 'cascade') {
+          values = values.map(function (item) {
+            return item[_this2.valueKey];
+          });
+        }
+
+        this.$emit('change', this, values, columnIndex);
+      }
+    },
+    // get column instance by index
+    getColumn: function getColumn(index) {
+      return this.children[index];
+    },
+    // @exposed-api
+    // get column value by index
+    getColumnValue: function getColumnValue(index) {
+      var column = this.getColumn(index);
+      return column && column.getValue();
+    },
+    // @exposed-api
+    // set column value by index
+    setColumnValue: function setColumnValue(index, value) {
+      var column = this.getColumn(index);
+
+      if (column) {
+        column.setValue(value);
+
+        if (this.dataType === 'cascade') {
+          this.onCascadeChange(index);
+        }
+      }
+    },
+    // @exposed-api
+    // get column option index by column index
+    getColumnIndex: function getColumnIndex(columnIndex) {
+      return (this.getColumn(columnIndex) || {}).currentIndex;
+    },
+    // @exposed-api
+    // set column option index by column index
+    setColumnIndex: function setColumnIndex(columnIndex, optionIndex) {
+      var column = this.getColumn(columnIndex);
+
+      if (column) {
+        column.setIndex(optionIndex);
+
+        if (this.dataType === 'cascade') {
+          this.onCascadeChange(columnIndex);
+        }
+      }
+    },
+    // @exposed-api
+    // get options of column by index
+    getColumnValues: function getColumnValues(index) {
+      return (this.children[index] || {}).options;
+    },
+    // @exposed-api
+    // set options of column by index
+    setColumnValues: function setColumnValues(index, options) {
+      var column = this.children[index];
+
+      if (column) {
+        column.setOptions(options);
+      }
+    },
+    // @exposed-api
+    // get values of all columns
+    getValues: function getValues() {
+      return this.children.map(function (child) {
+        return child.getValue();
+      });
+    },
+    // @exposed-api
+    // set values of all columns
+    setValues: function setValues(values) {
+      var _this3 = this;
+
+      values.forEach(function (value, index) {
+        _this3.setColumnValue(index, value);
+      });
+    },
+    // @exposed-api
+    // get indexes of all columns
+    getIndexes: function getIndexes() {
+      return this.children.map(function (child) {
+        return child.currentIndex;
+      });
+    },
+    // @exposed-api
+    // set indexes of all columns
+    setIndexes: function setIndexes(indexes) {
+      var _this4 = this;
+
+      indexes.forEach(function (optionIndex, columnIndex) {
+        _this4.setColumnIndex(columnIndex, optionIndex);
+      });
+    },
+    // @exposed-api
+    confirm: function confirm() {
+      this.children.forEach(function (child) {
+        return child.stopMomentum();
+      });
+      this.emit('confirm');
+    },
+    cancel: function cancel() {
+      this.emit('cancel');
+    },
+    genTitle: function genTitle() {
+      var h = this.$createElement;
+      var titleSlot = this.slots('title');
+
+      if (titleSlot) {
+        return titleSlot;
+      }
+
+      if (this.title) {
+        return h("div", {
+          "class": ['van-ellipsis', bem('title')]
+        }, [this.title]);
+      }
+    },
+    genCancel: function genCancel() {
+      var h = this.$createElement;
+      return h("button", {
+        "attrs": {
+          "type": "button"
+        },
+        "class": bem('cancel'),
+        "on": {
+          "click": this.cancel
+        }
+      }, [this.slots('cancel') || this.cancelButtonText || t('cancel')]);
+    },
+    genConfirm: function genConfirm() {
+      var h = this.$createElement;
+      return h("button", {
+        "attrs": {
+          "type": "button"
+        },
+        "class": bem('confirm'),
+        "on": {
+          "click": this.confirm
+        }
+      }, [this.slots('confirm') || this.confirmButtonText || t('confirm')]);
+    },
+    genToolbar: function genToolbar() {
+      var h = this.$createElement;
+
+      if (this.showToolbar) {
+        return h("div", {
+          "class": bem('toolbar')
+        }, [this.slots() || [this.genCancel(), this.genTitle(), this.genConfirm()]]);
+      }
+    },
+    genColumns: function genColumns() {
+      var h = this.$createElement;
+      var itemPxHeight = this.itemPxHeight;
+      var wrapHeight = itemPxHeight * this.visibleItemCount;
+      var frameStyle = {
+        height: itemPxHeight + "px"
+      };
+      var columnsStyle = {
+        height: wrapHeight + "px"
+      };
+      var maskStyle = {
+        backgroundSize: "100% " + (wrapHeight - itemPxHeight) / 2 + "px"
+      };
+      return h("div", {
+        "class": bem('columns'),
+        "style": columnsStyle,
+        "on": {
+          "touchmove": _event.preventDefault
+        }
+      }, [this.genColumnItems(), h("div", {
+        "class": bem('mask'),
+        "style": maskStyle
+      }), h("div", {
+        "class": [_constant.BORDER_UNSET_TOP_BOTTOM, bem('frame')],
+        "style": frameStyle
+      })]);
+    },
+    genColumnItems: function genColumnItems() {
+      var _this5 = this;
+
+      var h = this.$createElement;
+      return this.formattedColumns.map(function (item, columnIndex) {
+        var _item$defaultIndex;
+
+        return h(_PickerColumn.default, {
+          "attrs": {
+            "readonly": _this5.readonly,
+            "valueKey": _this5.valueKey,
+            "allowHtml": _this5.allowHtml,
+            "className": item.className,
+            "itemHeight": _this5.itemPxHeight,
+            "defaultIndex": (_item$defaultIndex = item.defaultIndex) != null ? _item$defaultIndex : +_this5.defaultIndex,
+            "swipeDuration": _this5.swipeDuration,
+            "visibleItemCount": _this5.visibleItemCount,
+            "initialOptions": item.values
+          },
+          "scopedSlots": {
+            option: _this5.$scopedSlots.option
+          },
+          "on": {
+            "change": function change() {
+              _this5.onChange(columnIndex);
+            }
+          }
+        });
+      });
+    }
+  },
+  render: function render(h) {
+    return h("div", {
+      "class": bem()
+    }, [this.toolbarPosition === 'top' ? this.genToolbar() : h(), this.loading ? h(_loading.default, {
+      "class": bem('loading')
+    }) : h(), this.slots('columns-top'), this.genColumns(), this.slots('columns-bottom'), this.toolbarPosition === 'bottom' ? this.genToolbar() : h()]);
   }
-  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, {
-  Picker: () => Picker,
-  default: () => stdin_default,
-  pickerProps: () => import_Picker2.pickerProps
 });
-module.exports = __toCommonJS(stdin_exports);
-var import_utils = require("../utils");
-var import_Picker = __toESM(require("./Picker"));
-var import_Picker2 = require("./Picker");
-const Picker = (0, import_utils.withInstall)(import_Picker.default);
-var stdin_default = Picker;
+
+exports.default = _default2;

package/lib/picker/index.less

@@ -0,0 +1,117 @@
+@import '../style/var';
+
+.van-picker {
+  position: relative;
+  background-color: @picker-background-color;
+  user-select: none;
+
+  &__toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: @picker-toolbar-height;
+  }
+
+  &__cancel,
+  &__confirm {
+    height: 100%;
+    padding: @picker-action-padding;
+    font-size: @picker-action-font-size;
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+
+    &:active {
+      opacity: @active-opacity;
+    }
+  }
+
+  &__confirm {
+    color: @picker-confirm-action-color;
+  }
+
+  &__cancel {
+    color: @picker-cancel-action-color;
+  }
+
+  &__title {
+    max-width: 50%;
+    font-weight: @font-weight-bold;
+    font-size: @picker-title-font-size;
+    line-height: @picker-title-line-height;
+    text-align: center;
+  }
+
+  &__columns {
+    position: relative;
+    display: flex;
+    cursor: grab;
+  }
+
+  &__loading {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: @picker-loading-icon-color;
+    background-color: @picker-loading-mask-color;
+  }
+
+  &__frame {
+    position: absolute;
+    top: 50%;
+    right: @padding-md;
+    left: @padding-md;
+    z-index: 2;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+
+  &__mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(
+        180deg,
+        hsla(0, 0%, 100%, 0.9),
+        hsla(0, 0%, 100%, 0.4)
+      ),
+      linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
+    background-repeat: no-repeat;
+    background-position: top, bottom;
+    // fix rendering failure during animation on safari
+    transform: translateZ(0);
+    pointer-events: none;
+  }
+
+  &-column {
+    flex: 1;
+    overflow: hidden;
+    font-size: @picker-option-font-size;
+
+    &__wrapper {
+      transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
+    }
+
+    &__item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 @padding-base;
+      color: @picker-option-text-color;
+
+      &--disabled {
+        cursor: not-allowed;
+        opacity: @picker-option-disabled-opacity;
+      }
+    }
+  }
+}

package/lib/picker/shared.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.pickerProps = exports.DEFAULT_ITEM_HEIGHT = void 0;
+var DEFAULT_ITEM_HEIGHT = 44;
+exports.DEFAULT_ITEM_HEIGHT = DEFAULT_ITEM_HEIGHT;
+var pickerProps = {
+  title: String,
+  loading: Boolean,
+  readonly: Boolean,
+  itemHeight: [Number, String],
+  showToolbar: Boolean,
+  cancelButtonText: String,
+  confirmButtonText: String,
+  allowHtml: {
+    type: Boolean,
+    default: true
+  },
+  visibleItemCount: {
+    type: [Number, String],
+    default: 6
+  },
+  swipeDuration: {
+    type: [Number, String],
+    default: 1000
+  }
+};
+exports.pickerProps = pickerProps;

package/lib/picker/style/index.js

@@ -1,10 +1,3 @@
-require("../../style/base.css");
-require("../../badge/index.css");
-require("../../loading/index.css");
-require("../../sticky/index.css");
-require("../../swipe/index.css");
-require("../../swipe-item/index.css");
-require("../../tabs/index.css");
-require("../../tab/index.css");
-require("../../picker-group/index.css");
-require("../index.css");
+require('../../style/base.css');
+require('../../loading/index.css');
+require('../index.css');

package/lib/picker/style/less.js

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

package/lib/popover/index.css

@@ -1 +1 @@
-:root,:host{--van-popover-arrow-size: 6px;--van-popover-radius: var(--van-radius-lg);--van-popover-action-width: 128px;--van-popover-action-height: 44px;--van-popover-action-font-size: var(--van-font-size-md);--van-popover-action-line-height: var(--van-line-height-md);--van-popover-action-icon-size: 20px;--van-popover-horizontal-action-height: 34px;--van-popover-horizontal-action-icon-size: 16px;--van-popover-light-text-color: var(--van-text-color);--van-popover-light-background: var(--van-background-2);--van-popover-light-action-disabled-text-color: var(--van-text-color-3);--van-popover-dark-text-color: var(--van-white);--van-popover-dark-background: #4a4a4a;--van-popover-dark-action-disabled-text-color: var(--van-text-color-2)}.van-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--van-popover-arrow-size)}.van-popover__content{overflow:hidden;border-radius:var(--van-popover-radius)}.van-popover__content--horizontal{display:flex;width:-webkit-max-content;width:max-content}.van-popover__content--horizontal .van-popover__action{flex:none;width:auto;height:var(--van-popover-horizontal-action-height);padding:0 var(--van-padding-sm)}.van-popover__content--horizontal .van-popover__action:last-child:after{display:none}.van-popover__content--horizontal .van-popover__action-icon{margin-right:var(--van-padding-base);font-size:var(--van-popover-horizontal-action-icon-size)}.van-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--van-popover-action-width);height:var(--van-popover-action-height);padding:0 var(--van-padding-md);font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);cursor:pointer}.van-popover__action:last-child .van-popover__action-text:after{display:none}.van-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:var(--van-padding-xs);font-size:var(--van-popover-action-icon-size)}.van-popover__action--with-icon .van-popover__action-text{justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=top]{transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=top-start]{transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;margin-right:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=left]{transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=left-start]{transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;margin-left:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=right]{transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%;transform:translateY(-50%)}.van-popover[data-popper-placement=right-start]{transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:var(--van-padding-md)}.van-popover[data-popper-placement=right-end]{transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:var(--van-padding-md)}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;margin-top:calc(var(--van-popover-arrow-size) * -1)}.van-popover[data-popper-placement=bottom]{transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%;transform:translate(-50%)}.van-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:var(--van-padding-md)}.van-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:var(--van-padding-md)}.van-popover--light{color:var(--van-popover-light-text-color)}.van-popover--light .van-popover__content{background:var(--van-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:var(--van-popover-light-background)}.van-popover--light .van-popover__action:active{background-color:var(--van-active-color)}.van-popover--light .van-popover__action--disabled{color:var(--van-popover-light-action-disabled-text-color);cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:var(--van-popover-dark-text-color)}.van-popover--dark .van-popover__content{background:var(--van-popover-dark-background)}.van-popover--dark .van-popover__arrow{color:var(--van-popover-dark-background)}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:var(--van-popover-dark-action-disabled-text-color)}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text:after{border-color:var(--van-gray-7)}.van-popover-zoom-enter-from,.van-popover-zoom-leave-active{transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{transition-timing-function:var(--van-ease-out)}.van-popover-zoom-leave-active{transition-timing-function:var(--van-ease-in)}
+.van-popover{position:absolute;overflow:visible;background-color:transparent;-webkit-transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s}.van-popover__wrapper{display:inline-block}.van-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px}.van-popover__content{overflow:hidden;border-radius:8px}.van-popover__action{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:128px;height:44px;padding:0 16px;font-size:14px;line-height:20px;cursor:pointer}.van-popover__action:last-child .van-popover__action-text::after{display:none}.van-popover__action-text{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.van-popover__action-icon{margin-right:8px;font-size:20px}.van-popover__action--with-icon .van-popover__action-text{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.van-popover[data-popper-placement^=top] .van-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.van-popover[data-popper-placement=top]{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.van-popover[data-popper-placement=top] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=top-start]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=top-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=top-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=top-end] .van-popover__arrow{right:16px}.van-popover[data-popper-placement^=left] .van-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.van-popover[data-popper-placement=left]{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.van-popover[data-popper-placement=left] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=left-start]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=left-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=left-end]{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.van-popover[data-popper-placement=left-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=right] .van-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.van-popover[data-popper-placement=right]{-webkit-transform-origin:0 50%;transform-origin:0 50%}.van-popover[data-popper-placement=right] .van-popover__arrow{top:50%}.van-popover[data-popper-placement=right-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=right-start] .van-popover__arrow{top:16px}.van-popover[data-popper-placement=right-end]{-webkit-transform-origin:0 100%;transform-origin:0 100%}.van-popover[data-popper-placement=right-end] .van-popover__arrow{bottom:16px}.van-popover[data-popper-placement^=bottom] .van-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.van-popover[data-popper-placement=bottom]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.van-popover[data-popper-placement=bottom] .van-popover__arrow{left:50%}.van-popover[data-popper-placement=bottom-start]{-webkit-transform-origin:0 0;transform-origin:0 0}.van-popover[data-popper-placement=bottom-start] .van-popover__arrow{left:16px}.van-popover[data-popper-placement=bottom-end]{-webkit-transform-origin:100% 0;transform-origin:100% 0}.van-popover[data-popper-placement=bottom-end] .van-popover__arrow{right:16px}.van-popover--light{color:#323233}.van-popover--light .van-popover__content{background-color:#fff;box-shadow:0 2px 12px rgba(50,50,51,.12)}.van-popover--light .van-popover__arrow{color:#fff}.van-popover--light .van-popover__action:active{background-color:#f2f3f5}.van-popover--light .van-popover__action--disabled{color:#c8c9cc;cursor:not-allowed}.van-popover--light .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark{color:#fff}.van-popover--dark .van-popover__content{background-color:#4a4a4a}.van-popover--dark .van-popover__arrow{color:#4a4a4a}.van-popover--dark .van-popover__action:active{background-color:rgba(0,0,0,.2)}.van-popover--dark .van-popover__action--disabled{color:#969799}.van-popover--dark .van-popover__action--disabled:active{background-color:transparent}.van-popover--dark .van-popover__action-text::after{border-color:#646566}.van-popover-zoom-enter,.van-popover-zoom-leave-active{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.van-popover-zoom-enter-active{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.van-popover-zoom-leave-active{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}