vant 3.2.6 → 3.3.1

package/lib/uploader/Uploader.js

@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Utils
 // Composables
 // Components
-var props = {
+var uploaderProps = {
   name: (0, _utils.makeNumericProp)(''),
   accept: (0, _utils.makeStringProp)('image/*'),
   capture: String,
@@ -55,19 +55,26 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name: _utils2.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 = (0, _vue.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/lib/uploader/UploaderPreviewItem.js

@@ -30,10 +30,12 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['delete', 'preview'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var renderMask = () => {
       var {
         status,
@@ -78,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/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/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/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/lib/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/lib/utils/constant.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FORM_KEY = exports.BORDER_UNSET_TOP_BOTTOM = exports.BORDER_TOP_BOTTOM = exports.BORDER_TOP = exports.BORDER_SURROUND = exports.BORDER_LEFT = exports.BORDER_BOTTOM = exports.BORDER = void 0;
+exports.HAPTICS_FEEDBACK = exports.FORM_KEY = exports.BORDER_UNSET_TOP_BOTTOM = exports.BORDER_TOP_BOTTOM = exports.BORDER_TOP = exports.BORDER_SURROUND = exports.BORDER_LEFT = exports.BORDER_BOTTOM = exports.BORDER = void 0;
 var BORDER = 'van-hairline';
 exports.BORDER = BORDER;
 var BORDER_TOP = BORDER + "--top";
@@ -16,5 +16,7 @@ var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
 exports.BORDER_TOP_BOTTOM = BORDER_TOP_BOTTOM;
 var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
 exports.BORDER_UNSET_TOP_BOTTOM = BORDER_UNSET_TOP_BOTTOM;
+var HAPTICS_FEEDBACK = 'van-haptics-feedback';
+exports.HAPTICS_FEEDBACK = HAPTICS_FEEDBACK;
 var FORM_KEY = Symbol('van-form');
 exports.FORM_KEY = FORM_KEY;

package/lib/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/lib/utils/create.js

@@ -17,10 +17,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function createTranslate(name) {
   var prefix = (0, _format.camelize)(name) + '.';
-  return (path, ...args) => {
+  return function (path) {
     var messages = _locale.default.messages();
 
     var message = (0, _basic.get)(messages, prefix + path) || (0, _basic.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 (0, _validate.isFunction)(message) ? message(...args) : message;
   };
 }

package/lib/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/lib/utils/deep-assign.js

@@ -20,7 +20,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/lib/utils/deep-clone.js

@@ -14,7 +14,7 @@ function deepClone(obj) {
     return obj.map(item => deepClone(item));
   }
 
-  if (typeof obj === 'object') {
+  if ((0, _validate.isObject)(obj)) {
     var to = {};
     Object.keys(obj).forEach(key => {
       to[key] = deepClone(obj[key]);

package/lib/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/lib/utils/dom.js

@@ -9,8 +9,7 @@ exports.preventDefault = preventDefault;
 exports.resetScroll = resetScroll;
 exports.setRootScrollTop = setRootScrollTop;
 exports.setScrollTop = setScrollTop;
-exports.stopPropagation = void 0;
-exports.trigger = trigger;
+exports.windowWidth = exports.windowHeight = exports.stopPropagation = void 0;
 
 var _use = require("@vant/use");
 
@@ -75,12 +74,6 @@ function preventDefault(event, isStopPropagation) {
   }
 }
 
-function trigger(target, type) {
-  var inputEvent = document.createEvent('HTMLEvents');
-  inputEvent.initEvent(type, true, true);
-  target.dispatchEvent(inputEvent);
-}
-
 function isHidden(elementRef) {
   var el = (0, _vue.unref)(elementRef);
 
@@ -95,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) {
@@ -103,7 +105,11 @@ var kebabCase = str => str.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/
 
 exports.kebabCase = kebabCase;
 
-function padZero(num, targetLength = 2) {
+function padZero(num, targetLength) {
+  if (targetLength === void 0) {
+    targetLength = 2;
+  }
+
   var str = num + '';
 
   while (str.length < targetLength) {
@@ -133,7 +139,15 @@ function trimExtraChar(value, char, regExp) {
   return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
 }
 
-function formatNumber(value, allowDot = true, allowMinus = true) {
+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/lib/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/lib/utils/interceptor.js

@@ -7,11 +7,13 @@ var _basic = require("./basic");
 
 var _validate = require("./validate");
 
-function callInterceptor(interceptor, {
-  args = [],
-  done,
-  canceled
-}) {
+function callInterceptor(interceptor, _ref) {
+  var {
+    args = [],
+    done,
+    canceled
+  } = _ref;
+
   if (interceptor) {
     // eslint-disable-next-line prefer-spread
     var returnVal = interceptor.apply(null, args);