vant 3.2.7 → 3.3.2

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

@@ -1,3 +1,23 @@
+import { ExtractPropTypes } from 'vue';
+declare const passwordInputProps: {
+    info: StringConstructor;
+    mask: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    length: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    focused: BooleanConstructor;
+    errorInfo: StringConstructor;
+};
+export declare type PasswordInputProps = ExtractPropTypes<typeof passwordInputProps>;
 declare const _default: import("vue").DefineComponent<{
     info: StringConstructor;
     mask: {
@@ -29,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/PasswordInput.js

@@ -2,17 +2,18 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
 import { addUnit, truthProp, numericProp, BORDER_LEFT, makeStringProp, BORDER_SURROUND, createNamespace, makeNumericProp } from '../utils';
 var [name, bem] = createNamespace('password-input');
+var passwordInputProps = {
+  info: String,
+  mask: truthProp,
+  value: makeStringProp(''),
+  gutter: numericProp,
+  length: makeNumericProp(6),
+  focused: Boolean,
+  errorInfo: String
+};
 export default defineComponent({
   name,
-  props: {
-    info: String,
-    mask: truthProp,
-    value: makeStringProp(''),
-    gutter: numericProp,
-    length: makeNumericProp(6),
-    focused: Boolean,
-    errorInfo: String
-  },
+  props: passwordInputProps,
   emits: ['focus'],
 
   setup(props, _ref) {

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;
 }, {
@@ -41,3 +41,4 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     focused: boolean;
 }>>;
 export default PasswordInput;
+export type { PasswordInputProps } from './PasswordInput';

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/progress/Progress.js

@@ -60,8 +60,8 @@ export default defineComponent({
         height: addUnit(strokeWidth)
       };
       var portionStyle = {
-        background: background.value,
-        transform: "scaleX(" + +percentage / 100 + ")"
+        width: percentage + "%",
+        background: background.value
       };
       return _createVNode("div", {
         "class": bem(),

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/submit-bar/SubmitBar.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
+export declare type SubmitBarTextAlign = 'left' | 'right';
 declare const submitBarProps: {
     tip: StringConstructor;
     label: StringConstructor;
@@ -11,7 +12,7 @@ declare const submitBarProps: {
         default: string;
     };
     disabled: BooleanConstructor;
-    textAlign: PropType<import("csstype").TextAlignProperty | undefined>;
+    textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
         type: PropType<ButtonType>;
@@ -40,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     disabled: BooleanConstructor;
-    textAlign: PropType<import("csstype").TextAlignProperty | undefined>;
+    textAlign: PropType<SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
         type: PropType<ButtonType>;
@@ -81,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     label?: string | undefined;
     price?: number | undefined;
-    textAlign?: import("csstype").TextAlignProperty | undefined;
+    textAlign?: SubmitBarTextAlign | undefined;
     tip?: string | undefined;
     tipIcon?: string | undefined;
     buttonText?: string | undefined;

package/es/submit-bar/index.d.ts

@@ -9,7 +9,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
         default: string;
     };
     disabled: BooleanConstructor;
-    textAlign: import("vue").PropType<import("csstype").TextAlignProperty | undefined>;
+    textAlign: import("vue").PropType<import("./SubmitBar").SubmitBarTextAlign>;
     buttonText: StringConstructor;
     buttonType: {
         type: import("vue").PropType<import("..").ButtonType>;
@@ -50,7 +50,7 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
 } & {
     label?: string | undefined;
     price?: number | undefined;
-    textAlign?: import("csstype").TextAlignProperty | undefined;
+    textAlign?: import("./SubmitBar").SubmitBarTextAlign | undefined;
     tip?: string | undefined;
     tipIcon?: string | undefined;
     buttonText?: string | undefined;
@@ -67,3 +67,4 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     buttonType: import("..").ButtonType;
 }>>;
 export default SubmitBar;
+export type { SubmitBarProps, SubmitBarTextAlign } from './SubmitBar';

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/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);

package/es/tab/Tab.js

@@ -5,6 +5,8 @@ import { extend, truthProp, unknownProp, numericProp, createNamespace } from '..
 import { TABS_KEY } from '../tabs/Tabs'; // Composables
 
 import { useParent } from '@vant/use';
+import { useId } from '../composables/use-id';
+import { useExpose } from '../composables/use-expose';
 import { routeProps } from '../composables/use-route';
 import { TAB_STATUS_KEY } from '../composables/use-tab-status'; // Components
 
@@ -28,6 +30,7 @@ export default defineComponent({
     var {
       slots
     } = _ref;
+    var id = useId();
     var inited = ref(false);
     var {
       parent,
@@ -73,6 +76,7 @@ export default defineComponent({
     });
     provide(TAB_STATUS_KEY, active);
     return () => {
+      var label = parent.id + "-" + index.value;
       var {
         animated,
         swipeable,
@@ -88,23 +92,32 @@ export default defineComponent({
 
       if (animated || swipeable) {
         return _createVNode(SwipeItem, {
+          "id": id,
           "role": "tabpanel",
-          "aria-hidden": !active.value,
-          "class": bem('pane-wrapper', {
+          "class": bem('panel-wrapper', {
             inactive: !active.value
-          })
+          }),
+          "tabindex": active.value ? 0 : -1,
+          "aria-hidden": !active.value,
+          "aria-labelledby": label
         }, {
           default: () => [_createVNode("div", {
-            "class": bem('pane')
+            "class": bem('panel')
           }, [slots.default == null ? void 0 : slots.default()])]
         });
       }
 
       var shouldRender = inited.value || scrollspy || !lazyRender;
       var Content = shouldRender ? slots.default == null ? void 0 : slots.default() : null;
+      useExpose({
+        id
+      });
       return _withDirectives(_createVNode("div", {
+        "id": id,
         "role": "tabpanel",
-        "class": bem('pane')
+        "class": bem('panel'),
+        "tabindex": show ? 0 : -1,
+        "aria-labelledby": label
       }, [Content]), [[_vShow, show]]);
     };
   }

package/es/tab/index.css

@@ -1 +1 @@
-.van-tab__pane,.van-tab__pane-wrapper{flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__pane-wrapper--inactive{height:0;overflow:visible}
+.van-tab__panel,.van-tab__panel-wrapper{flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__panel-wrapper--inactive{height:0;overflow:visible}

package/es/tab/index.less

@@ -1,5 +1,5 @@
 .van-tab {
-  &__pane {
+  &__panel {
     &,
     &-wrapper {
       flex-shrink: 0;