vant 3.2.8 → 3.3.3-beta.nuxt3

package/es/pagination/Pagination.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, watch, defineComponent } from 'vue';
-import { BORDER, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from '../utils';
+import { computed, watchEffect, defineComponent } from 'vue';
+import { clamp, makeStringProp, makeNumberProp, makeNumericProp, createNamespace, BORDER_SURROUND } from '../utils';
 var [name, bem, t] = createNamespace('pagination');
 
 var makePage = (number, text, active) => ({
@@ -46,12 +46,7 @@ export default defineComponent({
       var {
         modelValue,
         forceEllipses
-      } = props;
-
-      if (props.mode !== 'multi') {
-        return items;
-      } // Default page limits
-
+      } = props; // Default page limits
 
       var startPage = 1;
       var endPage = pageCount;
@@ -90,59 +85,82 @@ export default defineComponent({
       return items;
     });
 
-    var select = (page, emitChange) => {
-      page = Math.min(count.value, Math.max(1, page));
+    var updateModelValue = (value, emitChange) => {
+      value = clamp(value, 1, count.value);
 
-      if (props.modelValue !== page) {
-        emit('update:modelValue', page);
+      if (props.modelValue !== value) {
+        emit('update:modelValue', value);
 
         if (emitChange) {
-          emit('change', page);
+          emit('change', value);
         }
       }
-    };
+    }; // format modelValue
 
-    watch(() => props.modelValue, value => {
-      select(value);
-    }, {
-      immediate: true
-    });
-
-    var renderDesc = () => {
-      if (props.mode !== 'multi') {
-        return _createVNode("li", {
-          "class": bem('page-desc')
-        }, [slots.pageDesc ? slots.pageDesc() : props.modelValue + "/" + count.value]);
-      }
-    };
 
-    return () => {
-      var value = props.modelValue;
-      var simple = props.mode !== 'multi';
+    watchEffect(() => updateModelValue(props.modelValue));
 
-      var onSelect = value => () => select(value, true);
+    var renderDesc = () => _createVNode("li", {
+      "class": bem('page-desc')
+    }, [slots.pageDesc ? slots.pageDesc() : props.modelValue + "/" + count.value]);
 
-      return _createVNode("ul", {
-        "class": bem({
-          simple
-        })
-      }, [_createVNode("li", {
-        "class": [bem('item', {
-          disabled: value === 1
-        }), bem('prev'), BORDER],
-        "onClick": onSelect(value - 1)
-      }, [slots['prev-text'] ? slots['prev-text']() : props.prevText || t('prev')]), pages.value.map(page => _createVNode("li", {
+    var renderPrevButton = () => {
+      var {
+        mode,
+        modelValue
+      } = props;
+      var slot = slots['prev-text'];
+      var disabled = modelValue === 1;
+      return _createVNode("li", {
         "class": [bem('item', {
-          active: page.active
-        }), bem('page'), BORDER],
-        "onClick": onSelect(page.number)
-      }, [slots.page ? slots.page(page) : page.text])), renderDesc(), _createVNode("li", {
+          disabled,
+          border: mode === 'simple',
+          prev: true
+        }), BORDER_SURROUND]
+      }, [_createVNode("button", {
+        "type": "button",
+        "disabled": disabled,
+        "onClick": () => updateModelValue(modelValue - 1)
+      }, [slot ? slot() : props.prevText || t('prev')])]);
+    };
+
+    var renderNextButton = () => {
+      var {
+        mode,
+        modelValue
+      } = props;
+      var slot = slots['next-text'];
+      var disabled = modelValue === count.value;
+      return _createVNode("li", {
         "class": [bem('item', {
-          disabled: value === count.value
-        }), bem('next'), BORDER],
-        "onClick": onSelect(value + 1)
-      }, [slots['next-text'] ? slots['next-text']() : props.nextText || t('next')])]);
+          disabled,
+          border: mode === 'simple',
+          next: true
+        }), BORDER_SURROUND]
+      }, [_createVNode("button", {
+        "type": "button",
+        "disabled": disabled,
+        "onClick": () => updateModelValue(modelValue + 1)
+      }, [slot ? slot() : props.nextText || t('next')])]);
     };
