vant 3.2.5 → 3.3.0

package/es/toast/Toast.d.ts

@@ -1,6 +1,38 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import type { ToastType, ToastPosition } from './types';
+declare const toastProps: {
+    icon: StringConstructor;
+    show: BooleanConstructor;
+    type: {
+        type: PropType<ToastType>;
+        default: ToastType;
+    };
+    overlay: BooleanConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    iconSize: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    position: {
+        type: PropType<ToastPosition>;
+        default: ToastPosition;
+    };
+    className: PropType<unknown>;
+    iconPrefix: StringConstructor;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    loadingType: PropType<LoadingType>;
+    forbidClick: BooleanConstructor;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    closeOnClick: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
+};
+export declare type ToastProps = ExtractPropTypes<typeof toastProps>;
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     show: BooleanConstructor;

package/es/toast/Toast.js

@@ -1,7 +1,7 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { watch, onMounted, onUnmounted, defineComponent } from 'vue'; // Utils
 
-import { isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from '../utils';
+import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from '../utils';
 import { lockClick } from './lock-click'; // Components
 
 import { Icon } from '../icon';
@@ -9,32 +9,35 @@ import { Popup } from '../popup';
 import { Loading } from '../loading'; // Types
 
 var [name, bem] = createNamespace('toast');
+var popupInheritProps = ['show', 'overlay', 'transition', 'overlayClass', 'overlayStyle', 'closeOnClickOverlay'];
+var toastProps = {
+  icon: String,
+  show: Boolean,
+  type: makeStringProp('text'),
+  overlay: Boolean,
+  message: numericProp,
+  iconSize: numericProp,
+  duration: makeNumberProp(2000),
+  position: makeStringProp('middle'),
+  className: unknownProp,
+  iconPrefix: String,
+  transition: makeStringProp('van-fade'),
+  loadingType: String,
+  forbidClick: Boolean,
+  overlayClass: unknownProp,
+  overlayStyle: Object,
+  closeOnClick: Boolean,
+  closeOnClickOverlay: Boolean
+};
 export default defineComponent({
   name,
-  props: {
-    icon: String,
-    show: Boolean,
-    type: makeStringProp('text'),
-    overlay: Boolean,
-    message: numericProp,
-    iconSize: numericProp,
-    duration: makeNumberProp(2000),
-    position: makeStringProp('middle'),
-    className: unknownProp,
-    iconPrefix: String,
-    transition: makeStringProp('van-fade'),
-    loadingType: String,
-    forbidClick: Boolean,
-    overlayClass: unknownProp,
-    overlayStyle: Object,
-    closeOnClick: Boolean,
-    closeOnClickOverlay: Boolean
-  },
+  props: toastProps,
   emits: ['update:show'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var timer;
     var clickable = false;
 
@@ -114,21 +117,14 @@ export default defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => _createVNode(Popup, _mergeProps({
-      "show": props.show,
       "class": [bem([props.position, {
         [props.type]: !props.icon
       }]), props.className],
-      "overlay": props.overlay,
       "lockScroll": false,
-      "transition": props.transition,
-      "overlayClass": props.overlayClass,
-      "overlayStyle": props.overlayStyle,
-      "closeOnClickOverlay": props.closeOnClickOverlay,
       "onClick": onClick,
-      "onClosed": clearTimer
-    }, {
-      'onUpdate:show': updateShow
-    }), {
+      "onClosed": clearTimer,
+      "onUpdate:show": updateShow
+    }, pick(props, popupInheritProps)), {
       default: () => [renderIcon(), renderMessage()]
     });
   }

package/es/toast/function-call.js

@@ -95,7 +95,11 @@ function getInstance() {
   return queue[queue.length - 1];
 }
 
-function Toast(options = {}) {
+function Toast(options) {
+  if (options === void 0) {
+    options = {};
+  }
+
   if (!inBrowser) {
     return {};
   }
@@ -150,7 +154,11 @@ Toast.resetDefaultOptions = type => {
   }
 };
 
-Toast.allowMultiple = (value = true) => {
+Toast.allowMultiple = function (value) {
+  if (value === void 0) {
+    value = true;
+  }
+
   allowMultiple = value;
 };
 

package/es/toast/index.css

@@ -1 +1 @@
-:root{--van-toast-max-width:70%;--van-toast-font-size:var(--van-font-size-md);--van-toast-text-color:var(--van-white);--van-toast-loading-icon-color:var(--van-white);--van-toast-line-height:var(--van-line-height-md);--van-toast-border-radius:var(--van-border-radius-lg);--van-toast-background-color:rgba(0, 0, 0, 0.7);--van-toast-icon-size:36px;--van-toast-text-min-width:96px;--van-toast-text-padding:var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding:var(--van-padding-md);--van-toast-default-width:88px;--van-toast-default-min-height:88px;--van-toast-position-top-distance:20%;--van-toast-position-bottom-distance:20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-animation-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background-color:var(--van-toast-background-color);border-radius:var(--van-toast-border-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+:root{--van-toast-max-width:70%;--van-toast-font-size:var(--van-font-size-md);--van-toast-text-color:var(--van-white);--van-toast-loading-icon-color:var(--van-white);--van-toast-line-height:var(--van-line-height-md);--van-toast-border-radius:var(--van-border-radius-lg);--van-toast-background-color:rgba(0, 0, 0, 0.7);--van-toast-icon-size:36px;--van-toast-text-min-width:96px;--van-toast-text-padding:var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding:var(--van-padding-md);--van-toast-default-width:88px;--van-toast-default-min-height:88px;--van-toast-position-top-distance:20%;--van-toast-position-bottom-distance:20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-animation-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background-color);border-radius:var(--van-toast-border-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--html,.van-toast--text{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--html .van-toast__text,.van-toast--text .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}

package/es/toast/index.d.ts

@@ -1,4 +1,5 @@
 import { Toast } from './function-call';
 export default Toast;
 export { Toast };
+export type { ToastProps } from './Toast';
 export type { ToastType, ToastOptions, ToastPosition } from './types';

package/es/toast/index.less

@@ -40,7 +40,7 @@
   text-align: center;
   // https://github.com/youzan/vant/issues/8959
   word-break: break-all;
-  background-color: var(--van-toast-background-color);
+  background: var(--van-toast-background-color);
   border-radius: var(--van-toast-border-radius);
 
   &--unclickable {

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type TreeSelectChild = {
     id: number | string;
     text: string;
@@ -12,6 +12,33 @@ export declare type TreeSelectItem = {
     disabled?: boolean;
     className?: unknown;
 };
+declare const treeSelectProps: {
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    items: {
+        type: PropType<TreeSelectItem[]>;
+        default: () => never[];
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    selectedIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    mainActiveIndex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    activeId: {
+        type: PropType<string | number | (string | number)[]>;
+        default: number;
+    };
+};
+export declare type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 declare const _default: import("vue").DefineComponent<{
     max: {
         type: (NumberConstructor | StringConstructor)[];

package/es/tree-select/TreeSelect.js

@@ -7,25 +7,28 @@ import { Icon } from '../icon';
 import { Sidebar } from '../sidebar';
 import { SidebarItem } from '../sidebar-item';
 var [name, bem] = createNamespace('tree-select');
+var treeSelectProps = {
+  max: makeNumericProp(Infinity),
+  items: makeArrayProp(),
+  height: makeNumericProp(300),
+  selectedIcon: makeStringProp('success'),
+  mainActiveIndex: makeNumericProp(0),
+  activeId: {
+    type: [Number, String, Array],
+    default: 0
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    max: makeNumericProp(Infinity),
-    items: makeArrayProp(),
-    height: makeNumericProp(300),
-    selectedIcon: makeStringProp('success'),
-    mainActiveIndex: makeNumericProp(0),
-    activeId: {
-      type: [Number, String, Array],
-      default: 0
-    }
-  },
+  props: treeSelectProps,
   emits: ['click-nav', 'click-item', 'update:activeId', 'update:mainActiveIndex'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var isActiveItem = id => Array.isArray(props.activeId) ? props.activeId.includes(id) : props.activeId === id;
 
     var renderSubItem = item => {

package/es/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-font-size:var(--van-font-size-md);--van-tree-select-nav-background-color:var(--van-background-color);--van-tree-select-content-background-color:var(--van-white);--van-tree-select-nav-item-padding:14px var(--van-padding-sm);--van-tree-select-item-height:48px;--van-tree-select-item-active-color:var(--van-danger-color);--van-tree-select-item-disabled-color:var(--van-gray-5);--van-tree-select-item-selected-size:16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size);-webkit-user-select:none;user-select:none}.van-tree-select__nav{flex:1;overflow-y:auto;background-color:var(--van-tree-select-nav-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background-color:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+:root{--van-tree-select-font-size:var(--van-font-size-md);--van-tree-select-nav-background-color:var(--van-background-color);--van-tree-select-content-background-color:var(--van-background-color-light);--van-tree-select-nav-item-padding:14px var(--van-padding-sm);--van-tree-select-item-height:48px;--van-tree-select-item-active-color:var(--van-danger-color);--van-tree-select-item-disabled-color:var(--van-gray-5);--van-tree-select-item-selected-size:16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size);-webkit-user-select:none;user-select:none}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}

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/index.less

@@ -20,7 +20,7 @@
   &__nav {
     flex: 1;
     overflow-y: auto;
-    background-color: var(--van-tree-select-nav-background-color);
+    background: var(--van-tree-select-nav-background-color);
     -webkit-overflow-scrolling: touch;
 
     &-item {
@@ -31,7 +31,7 @@
   &__content {
     flex: 2;
     overflow-y: auto;
-    background-color: var(--van-tree-select-content-background-color);
+    background: var(--van-tree-select-content-background-color);
     -webkit-overflow-scrolling: touch;
   }
 

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 { createVNode as _createVNode } from "vue";
+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,
@@ -55,8 +57,7 @@ export default defineComponent({
         beforeDelete
       } = props;
       event.stopPropagation();
-      callInterceptor({
-        interceptor: beforeDelete,
+      callInterceptor(beforeDelete, {
         args: [item, {
           name,
           index
@@ -70,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",
@@ -108,7 +112,7 @@ export default defineComponent({
           "lazyLoad": props.lazyLoad,
           "onClick": onPreview
         }, {
-          default: () => [renderCover()]
+          default: renderCover
         });
       }
 

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-color: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-color: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-color: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-color: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/index.less

@@ -70,7 +70,7 @@
     width: var(--van-uploader-size);
     height: var(--van-uploader-size);
     margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
-    background-color: var(--van-uploader-upload-background-color);
+    background: var(--van-uploader-upload-background-color);
 
     &:active {
       background-color: var(--van-uploader-upload-active-color);
@@ -110,7 +110,7 @@
       right: 0;
       width: var(--van-uploader-delete-icon-size);
       height: var(--van-uploader-delete-icon-size);
-      background-color: var(--van-uploader-delete-background-color);
+      background: var(--van-uploader-delete-background-color);
       border-radius: 0 0 0 12px;
 
       &-icon {
@@ -143,7 +143,7 @@
     align-items: center;
     justify-content: center;
     color: var(--van-uploader-mask-text-color);
-    background-color: var(--van-uploader-mask-background-color);
+    background: var(--van-uploader-mask-background-color);
 
     &-icon {
       font-size: var(--van-uploader-mask-icon-size);
@@ -170,7 +170,7 @@
     justify-content: center;
     width: var(--van-uploader-size);
     height: var(--van-uploader-size);
-    background-color: var(--van-uploader-file-background-color);
+    background: var(--van-uploader-file-background-color);
 
     &-icon {
       color: var(--van-uploader-file-icon-color);

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