vant 3.2.6 → 3.3.1

package/es/tree-select/index.d.ts

@@ -51,4 +51,4 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     activeId: string | number | (string | number)[];
 }>>;
 export default TreeSelect;
-export type { TreeSelectItem, TreeSelectChild } from './TreeSelect';
+export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/es/tree-select/var.less

@@ -2,7 +2,7 @@
 
 @tree-select-font-size: var(--van-font-size-md);
 @tree-select-nav-background-color: var(--van-background-color);
-@tree-select-content-background-color: var(--van-white);
+@tree-select-content-background-color: var(--van-background-color-light);
 @tree-select-nav-item-padding: 14px var(--van-padding-sm);
 @tree-select-item-height: 48px;
 @tree-select-item-active-color: var(--van-danger-color);

package/es/uploader/Uploader.d.ts

@@ -3,7 +3,7 @@ import { Interceptor } from '../utils';
 import { ImagePreviewOptions } from '../image-preview';
 import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
-declare const props: {
+declare const uploaderProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -64,7 +64,7 @@ declare const props: {
         default: number;
     };
 };
-export declare type UploaderProps = ExtractPropTypes<typeof props>;
+export declare type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
 declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];

package/es/uploader/Uploader.js

@@ -11,7 +11,7 @@ import { Icon } from '../icon';
 import { ImagePreview } from '../image-preview';
 import UploaderPreviewItem from './UploaderPreviewItem'; // Types
 
