vant 3.2.8 → 3.3.0

package/lib/tabs/TabsTitle.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
     dot: BooleanConstructor;
     type: StringConstructor;
     color: StringConstructor;
@@ -6,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     badge: (NumberConstructor | StringConstructor)[];
     isActive: BooleanConstructor;
     disabled: BooleanConstructor;
+    controls: StringConstructor;
     scrollable: BooleanConstructor;
     activeColor: StringConstructor;
     renderTitle: FunctionConstructor;
@@ -15,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    id?: unknown;
     dot?: unknown;
     type?: unknown;
     color?: unknown;
@@ -22,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     badge?: unknown;
     isActive?: unknown;
     disabled?: unknown;
+    controls?: unknown;
     scrollable?: unknown;
     activeColor?: unknown;
     renderTitle?: unknown;
@@ -38,6 +42,8 @@ declare const _default: import("vue").DefineComponent<{
     badge?: string | number | undefined;
     title?: string | undefined;
     color?: string | undefined;
+    controls?: string | undefined;
+    id?: string | undefined;
     activeColor?: string | undefined;
     inactiveColor?: string | undefined;
     renderTitle?: Function | undefined;

package/lib/tabs/TabsTitle.js

@@ -14,6 +14,7 @@ var [name, bem] = (0, _utils.createNamespace)('tab');
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    id: String,
     dot: Boolean,
     type: String,
     color: String,
@@ -21,6 +22,7 @@ var _default = (0, _vue.defineComponent)({
     badge: _utils.numericProp,
     isActive: Boolean,
     disabled: Boolean,
+    controls: String,
     scrollable: Boolean,
     activeColor: String,
     renderTitle: Function,
@@ -83,13 +85,17 @@ var _default = (0, _vue.defineComponent)({
     };
 
     return () => (0, _vue.createVNode)("div", {
+      "id": props.id,
       "role": "tab",
       "class": [bem({
         active: props.isActive,
         disabled: props.disabled
       })],
       "style": style.value,
-      "aria-selected": props.isActive
+      "tabindex": props.disabled ? undefined : props.isActive ? 0 : -1,
+      "aria-selected": props.isActive,
+      "aria-disabled": props.disabled || undefined,
+      "aria-controls": props.controls
     }, [renderText()]);
   }
 

package/lib/tabs/types.d.ts

@@ -8,6 +8,7 @@ export declare type TabsClickTabEventParams = {
     disabled: boolean;
 };
 export declare type TabsProvide = {
+    id: string;
     props: TabsProps;
     setLine: () => void;
     onRendered: (name: string | number, title?: string) => void;

package/lib/uploader/UploaderPreviewItem.js

@@ -80,7 +80,10 @@ var _default = (0, _vue.defineComponent)({
     var renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== 'uploading') {
         return (0, _vue.createVNode)("div", {
+          "role": "button",
           "class": (0, _utils.bem)('preview-delete'),
+          "tabindex": 0,
+          "aria-label": (0, _utils.t)('delete'),
           "onClick": onDelete
         }, [(0, _vue.createVNode)(_icon.Icon, {
           "name": "cross",

package/lib/uploader/utils.d.ts

@@ -1,6 +1,6 @@
 import type { UploaderMaxSize, UploaderResultType, UploaderFileListItem } from './types';
-declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods;
-export { name, bem };
+declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
+export { name, bem, t };
 export declare const toArray: <T>(item: T | T[]) => T[];
 export declare function readFileContent(file: File, resultType: UploaderResultType): Promise<string | void>;
 export declare function isOversize(items: UploaderFileListItem | UploaderFileListItem[], maxSize: UploaderMaxSize): boolean;

package/lib/uploader/utils.js

@@ -8,11 +8,12 @@ exports.isImageUrl = void 0;
 exports.isOversize = isOversize;
 exports.name = void 0;
 exports.readFileContent = readFileContent;
-exports.toArray = void 0;
+exports.toArray = exports.t = void 0;
 
 var _utils = require("../utils");
 
-var [name, bem] = (0, _utils.createNamespace)('uploader');
+var [name, bem, t] = (0, _utils.createNamespace)('uploader');
+exports.t = t;
 exports.bem = bem;
 exports.name = name;
 

package/lib/utils/dom.d.ts

@@ -9,3 +9,4 @@ export declare function resetScroll(): void;
 export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
+export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;

package/lib/utils/dom.js

@@ -9,7 +9,7 @@ exports.preventDefault = preventDefault;
 exports.resetScroll = resetScroll;
 exports.setRootScrollTop = setRootScrollTop;
 exports.setScrollTop = setScrollTop;
-exports.stopPropagation = void 0;
+exports.windowWidth = exports.windowHeight = exports.stopPropagation = void 0;
 
 var _use = require("@vant/use");
 
@@ -88,4 +88,11 @@ function isHidden(elementRef) {
 
   var parentHidden = el.offsetParent === null && style.position !== 'fixed';
   return hidden || parentHidden;
-}
+}
+
+var {
+  width: windowWidth,
+  height: windowHeight
+} = (0, _use.useWindowSize)();
+exports.windowHeight = windowHeight;
+exports.windowWidth = windowWidth;

package/lib/utils/format.js

@@ -13,14 +13,16 @@ exports.unitToPx = unitToPx;
 
 var _basic = require("./basic");
 
+var _dom = require("./dom");
+
 var _validate = require("./validate");
 
 function addUnit(value) {
-  if (!(0, _validate.isDef)(value)) {
-    return undefined;
+  if ((0, _validate.isDef)(value)) {
+    return (0, _validate.isNumeric)(value) ? value + "px" : String(value);
   }
 
-  return (0, _validate.isNumeric)(value) ? value + "px" : String(value);
+  return undefined;
 }
 
 function getSizeStyle(originSize) {
@@ -63,12 +65,12 @@ function convertRem(value) {
 
 function convertVw(value) {
   value = value.replace(/vw/g, '');
-  return +value * window.innerWidth / 100;
+  return +value * _dom.windowWidth.value / 100;
 }
 
 function convertVh(value) {
   value = value.replace(/vh/g, '');
-  return +value * window.innerHeight / 100;
+  return +value * _dom.windowHeight.value / 100;
 }
 
 function unitToPx(value) {