vant 3.3.5 → 3.4.1

package/es/step/Step.js

@@ -1,139 +1,118 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue'; // Utils
-
-import { BORDER, createNamespace } from '../utils';
-import { STEPS_KEY } from '../steps/Steps'; // Composables
-
-import { useParent } from '@vant/use'; // Components
-
-import { Icon } from '../icon';
-var [name, bem] = createNamespace('step');
-export default defineComponent({
+import { computed, defineComponent } from "vue";
+import { BORDER, createNamespace } from "../utils";
+import { STEPS_KEY } from "../steps/Steps";
+import { useParent } from "@vant/use";
+import { Icon } from "../icon";
+const [name, bem] = createNamespace("step");
+var stdin_default = defineComponent({
   name,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var {
+  setup(props, {
+    slots
+  }) {
+    const {
       parent,
       index
     } = useParent(STEPS_KEY);
-
     if (!parent) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.error('[Vant] <Step> must be a child component of <Steps>.');
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <Step> must be a child component of <Steps>.");
       }
-
       return;
     }
-
-    var parentProps = parent.props;
-
-    var getStatus = () => {
-      var active = +parentProps.active;
-
+    const parentProps = parent.props;
+    const getStatus = () => {
+      const active = +parentProps.active;
       if (index.value < active) {
-        return 'finish';
+        return "finish";
       }
-
-      return index.value === active ? 'process' : 'waiting';
+      return index.value === active ? "process" : "waiting";
     };
-
-    var isActive = () => getStatus() === 'process';
-
-    var lineStyle = computed(() => ({
-      background: getStatus() === 'finish' ? parentProps.activeColor : parentProps.inactiveColor
+    const isActive = () => getStatus() === "process";
+    const lineStyle = computed(() => ({
+      background: getStatus() === "finish" ? parentProps.activeColor : parentProps.inactiveColor
     }));
-    var titleStyle = computed(() => {
+    const titleStyle = computed(() => {
       if (isActive()) {
         return {
           color: parentProps.activeColor
         };
       }
-
-      if (!getStatus()) {
+      if (getStatus() === "waiting") {
         return {
           color: parentProps.inactiveColor
         };
       }
     });
-
-    var onClickStep = () => parent.onClickStep(index.value);
-
-    var renderCircle = () => {
-      var {
+    const onClickStep = () => parent.onClickStep(index.value);
+    const renderCircle = () => {
+      const {
         iconPrefix,
         finishIcon,
         activeIcon,
         activeColor,
         inactiveIcon
       } = parentProps;
-
       if (isActive()) {
-        if (slots['active-icon']) {
-          return slots['active-icon']();
+        if (slots["active-icon"]) {
+          return slots["active-icon"]();
         }
-
         return _createVNode(Icon, {
-          "class": bem('icon', 'active'),
+          "class": bem("icon", "active"),
           "name": activeIcon,
           "color": activeColor,
           "classPrefix": iconPrefix
         }, null);
       }
-
-      if (getStatus() === 'finish' && (finishIcon || slots['finish-icon'])) {
-        if (slots['finish-icon']) {
-          return slots['finish-icon']();
+      if (getStatus() === "finish" && (finishIcon || slots["finish-icon"])) {
+        if (slots["finish-icon"]) {
+          return slots["finish-icon"]();
         }
-
         return _createVNode(Icon, {
-          "class": bem('icon', 'finish'),
+          "class": bem("icon", "finish"),
           "name": finishIcon,
           "color": activeColor,
           "classPrefix": iconPrefix
         }, null);
       }
-
-      if (slots['inactive-icon']) {
-        return slots['inactive-icon']();
+      if (slots["inactive-icon"]) {
+        return slots["inactive-icon"]();
       }
-
       if (inactiveIcon) {
         return _createVNode(Icon, {
-          "class": bem('icon'),
+          "class": bem("icon"),
           "name": inactiveIcon,
           "classPrefix": iconPrefix
         }, null);
       }
-
       return _createVNode("i", {
-        "class": bem('circle'),
+        "class": bem("circle"),
         "style": lineStyle.value
       }, null);
     };
-
     return () => {
-      var status = getStatus();
+      var _a;
+      const status = getStatus();
       return _createVNode("div", {
         "class": [BORDER, bem([parentProps.direction, {
           [status]: status
         }])]
       }, [_createVNode("div", {
-        "class": bem('title', {
+        "class": bem("title", {
           active: isActive()
         }),
         "style": titleStyle.value,
         "onClick": onClickStep
-      }, [slots.default == null ? void 0 : slots.default()]), _createVNode("div", {
-        "class": bem('circle-container'),
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), _createVNode("div", {
+        "class": bem("circle-container"),
         "onClick": onClickStep
       }, [renderCircle()]), _createVNode("div", {
-        "class": bem('line'),
+        "class": bem("line"),
         "style": lineStyle.value
       }, null)]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/step/index.d.ts

@@ -1,2 +1,7 @@
-export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
+export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
 export default Step;
+declare module 'vue' {
+    interface GlobalComponents {
+        VanStep: typeof Step;
+    }
+}

package/es/step/index.js

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

package/es/step/style/index.js

@@ -1,5 +1,5 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../../steps/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../steps/index.css";
+import "../index.css";

package/es/step/style/less.js

@@ -1,5 +1,5 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../../steps/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../steps/index.less";
+import "../index.less";

package/es/stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
 declare const stepperProps: {
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     min?: unknown;
     max?: unknown;
     name?: unknown;

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.d.ts

@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     min?: unknown;
     max?: unknown;
     name?: unknown;
@@ -122,3 +122,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
 }>>;
 export default Stepper;
 export type { StepperTheme, StepperProps } from './Stepper';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanStepper: typeof Stepper;
+    }
+}

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.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, InjectionKey } from 'vue';
+import { type ExtractPropTypes, type InjectionKey } from 'vue';
 export declare type StepsDirection = 'horizontal' | 'vertical';
 declare const stepsProps: {
     active: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     active?: unknown;
     direction?: unknown;
     activeIcon?: unknown;