-var props = {
+var uploaderProps = {
   name: makeNumericProp(''),
   accept: makeStringProp('image/*'),
   capture: String,
@@ -41,19 +41,26 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: uploaderProps,
   emits: ['delete', 'oversize', 'click-upload', 'close-preview', 'click-preview', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var inputRef = ref();
 
-    var getDetail = (index = props.modelValue.length) => ({
-      name: props.name,
-      index
-    });
+    var getDetail = function (index) {
+      if (index === void 0) {
+        index = props.modelValue.length;
+      }
+
+      return {
+        name: props.name,
+        index
+      };
+    };
 
     var resetInput = () => {
       if (inputRef.value) {

package/es/uploader/UploaderPreviewItem.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { bem, isImageFile } from './utils';
+import { t, bem, isImageFile } from './utils';
 import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from '../utils'; // Components
 
 import { Icon } from '../icon';
@@ -21,10 +21,12 @@ export default defineComponent({
   },
   emits: ['delete', 'preview'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var renderMask = () => {
       var {
         status,
@@ -69,7 +71,10 @@ export default defineComponent({
     var renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== 'uploading') {
         return _createVNode("div", {
+          "role": "button",
           "class": bem('preview-delete'),
+          "tabindex": 0,
+          "aria-label": t('delete'),
           "onClick": onDelete
         }, [_createVNode(Icon, {
           "name": "cross",

package/es/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size:80px;--van-uploader-icon-size:24px;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-gray-6);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background-color:var(--van-gray-1);--van-uploader-upload-active-color:var(--van-active-color);--van-uploader-delete-color:var(--van-white);--van-uploader-delete-icon-size:14px;--van-uploader-delete-background-color:rgba(0, 0, 0, 0.7);--van-uploader-file-background-color:var(--van-background-color);--van-uploader-file-icon-size:20px;--van-uploader-file-icon-color:var(--van-gray-7);--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-file-name-margin-top:var(--van-padding-xs);--van-uploader-file-name-font-size:var(--van-font-size-sm);--van-uploader-file-name-text-color:var(--van-gray-7);--van-uploader-mask-text-color:var(--van-white);--van-uploader-mask-background-color:rgba(50, 50, 51, 0.88);--van-uploader-mask-icon-size:22px;--van-uploader-mask-message-font-size:var(--van-font-size-sm);--van-uploader-mask-message-line-height:var(--van-line-height-xs);--van-uploader-loading-icon-size:22px;--van-uploader-loading-icon-color:var(--van-white);--van-uploader-disabled-opacity:var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size:80px;--van-uploader-icon-size:24px;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-text-color-2);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background-color:var(--van-gray-1);--van-uploader-upload-active-color:var(--van-active-color);--van-uploader-delete-color:var(--van-white);--van-uploader-delete-icon-size:14px;--van-uploader-delete-background-color:rgba(0, 0, 0, 0.7);--van-uploader-file-background-color:var(--van-background-color);--van-uploader-file-icon-size:20px;--van-uploader-file-icon-color:var(--van-gray-7);--van-uploader-file-name-padding:0 var(--van-padding-base);--van-uploader-file-name-margin-top:var(--van-padding-xs);--van-uploader-file-name-font-size:var(--van-font-size-sm);--van-uploader-file-name-text-color:var(--van-gray-7);--van-uploader-mask-text-color:var(--van-white);--van-uploader-mask-background-color:rgba(50, 50, 51, 0.88);--van-uploader-mask-icon-size:22px;--van-uploader-mask-message-font-size:var(--van-font-size-sm);--van-uploader-mask-message-line-height:var(--van-line-height-xs);--van-uploader-loading-icon-size:22px;--van-uploader-loading-icon-color:var(--van-white);--van-uploader-disabled-opacity:var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/es/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/es/uploader/utils.js

@@ -1,6 +1,6 @@
 import { createNamespace, isFunction } from '../utils';
-var [name, bem] = createNamespace('uploader');
-export { name, bem };
+var [name, bem, t] = createNamespace('uploader');
+export { name, bem, t };
 export var toArray = item => Array.isArray(item) ? item : [item];
 export function readFileContent(file, resultType) {
   return new Promise(resolve => {

package/es/uploader/var.less

@@ -3,7 +3,7 @@
 @uploader-size: 80px;
 @uploader-icon-size: 24px;
 @uploader-icon-color: var(--van-gray-4);
-@uploader-text-color: var(--van-gray-6);
+@uploader-text-color: var(--van-text-color-2);
 @uploader-text-font-size: var(--van-font-size-sm);
 @uploader-upload-background-color: var(--van-gray-1);
 @uploader-upload-active-color: var(--van-active-color);

package/es/utils/constant.d.ts

@@ -7,4 +7,5 @@ export declare const BORDER_BOTTOM: string;
 export declare const BORDER_SURROUND: string;
 export declare const BORDER_TOP_BOTTOM: string;
 export declare const BORDER_UNSET_TOP_BOTTOM: string;
+export declare const HAPTICS_FEEDBACK = "van-haptics-feedback";
 export declare const FORM_KEY: InjectionKey<FormProvide>;

package/es/utils/constant.js

@@ -5,4 +5,5 @@ export var BORDER_BOTTOM = BORDER + "--bottom";
 export var BORDER_SURROUND = BORDER + "--surround";
 export var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
 export var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
+export var HAPTICS_FEEDBACK = 'van-haptics-feedback';
 export var FORM_KEY = Symbol('van-form');

package/es/utils/create.d.ts

@@ -1,4 +1,4 @@
-export declare function createTranslate(name: string): (path: string, ...args: any[]) => any;
+export declare function createTranslate(name: string): (path: string, ...args: unknown[]) => any;
 export declare type Translate = ReturnType<typeof createTranslate>;
 export declare type Mod = string | {
     [key: string]: any;
@@ -14,4 +14,4 @@ export declare type Mods = Mod | Mod[];
  */
 export declare function createBEM(name: string): (el?: Mods | undefined, mods?: Mods | undefined) => Mods;
 export declare type BEM = ReturnType<typeof createBEM>;
-export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: any[]) => any];
+export declare function createNamespace(name: string): readonly [string, (el?: Mods | undefined, mods?: Mods | undefined) => Mods, (path: string, ...args: unknown[]) => any];

package/es/utils/create.js

@@ -4,9 +4,14 @@ import { isFunction } from './validate';
 import locale from '../locale';
 export function createTranslate(name) {
   var prefix = camelize(name) + '.';
-  return (path, ...args) => {
+  return function (path) {
     var messages = locale.messages();
     var message = get(messages, prefix + path) || get(messages, path);
+
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
     return isFunction(message) ? message(...args) : message;
   };
 }

package/es/utils/deep-assign.d.ts

@@ -1,3 +1,3 @@
-declare type ObjectIndex = Record<string, any>;
+declare type ObjectIndex = Record<string, unknown>;
 export declare function deepAssign(to: ObjectIndex, from: ObjectIndex): ObjectIndex;
 export {};

package/es/utils/deep-assign.js

@@ -14,7 +14,7 @@ function assignKey(to, from, key) {
     to[key] = val;
   } else {
     // eslint-disable-next-line no-use-before-define
-    to[key] = deepAssign(Object(to[key]), from[key]);
+    to[key] = deepAssign(Object(to[key]), val);
   }
 }
 

package/es/utils/deep-clone.js

@@ -1,4 +1,4 @@
-import { isDef } from './validate';
+import { isDef, isObject } from './validate';
 export function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;
@@ -8,7 +8,7 @@ export function deepClone(obj) {
     return obj.map(item => deepClone(item));
   }
 
-  if (typeof obj === 'object') {
+  if (isObject(obj)) {
     var to = {};
     Object.keys(obj).forEach(key => {
       to[key] = deepClone(obj[key]);

package/es/utils/dom.d.ts

@@ -8,5 +8,5 @@ export declare function getElementTop(el: ScrollElement, scroller?: ScrollElemen
 export declare function resetScroll(): void;
 export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
-export declare function trigger(target: Element, type: string): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
+export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;

package/es/utils/dom.js

@@ -1,4 +1,4 @@
-import { useRect } from '@vant/use';
+import { useRect, useWindowSize } from '@vant/use';
 import { unref } from 'vue';
 import { isIOS as checkIsIOS } from './validate';
 export function getScrollTop(el) {
@@ -48,11 +48,6 @@ export function preventDefault(event, isStopPropagation) {
     stopPropagation(event);
   }
 }
-export function trigger(target, type) {
-  var inputEvent = document.createEvent('HTMLEvents');
-  inputEvent.initEvent(type, true, true);
-  target.dispatchEvent(inputEvent);
-}
 export function isHidden(elementRef) {
   var el = unref(elementRef);
 
@@ -67,4 +62,8 @@ export function isHidden(elementRef) {
 
   var parentHidden = el.offsetParent === null && style.position !== 'fixed';
   return hidden || parentHidden;
-}
+}
+export var {
+  width: windowWidth,
+  height: windowHeight
+} = useWindowSize();

package/es/utils/format.js

@@ -1,11 +1,12 @@
 import { inBrowser } from './basic';
+import { windowWidth, windowHeight } from './dom';
 import { isDef, isNumeric } from './validate';
 export function addUnit(value) {
-  if (!isDef(value)) {
-    return undefined;
+  if (isDef(value)) {
+    return isNumeric(value) ? value + "px" : String(value);
   }
 
-  return isNumeric(value) ? value + "px" : String(value);
+  return undefined;
 }
 export function getSizeStyle(originSize) {
   if (isDef(originSize)) {
@@ -45,12 +46,12 @@ function convertRem(value) {
 
 function convertVw(value) {
   value = value.replace(/vw/g, '');
-  return +value * window.innerWidth / 100;
+  return +value * windowWidth.value / 100;
 }
 
 function convertVh(value) {
   value = value.replace(/vh/g, '');
-  return +value * window.innerHeight / 100;
+  return +value * windowHeight.value / 100;
 }
 
 export function unitToPx(value) {
@@ -77,7 +78,11 @@ export function unitToPx(value) {
 var camelizeRE = /-(\w)/g;
 export var camelize = str => str.replace(camelizeRE, (_, c) => c.toUpperCase());
 export var kebabCase = str => str.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
-export function padZero(num, targetLength = 2) {
+export function padZero(num, targetLength) {
+  if (targetLength === void 0) {
+    targetLength = 2;
+  }
+
   var str = num + '';
 
   while (str.length < targetLength) {
@@ -104,7 +109,15 @@ function trimExtraChar(value, char, regExp) {
   return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
 }
 
-export function formatNumber(value, allowDot = true, allowMinus = true) {
+export function formatNumber(value, allowDot, allowMinus) {
+  if (allowDot === void 0) {
+    allowDot = true;
+  }
+
+  if (allowMinus === void 0) {
+    allowMinus = true;
+  }
+
   if (allowDot) {
     value = trimExtraChar(value, '.', /\./g);
   } else {

package/es/utils/interceptor.d.ts

@@ -1,6 +1,6 @@
-export declare type Interceptor = (...args: any[]) => Promise<boolean> | boolean;
+export declare type Interceptor = (...args: any[]) => Promise<boolean> | boolean | undefined;
 export declare function callInterceptor(interceptor: Interceptor | undefined, { args, done, canceled, }: {
-    args?: any[];
+    args?: unknown[];
     done: () => void;
     canceled?: () => void;
 }): void;

package/es/utils/interceptor.js

@@ -1,10 +1,12 @@
 import { noop } from './basic';
 import { isPromise } from './validate';
-export function callInterceptor(interceptor, {
-  args = [],
-  done,
-  canceled
-}) {
+export function callInterceptor(interceptor, _ref) {
+  var {
+    args = [],
+    done,
+    canceled
+  } = _ref;
+
   if (interceptor) {
     // eslint-disable-next-line prefer-spread
     var returnVal = interceptor.apply(null, args);

package/es/vue-tsx-shim.d.ts

@@ -4,6 +4,7 @@ type EventHandler = (...args: any[]) => void;
 
 declare module 'vue' {
   interface ComponentCustomProps {
+    id?: string;
     role?: string;
     tabindex?: number;
     onClick?: EventHandler;

package/lib/action-bar/ActionBar.d.ts

@@ -1,4 +1,12 @@
+import { ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
+declare const actionBarProps: {
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ActionBarProps = ExtractPropTypes<typeof actionBarProps>;
 declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom: {
         type: BooleanConstructor;

package/lib/action-bar/ActionBar.js

@@ -12,16 +12,18 @@ var _use = require("@vant/use");
 var [name, bem] = (0, _utils.createNamespace)('action-bar');
 var ACTION_BAR_KEY = Symbol(name);
 exports.ACTION_BAR_KEY = ACTION_BAR_KEY;
+var actionBarProps = {
+  safeAreaInsetBottom: _utils.truthProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    safeAreaInsetBottom: _utils.truthProp
-  },
+  props: actionBarProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(ACTION_BAR_KEY);

package/lib/action-bar/index.css

@@ -1 +1 @@
-:root{--van-action-bar-background-color:var(--van-white);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}
+:root{--van-action-bar-background-color:var(--van-background-color-light);--van-action-bar-height:50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background-color)}

package/lib/action-bar/index.d.ts

@@ -11,3 +11,4 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;
+export type { ActionBarProps } from './ActionBar';

package/lib/action-bar/var.less

@@ -1,4 +1,4 @@
 @import '../style/var.less';
 
-@action-bar-background-color: var(--van-white);
+@action-bar-background-color: var(--van-background-color-light);
 @action-bar-height: 50px;

package/lib/action-bar-button/ActionBarButton.d.ts

@@ -1,5 +1,18 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
+declare const actionBarButtonProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    type: PropType<ButtonType>;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+};
+export declare type ActionBarButtonProps = ExtractPropTypes<typeof actionBarButtonProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/lib/action-bar-button/ActionBarButton.js

@@ -20,21 +20,23 @@ var _button = require("../button");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('action-bar-button');
+var actionBarButtonProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  type: String,
+  text: String,
+  icon: String,
+  color: String,
+  loading: Boolean,
+  disabled: Boolean
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    type: String,
-    text: String,
-    icon: String,
-    color: String,
-    loading: Boolean,
-    disabled: Boolean
-  }),
+  props: actionBarButtonProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
     var {
       parent,

package/lib/action-bar-button/index.d.ts

@@ -36,3 +36,4 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     loading: boolean;
 }>>;
 export default ActionBarButton;
+export type { ActionBarButtonProps } from './ActionBarButton';

package/lib/action-bar-icon/ActionBarIcon.d.ts

@@ -1,3 +1,18 @@
+import { ExtractPropTypes } from 'vue';
+declare const actionBarIconProps: {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconClass: import("vue").PropType<unknown>;
+    iconPrefix: StringConstructor;
+};
+export declare type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
 declare const _default: import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/lib/action-bar-icon/ActionBarIcon.js

@@ -20,22 +20,24 @@ var _badge = require("../badge");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('action-bar-icon');
+var actionBarIconProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  color: String,
+  badge: _utils.numericProp,
+  iconClass: _utils.unknownProp,
+  iconPrefix: String
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    color: String,
-    badge: _utils.numericProp,
-    iconClass: _utils.unknownProp,
-    iconPrefix: String
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: actionBarIconProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
     (0, _use.useParent)(_ActionBar.ACTION_BAR_KEY);
 

package/lib/action-bar-icon/index.css

@@ -1 +1 @@
-:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-white)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}
+:root{--van-action-bar-icon-width:48px;--van-action-bar-icon-height:100%;--van-action-bar-icon-color:var(--van-text-color);--van-action-bar-icon-size:18px;--van-action-bar-icon-font-size:var(--van-font-size-xs);--van-action-bar-icon-active-color:var(--van-active-color);--van-action-bar-icon-text-color:var(--van-gray-7);--van-action-bar-icon-background-color:var(--van-background-color-light)}.van-action-bar-icon{display:flex;flex-direction:column;justify-content:center;min-width:var(--van-action-bar-icon-width);height:var(--van-action-bar-icon-height);color:var(--van-action-bar-icon-text-color);font-size:var(--van-action-bar-icon-font-size);line-height:1;text-align:center;background:var(--van-action-bar-icon-background-color);cursor:pointer}.van-action-bar-icon:active{background-color:var(--van-action-bar-icon-active-color)}.van-action-bar-icon__icon{margin:0 auto var(--van-padding-base);color:var(--van-action-bar-icon-color);font-size:var(--van-action-bar-icon-size)}

package/lib/action-bar-icon/index.d.ts

@@ -38,3 +38,4 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     dot: boolean;
 }>>;
 export default ActionBarIcon;
+export type { ActionBarIconProps } from './ActionBarIcon';

package/lib/action-bar-icon/var.less

@@ -7,4 +7,4 @@
 @action-bar-icon-font-size: var(--van-font-size-xs);
 @action-bar-icon-active-color: var(--van-active-color);
 @action-bar-icon-text-color: var(--van-gray-7);
-@action-bar-icon-background-color: var(--van-white);
+@action-bar-icon-background-color: var(--van-background-color-light);

package/lib/action-sheet/ActionSheet.d.ts

@@ -1,3 +1,4 @@
+import { ExtractPropTypes } from 'vue';
 export declare type ActionSheetAction = {
     name?: string;
     color?: string;
@@ -7,6 +8,62 @@ export declare type ActionSheetAction = {
     callback?: (action: ActionSheetAction) => void;
     className?: unknown;
 };
+declare const actionSheetProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type ActionSheetProps = ExtractPropTypes<typeof actionSheetProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];