+
+    var renderPages = () => pages.value.map(page => _createVNode("li", {
+      "class": [bem('item', {
+        active: page.active,
+        page: true
+      }), BORDER_SURROUND]
+    }, [_createVNode("button", {
+      "type": "button",
+      "aria-current": page.active || undefined,
+      "onClick": () => updateModelValue(page.number)
+    }, [slots.page ? slots.page(page) : page.text])]));
+
+    return () => _createVNode("nav", {
+      "role": "navigation",
+      "class": bem()
+    }, [_createVNode("ul", {
+      "class": bem('items')
+    }, [renderPrevButton(), props.mode === 'simple' ? renderDesc() : renderPages(), renderNextButton()])]);
   }
 
 });

package/es/pagination/index.css

@@ -1 +1 @@
-:root{--van-pagination-height:40px;--van-pagination-font-size:var(--van-font-size-md);--van-pagination-item-width:36px;--van-pagination-item-default-color:var(--van-primary-color);--van-pagination-item-disabled-color:var(--van-gray-7);--van-pagination-item-disabled-background-color:var(--van-background-color);--van-pagination-background-color:var(--van-background-color-light);--van-pagination-desc-color:var(--van-gray-7);--van-pagination-disabled-opacity:var(--van-disabled-opacity)}.van-pagination{display:flex;font-size:var(--van-pagination-font-size)}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item::after{border-width:var(--van-border-width-base) 0 var(--van-border-width-base) var(--van-border-width-base)}.van-pagination__item:last-child::after{border-right-width:var(--van-border-width-base)}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__next,.van-pagination__prev{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--disabled,.van-pagination__item--disabled:active{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background-color);cursor:not-allowed;opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page{flex-grow:0}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}.van-pagination--simple .van-pagination__next::after,.van-pagination--simple .van-pagination__prev::after{border-width:var(--van-border-width-base)}
+:root{--van-pagination-height:40px;--van-pagination-font-size:var(--van-font-size-md);--van-pagination-item-width:36px;--van-pagination-item-default-color:var(--van-primary-color);--van-pagination-item-disabled-color:var(--van-gray-7);--van-pagination-item-disabled-background-color:var(--van-background-color);--van-pagination-background-color:var(--van-background-color-light);--van-pagination-desc-color:var(--van-gray-7);--van-pagination-disabled-opacity:var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:0 0}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child)::after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--next,.van-pagination__item--prev{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border::after{border-width:var(--van-border-width-base)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background-color);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}

package/es/pagination/index.less

