vant 3.4.2 → 4.0.0-alpha.0

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

@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | number | (string | number)[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -90,8 +90,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onClick-nav"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onClickNav?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeId"?: ((...args: any[]) => any) | undefined;
     "onUpdate:mainActiveIndex"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/tree-select/TreeSelect.js

@@ -19,7 +19,7 @@ const treeSelectProps = {
 var stdin_default = defineComponent({
   name,
   props: treeSelectProps,
-  emits: ["click-nav", "click-item", "update:activeId", "update:mainActiveIndex"],
+  emits: ["clickNav", "clickItem", "update:activeId", "update:mainActiveIndex"],
   setup(props, {
     emit,
     slots
@@ -43,7 +43,7 @@ var stdin_default = defineComponent({
           activeId = item.id;
         }
         emit("update:activeId", activeId);
-        emit("click-item", item);
+        emit("clickItem", item);
       };
       return _createVNode("div", {
         "key": item.id,
@@ -59,15 +59,16 @@ var stdin_default = defineComponent({
     };
     const onSidebarChange = (index) => {
       emit("update:mainActiveIndex", index);
-      emit("click-nav", index);
     };
+    const onClickSidebarItem = (index) => emit("clickNav", index);
     const renderSidebar = () => {
       const Items = props.items.map((item) => _createVNode(SidebarItem, {
         "dot": item.dot,
         "title": item.text,
         "badge": item.badge,
         "class": [bem("nav-item"), item.className],
-        "disabled": item.disabled
+        "disabled": item.disabled,
+        "onClick": onClickSidebarItem
       }, null));
       return _createVNode(Sidebar, {
         "class": bem("nav"),

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-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)}.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);-webkit-user-select:none;user-select:none;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)}
+body{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--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-primary-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)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-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);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;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

@@ -23,7 +23,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string | number | (string | number)[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -49,8 +49,8 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         default: number;
     };
 }>> & {
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onClick-nav"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onClickNav?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeId"?: ((...args: any[]) => any) | undefined;
     "onUpdate:mainActiveIndex"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/tree-select/index.less

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-tree-select-font-size: @tree-select-font-size;
-  --van-tree-select-nav-background-color: @tree-select-nav-background-color;
-  --van-tree-select-content-background-color: @tree-select-content-background-color;
-  --van-tree-select-nav-item-padding: @tree-select-nav-item-padding;
-  --van-tree-select-item-height: @tree-select-item-height;
-  --van-tree-select-item-active-color: @tree-select-item-active-color;
-  --van-tree-select-item-disabled-color: @tree-select-item-disabled-color;
-  --van-tree-select-item-selected-size: @tree-select-item-selected-size;
+body {
+  --van-tree-select-font-size: var(--van-font-size-md);
+  --van-tree-select-nav-background: var(--van-background);
+  --van-tree-select-content-background: var(--van-background-2);
+  --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-primary-color);
+  --van-tree-select-item-disabled-color: var(--van-gray-5);
+  --van-tree-select-item-selected-size: 16px;
 }
 
 .van-tree-select {
@@ -19,7 +17,7 @@
   &__nav {
     flex: 1;
     overflow-y: auto;
-    background: var(--van-tree-select-nav-background-color);
+    background: var(--van-tree-select-nav-background);
     -webkit-overflow-scrolling: touch;
 
     &-item {
@@ -30,14 +28,14 @@
   &__content {
     flex: 2;
     overflow-y: auto;
-    background: var(--van-tree-select-content-background-color);
+    background: var(--van-tree-select-content-background);
     -webkit-overflow-scrolling: touch;
   }
 
   &__item {
     position: relative;
     padding: 0 32px 0 var(--van-padding-md);
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     line-height: var(--van-tree-select-item-height);
     user-select: none;
     cursor: pointer;

package/es/uploader/Uploader.d.ts

@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview")[], "update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -189,9 +189,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onOversize?: ((...args: any[]) => any) | undefined;
-    "onClick-upload"?: ((...args: any[]) => any) | undefined;
-    "onClose-preview"?: ((...args: any[]) => any) | undefined;
-    "onClick-preview"?: ((...args: any[]) => any) | undefined;
+    onClickUpload?: ((...args: any[]) => any) | undefined;
+    onClosePreview?: ((...args: any[]) => any) | undefined;
+    onClickPreview?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
     accept: string;

package/es/uploader/Uploader.js

@@ -38,7 +38,7 @@ const uploaderProps = {
 var stdin_default = defineComponent({
   name,
   props: uploaderProps,
-  emits: ["delete", "oversize", "click-upload", "close-preview", "click-preview", "update:modelValue"],
+  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -142,7 +142,7 @@ var stdin_default = defineComponent({
       readFile(file);
     };
     let imagePreview;
-    const onClosePreview = () => emit("close-preview");
+    const onClosePreview = () => emit("closePreview");
     const previewImage = (item) => {
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
@@ -177,7 +177,7 @@ var stdin_default = defineComponent({
       return _createVNode(UploaderPreviewItem, _mergeProps({
         "item": item,
         "index": index,
-        "onClick": () => emit("click-preview", item, getDetail(index)),
+        "onClick": () => emit("clickPreview", item, getDetail(index)),
         "onDelete": () => deleteFile(item, index),
         "onPreview": () => previewImage(item)
       }, pick(props, ["name", "lazyLoad"]), previewData), {
@@ -189,7 +189,7 @@ var stdin_default = defineComponent({
         return props.modelValue.map(renderPreviewItem);
       }
     };
-    const onClickUpload = (event) => emit("click-upload", event);
+    const onClickUpload = (event) => emit("clickUpload", event);
     const renderUpload = () => {
       if (props.modelValue.length >= props.maxCount || !props.showUpload) {
         return;

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-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, .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, .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}
+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}

package/es/uploader/index.d.ts

@@ -59,7 +59,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview")[], "update:modelValue" | "delete" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -123,9 +123,9 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onOversize?: ((...args: any[]) => any) | undefined;
-    "onClick-upload"?: ((...args: any[]) => any) | undefined;
-    "onClose-preview"?: ((...args: any[]) => any) | undefined;
-    "onClick-preview"?: ((...args: any[]) => any) | undefined;
+    onClickUpload?: ((...args: any[]) => any) | undefined;
+    onClosePreview?: ((...args: any[]) => any) | undefined;
+    onClickPreview?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
     accept: string;

package/es/uploader/index.less

@@ -1,31 +1,29 @@
-@import './var.less';
-
-:root {
-  --van-uploader-size: @uploader-size;
-  --van-uploader-icon-size: @uploader-icon-size;
-  --van-uploader-icon-color: @uploader-icon-color;
-  --van-uploader-text-color: @uploader-text-color;
-  --van-uploader-text-font-size: @uploader-text-font-size;
-  --van-uploader-upload-background-color: @uploader-upload-background-color;
-  --van-uploader-upload-active-color: @uploader-upload-active-color;
-  --van-uploader-delete-color: @uploader-delete-color;
-  --van-uploader-delete-icon-size: @uploader-delete-icon-size;
-  --van-uploader-delete-background-color: @uploader-delete-background-color;
-  --van-uploader-file-background-color: @uploader-file-background-color;
-  --van-uploader-file-icon-size: @uploader-file-icon-size;
-  --van-uploader-file-icon-color: @uploader-file-icon-color;
-  --van-uploader-file-name-padding: @uploader-file-name-padding;
-  --van-uploader-file-name-margin-top: @uploader-file-name-margin-top;
-  --van-uploader-file-name-font-size: @uploader-file-name-font-size;
-  --van-uploader-file-name-text-color: @uploader-file-name-text-color;
-  --van-uploader-mask-text-color: @uploader-mask-text-color;
-  --van-uploader-mask-background-color: @uploader-mask-background-color;
-  --van-uploader-mask-icon-size: @uploader-mask-icon-size;
-  --van-uploader-mask-message-font-size: @uploader-mask-message-font-size;
-  --van-uploader-mask-message-line-height: @uploader-mask-message-line-height;
-  --van-uploader-loading-icon-size: @uploader-loading-icon-size;
-  --van-uploader-loading-icon-color: @uploader-loading-icon-color;
-  --van-uploader-disabled-opacity: @uploader-disabled-opacity;
+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, 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, 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 {
@@ -70,14 +68,14 @@
     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);
+    background: var(--van-uploader-upload-background);
 
     &:active {
       background-color: var(--van-uploader-upload-active-color);
     }
 
     &--readonly:active {
-      background-color: var(--van-uploader-upload-background-color);
+      background-color: var(--van-uploader-upload-background);
     }
 
     &-icon {
@@ -110,7 +108,7 @@
       right: 0;
       width: var(--van-uploader-delete-icon-size);
       height: var(--van-uploader-delete-icon-size);
-      background: var(--van-uploader-delete-background-color);
+      background: var(--van-uploader-delete-background);
       border-radius: 0 0 0 12px;
 
       &-icon {
@@ -143,7 +141,7 @@
     align-items: center;
     justify-content: center;
     color: var(--van-uploader-mask-text-color);
-    background: var(--van-uploader-mask-background-color);
+    background: var(--van-uploader-mask-background);
 
     &-icon {
       font-size: var(--van-uploader-mask-icon-size);
@@ -170,7 +168,7 @@
     justify-content: center;
     width: var(--van-uploader-size);
     height: var(--van-uploader-size);
-    background: var(--van-uploader-file-background-color);
+    background: var(--van-uploader-file-background);
 
     &-icon {
       color: var(--van-uploader-file-icon-color);

package/es/uploader/types.d.ts

@@ -16,11 +16,10 @@ export declare type UploaderFileListItem = {
     beforeDelete?: Interceptor;
 };
 export declare type UploaderMaxSize = number | string | ((file: File) => boolean);
-declare type PromiseOrNot<T> = T | Promise<T>;
 export declare type UploaderBeforeRead = (file: File | File[], detail: {
     name: string | number;
     index: number;
-}) => PromiseOrNot<File | File[] | undefined>;
+}) => boolean | undefined | Promise<File | File[] | undefined>;
 export declare type UploaderAfterRead = (items: UploaderFileListItem | UploaderFileListItem[], detail: {
     name: string | number;
     index: number;
@@ -30,4 +29,3 @@ export declare type UploaderExpose = {
     closeImagePreview: () => void;
 };
 export declare type UploaderInstance = ComponentPublicInstance<UploaderProps, UploaderExpose>;
-export {};

package/es/utils/basic.d.ts

@@ -13,3 +13,4 @@ export declare type Writeable<T> = {
     -readonly [P in keyof T]: T[P];
 };
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
+export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;

package/es/utils/basic.js

@@ -19,10 +19,12 @@ function pick(obj, keys, ignoreUndefined) {
     return ret;
   }, {});
 }
+const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 export {
   extend,
   get,
   inBrowser,
+  isSameValue,
   noop,
   pick
 };

package/es/utils/interceptor.d.ts

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

package/lib/action-bar/ActionBar.js

@@ -1,34 +1,34 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name2 in all)
     __defProp(target, name2, { get: all[name2], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var stdin_exports = {};
+__export(stdin_exports, {
   ACTION_BAR_KEY: () => ACTION_BAR_KEY,
   default: () => stdin_default
 });
-var import_vue = __toModule(require("vue"));
-var import_vue2 = __toModule(require("vue"));
-var import_utils = __toModule(require("../utils"));
-var import_use = __toModule(require("@vant/use"));
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
 const [name, bem] = (0, import_utils.createNamespace)("action-bar");
 const ACTION_BAR_KEY = Symbol(name);
 const actionBarProps = {
@@ -54,3 +54,4 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
   }
 });
+module.exports = __toCommonJS(stdin_exports);

package/lib/action-bar/index.css

@@ -1 +1 @@
-: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)}
+body{--van-action-bar-background: var(--van-background-2);--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)}

package/lib/action-bar/index.js

@@ -6,26 +6,32 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var stdin_exports = {};
+__export(stdin_exports, {
   ActionBar: () => ActionBar,
   default: () => stdin_default
 });
-var import_utils = __toModule(require("../utils"));
-var import_ActionBar = __toModule(require("./ActionBar"));
+var import_utils = require("../utils");
+var import_ActionBar = __toESM(require("./ActionBar"));
 const ActionBar = (0, import_utils.withInstall)(import_ActionBar.default);
 var stdin_default = ActionBar;
+module.exports = __toCommonJS(stdin_exports);

package/lib/action-bar/index.less

@@ -1,8 +1,6 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-background-color: @action-bar-background-color;
-  --van-action-bar-height: @action-bar-height;
+body {
+  --van-action-bar-background: var(--van-background-2);
+  --van-action-bar-height: 50px;
 }
 
 .van-action-bar {
@@ -14,5 +12,5 @@
   align-items: center;
   box-sizing: content-box;
   height: var(--van-action-bar-height);
-  background: var(--van-action-bar-background-color);
+  background: var(--van-action-bar-background);
 }

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

@@ -1,37 +1,37 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name2 in all)
     __defProp(target, name2, { get: all[name2], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var stdin_exports = {};
+__export(stdin_exports, {
   default: () => stdin_default
 });
-var import_vue = __toModule(require("vue"));
-var import_vue2 = __toModule(require("vue"));
-var import_utils = __toModule(require("../utils"));
-var import_ActionBar = __toModule(require("../action-bar/ActionBar"));
-var import_use = __toModule(require("@vant/use"));
-var import_use_expose = __toModule(require("../composables/use-expose"));
-var import_use_route = __toModule(require("../composables/use-route"));
-var import_button = __toModule(require("../button"));
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_ActionBar = require("../action-bar/ActionBar");
+var import_use = require("@vant/use");
+var import_use_expose = require("../composables/use-expose");
+var import_use_route = require("../composables/use-route");
+var import_button = require("../button");
 const [name, bem] = (0, import_utils.createNamespace)("action-bar-button");
 const actionBarButtonProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
   type: String,
@@ -94,3 +94,4 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
   }
 });
+module.exports = __toCommonJS(stdin_exports);

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

@@ -1 +1 @@
-:root{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-weight-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-border-radius-max);border-bottom-left-radius:var(--van-border-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-border-radius-max);border-bottom-right-radius:var(--van-border-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}
+body{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}

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

@@ -6,26 +6,32 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var stdin_exports = {};
+__export(stdin_exports, {
   ActionBarButton: () => ActionBarButton,
   default: () => stdin_default
 });
-var import_utils = __toModule(require("../utils"));
-var import_ActionBarButton = __toModule(require("./ActionBarButton"));
+var import_utils = require("../utils");
+var import_ActionBarButton = __toESM(require("./ActionBarButton"));
 const ActionBarButton = (0, import_utils.withInstall)(import_ActionBarButton.default);
 var stdin_default = ActionBarButton;
+module.exports = __toCommonJS(stdin_exports);