vant 4.0.0-alpha.3 → 4.0.0-alpha.4

package/es/swipe-cell/{SwipeCell.js → SwipeCell.mjs}

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, reactive, computed, defineComponent } from "vue";
-import { clamp, isDef, numericProp, preventDefault, callInterceptor, createNamespace, makeNumericProp } from "../utils";
+import { clamp, isDef, numericProp, preventDefault, callInterceptor, createNamespace, makeNumericProp } from "../utils/index.mjs";
 import { useRect, useClickAway } from "@vant/use";
-import { useTouch } from "../composables/use-touch";
-import { useExpose } from "../composables/use-expose";
+import { useTouch } from "../composables/use-touch.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("swipe-cell");
 const swipeCellProps = {
   name: makeNumericProp(""),

package/es/swipe-cell/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _SwipeCell from "./SwipeCell";
+import { withInstall } from "../utils/index.mjs";
+import _SwipeCell from "./SwipeCell.mjs";
 const SwipeCell = withInstall(_SwipeCell);
 var stdin_default = SwipeCell;
 export {

package/es/swipe-item/{SwipeItem.js → SwipeItem.mjs}

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, nextTick, reactive, onMounted, defineComponent } from "vue";
-import { createNamespace } from "../utils";
-import { SWIPE_KEY } from "../swipe/Swipe";
+import { createNamespace } from "../utils/index.mjs";
+import { SWIPE_KEY } from "../swipe/Swipe.mjs";
 import { useParent } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("swipe-item");
 var stdin_default = defineComponent({
   name,

package/es/swipe-item/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _SwipeItem from "./SwipeItem";
+import { withInstall } from "../utils/index.mjs";
+import _SwipeItem from "./SwipeItem.mjs";
 const SwipeItem = withInstall(_SwipeItem);
 var stdin_default = SwipeItem;
 export {

package/es/switch/{Switch.js → Switch.mjs}

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { addUnit, numericProp, unknownProp, createNamespace } from "../utils";
+import { addUnit, numericProp, unknownProp, createNamespace } from "../utils/index.mjs";
 import { useCustomFieldValue } from "@vant/use";
-import { Loading } from "../loading";
+import { Loading } from "../loading/index.mjs";
 const [name, bem] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
@@ -25,7 +25,8 @@ var stdin_default = defineComponent({
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const isChecked = () => props.modelValue === props.activeValue;
     const onClick = () => {
@@ -43,6 +44,9 @@ var stdin_default = defineComponent({
           "color": color
         }, null);
       }
+      if (slots.node) {
+        return slots.node();
+      }
     };
     useCustomFieldValue(() => props.modelValue);
     return () => {

package/es/switch/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Switch from "./Switch";
+import { withInstall } from "../utils/index.mjs";
+import _Switch from "./Switch.mjs";
 const Switch = withInstall(_Switch);
 var stdin_default = Switch;
 export {

package/es/tab/{Tab.js → Tab.mjs}

@@ -1,13 +1,13 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { ref, watch, provide, computed, nextTick, defineComponent } from "vue";
-import { extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils";
-import { TABS_KEY } from "../tabs/Tabs";
+import { extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { TABS_KEY } from "../tabs/Tabs.mjs";
 import { useParent } from "@vant/use";
-import { useId } from "../composables/use-id";
-import { useExpose } from "../composables/use-expose";
-import { routeProps } from "../composables/use-route";
-import { TAB_STATUS_KEY } from "../composables/use-tab-status";
-import { SwipeItem } from "../swipe-item";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { routeProps } from "../composables/use-route.mjs";
+import { TAB_STATUS_KEY } from "../composables/use-tab-status.mjs";
+import { SwipeItem } from "../swipe-item/index.mjs";
 const [name, bem] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,

package/es/tab/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Tab from "./Tab";
+import { withInstall } from "../utils/index.mjs";
+import _Tab from "./Tab.mjs";
 const Tab = withInstall(_Tab);
 var stdin_default = Tab;
 export {

package/es/tabbar/{Tabbar.js → Tabbar.mjs}

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from "vue";
-import { truthProp, numericProp, getZIndexStyle, createNamespace, callInterceptor, makeNumericProp, BORDER_TOP_BOTTOM } from "../utils";
+import { truthProp, numericProp, getZIndexStyle, createNamespace, callInterceptor, makeNumericProp, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
-import { usePlaceholder } from "../composables/use-placeholder";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
 const [name, bem] = createNamespace("tabbar");
 const tabbarProps = {
   route: Boolean,

package/es/tabbar/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Tabbar from "./Tabbar";
+import { withInstall } from "../utils/index.mjs";
+import _Tabbar from "./Tabbar.mjs";
 const Tabbar = withInstall(_Tabbar);
 var stdin_default = Tabbar;
 export {

package/es/tabbar-item/{TabbarItem.js → TabbarItem.mjs}

@@ -1,11 +1,11 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { computed, defineComponent, getCurrentInstance } from "vue";
-import { createNamespace, extend, isObject, numericProp } from "../utils";
-import { TABBAR_KEY } from "../tabbar/Tabbar";
+import { createNamespace, extend, isObject, numericProp } from "../utils/index.mjs";
+import { TABBAR_KEY } from "../tabbar/Tabbar.mjs";
 import { useParent } from "@vant/use";
-import { routeProps, useRoute } from "../composables/use-route";
-import { Icon } from "../icon";
-import { Badge } from "../badge";
+import { routeProps, useRoute } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Badge } from "../badge/index.mjs";
 const [name, bem] = createNamespace("tabbar-item");
 const tabbarItemProps = extend({}, routeProps, {
   dot: Boolean,

package/es/tabbar-item/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _TabbarItem from "./TabbarItem";
+import { withInstall } from "../utils/index.mjs";
+import _TabbarItem from "./TabbarItem.mjs";
 const TabbarItem = withInstall(_TabbarItem);
 var stdin_default = TabbarItem;
 export {

package/es/tabs/{Tabs.js → Tabs.mjs}

@@ -1,16 +1,16 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, reactive, nextTick, onActivated, defineComponent } from "vue";
-import { pick, isDef, addUnit, isHidden, unitToPx, truthProp, numericProp, windowWidth, getElementTop, makeStringProp, callInterceptor, createNamespace, makeNumericProp, setRootScrollTop, BORDER_TOP_BOTTOM } from "../utils";
-import { scrollLeftTo, scrollTopTo } from "./utils";
+import { pick, isDef, addUnit, isHidden, unitToPx, truthProp, numericProp, windowWidth, getElementTop, makeStringProp, callInterceptor, createNamespace, makeNumericProp, setRootScrollTop, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { scrollLeftTo, scrollTopTo } from "./utils.mjs";
 import { useRect, useChildren, useScrollParent, useEventListener, onMountedOrActivated } from "@vant/use";
-import { useId } from "../composables/use-id";
-import { route } from "../composables/use-route";
-import { useRefs } from "../composables/use-refs";
-import { useExpose } from "../composables/use-expose";
-import { onPopupReopen } from "../composables/on-popup-reopen";
-import { Sticky } from "../sticky";
-import TabsTitle from "./TabsTitle";
-import TabsContent from "./TabsContent";
+import { useId } from "../composables/use-id.mjs";
+import { route } from "../composables/use-route.mjs";
+import { useRefs } from "../composables/use-refs.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { onPopupReopen } from "../composables/on-popup-reopen.mjs";
+import { Sticky } from "../sticky/index.mjs";
+import TabsTitle from "./TabsTitle.mjs";
+import TabsContent from "./TabsContent.mjs";
 const [name, bem] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),

package/es/tabs/{TabsContent.js → TabsContent.mjs}

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, onMounted, defineComponent } from "vue";
-import { numericProp, makeRequiredProp, createNamespace } from "../utils";
-import { Swipe } from "../swipe";
+import { numericProp, makeRequiredProp, createNamespace } from "../utils/index.mjs";
+import { Swipe } from "../swipe/index.mjs";
 const [name, bem] = createNamespace("tabs");
 var stdin_default = defineComponent({
   name,

package/es/tabs/{TabsTitle.js → TabsTitle.mjs}

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from "vue";
-import { isDef, truthProp, numericProp, createNamespace } from "../utils";
-import { Badge } from "../badge";
+import { isDef, truthProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { Badge } from "../badge/index.mjs";
 const [name, bem] = createNamespace("tab");
 var stdin_default = defineComponent({
   name,

package/es/tabs/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Tabs from "./Tabs";
+import { withInstall } from "../utils/index.mjs";
+import _Tabs from "./Tabs.mjs";
 const Tabs = withInstall(_Tabs);
 var stdin_default = Tabs;
 export {

package/es/tabs/{utils.js → utils.mjs}

@@ -1,5 +1,5 @@
 import { raf } from "@vant/use";
-import { getScrollTop, setScrollTop } from "../utils";
+import { getScrollTop, setScrollTop } from "../utils/index.mjs";
 function scrollLeftTo(scroller, to, duration) {
   let count = 0;
   const from = scroller.scrollLeft;

package/es/tag/{Tag.js → Tag.mjs}

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { Transition, defineComponent } from "vue";
-import { truthProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
-import { Icon } from "../icon";
+import { truthProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("tag");
 const tagProps = {
   size: String,

package/es/tag/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Tag from "./Tag";
+import { withInstall } from "../utils/index.mjs";
+import _Tag from "./Tag.mjs";
 const Tag = withInstall(_Tag);
 var stdin_default = Tag;
 export {

package/es/time-picker/{TimePicker.js → TimePicker.mjs}

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, defineComponent } from "vue";
-import { pick, extend, createNamespace, makeNumericProp, isSameValue } from "../utils";
-import { genOptions, sharedProps, pickerInheritKeys } from "../date-picker/utils";
-import { Picker } from "../picker";
+import { pick, extend, createNamespace, makeNumericProp, isSameValue } from "../utils/index.mjs";
+import { genOptions, sharedProps, pickerInheritKeys } from "../date-picker/utils.mjs";
+import { Picker } from "../picker/index.mjs";
 const [name] = createNamespace("time-picker");
 const timePickerProps = extend({}, sharedProps, {
   minHour: makeNumericProp(0),

package/es/time-picker/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _TimePicker from "./TimePicker";
+import { withInstall } from "../utils/index.mjs";
+import _TimePicker from "./TimePicker.mjs";
 const TimePicker = withInstall(_TimePicker);
 var stdin_default = TimePicker;
 export {

package/es/toast/{Toast.js → Toast.mjs}

@@ -1,10 +1,10 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { watch, onMounted, onUnmounted, defineComponent } from "vue";
-import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils";
-import { lockClick } from "./lock-click";
-import { Icon } from "../icon";
-import { Popup } from "../popup";
-import { Loading } from "../loading";
+import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils/index.mjs";
+import { lockClick } from "./lock-click.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Loading } from "../loading/index.mjs";
 const [name, bem] = createNamespace("toast");
 const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {

package/es/toast/{function-call.js → function-call.mjs}

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, getCurrentInstance } from "vue";
-import { extend, isObject, inBrowser, withInstall } from "../utils";
-import { mountComponent, usePopupState } from "../utils/mount-component";
-import VanToast from "./Toast";
+import { extend, isObject, inBrowser, withInstall } from "../utils/index.mjs";
+import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
+import VanToast from "./Toast.mjs";
 const defaultOptions = {
   icon: "",
   type: "text",

package/es/toast/{index.js → index.mjs}

@@ -1,4 +1,4 @@
-import { Toast } from "./function-call";
+import { Toast } from "./function-call.mjs";
 var stdin_default = Toast;
 export {
   Toast,

package/es/tree-select/{TreeSelect.js → TreeSelect.mjs}

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { addUnit, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { Icon } from "../icon";
-import { Sidebar } from "../sidebar";
-import { SidebarItem } from "../sidebar-item";
+import { addUnit, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Sidebar } from "../sidebar/index.mjs";
+import { SidebarItem } from "../sidebar-item/index.mjs";
 const [name, bem] = createNamespace("tree-select");
 const treeSelectProps = {
   max: makeNumericProp(Infinity),

package/es/tree-select/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _TreeSelect from "./TreeSelect";
+import { withInstall } from "../utils/index.mjs";
+import _TreeSelect from "./TreeSelect.mjs";
 const TreeSelect = withInstall(_TreeSelect);
 var stdin_default = TreeSelect;
 export {

package/es/uploader/{Uploader.js → Uploader.mjs}

@@ -1,12 +1,12 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
-import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils";
-import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils";
+import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
+import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
 import { useCustomFieldValue } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-import { Icon } from "../icon";
-import { ImagePreview } from "../image-preview";
-import UploaderPreviewItem from "./UploaderPreviewItem";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import { ImagePreview } from "../image-preview/index.mjs";
+import UploaderPreviewItem from "./UploaderPreviewItem.mjs";
 const uploaderProps = {
   name: makeNumericProp(""),
   accept: makeStringProp("image/*"),
@@ -180,9 +180,7 @@ var stdin_default = defineComponent({
         "onClick": () => emit("clickPreview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
         "onPreview": () => previewImage(item)
-      }, pick(props, ["name", "lazyLoad"]), previewData), {
-        "preview-cover": slots["preview-cover"]
-      });
+      }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
     };
     const renderPreviewList = () => {
       if (props.previewImage) {

package/es/uploader/{UploaderPreviewItem.js → UploaderPreviewItem.mjs}

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { t, bem, isImageFile } from "./utils";
-import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils";
-import { Icon } from "../icon";
-import { Image } from "../image";
-import { Loading } from "../loading";
+import { t, bem, isImageFile } from "./utils.mjs";
+import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
 var stdin_default = defineComponent({
   props: {
     name: numericProp,
@@ -60,13 +60,16 @@ var stdin_default = defineComponent({
     const onPreview = () => emit("preview");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
         return _createVNode("div", {
           "role": "button",
-          "class": bem("preview-delete"),
+          "class": bem("preview-delete", {
+            shadow: !slot
+          }),
           "tabindex": 0,
           "aria-label": t("delete"),
           "onClick": onDelete
-        }, [_createVNode(Icon, {
+        }, [slot ? slot() : _createVNode(Icon, {
           "name": "cross",
           "class": bem("preview-delete-icon")
         }, null)]);

package/es/uploader/index.css

@@ -1 +1 @@
-body{--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: 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: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--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: rgba(50, 50, 51, .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)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.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);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)}.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)}.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}
+body{--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: 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: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--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: rgba(50, 50, 51, .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)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.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}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);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)}.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)}.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

@@ -106,10 +106,13 @@ body {
       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);
-      border-radius: 0 0 0 12px;
+
+      &--shadow {
+        width: var(--van-uploader-delete-icon-size);
+        height: var(--van-uploader-delete-icon-size);
+        background: var(--van-uploader-delete-background);
+        border-radius: 0 0 0 12px;
+      }
 
       &-icon {
         position: absolute;

package/es/uploader/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Uploader from "./Uploader";
+import { withInstall } from "../utils/index.mjs";
+import _Uploader from "./Uploader.mjs";
 const Uploader = withInstall(_Uploader);
 var stdin_default = Uploader;
 export {

package/es/uploader/{utils.js → utils.mjs}

@@ -1,4 +1,4 @@
-import { toArray, createNamespace, isFunction } from "../utils";
+import { toArray, createNamespace, isFunction } from "../utils/index.mjs";
 const [name, bem, t] = createNamespace("uploader");
 function readFileContent(file, resultType) {
   return new Promise((resolve) => {

package/es/utils/{create.js → create.mjs}

@@ -1,7 +1,7 @@
-import { get } from "./basic";
-import { camelize } from "./format";
-import { isFunction } from "./validate";
-import locale from "../locale";
+import { get } from "./basic.mjs";
+import { camelize } from "./format.mjs";
+import { isFunction } from "./validate.mjs";
+import locale from "../locale/index.mjs";
 function createTranslate(name) {
   const prefix = camelize(name) + ".";
   return (path, ...args) => {

package/es/utils/{deep-assign.js → deep-assign.mjs}

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 const { hasOwnProperty } = Object.prototype;
 function assignKey(to, from, key) {
   const val = from[key];

package/es/utils/{deep-clone.js → deep-clone.mjs}

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;

package/es/utils/{dom.js → dom.mjs}

@@ -1,6 +1,6 @@
 import { useRect, useWindowSize } from "@vant/use";
 import { unref } from "vue";
-import { isIOS as checkIsIOS } from "./validate";
+import { isIOS as checkIsIOS } from "./validate.mjs";
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);

package/es/utils/{format.js → format.mjs}

@@ -1,6 +1,6 @@
-import { inBrowser } from "./basic";
-import { windowWidth, windowHeight } from "./dom";
-import { isDef, isNumeric } from "./validate";
+import { inBrowser } from "./basic.mjs";
+import { windowWidth, windowHeight } from "./dom.mjs";
+import { isDef, isNumeric } from "./validate.mjs";
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);

package/es/utils/index.mjs

@@ -0,0 +1,9 @@
+export * from "./basic.mjs";
+export * from "./props.mjs";
+export * from "./dom.mjs";
+export * from "./create.mjs";
+export * from "./format.mjs";
+export * from "./constant.mjs";
+export * from "./validate.mjs";
+export * from "./interceptor.mjs";
+export * from "./with-install.mjs";