vant 4.0.5 → 4.0.6

package/lib/stepper/Stepper.js

@@ -0,0 +1,267 @@
+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,
+  stepperProps: () => stepperProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
+const [name, bem] = (0, import_utils.createNamespace)("stepper");
+const LONG_PRESS_INTERVAL = 200;
+const isEqual = (value1, value2) => String(value1) === String(value2);
+const stepperProps = {
+  min: (0, import_utils.makeNumericProp)(1),
+  max: (0, import_utils.makeNumericProp)(Infinity),
+  name: (0, import_utils.makeNumericProp)(""),
+  step: (0, import_utils.makeNumericProp)(1),
+  theme: String,
+  integer: Boolean,
+  disabled: Boolean,
+  showPlus: import_utils.truthProp,
+  showMinus: import_utils.truthProp,
+  showInput: import_utils.truthProp,
+  longPress: import_utils.truthProp,
+  autoFixed: import_utils.truthProp,
+  allowEmpty: Boolean,
+  modelValue: import_utils.numericProp,
+  inputWidth: import_utils.numericProp,
+  buttonSize: import_utils.numericProp,
+  placeholder: String,
+  disablePlus: Boolean,
+  disableMinus: Boolean,
+  disableInput: Boolean,
+  beforeChange: Function,
+  defaultValue: (0, import_utils.makeNumericProp)(1),
+  decimalLength: import_utils.numericProp
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: stepperProps,
+  emits: ["plus", "blur", "minus", "focus", "change", "overlimit", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const format = (value, autoFixed = true) => {
+      const {
+        min,
+        max,
+        allowEmpty,
+        decimalLength
+      } = props;
+      if (allowEmpty && value === "") {
+        return value;
+      }
+      value = (0, import_utils.formatNumber)(String(value), !props.integer);
+      value = value === "" ? 0 : +value;
+      value = Number.isNaN(value) ? +min : value;
+      value = autoFixed ? Math.max(Math.min(+max, value), +min) : value;
+      if ((0, import_utils.isDef)(decimalLength)) {
+        value = value.toFixed(+decimalLength);
+      }
+      return value;
+    };
+    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);
+      }
+      return value;
+    };
+    let actionType;
+    const inputRef = (0, import_vue2.ref)();
+    const current = (0, import_vue2.ref)(getInitialValue());
+    const minusDisabled = (0, import_vue2.computed)(() => props.disabled || props.disableMinus || current.value <= +props.min);
+    const plusDisabled = (0, import_vue2.computed)(() => props.disabled || props.disablePlus || current.value >= +props.max);
+    const inputStyle = (0, import_vue2.computed)(() => ({
+      width: (0, import_utils.addUnit)(props.inputWidth),
+      height: (0, import_utils.addUnit)(props.buttonSize)
+    }));
+    const buttonStyle = (0, import_vue2.computed)(() => (0, import_utils.getSizeStyle)(props.buttonSize));
+    const check = () => {
+      const value = format(current.value);
+      if (!isEqual(value, current.value)) {
+        current.value = value;
+      }
+    };
+    const setValue = (value) => {
+      if (props.beforeChange) {
+        (0, import_utils.callInterceptor)(props.beforeChange, {
+          args: [value],
+          done() {
+            current.value = value;
+          }
+        });
+      } else {
+        current.value = value;
+      }
+    };
+    const onChange = () => {
+      if (actionType === "plus" && plusDisabled.value || actionType === "minus" && minusDisabled.value) {
+        emit("overlimit", actionType);
+        return;
+      }
+      const diff = actionType === "minus" ? -props.step : +props.step;
+      const value = format((0, import_utils.addNumber)(+current.value, diff));
+      setValue(value);
+      emit(actionType);
+    };
+    const onInput = (event) => {
+      const input = event.target;
+      const {
+        value
+      } = input;
+      const {
+        decimalLength
+      } = props;
+      let formatted = (0, import_utils.formatNumber)(String(value), !props.integer);
+      if ((0, import_utils.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;
+      }
+      const isNumeric = formatted === String(+formatted);
+      setValue(isNumeric ? +formatted : formatted);
+    };
+    const onFocus = (event) => {
+      var _a;
+      if (props.disableInput) {
+        (_a = inputRef.value) == null ? void 0 : _a.blur();
+      } else {
+        emit("focus", event);
+      }
+    };
+    const onBlur = (event) => {
+      const input = event.target;
+      const value = format(input.value, props.autoFixed);
+      input.value = String(value);
+      current.value = value;
+      (0, import_vue2.nextTick)(() => {
+        emit("blur", event);
+        (0, import_utils.resetScroll)();
+      });
+    };
+    let isLongPress;
+    let longPressTimer;
+    const longPressStep = () => {
+      longPressTimer = setTimeout(() => {
+        onChange();
+        longPressStep();
+      }, LONG_PRESS_INTERVAL);
+    };
+    const onTouchStart = () => {
+      if (props.longPress) {
+        isLongPress = false;
+        clearTimeout(longPressTimer);
+        longPressTimer = setTimeout(() => {
+          isLongPress = true;
+          onChange();
+          longPressStep();
+        }, import_utils.LONG_PRESS_START_TIME);
+      }
+    };
+    const onTouchEnd = (event) => {
+      if (props.longPress) {
+        clearTimeout(longPressTimer);
+        if (isLongPress) {
+          (0, import_utils.preventDefault)(event);
+        }
+      }
+    };
+    const onMousedown = (event) => {
+      if (props.disableInput) {
+        (0, import_utils.preventDefault)(event);
+      }
+    };
+    const createListeners = (type) => ({
+      onClick: (event) => {
+        (0, import_utils.preventDefault)(event);
+        actionType = type;
+        onChange();
+      },
+      onTouchstartPassive: () => {
+        actionType = type;
+        onTouchStart();
+      },
+      onTouchend: onTouchEnd,
+      onTouchcancel: onTouchEnd
+    });
+    (0, import_vue2.watch)(() => [props.max, props.min, props.integer, props.decimalLength], check);
+    (0, import_vue2.watch)(() => props.modelValue, (value) => {
+      if (!isEqual(value, current.value)) {
+        current.value = format(value);
+      }
+    });
+    (0, import_vue2.watch)(current, (value) => {
+      emit("update:modelValue", value);
+      emit("change", value, {
+        name: props.name
+      });
+    });
+    (0, import_use.useCustomFieldValue)(() => props.modelValue);
+    return () => (0, import_vue.createVNode)("div", {
+      "role": "group",
+      "class": bem([props.theme])
+    }, [(0, import_vue.withDirectives)((0, import_vue.createVNode)("button", (0, import_vue.mergeProps)({
+      "type": "button",
+      "style": buttonStyle.value,
+      "class": [bem("minus", {
+        disabled: minusDisabled.value
+      }), {
+        [import_utils.HAPTICS_FEEDBACK]: !minusDisabled.value
+      }],
+      "aria-disabled": minusDisabled.value || void 0
+    }, createListeners("minus")), null), [[import_vue.vShow, props.showMinus]]), (0, import_vue.withDirectives)((0, import_vue.createVNode)("input", {
+      "ref": inputRef,
+      "type": props.integer ? "tel" : "text",
+      "role": "spinbutton",
+      "class": bem("input"),
+      "value": current.value,
+      "style": inputStyle.value,
+      "disabled": props.disabled,
+      "readonly": props.disableInput,
+      "inputmode": props.integer ? "numeric" : "decimal",
+      "placeholder": props.placeholder,
+      "aria-valuemax": props.max,
+      "aria-valuemin": props.min,
+      "aria-valuenow": current.value,
+      "onBlur": onBlur,
+      "onInput": onInput,
+      "onFocus": onFocus,
+      "onMousedown": onMousedown
+    }, null), [[import_vue.vShow, props.showInput]]), (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", (0, import_vue.mergeProps)({
+      "type": "button",
+      "style": buttonStyle.value,
+      "class": [bem("plus", {
+        disabled: plusDisabled.value
+      }), {
+        [import_utils.HAPTICS_FEEDBACK]: !plusDisabled.value
+      }],
+      "aria-disabled": plusDisabled.value || void 0
+    }, createListeners("plus")), null), [[import_vue.vShow, props.showPlus]])]);
+  }
+});

