vant 3.4.0 → 3.4.1

package/es/stepper/Stepper.js

@@ -1,19 +1,15 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow } from "vue";
-import { ref, watch, computed, nextTick, defineComponent } from 'vue'; // Utils
-
-import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { useCustomFieldValue } from '@vant/use';
-var [name, bem] = createNamespace('stepper');
-var LONG_PRESS_INTERVAL = 200;
-var LONG_PRESS_START_TIME = 600;
-
-var isEqual = (value1, value2) => String(value1) === String(value2);
-
-var stepperProps = {
+import { ref, watch, computed, nextTick, defineComponent } from "vue";
+import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp, HAPTICS_FEEDBACK } from "../utils";
+import { useCustomFieldValue } from "@vant/use";
+const [name, bem] = createNamespace("stepper");
+const LONG_PRESS_INTERVAL = 200;
+const LONG_PRESS_START_TIME = 600;
+const isEqual = (value1, value2) => String(value1) === String(value2);
+const stepperProps = {
   min: makeNumericProp(1),
   max: makeNumericProp(Infinity),
-  name: makeNumericProp(''),
+  name: makeNumericProp(""),
   step: makeNumericProp(1),
   theme: String,
   integer: Boolean,
@@ -34,158 +30,127 @@ var stepperProps = {
   defaultValue: makeNumericProp(1),
   decimalLength: numericProp
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: stepperProps,
-  emits: ['plus', 'blur', 'minus', 'focus', 'change', 'overlimit', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit
-    } = _ref;
-
-    var format = value => {
-      var {
+  emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const format = (value) => {
+      const {
         min,
         max,
         allowEmpty,
         decimalLength
       } = props;
-
-      if (allowEmpty && value === '') {
+      if (allowEmpty && value === "") {
         return value;
       }
-
       value = formatNumber(String(value), !props.integer);
-      value = value === '' ? 0 : +value;
+      value = value === "" ? 0 : +value;
       value = Number.isNaN(value) ? +min : value;
-      value = Math.max(Math.min(+max, value), +min); // format decimal
-
+      value = Math.max(Math.min(+max, value), +min);
       if (isDef(decimalLength)) {
         value = value.toFixed(+decimalLength);
       }
-
       return value;
     };
-
-    var getInitialValue = () => {
-      var _props$modelValue;
-
-      var defaultValue = (_props$modelValue = props.modelValue) != null ? _props$modelValue : props.defaultValue;
-      var value = format(defaultValue);
-
+    const getInitialValue = () => {
+      var _a;
+      const defaultValue = (_a = props.modelValue) != null ? _a : props.defaultValue;
+      const value = format(defaultValue);
       if (!isEqual(value, props.modelValue)) {
-        emit('update:modelValue', value);
+        emit("update:modelValue", value);
       }
-
       return value;
     };
-
-    var actionType;
-    var inputRef = ref();
-    var current = ref(getInitialValue());
-    var minusDisabled = computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
-    var plusDisabled = computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
-    var inputStyle = computed(() => ({
+    let actionType;
+    const inputRef = ref();
+    const current = ref(getInitialValue());
+    const minusDisabled = computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
+    const plusDisabled = computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
+    const inputStyle = computed(() => ({
       width: addUnit(props.inputWidth),
       height: addUnit(props.buttonSize)
     }));
-    var buttonStyle = computed(() => getSizeStyle(props.buttonSize));
-
-    var check = () => {
-      var value = format(current.value);
-
+    const buttonStyle = computed(() => getSizeStyle(props.buttonSize));
+    const check = () => {
+      const value = format(current.value);
       if (!isEqual(value, current.value)) {
         current.value = value;
       }
     };
-
-    var setValue = value => {
+    const setValue = (value) => {
       if (props.beforeChange) {
         callInterceptor(props.beforeChange, {
           args: [value],
-
           done() {
             current.value = value;
           }
-
         });
       } else {
         current.value = value;
       }
     };
-
-    var onChange = () => {
-      if (actionType === 'plus' && plusDisabled.value || actionType === 'minus' && minusDisabled.value) {
-        emit('overlimit', actionType);
+    const onChange = () => {
+      if (actionType === "plus" && plusDisabled.value || actionType === "minus" && minusDisabled.value) {
+        emit("overlimit", actionType);
         return;
       }
-
-      var diff = actionType === 'minus' ? -props.step : +props.step;
-      var value = format(addNumber(+current.value, diff));
+      const diff = actionType === "minus" ? -props.step : +props.step;
+      const value = format(addNumber(+current.value, diff));
       setValue(value);
       emit(actionType);
     };
-
-    var onInput = event => {
-      var input = event.target;
-      var {
+    const onInput = (event) => {
+      const input = event.target;
+      const {
         value
       } = input;
-      var {
+      const {
         decimalLength
       } = props;
-      var formatted = formatNumber(String(value), !props.integer); // limit max decimal length
-
-      if (isDef(decimalLength) && formatted.includes('.')) {
-        var pair = formatted.split('.');
-        formatted = pair[0] + "." + pair[1].slice(0, +decimalLength);
+      let formatted = formatNumber(String(value), !props.integer);
+      if (isDef(decimalLength) && formatted.includes(".")) {
+        const pair = formatted.split(".");
+        formatted = `${pair[0]}.${pair[1].slice(0, +decimalLength)}`;
       }
-
       if (props.beforeChange) {
         input.value = String(current.value);
       } else if (!isEqual(value, formatted)) {
         input.value = formatted;
-      } // prefer number type
-
-
-      var isNumeric = formatted === String(+formatted);
+      }
+      const isNumeric = formatted === String(+formatted);
       setValue(isNumeric ? +formatted : formatted);
     };
-
-    var onFocus = event => {
-      // readonly not work in legacy mobile safari
+    const onFocus = (event) => {
+      var _a;
       if (props.disableInput) {
-        var _inputRef$value;
-
-        (_inputRef$value = inputRef.value) == null ? void 0 : _inputRef$value.blur();
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
       } else {
-        emit('focus', event);
+        emit("focus", event);
       }
     };
-
-    var onBlur = event => {
-      var input = event.target;
-      var value = format(input.value);
+    const onBlur = (event) => {
+      const input = event.target;
+      const value = format(input.value);
       input.value = String(value);
       current.value = value;
       nextTick(() => {
-        emit('blur', event);
+        emit("blur", event);
         resetScroll();
       });
     };
-
-    var isLongPress;
-    var longPressTimer;
-
-    var longPressStep = () => {
+    let isLongPress;
+    let longPressTimer;
+    const longPressStep = () => {
       longPressTimer = setTimeout(() => {
         onChange();
         longPressStep();
       }, LONG_PRESS_INTERVAL);
     };
-
-    var onTouchStart = () => {
+    const onTouchStart = () => {
       if (props.longPress) {
         isLongPress = false;
         clearTimeout(longPressTimer);
@@ -196,28 +161,21 @@ export default defineComponent({
         }, LONG_PRESS_START_TIME);
       }
     };
-
-    var onTouchEnd = event => {
+    const onTouchEnd = (event) => {
       if (props.longPress) {
         clearTimeout(longPressTimer);
-
         if (isLongPress) {
           preventDefault(event);
         }
       }
     };
-
-    var onMousedown = event => {
-      // fix mobile safari page scroll down issue
-      // see: https://github.com/youzan/vant/issues/7690
+    const onMousedown = (event) => {
       if (props.disableInput) {
         preventDefault(event);
       }
     };
-
-    var createListeners = type => ({
-      onClick: event => {
-        // disable double tap scrolling on mobile safari
+    const createListeners = (type) => ({
+      onClick: (event) => {
         preventDefault(event);
         actionType = type;
         onChange();
@@ -229,16 +187,15 @@ export default defineComponent({
       onTouchend: onTouchEnd,
       onTouchcancel: onTouchEnd
     });
-
     watch(() => [props.max, props.min, props.integer, props.decimalLength], check);
-    watch(() => props.modelValue, value => {
+    watch(() => props.modelValue, (value) => {
       if (!isEqual(value, current.value)) {
         current.value = format(value);
       }
     });
-    watch(current, value => {
-      emit('update:modelValue', value);
-      emit('change', value, {
+    watch(current, (value) => {
+      emit("update:modelValue", value);
+      emit("change", value, {
         name: props.name
       });
     });
@@ -249,22 +206,22 @@ export default defineComponent({
     }, [_withDirectives(_createVNode("button", _mergeProps({
       "type": "button",
       "style": buttonStyle.value,
-      "class": [bem('minus', {
+      "class": [bem("minus", {
         disabled: minusDisabled.value
       }), {
         [HAPTICS_FEEDBACK]: !minusDisabled.value
       }],
-      "aria-disabled": minusDisabled.value || undefined
-    }, createListeners('minus')), null), [[_vShow, props.showMinus]]), _withDirectives(_createVNode("input", {
+      "aria-disabled": minusDisabled.value || void 0
+    }, createListeners("minus")), null), [[_vShow, props.showMinus]]), _withDirectives(_createVNode("input", {
       "ref": inputRef,
-      "type": props.integer ? 'tel' : 'text',
+      "type": props.integer ? "tel" : "text",
       "role": "spinbutton",
-      "class": bem('input'),
+      "class": bem("input"),
       "value": current.value,
       "style": inputStyle.value,
       "disabled": props.disabled,
       "readonly": props.disableInput,
-      "inputmode": props.integer ? 'numeric' : 'decimal',
+      "inputmode": props.integer ? "numeric" : "decimal",
       "placeholder": props.placeholder,
       "aria-valuemax": props.max,
       "aria-valuemin": props.min,
@@ -276,13 +233,15 @@ export default defineComponent({
     }, null), [[_vShow, props.showInput]]), _withDirectives(_createVNode("button", _mergeProps({
       "type": "button",
       "style": buttonStyle.value,
-      "class": [bem('plus', {
+      "class": [bem("plus", {
         disabled: plusDisabled.value
       }), {
         [HAPTICS_FEEDBACK]: !plusDisabled.value
       }],
-      "aria-disabled": plusDisabled.value || undefined
-    }, createListeners('plus')), null), [[_vShow, props.showPlus]])]);
+      "aria-disabled": plusDisabled.value || void 0
+    }, createListeners("plus")), null), [[_vShow, props.showPlus]])]);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/stepper/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Stepper from './Stepper';
-export var Stepper = withInstall(_Stepper);
-export default Stepper;
+import { withInstall } from "../utils";
+import _Stepper from "./Stepper";
+const Stepper = withInstall(_Stepper);
+var stdin_default = Stepper;
+export {
+  Stepper,
+  stdin_default as default
+};

package/es/stepper/style/index.js

@@ -1,2 +1,2 @@
-import '../../style/base.css';
-import '../index.css';
+import "../../style/base.css";
+import "../index.css";

package/es/stepper/style/less.js

@@ -1,2 +1,2 @@
-import '../../style/base.less';
-import '../index.less';
+import "../../style/base.less";
+import "../index.less";

package/es/steps/Steps.js

@@ -1,44 +1,46 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
-import { makeStringProp, makeNumericProp, createNamespace } from '../utils';
-import { useChildren } from '@vant/use';
-var [name, bem] = createNamespace('steps');
-var stepsProps = {
+import { defineComponent } from "vue";
+import { makeStringProp, makeNumericProp, createNamespace } from "../utils";
+import { useChildren } from "@vant/use";
+const [name, bem] = createNamespace("steps");
+const stepsProps = {
   active: makeNumericProp(0),
-  direction: makeStringProp('horizontal'),
-  activeIcon: makeStringProp('checked'),
+  direction: makeStringProp("horizontal"),
+  activeIcon: makeStringProp("checked"),
   iconPrefix: String,
   finishIcon: String,
   activeColor: String,
   inactiveIcon: String,
   inactiveColor: String
 };
-export var STEPS_KEY = Symbol(name);
-export default defineComponent({
+const STEPS_KEY = Symbol(name);
+var stdin_default = defineComponent({
   name,
   props: stepsProps,
-  emits: ['click-step'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var {
+  emits: ["click-step"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
       linkChildren
     } = useChildren(STEPS_KEY);
-
-    var onClickStep = index => emit('click-step', index);
-
+    const onClickStep = (index) => emit("click-step", index);
     linkChildren({
       props,
       onClickStep
     });
-    return () => _createVNode("div", {
-      "class": bem([props.direction])
-    }, [_createVNode("div", {
-      "class": bem('items')
-    }, [slots.default == null ? void 0 : slots.default()])]);
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": bem([props.direction])
+      }, [_createVNode("div", {
+        "class": bem("items")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
   }
-
-});
+});
+export {
+  STEPS_KEY,
+  stdin_default as default
+};

package/es/steps/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Steps from './Steps';
-export var Steps = withInstall(_Steps);
-export default Steps;
+import { withInstall } from "../utils";
+import _Steps from "./Steps";
+const Steps = withInstall(_Steps);
+var stdin_default = Steps;
+export {
+  Steps,
+  stdin_default as default
+};

package/es/steps/style/index.js

@@ -1,2 +1,2 @@
-import '../../style/base.css';
-import '../index.css';
+import "../../style/base.css";
+import "../index.css";

package/es/steps/style/less.js

@@ -1,2 +1,2 @@
-import '../../style/base.less';
-import '../index.less';
+import "../../style/base.less";
+import "../index.less";

package/es/sticky/Sticky.js

@@ -1,134 +1,119 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, computed, reactive, defineComponent } from 'vue'; // Utils
-
-import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
-
-import { useRect, useEventListener, useScrollParent } from '@vant/use';
-import { useVisibilityChange } from '../composables/use-visibility-change';
-var [name, bem] = createNamespace('sticky');
-var stickyProps = {
+import { ref, watch, computed, reactive, defineComponent } from "vue";
+import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils";
+import { useRect, useEventListener, useScrollParent } from "@vant/use";
+import { useVisibilityChange } from "../composables/use-visibility-change";
+const [name, bem] = createNamespace("sticky");
+const stickyProps = {
   zIndex: numericProp,
-  position: makeStringProp('top'),
+  position: makeStringProp("top"),
   container: Object,
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: stickyProps,
-  emits: ['scroll', 'change'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var root = ref();
-    var scrollParent = useScrollParent(root);
-    var state = reactive({
+  emits: ["scroll", "change"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = ref();
+    const scrollParent = useScrollParent(root);
+    const state = reactive({
       fixed: false,
       width: 0,
-      // root width
       height: 0,
-      // root height
       transform: 0
     });
-    var offset = computed(() => unitToPx(props.position === 'top' ? props.offsetTop : props.offsetBottom));
-    var rootStyle = computed(() => {
-      var {
+    const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
+    const rootStyle = computed(() => {
+      const {
         fixed,
         height,
         width
       } = state;
-
       if (fixed) {
         return {
-          width: width + "px",
-          height: height + "px"
+          width: `${width}px`,
+          height: `${height}px`
         };
       }
     });
-    var stickyStyle = computed(() => {
+    const stickyStyle = computed(() => {
       if (!state.fixed) {
         return;
       }
-
-      var style = extend(getZIndexStyle(props.zIndex), {
-        width: state.width + "px",
-        height: state.height + "px",
-        [props.position]: offset.value + "px"
+      const style = extend(getZIndexStyle(props.zIndex), {
+        width: `${state.width}px`,
+        height: `${state.height}px`,
+        [props.position]: `${offset.value}px`
       });
-
       if (state.transform) {
-        style.transform = "translate3d(0, " + state.transform + "px, 0)";
+        style.transform = `translate3d(0, ${state.transform}px, 0)`;
       }
-
       return style;
     });
-
-    var emitScroll = scrollTop => emit('scroll', {
+    const emitScroll = (scrollTop) => emit("scroll", {
       scrollTop,
       isFixed: state.fixed
     });
-
-    var onScroll = () => {
+    const onScroll = () => {
       if (!root.value || isHidden(root)) {
         return;
       }
-
-      var {
+      const {
         container,
         position
       } = props;
-      var rootRect = useRect(root);
-      var scrollTop = getScrollTop(window);
+      const rootRect = useRect(root);
+      const scrollTop = getScrollTop(window);
       state.width = rootRect.width;
       state.height = rootRect.height;
-
-      if (position === 'top') {
-        // The sticky component should be kept inside the container element
+      if (position === "top") {
         if (container) {
-          var containerRect = useRect(container);
-          var difference = containerRect.bottom - offset.value - state.height;
+          const containerRect = useRect(container);
+          const difference = containerRect.bottom - offset.value - state.height;
           state.fixed = offset.value > rootRect.top && containerRect.bottom > 0;
           state.transform = difference < 0 ? difference : 0;
         } else {
           state.fixed = offset.value > rootRect.top;
         }
       } else {
-        var {
+        const {
           clientHeight
         } = document.documentElement;
-
         if (container) {
-          var _containerRect = useRect(container);
-
-          var _difference = clientHeight - _containerRect.top - offset.value - state.height;
-
-          state.fixed = clientHeight - offset.value < rootRect.bottom && clientHeight > _containerRect.top;
-          state.transform = _difference < 0 ? -_difference : 0;
+          const containerRect = useRect(container);
+          const difference = clientHeight - containerRect.top - offset.value - state.height;
+          state.fixed = clientHeight - offset.value < rootRect.bottom && clientHeight > containerRect.top;
+          state.transform = difference < 0 ? -difference : 0;
         } else {
           state.fixed = clientHeight - offset.value < rootRect.bottom;
         }
       }
-
       emitScroll(scrollTop);
     };
-
-    watch(() => state.fixed, value => emit('change', value));
-    useEventListener('scroll', onScroll, {
+    watch(() => state.fixed, (value) => emit("change", value));
+    useEventListener("scroll", onScroll, {
       target: scrollParent
     });
     useVisibilityChange(root, onScroll);
-    return () => _createVNode("div", {
-      "ref": root,
-      "style": rootStyle.value
-    }, [_createVNode("div", {
-      "class": bem({
-        fixed: state.fixed
-      }),
-      "style": stickyStyle.value
-    }, [slots.default == null ? void 0 : slots.default()])]);
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "ref": root,
+        "style": rootStyle.value
+      }, [_createVNode("div", {
+        "class": bem({
+          fixed: state.fixed
+        }),
+        "style": stickyStyle.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
   }
-
-});
+});
+export {
+  stdin_default as default
+};