vant 3.3.5 → 3.4.1

package/lib/stepper/Stepper.js

@@ -1,199 +1,182 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-// Utils
-// Composables
-var [name, bem] = (0, _utils.createNamespace)('stepper');
-var LONG_PRESS_INTERVAL = 200;
-var LONG_PRESS_START_TIME = 600;
-
-var isEqual = (value1, value2) => String(value1) === String(value2);
-
-var stepperProps = {
-  min: (0, _utils.makeNumericProp)(1),
-  max: (0, _utils.makeNumericProp)(Infinity),
-  name: (0, _utils.makeNumericProp)(''),
-  step: (0, _utils.makeNumericProp)(1),
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(require("@vant/use"));
+const [name, bem] = (0, import_utils.createNamespace)("stepper");
+const LONG_PRESS_INTERVAL = 200;
+const LONG_PRESS_START_TIME = 600;
+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: _utils.truthProp,
-  showMinus: _utils.truthProp,
-  showInput: _utils.truthProp,
-  longPress: _utils.truthProp,
+  showPlus: import_utils.truthProp,
+  showMinus: import_utils.truthProp,
+  showInput: import_utils.truthProp,
+  longPress: import_utils.truthProp,
   allowEmpty: Boolean,
-  modelValue: _utils.numericProp,
-  inputWidth: _utils.numericProp,
-  buttonSize: _utils.numericProp,
+  modelValue: import_utils.numericProp,
+  inputWidth: import_utils.numericProp,
+  buttonSize: import_utils.numericProp,
   placeholder: String,
   disablePlus: Boolean,
   disableMinus: Boolean,
   disableInput: Boolean,
   beforeChange: Function,
-  defaultValue: (0, _utils.makeNumericProp)(1),
-  decimalLength: _utils.numericProp
+  defaultValue: (0, import_utils.makeNumericProp)(1),
+  decimalLength: import_utils.numericProp
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.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 = (0, _utils.formatNumber)(String(value), !props.integer);
-      value = value === '' ? 0 : +value;
+      value = (0, import_utils.formatNumber)(String(value), !props.integer);
+      value = value === "" ? 0 : +value;
       value = Number.isNaN(value) ? +min : value;
-      value = Math.max(Math.min(+max, value), +min); // format decimal
-
-      if ((0, _utils.isDef)(decimalLength)) {
+      value = Math.max(Math.min(+max, value), +min);
+      if ((0, import_utils.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 = (0, _vue.ref)();
-    var current = (0, _vue.ref)(getInitialValue());
-    var minusDisabled = (0, _vue.computed)(() => props.disabled || props.disableMinus || current.value <= +props.min);
-    var plusDisabled = (0, _vue.computed)(() => props.disabled || props.disablePlus || current.value >= +props.max);
-    var inputStyle = (0, _vue.computed)(() => ({
-      width: (0, _utils.addUnit)(props.inputWidth),
-      height: (0, _utils.addUnit)(props.buttonSize)
+    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)
     }));
-    var buttonStyle = (0, _vue.computed)(() => (0, _utils.getSizeStyle)(props.buttonSize));
-
-    var check = () => {
-      var value = format(current.value);
-
+    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;
       }
     };
-
-    var setValue = value => {
+    const setValue = (value) => {
       if (props.beforeChange) {
-        (0, _utils.callInterceptor)(props.beforeChange, {
+        (0, import_utils.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((0, _utils.addNumber)(+current.value, diff));
+      const diff = actionType === "minus" ? -props.step : +props.step;
+      const value = format((0, import_utils.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 = (0, _utils.formatNumber)(String(value), !props.integer); // limit max decimal length
-
-      if ((0, _utils.isDef)(decimalLength) && formatted.includes('.')) {
-        var pair = formatted.split('.');
-        formatted = pair[0] + "." + pair[1].slice(0, +decimalLength);
+      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;
-      } // 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;
-      (0, _vue.nextTick)(() => {
-        emit('blur', event);
-        (0, _utils.resetScroll)();
+      (0, import_vue2.nextTick)(() => {
+        emit("blur", event);
+        (0, import_utils.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);
@@ -204,29 +187,22 @@ var _default = (0, _vue.defineComponent)({
         }, LONG_PRESS_START_TIME);
       }
     };
-
-    var onTouchEnd = event => {
+    const onTouchEnd = (event) => {
       if (props.longPress) {
         clearTimeout(longPressTimer);
-
         if (isLongPress) {
-          (0, _utils.preventDefault)(event);
+          (0, import_utils.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) {
-        (0, _utils.preventDefault)(event);
+        (0, import_utils.preventDefault)(event);
       }
     };
-
-    var createListeners = type => ({
-      onClick: event => {
-        // disable double tap scrolling on mobile safari
-        (0, _utils.preventDefault)(event);
+    const createListeners = (type) => ({
+      onClick: (event) => {
+        (0, import_utils.preventDefault)(event);
         actionType = type;
         onChange();
       },
@@ -237,42 +213,41 @@ var _default = (0, _vue.defineComponent)({
       onTouchend: onTouchEnd,
       onTouchcancel: onTouchEnd
     });
-
-    (0, _vue.watch)(() => [props.max, props.min, props.integer, props.decimalLength], check);
-    (0, _vue.watch)(() => props.modelValue, value => {
+    (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, _vue.watch)(current, value => {
-      emit('update:modelValue', value);
-      emit('change', value, {
+    (0, import_vue2.watch)(current, (value) => {
+      emit("update:modelValue", value);
+      emit("change", value, {
         name: props.name
       });
     });
-    (0, _use.useCustomFieldValue)(() => props.modelValue);
-    return () => (0, _vue.createVNode)("div", {
+    (0, import_use.useCustomFieldValue)(() => props.modelValue);
+    return () => (0, import_vue.createVNode)("div", {
       "role": "group",
       "class": bem([props.theme])
-    }, [(0, _vue.withDirectives)((0, _vue.createVNode)("button", (0, _vue.mergeProps)({
+    }, [(0, import_vue.withDirectives)((0, import_vue.createVNode)("button", (0, import_vue.mergeProps)({
       "type": "button",
       "style": buttonStyle.value,
-      "class": [bem('minus', {
+      "class": [bem("minus", {
         disabled: minusDisabled.value
       }), {
-        [_utils.HAPTICS_FEEDBACK]: !minusDisabled.value
+        [import_utils.HAPTICS_FEEDBACK]: !minusDisabled.value
       }],
-      "aria-disabled": minusDisabled.value || undefined
-    }, createListeners('minus')), null), [[_vue.vShow, props.showMinus]]), (0, _vue.withDirectives)((0, _vue.createVNode)("input", {
+      "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',
+      "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,
@@ -281,18 +256,15 @@ var _default = (0, _vue.defineComponent)({
       "onInput": onInput,
       "onFocus": onFocus,
       "onMousedown": onMousedown
-    }, null), [[_vue.vShow, props.showInput]]), (0, _vue.withDirectives)((0, _vue.createVNode)("button", (0, _vue.mergeProps)({
+    }, 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', {
+      "class": [bem("plus", {
         disabled: plusDisabled.value
       }), {
-        [_utils.HAPTICS_FEEDBACK]: !plusDisabled.value
+        [import_utils.HAPTICS_FEEDBACK]: !plusDisabled.value
       }],
-      "aria-disabled": plusDisabled.value || undefined
-    }, createListeners('plus')), null), [[_vue.vShow, props.showPlus]])]);
+      "aria-disabled": plusDisabled.value || void 0
+    }, createListeners("plus")), null), [[import_vue.vShow, props.showPlus]])]);
   }
-
 });
-
-exports.default = _default;

package/lib/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/lib/stepper/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.Stepper = void 0;
-
-var _utils = require("../utils");
-
-var _Stepper2 = _interopRequireDefault(require("./Stepper"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Stepper = (0, _utils.withInstall)(_Stepper2.default);
-exports.Stepper = Stepper;
-var _default = Stepper;
-exports.default = _default;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Stepper: () => Stepper,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_Stepper = __toModule(require("./Stepper"));
+const Stepper = (0, import_utils.withInstall)(import_Stepper.default);
+var stdin_default = Stepper;

package/lib/stepper/style/index.js

@@ -1,5 +1,2 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../index.css");

package/lib/stepper/style/less.js

@@ -1,5 +1,2 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../index.less");

package/lib/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;

package/lib/steps/Steps.js

@@ -1,55 +1,69 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.STEPS_KEY = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var [name, bem] = (0, _utils.createNamespace)('steps');
-var stepsProps = {
-  active: (0, _utils.makeNumericProp)(0),
-  direction: (0, _utils.makeStringProp)('horizontal'),
-  activeIcon: (0, _utils.makeStringProp)('checked'),
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  STEPS_KEY: () => STEPS_KEY,
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(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
 };
-var STEPS_KEY = Symbol(name);
-exports.STEPS_KEY = STEPS_KEY;
-
-var _default = (0, _vue.defineComponent)({
+const STEPS_KEY = Symbol(name);
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: stepsProps,
-  emits: ['click-step'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var {
+  emits: ["click-step"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
       linkChildren
-    } = (0, _use.useChildren)(STEPS_KEY);
-
-    var onClickStep = index => emit('click-step', index);
-
+    } = (0, import_use.useChildren)(STEPS_KEY);
+    const onClickStep = (index) => emit("click-step", index);
     linkChildren({
       props,
       onClickStep
     });
-    return () => (0, _vue.createVNode)("div", {
-      "class": bem([props.direction])
-    }, [(0, _vue.createVNode)("div", {
-      "class": bem('items')
-    }, [slots.default == null ? void 0 : slots.default()])]);
+    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)])]);
+    };
   }
-
 });
-
-exports.default = _default;