vant 2.13.5 → 2.13.7

package/lib/datetime-picker/utils.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.__esModule = true;
+exports.times = times;
+exports.getTrueValue = getTrueValue;
+exports.getMonthEndDay = getMonthEndDay;
+
+var _number = require("../utils/validate/number");
+
+function times(n, iteratee) {
+  if (n < 0) {
+    return [];
+  }
+
+  var index = -1;
+  var result = Array(n);
+
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+
+  return result;
+}
+
+function getTrueValue(value) {
+  if (!value) {
+    return 0;
+  }
+
+  while ((0, _number.isNaN)(parseInt(value, 10))) {
+    if (value.length > 1) {
+      value = value.slice(1);
+    } else {
+      return 0;
+    }
+  }
+
+  return parseInt(value, 10);
+}
+
+function getMonthEndDay(year, month) {
+  return 32 - new Date(year, month - 1, 32).getDate();
+}

package/lib/dialog/Dialog.js

@@ -1,240 +1,296 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], 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 });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var stdin_exports = {};
-__export(stdin_exports, {
-  default: () => stdin_default,
-  dialogProps: () => dialogProps
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_vue = require("vue");
-var import_utils = require("../utils");
-var import_shared = require("../popup/shared");
-var import_popup = require("../popup");
-var import_button = require("../button");
-var import_action_bar = require("../action-bar");
-var import_action_bar_button = require("../action-bar-button");
-const [name, bem, t] = (0, import_utils.createNamespace)("dialog");
-const dialogProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
-  title: String,
-  theme: String,
-  width: import_utils.numericProp,
-  message: [String, Function],
-  callback: Function,
-  allowHtml: Boolean,
-  className: import_utils.unknownProp,
-  transition: (0, import_utils.makeStringProp)("van-dialog-bounce"),
-  messageAlign: String,
-  closeOnPopstate: import_utils.truthProp,
-  showCancelButton: Boolean,
-  cancelButtonText: String,
-  cancelButtonColor: String,
-  cancelButtonDisabled: Boolean,
-  confirmButtonText: String,
-  confirmButtonColor: String,
-  confirmButtonDisabled: Boolean,
-  showConfirmButton: import_utils.truthProp,
-  closeOnClickOverlay: Boolean,
-  keyboardEnabled: import_utils.truthProp
-});
-const popupInheritKeys = [...import_shared.popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default = (0, import_vue.defineComponent)({
-  name,
-  props: dialogProps,
-  emits: ["confirm", "cancel", "keydown", "update:show"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const root = (0, import_vue.ref)();
-    const loading = (0, import_vue.reactive)({
-      confirm: false,
-      cancel: false
-    });
-    const updateShow = (value) => emit("update:show", value);
-    const close = (action) => {
-      var _a;
-      updateShow(false);
-      (_a = props.callback) == null ? void 0 : _a.call(props, action);
+"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 _constant = require("../utils/constant");
+
+var _popup = require("../mixins/popup");
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _goodsAction = _interopRequireDefault(require("../goods-action"));
+
+var _goodsActionButton = _interopRequireDefault(require("../goods-action-button"));
+
+var _createNamespace = (0, _utils.createNamespace)('dialog'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1],
+    t = _createNamespace[2];
+
+var _default = createComponent({
+  mixins: [(0, _popup.PopupMixin)()],
+  props: {
+    title: String,
+    theme: String,
+    width: [Number, String],
+    message: String,
+    className: null,
+    callback: Function,
+    beforeClose: Function,
+    messageAlign: String,
+    cancelButtonText: String,
+    cancelButtonColor: String,
+    confirmButtonText: String,
+    confirmButtonColor: String,
+    showCancelButton: Boolean,
+    overlay: {
+      type: Boolean,
+      default: true
+    },
+    allowHtml: {
+      type: Boolean,
+      default: true
+    },
+    transition: {
+      type: String,
+      default: 'van-dialog-bounce'
+    },
+    showConfirmButton: {
+      type: Boolean,
+      default: true
+    },
+    closeOnPopstate: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      loading: {
+        confirm: false,
+        cancel: false
+      }
     };
-    const getActionHandler = (action) => () => {
-      if (!props.show) {
+  },
+  methods: {
+    onClickOverlay: function onClickOverlay() {
+      this.handleAction('overlay');
+    },
+    handleAction: function handleAction(action) {
+      var _this = this;
+
+      this.$emit(action); // show not trigger close event when hidden
+
+      if (!this.value) {
         return;
       }
-      emit(action);
-      if (props.beforeClose) {
-        loading[action] = true;
-        (0, import_utils.callInterceptor)(props.beforeClose, {
-          args: [action],
-          done() {
-            close(action);
-            loading[action] = false;
-          },
-          canceled() {
-            loading[action] = false;
+
+      if (this.beforeClose) {
+        this.loading[action] = true;
+        this.beforeClose(action, function (state) {
+          if (state !== false && _this.loading[action]) {
+            _this.onClose(action);
           }
+
+          _this.loading.confirm = false;
+          _this.loading.cancel = false;
         });
       } else {
-        close(action);
-      }
-    };
-    const onCancel = getActionHandler("cancel");
-    const onConfirm = getActionHandler("confirm");
-    const onKeydown = (0, import_vue.withKeys)((event) => {
-      var _a, _b;
-      if (!props.keyboardEnabled) {
-        return;
-      }
-      if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
-        return;
+        this.onClose(action);
       }
-      const onEventType = {
-        Enter: props.showConfirmButton ? onConfirm : import_utils.noop,
-        Escape: props.showCancelButton ? onCancel : import_utils.noop
-      };
-      onEventType[event.key]();
-      emit("keydown", event);
-    }, ["enter", "esc"]);
-    const renderTitle = () => {
-      const title = slots.title ? slots.title() : props.title;
-      if (title) {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("header", {
-            isolated: !props.message && !slots.default
-          })
-        }, [title]);
+    },
+    onClose: function onClose(action) {
+      this.close();
+
+      if (this.callback) {
+        this.callback(action);
       }
-    };
-    const renderMessage = (hasTitle) => {
-      const {
-        message,
-        allowHtml,
-        messageAlign
-      } = props;
-      const classNames = bem("message", {
-        "has-title": hasTitle,
-        [messageAlign]: messageAlign
+    },
+    onOpened: function onOpened() {
+      var _this2 = this;
+
+      this.$emit('opened');
+      this.$nextTick(function () {
+        var _this2$$refs$dialog;
+
+        (_this2$$refs$dialog = _this2.$refs.dialog) == null ? void 0 : _this2$$refs$dialog.focus();
       });
-      const content = (0, import_utils.isFunction)(message) ? message() : message;
-      if (allowHtml && typeof content === "string") {
-        return (0, import_vue.createVNode)("div", {
-          "class": classNames,
-          "innerHTML": content
-        }, null);
+    },
+    onClosed: function onClosed() {
+      this.$emit('closed');
+    },
+    onKeydown: function onKeydown(event) {
+      var _this3 = this;
+
+      if (event.key === 'Escape' || event.key === 'Enter') {
+        // skip keyboard events of child elements
+        if (event.target !== this.$refs.dialog) {
+          return;
+        }
+
+        var onEventType = {
+          Enter: this.showConfirmButton ? function () {
+            return _this3.handleAction('confirm');
+          } : _utils.noop,
+          Escape: this.showCancelButton ? function () {
+            return _this3.handleAction('cancel');
+          } : _utils.noop
+        };
+        onEventType[event.key]();
+        this.$emit('keydown', event);
       }
-      return (0, import_vue.createVNode)("div", {
-        "class": classNames
-      }, [content]);
-    };
-    const renderContent = () => {
-      if (slots.default) {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("content")
-        }, [slots.default()]);
+    },
+    genRoundButtons: function genRoundButtons() {
+      var _this4 = this;
+
+      var h = this.$createElement;
+      return h(_goodsAction.default, {
+        "class": bem('footer')
+      }, [this.showCancelButton && h(_goodsActionButton.default, {
+        "attrs": {
+          "size": "large",
+          "type": "warning",
+          "text": this.cancelButtonText || t('cancel'),
+          "color": this.cancelButtonColor,
+          "loading": this.loading.cancel
+        },
+        "class": bem('cancel'),
+        "on": {
+          "click": function click() {
+            _this4.handleAction('cancel');
+          }
+        }
+      }), this.showConfirmButton && h(_goodsActionButton.default, {
+        "attrs": {
+          "size": "large",
+          "type": "danger",
+          "text": this.confirmButtonText || t('confirm'),
+          "color": this.confirmButtonColor,
+          "loading": this.loading.confirm
+        },
+        "class": bem('confirm'),
+        "on": {
+          "click": function click() {
+            _this4.handleAction('confirm');
+          }
+        }
+      })]);
+    },
+    genButtons: function genButtons() {
+      var _this5 = this,
+          _ref;
+
+      var h = this.$createElement;
+      var multiple = this.showCancelButton && this.showConfirmButton;
+      return h("div", {
+        "class": [_constant.BORDER_TOP, bem('footer')]
+      }, [this.showCancelButton && h(_button.default, {
+        "attrs": {
+          "size": "large",
+          "loading": this.loading.cancel,
+          "text": this.cancelButtonText || t('cancel'),
+          "nativeType": "button"
+        },
+        "class": bem('cancel'),
+        "style": {
+          color: this.cancelButtonColor
+        },
+        "on": {
+          "click": function click() {
+            _this5.handleAction('cancel');
+          }
+        }
+      }), this.showConfirmButton && h(_button.default, {
+        "attrs": {
+          "size": "large",
+          "loading": this.loading.confirm,
+          "text": this.confirmButtonText || t('confirm'),
+          "nativeType": "button"
+        },
+        "class": [bem('confirm'), (_ref = {}, _ref[_constant.BORDER_LEFT] = multiple, _ref)],
+        "style": {
+          color: this.confirmButtonColor
+        },
+        "on": {
+          "click": function click() {
+            _this5.handleAction('confirm');
+          }
+        }
+      })]);
+    },
+    genContent: function genContent(hasTitle, messageSlot) {
+      var h = this.$createElement;
+
+      if (messageSlot) {
+        return h("div", {
+          "class": bem('content')
+        }, [messageSlot]);
       }
-      const {
-        title,
-        message,
-        allowHtml
-      } = props;
+
+      var message = this.message,
+          messageAlign = this.messageAlign;
+
       if (message) {
-        const hasTitle = !!(title || slots.title);
-        return (0, import_vue.createVNode)("div", {
-          "key": allowHtml ? 1 : 0,
-          "class": bem("content", {
+        var _bem, _domProps;
+
+        var data = {
+          class: bem('message', (_bem = {
+            'has-title': hasTitle
+          }, _bem[messageAlign] = messageAlign, _bem)),
+          domProps: (_domProps = {}, _domProps[this.allowHtml ? 'innerHTML' : 'textContent'] = message, _domProps)
+        };
+        return h("div", {
+          "class": bem('content', {
             isolated: !hasTitle
           })
-        }, [renderMessage(hasTitle)]);
+        }, [h("div", (0, _babelHelperVueJsxMergeProps.default)([{}, data]))]);
       }
-    };
-    const renderButtons = () => (0, import_vue.createVNode)("div", {
-      "class": [import_utils.BORDER_TOP, bem("footer")]
-    }, [props.showCancelButton && (0, import_vue.createVNode)(import_button.Button, {
-      "size": "large",
-      "text": props.cancelButtonText || t("cancel"),
-      "class": bem("cancel"),
-      "style": {
-        color: props.cancelButtonColor
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+
+    if (!this.shouldRender) {
+      return;
+    }
+
+    var message = this.message;
+    var messageSlot = this.slots();
+    var title = this.slots('title') || this.title;
+    var Title = title && h("div", {
+      "class": bem('header', {
+        isolated: !message && !messageSlot
+      })
+    }, [title]);
+    return h("transition", {
+      "attrs": {
+        "name": this.transition
       },
-      "loading": loading.cancel,
-      "disabled": props.cancelButtonDisabled,
-      "onClick": onCancel
-    }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_button.Button, {
-      "size": "large",
-      "text": props.confirmButtonText || t("confirm"),
-      "class": [bem("confirm"), {
-        [import_utils.BORDER_LEFT]: props.showCancelButton
+      "on": {
+        "afterEnter": this.onOpened,
+        "afterLeave": this.onClosed
+      }
+    }, [h("div", {
+      "directives": [{
+        name: "show",
+        value: this.value
       }],
+      "attrs": {
+        "role": "dialog",
+        "aria-labelledby": this.title || message,
+        "tabIndex": 0
+      },
+      "class": [bem([this.theme]), this.className],
       "style": {
-        color: props.confirmButtonColor
+        width: (0, _utils.addUnit)(this.width)
       },
-      "loading": loading.confirm,
-      "disabled": props.confirmButtonDisabled,
-      "onClick": onConfirm
-    }, null)]);
-    const renderRoundButtons = () => (0, import_vue.createVNode)(import_action_bar.ActionBar, {
-      "class": bem("footer")
-    }, {
-      default: () => [props.showCancelButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
-        "type": "warning",
-        "text": props.cancelButtonText || t("cancel"),
-        "class": bem("cancel"),
-        "color": props.cancelButtonColor,
-        "loading": loading.cancel,
-        "disabled": props.cancelButtonDisabled,
-        "onClick": onCancel
-      }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
-        "type": "danger",
-        "text": props.confirmButtonText || t("confirm"),
-        "class": bem("confirm"),
-        "color": props.confirmButtonColor,
-        "loading": loading.confirm,
-        "disabled": props.confirmButtonDisabled,
-        "onClick": onConfirm
-      }, null)]
-    });
-    const renderFooter = () => {
-      if (slots.footer) {
-        return slots.footer();
+      "ref": "dialog",
+      "on": {
+        "keydown": this.onKeydown
       }
-      return props.theme === "round-button" ? renderRoundButtons() : renderButtons();
-    };
-    return () => {
-      const {
-        width,
-        title,
-        theme,
-        message,
-        className
-      } = props;
-      return (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
-        "ref": root,
-        "role": "dialog",
-        "class": [bem([theme]), className],
-        "style": {
-          width: (0, import_utils.addUnit)(width)
-        },
-        "tabindex": 0,
-        "aria-labelledby": title || message,
-        "onKeydown": onKeydown,
-        "onUpdate:show": updateShow
-      }, (0, import_utils.pick)(props, popupInheritKeys)), {
-        default: () => [renderTitle(), renderContent(), renderFooter()]
-      });
-    };
+    }, [Title, this.genContent(title, messageSlot), this.theme === 'round-button' ? this.genRoundButtons() : this.genButtons()])]);
   }
 });
+
+exports.default = _default;

package/lib/dialog/index.css

@@ -1 +1 @@
-:root,:host{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0;border-radius:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog--round-button .van-action-bar-button--first{border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-dialog--round-button .van-action-bar-button--last{border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}
+.van-dialog{position:fixed;top:45%;left:50%;width:320px;overflow:hidden;font-size:16px;background-color:#fff;border-radius:16px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}@media (max-width:321px){.van-dialog{width:90%}}.van-dialog__header{padding-top:26px;font-weight:500;line-height:24px;text-align:center}.van-dialog__header--isolated{padding:24px 0}.van-dialog__content--isolated{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:104px}.van-dialog__message{-webkit-box-flex:1;-webkit-flex:1;flex:1;max-height:60vh;padding:26px 24px;overflow-y:auto;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:8px;color:#646566}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:48px;margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:#ee0a24}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:8px 24px 16px}.van-dialog--round-button .van-dialog__message{padding-bottom:16px;color:#323233}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:36px}.van-dialog--round-button .van-dialog__confirm{color:#fff}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}