package/lib/stepper/index.css

@@ -0,0 +1 @@
+:root{--van-stepper-background: var(--van-active-color);--van-stepper-button-icon-color: var(--van-text-color);--van-stepper-button-disabled-color: var(--van-background);--van-stepper-button-disabled-icon-color: var(--van-gray-5);--van-stepper-button-round-theme-color: var(--van-primary-color);--van-stepper-input-width: 32px;--van-stepper-input-height: 28px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: normal;--van-stepper-input-text-color: var(--van-text-color);--van-stepper-input-disabled-text-color: var(--van-text-color-3);--van-stepper-input-disabled-background: var(--van-active-color);--van-stepper-radius: var(--van-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background);border:0}.van-stepper__minus:before,.van-stepper__plus:before{width:50%;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:50%}.van-stepper__minus:before,.van-stepper__plus:before,.van-stepper__minus:after,.van-stepper__plus:after{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:""}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus{border-radius:var(--van-stepper-radius) 0 0 var(--van-stepper-radius)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-radius) var(--van-stepper-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__plus,.van-stepper--round .van-stepper__minus{border-radius:100%}.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-background-2);border:1px solid var(--van-stepper-button-round-theme-color)}

package/lib/stepper/index.d.ts

@@ -0,0 +1,143 @@
+export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: import("vue").PropType<import("./Stepper").StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    theme: import("vue").PropType<import("./Stepper").StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    defaultValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onPlus?: ((...args: any[]) => any) | undefined;
+    onMinus?: ((...args: any[]) => any) | undefined;
+    onOverlimit?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string | number;
+    max: string | number;
+    disabled: boolean;
+    longPress: boolean;
+    step: string | number;
+    min: string | number;
+    integer: boolean;
+    showPlus: boolean;
+    showMinus: boolean;
+    showInput: boolean;
+    autoFixed: boolean;
+    allowEmpty: boolean;
+    disablePlus: boolean;
+    disableMinus: boolean;
+    disableInput: boolean;
+    defaultValue: string | number;
+}>>;
+export default Stepper;
+export { stepperProps } from './Stepper';
+export type { StepperTheme, StepperProps } from './Stepper';
+export type { StepperThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanStepper: typeof Stepper;
+    }
+}