@@ -13,9 +13,12 @@
 }
 
 .van-pagination {
-  display: flex;
   font-size: var(--van-pagination-font-size);
 
+  &__items {
+    display: flex;
+  }
+
   &__item,
   &__page-desc {
     display: flex;
@@ -33,58 +36,56 @@
     cursor: pointer;
     user-select: none;
 
+    button {
+      flex: 1;
+      height: 100%;
+      border: none;
+      padding: 0;
+      background: transparent;
+
+      &[disabled] {
+        cursor: not-allowed;
+      }
+    }
+
     &:active {
       color: var(--van-white);
       background-color: var(--van-pagination-item-default-color);
     }
 
-    &::after {
-      border-width: var(--van-border-width-base) 0 var(--van-border-width-base)
-        var(--van-border-width-base);
-    }
-
-    &:last-child::after {
-      border-right-width: var(--van-border-width-base);
+    &:not(:last-child)::after {
+      border-right-width: 0;
     }
 
     &--active {
       color: var(--van-white);
       background-color: var(--van-pagination-item-default-color);
     }
-  }
 
-  &__prev,
-  &__next {
-    padding: 0 var(--van-padding-base);
-    cursor: pointer;
-  }
+    &--page {
+      flex-grow: 0;
+    }
 
-  &__item--disabled {
-    &,
-    &:active {
+    &--prev,
+    &--next {
+      padding: 0 var(--van-padding-base);
+      cursor: pointer;
+    }
+
+    &--border::after {
+      border-width: var(--van-border-width-base);
+    }
+
+    &--disabled {
       color: var(--van-pagination-item-disabled-color);
       background-color: var(--van-pagination-item-disabled-background-color);
-      cursor: not-allowed;
       opacity: var(--van-pagination-disabled-opacity);
     }
   }
 
-  &__page {
-    flex-grow: 0;
-  }
-
   &__page-desc {
     flex: 1;
     height: var(--van-pagination-height);
     color: var(--van-pagination-desc-color);
   }
-
-  &--simple {
-    .van-pagination__prev,
-    .van-pagination__next {
-      &::after {
-        border-width: var(--van-border-width-base);
-      }
-    }
-  }
 }

package/es/password-input/PasswordInput.d.ts

@@ -49,9 +49,9 @@ declare const _default: import("vue").DefineComponent<{
     value: string;
     focused: boolean;
 } & {
-    errorInfo?: string | undefined;
     gutter?: string | number | undefined;
     info?: string | undefined;
+    errorInfo?: string | undefined;
 }> & {
     onFocus?: ((...args: any[]) => any) | undefined;
 }, {

package/es/password-input/index.d.ts

@@ -29,9 +29,9 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     value: string;
     focused: boolean;
 } & {
-    errorInfo?: string | undefined;
     gutter?: string | number | undefined;
     info?: string | undefined;
+    errorInfo?: string | undefined;
 }> & {
     onFocus?: ((...args: any[]) => any) | undefined;
 }, {

package/es/popover/Popover.js

@@ -135,6 +135,8 @@ export default defineComponent({
         "style": {
           color
         },
+        "tabindex": disabled ? undefined : 0,
+        "aria-disabled": disabled || undefined,
         "onClick": () => onClickAction(action, index)
       }, [icon && _createVNode(Icon, {
         "name": icon,

package/es/popup/Popup.d.ts

@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
         default: PopupCloseIconPosition;
     };
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -137,7 +137,6 @@ declare const _default: import("vue").DefineComponent<{
     overlayClass?: unknown;
     transition?: string | undefined;
 }> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;

package/es/popup/Popup.js

@@ -29,7 +29,7 @@ export default defineComponent({
   name,
   inheritAttrs: false,
   props: popupProps,
-  emits: ['open', 'close', 'click', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
+  emits: ['open', 'close', 'opened', 'closed', 'update:show', 'click-overlay', 'click-close-icon'],
 
   setup(props, _ref) {
     var {
@@ -121,8 +121,6 @@ export default defineComponent({
       }
     };
 
-    var onClick = event => emit('click', event);
-
     var onOpened = () => emit('opened');
 
     var onClosed = () => emit('closed');
@@ -141,8 +139,7 @@ export default defineComponent({
           [position]: position
         }), {
           'van-safe-area-bottom': safeAreaInsetBottom
-        }],
-        "onClick": onClick
+        }]
       }, attrs), [slots.default == null ? void 0 : slots.default(), renderCloseIcon()]), [[_vShow, props.show]]);
     });
 

package/es/popup/index.d.ts

@@ -42,7 +42,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
         default: import("./Popup").PopupCloseIconPosition;
     };
     safeAreaInsetBottom: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "click" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon")[], "open" | "close" | "opened" | "closed" | "update:show" | "click-overlay" | "click-close-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -88,7 +88,6 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     overlayClass?: unknown;
     transition?: string | undefined;
 }> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;

package/es/rate/Rate.js

@@ -172,8 +172,8 @@ export default defineComponent({
         "role": "radio",
         "style": style,
         "class": bem('item'),
-        "tabindex": 0,
-        "aria-setsize": +count,
+        "tabindex": disabled ? undefined : 0,
+        "aria-setsize": count,
         "aria-posinset": score,
         "aria-checked": !isVoid,
         "onClick": onClickItem
@@ -208,7 +208,9 @@ export default defineComponent({
         readonly: props.readonly,
         disabled: props.disabled
       }),
-      "tabindex": 0,
+      "tabindex": props.disabled ? undefined : 0,
+      "aria-disabled": props.disabled,
+      "aria-readonly": props.readonly,
       "onTouchstart": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);

package/es/search/Search.js

@@ -4,6 +4,7 @@ import { ref, defineComponent } from 'vue'; // Utils
 import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from '../utils';
 import { fieldSharedProps } from '../field/Field'; // Composables
 
+import { useId } from '../composables/use-id';
 import { useExpose } from '../composables/use-expose'; // Components
 
 import { Field } from '../field'; // Types
@@ -29,6 +30,7 @@ export default defineComponent({
       slots,
       attrs
     } = _ref;
+    var id = useId();
     var filedRef = ref();
 
     var onCancel = () => {
@@ -47,11 +49,13 @@ export default defineComponent({
       }
     };
 
+    var getInputId = () => props.id || id + "-input";
+
     var renderLabel = () => {
       if (slots.label || props.label) {
         return _createVNode("label", {
           "class": bem('label'),
-          "for": props.id
+          "for": getInputId()
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -83,7 +87,9 @@ export default defineComponent({
     var fieldPropNames = Object.keys(fieldSharedProps);
 
     var renderField = () => {
-      var fieldAttrs = extend({}, attrs, pick(props, fieldPropNames));
+      var fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
+        id: getInputId()
+      });
 
       var onInput = value => emit('update:modelValue', value);
 

package/es/sidebar/Sidebar.js

@@ -35,6 +35,7 @@ export default defineComponent({
       setActive
     });
     return () => _createVNode("div", {
+      "role": "tablist",
       "class": bem()
     }, [slots.default == null ? void 0 : slots.default()]);
   }

package/es/sidebar-item/SidebarItem.js

@@ -57,11 +57,14 @@ export default defineComponent({
         disabled
       } = props;
       var selected = index.value === parent.getActive();
-      return _createVNode("a", {
+      return _createVNode("div", {
+        "role": "tab",
         "class": bem({
           select: selected,
           disabled
         }),
+        "tabindex": disabled ? undefined : 0,
+        "aria-selected": selected,
         "onClick": onClick
       }, [_createVNode(Badge, {
         "dot": dot,

package/es/slider/Slider.js

@@ -285,10 +285,12 @@ export default defineComponent({
       return _createVNode("div", {
         "role": "slider",
         "class": getButtonClassName(index),
-        "tabindex": props.disabled || props.readonly ? -1 : 0,
-        "aria-valuemin": +props.min,
+        "tabindex": props.disabled ? undefined : 0,
+        "aria-valuemin": props.min,
         "aria-valuenow": current,
-        "aria-valuemax": +props.max,
+        "aria-valuemax": props.max,
+        "aria-disabled": props.disabled || undefined,
+        "aria-readonly": props.readonly || undefined,
         "aria-orientation": props.vertical ? 'vertical' : 'horizontal',
         "onTouchstart": event => {
           if (typeof index === 'number') {

package/es/stepper/Stepper.js

@@ -211,14 +211,14 @@ export default defineComponent({
       // fix mobile safari page scroll down issue
       // see: https://github.com/youzan/vant/issues/7690
       if (props.disableInput) {
-        event.preventDefault();
+        preventDefault(event);
       }
     };
 
     var createListeners = type => ({
       onClick: event => {
         // disable double tap scrolling on mobile safari
-        event.preventDefault();
+        preventDefault(event);
         actionType = type;
         onChange();
       },
@@ -230,7 +230,7 @@ export default defineComponent({
       onTouchcancel: onTouchEnd
     });
 
-    watch([() => props.max, () => props.min, () => props.integer, () => props.decimalLength], check);
+    watch(() => [props.max, props.min, props.integer, props.decimalLength], check);
     watch(() => props.modelValue, value => {
       if (!isEqual(value, current.value)) {
         current.value = format(value);
@@ -244,6 +244,7 @@ export default defineComponent({
     });
     useCustomFieldValue(() => props.modelValue);
     return () => _createVNode("div", {
+      "role": "group",
       "class": bem([props.theme])
     }, [_withDirectives(_createVNode("button", _mergeProps({
       "type": "button",
@@ -252,7 +253,8 @@ export default defineComponent({
         disabled: minusDisabled.value
       }), {
         [HAPTICS_FEEDBACK]: !minusDisabled.value
-      }]
+      }],
+      "aria-disabled": minusDisabled.value || undefined
     }, createListeners('minus')), null), [[_vShow, props.showMinus]]), _withDirectives(_createVNode("input", {
       "ref": inputRef,
       "type": props.integer ? 'tel' : 'text',
@@ -264,9 +266,9 @@ export default defineComponent({
       "readonly": props.disableInput,
       "inputmode": props.integer ? 'numeric' : 'decimal',
       "placeholder": props.placeholder,
-      "aria-valuemax": +props.max,
-      "aria-valuemin": +props.min,
-      "aria-valuenow": +current.value,
+      "aria-valuemax": props.max,
+      "aria-valuemin": props.min,
+      "aria-valuenow": current.value,
       "onBlur": onBlur,
       "onInput": onInput,
       "onFocus": onFocus,
@@ -278,7 +280,8 @@ export default defineComponent({
         disabled: plusDisabled.value
       }), {
         [HAPTICS_FEEDBACK]: !plusDisabled.value
-      }]
+      }],
+      "aria-disabled": plusDisabled.value || undefined
     }, createListeners('plus')), null), [[_vShow, props.showPlus]])]);
   }
 

package/es/swipe/Swipe.js

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, reactive, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, defineComponent } from 'vue'; // Utils
 
-import { clamp, isHidden, truthProp, numericProp, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
+import { clamp, isHidden, truthProp, numericProp, windowWidth, windowHeight, preventDefault, createNamespace, makeNumericProp } from '../utils'; // Composables
 
-import { doubleRaf, useChildren, useWindowSize, usePageVisibility } from '@vant/use';
+import { doubleRaf, useChildren, usePageVisibility } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
 import { useExpose } from '../composables/use-expose';
 import { onPopupReopen } from '../composables/on-popup-reopen'; // Types
@@ -44,7 +44,6 @@ export default defineComponent({
       swiping: false
     });
     var touch = useTouch();
-    var windowSize = useWindowSize();
     var {
       children,
       linkChildren
@@ -260,10 +259,16 @@ export default defineComponent({
 
     var onTouchMove = event => {
       if (props.touchable && state.swiping) {
-        touch.move(event);
+        touch.move(event); // if user starting to touchmove, prevent the event bubbling to
+        // avoid affecting the parent components
 
-        if (isCorrectDirection.value) {
+        var shouldPrevent = isCorrectDirection.value || touch.offsetY.value > touch.offsetX.value === props.vertical;
+
+        if (shouldPrevent) {
           preventDefault(event, props.stopPropagation);
+        }
+
+        if (isCorrectDirection.value) {
           move({
             offset: delta.value
           });
@@ -380,7 +385,7 @@ export default defineComponent({
     watch(() => props.initialSwipe, value => initialize(+value));
     watch(count, () => initialize(state.active));
     watch(() => props.autoplay, autoplay);
-    watch([windowSize.width, windowSize.height], resize);
+    watch([windowWidth, windowHeight], resize);
     watch(usePageVisibility(), visible => {
       if (visible === 'visible') {
         autoplay();

package/es/swipe/index.css

@@ -1 +1 @@
-:root{--van-swipe-indicator-size:6px;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:0.3;--van-swipe-indicator-active-background-color:var(--van-primary-color);--van-swipe-indicator-inactive-background-color:var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background-color);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-animation-duration-fast),background-color var(--van-animation-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background-color);opacity:var(--van-swipe-indicator-active-opacity)}
+:root{--van-swipe-indicator-size:6px;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:0.3;--van-swipe-indicator-active-background-color:var(--van-primary-color);--van-swipe-indicator-inactive-background-color:var(--van-border-color)}.van-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-swipe__track{display:flex;height:100%}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{position:absolute;bottom:var(--van-swipe-indicator-margin);left:50%;display:flex;transform:translateX(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background-color);border-radius:100%;opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-animation-duration-fast),background-color var(--van-animation-duration-fast)}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background-color);opacity:var(--van-swipe-indicator-active-opacity)}

package/es/swipe/index.less

@@ -12,6 +12,8 @@
 .van-swipe {
   position: relative;
   overflow: hidden;
+  // https://github.com/youzan/vant/issues/9931
+  transform: translateZ(0);
   cursor: grab;
   user-select: none;
 

package/es/swipe/types.d.ts

@@ -19,9 +19,7 @@ export declare type SwipeExpose = {
     next: () => void;
     resize: () => void;
     swipeTo: (index: number, options?: SwipeToOptions) => void;
-    /**
-     * @private
-     */
+    /** @private */
     state: SwipeState;
 };
 export declare type SwipeProvide = {

package/es/switch/Switch.js

@@ -72,6 +72,7 @@ export default defineComponent({
           disabled
         }),
         "style": style,
+        "tabindex": disabled ? undefined : 0,
         "aria-checked": checked,
         "onClick": onClick
       }, [_createVNode("div", {

package/es/switch/index.css

@@ -1 +1 @@
-:root{--van-switch-size:30px;--van-switch-width:2em;--van-switch-height:1em;--van-switch-node-size:1em;--van-switch-node-background-color:var(--van-white);--van-switch-node-box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.05),0 2px 2px 0 rgba(0, 0, 0, 0.1),0 3px 3px 0 rgba(0, 0, 0, 0.05);--van-switch-background-color:var(--van-background-color-light);--van-switch-on-background-color:var(--van-primary-color);--van-switch-transition-duration:var(--van-animation-duration-base);--van-switch-disabled-opacity:var(--van-disabled-opacity);--van-switch-border:var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--van-switch-width);height:var(--van-switch-height);font-size:var(--van-switch-size);background:var(--van-switch-background-color);border:var(--van-switch-border);border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-transition-duration)}.van-switch__node{position:absolute;top:0;left:0;width:var(--van-switch-node-size);height:var(--van-switch-node-size);background:var(--van-switch-node-background-color);border-radius:100%;box-shadow:var(--van-switch-node-box-shadow);transition:transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background:var(--van-switch-on-background-color)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--van-switch-width) - var(--van-switch-node-size)))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background-color)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}
+:root{--van-switch-size:30px;--van-switch-width:2em;--van-switch-height:1em;--van-switch-node-size:1em;--van-switch-node-background-color:var(--van-white);--van-switch-node-box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.05),0 2px 2px 0 rgba(0, 0, 0, 0.1),0 3px 3px 0 rgba(0, 0, 0, 0.05);--van-switch-background-color:var(--van-background-color-light);--van-switch-on-background-color:var(--van-primary-color);--van-switch-transition-duration:var(--van-animation-duration-base);--van-switch-disabled-opacity:var(--van-disabled-opacity);--van-switch-border:var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--van-switch-width);height:var(--van-switch-height);font-size:var(--van-switch-size);background:var(--van-switch-background-color);border:var(--van-switch-border);border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-transition-duration)}.van-switch__node{position:absolute;top:0;left:0;width:var(--van-switch-node-size);height:var(--van-switch-node-size);font-size:inherit;background:var(--van-switch-node-background-color);border-radius:100%;box-shadow:var(--van-switch-node-box-shadow);transition:transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background:var(--van-switch-on-background-color)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--van-switch-width) - var(--van-switch-node-size)))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background-color)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}

package/es/switch/index.less

@@ -33,6 +33,8 @@
     left: 0;
     width: var(--van-switch-node-size);
     height: var(--van-switch-node-size);
+    // https://github.com/youzan/vant/issues/9839
+    font-size: inherit;
     background: var(--van-switch-node-background-color);
     border-radius: 100%;
     box-shadow: var(--van-switch-node-box-shadow);