package/lib/stepper/index.js

@@ -0,0 +1,35 @@
+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 });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
+  Stepper: () => Stepper,
+  default: () => stdin_default,
+  stepperProps: () => import_Stepper2.stepperProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Stepper = __toESM(require("./Stepper"));
+var import_Stepper2 = require("./Stepper");
+const Stepper = (0, import_utils.withInstall)(import_Stepper.default);
+var stdin_default = Stepper;

package/lib/stepper/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/stepper/style/index.js

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

package/lib/stepper/types.d.ts

@@ -0,0 +1,15 @@
+export type StepperThemeVars = {
+    stepperBackground?: string;
+    stepperButtonIconColor?: string;
+    stepperButtonDisabledColor?: string;
+    stepperButtonDisabledIconColor?: string;
+    stepperButtonRoundThemeColor?: string;
+    stepperInputWidth?: string;
+    stepperInputHeight?: string;
+    stepperInputFontSize?: string;
+    stepperInputLineHeight?: number | string;
+    stepperInputTextColor?: string;
+    stepperInputDisabledTextColor?: string;
+    stepperInputDisabledBackground?: string;
+    stepperRadius?: string;
+};

package/lib/stepper/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/steps/Steps.d.ts

@@ -0,0 +1,71 @@
+import { type ExtractPropTypes, type InjectionKey } from 'vue';
+export type StepsDirection = 'horizontal' | 'vertical';
+export declare const stepsProps: {
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
+};
+export type StepsProps = ExtractPropTypes<typeof stepsProps>;
+export type StepsProvide = {
+    props: StepsProps;
+    onClickStep: (index: number) => void;
+};
+export declare const STEPS_KEY: InjectionKey<StepsProvide>;
+declare const _default: import("vue").DefineComponent<{
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
+}>> & {
+    onClickStep?: ((...args: any[]) => any) | undefined;
+}, {
+    active: string | number;
+    direction: StepsDirection;
+    activeIcon: string;
+}>;
+export default _default;

package/lib/steps/Steps.js

@@ -0,0 +1,66 @@
+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, {
+  STEPS_KEY: () => STEPS_KEY,
+  default: () => stdin_default,
+  stepsProps: () => stepsProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
+const [name, bem] = (0, import_utils.createNamespace)("steps");
+const stepsProps = {
+  active: (0, import_utils.makeNumericProp)(0),
+  direction: (0, import_utils.makeStringProp)("horizontal"),
+  activeIcon: (0, import_utils.makeStringProp)("checked"),
+  iconPrefix: String,
+  finishIcon: String,
+  activeColor: String,
+  inactiveIcon: String,
+  inactiveColor: String
+};
+const STEPS_KEY = Symbol(name);
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: stepsProps,
+  emits: ["clickStep"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      linkChildren
+    } = (0, import_use.useChildren)(STEPS_KEY);
+    const onClickStep = (index) => emit("clickStep", index);
+    linkChildren({
+      props,
+      onClickStep
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem([props.direction])
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem("items")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});

package/lib/steps/index.css

@@ -0,0 +1 @@
+:root{--van-steps-background: var(--van-background-2)}.van-steps{overflow:hidden;background-color:var(--van-steps-background)}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 var(--van-padding-xl)}

package/lib/steps/index.d.ts

@@ -0,0 +1,52 @@
+export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./Steps").StepsDirection>;
+        default: import("./Steps").StepsDirection;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    active: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./Steps").StepsDirection>;
+        default: import("./Steps").StepsDirection;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
+}>> & {
+    onClickStep?: ((...args: any[]) => any) | undefined;
+}, {
+    active: string | number;
+    direction: import("./Steps").StepsDirection;
+    activeIcon: string;
+}>>;
+export default Steps;
+export { stepsProps } from './Steps';
+export type { StepsProps, StepsDirection } from './Steps';
+export type { StepsThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSteps: typeof Steps;
+    }
+}