vant 3.4.8 → 4.0.0-alpha.2

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/utils/basic.d.ts

@@ -14,3 +14,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/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.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/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.less

@@ -1,29 +1,27 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-button-height: @action-bar-button-height;
-  --van-action-bar-button-warning-color: @action-bar-button-warning-color;
-  --van-action-bar-button-danger-color: @action-bar-button-danger-color;
+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-weight-bold);
+  font-weight: var(--van-font-bold);
   font-size: var(--van-font-size-md);
   border: none;
   border-radius: 0;
 
   &--first {
     margin-left: 5px;
-    border-top-left-radius: var(--van-border-radius-max);
-    border-bottom-left-radius: var(--van-border-radius-max);
+    border-top-left-radius: var(--van-radius-max);
+    border-bottom-left-radius: var(--van-radius-max);
   }
 
   &--last {
     margin-right: 5px;
-    border-top-right-radius: var(--van-border-radius-max);
-    border-bottom-right-radius: var(--van-border-radius-max);
+    border-top-right-radius: var(--van-radius-max);
+    border-bottom-right-radius: var(--van-radius-max);
   }
 
   &--warning {

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

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

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

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-action-bar-icon-width: @action-bar-icon-width;
-  --van-action-bar-icon-height: @action-bar-icon-height;
-  --van-action-bar-icon-color: @action-bar-icon-color;
-  --van-action-bar-icon-size: @action-bar-icon-size;
-  --van-action-bar-icon-font-size: @action-bar-icon-font-size;
-  --van-action-bar-icon-active-color: @action-bar-icon-active-color;
-  --van-action-bar-icon-text-color: @action-bar-icon-text-color;
-  --van-action-bar-icon-background-color: @action-bar-icon-background-color;
+body {
+  --van-action-bar-icon-width: 48px;
+  --van-action-bar-icon-height: 100%;
+  --van-action-bar-icon-color: var(--van-text-color);
+  --van-action-bar-icon-size: 18px;
+  --van-action-bar-icon-font-size: var(--van-font-size-xs);
+  --van-action-bar-icon-active-color: var(--van-active-color);
+  --van-action-bar-icon-text-color: var(--van-text-color);
+  --van-action-bar-icon-background: var(--van-background-2);
 }
 
 .van-action-bar-icon {
@@ -21,7 +19,7 @@
   font-size: var(--van-action-bar-icon-font-size);
   line-height: 1;
   text-align: center;
-  background: var(--van-action-bar-icon-background-color);
+  background: var(--van-action-bar-icon-background);
   cursor: pointer;
 
   &:active {

package/lib/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+body{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}

package/lib/action-sheet/index.less

@@ -1,28 +1,27 @@
-@import './var.less';
 @import '../style/mixins/hairline';
 
-:root {
-  --van-action-sheet-max-height: @action-sheet-max-height;
-  --van-action-sheet-header-height: @action-sheet-header-height;
-  --van-action-sheet-header-font-size: @action-sheet-header-font-size;
-  --van-action-sheet-description-color: @action-sheet-description-color;
-  --van-action-sheet-description-font-size: @action-sheet-description-font-size;
-  --van-action-sheet-description-line-height: @action-sheet-description-line-height;
-  --van-action-sheet-item-background: @action-sheet-item-background;
-  --van-action-sheet-item-font-size: @action-sheet-item-font-size;
-  --van-action-sheet-item-line-height: @action-sheet-item-line-height;
-  --van-action-sheet-item-text-color: @action-sheet-item-text-color;
-  --van-action-sheet-item-disabled-text-color: @action-sheet-item-disabled-text-color;
-  --van-action-sheet-subname-color: @action-sheet-subname-color;
-  --van-action-sheet-subname-font-size: @action-sheet-subname-font-size;
-  --van-action-sheet-subname-line-height: @action-sheet-subname-line-height;
-  --van-action-sheet-close-icon-size: @action-sheet-close-icon-size;
-  --van-action-sheet-close-icon-color: @action-sheet-close-icon-color;
-  --van-action-sheet-close-icon-padding: @action-sheet-close-icon-padding;
-  --van-action-sheet-cancel-text-color: @action-sheet-cancel-text-color;
-  --van-action-sheet-cancel-padding-top: @action-sheet-cancel-padding-top;
-  --van-action-sheet-cancel-padding-color: @action-sheet-cancel-padding-color;
-  --van-action-sheet-loading-icon-size: @action-sheet-loading-icon-size;
+body {
+  --van-action-sheet-max-height: 80%;
+  --van-action-sheet-header-height: 48px;
+  --van-action-sheet-header-font-size: var(--van-font-size-lg);
+  --van-action-sheet-description-color: var(--van-text-color-2);
+  --van-action-sheet-description-font-size: var(--van-font-size-md);
+  --van-action-sheet-description-line-height: var(--van-line-height-md);
+  --van-action-sheet-item-background: var(--van-background-2);
+  --van-action-sheet-item-font-size: var(--van-font-size-lg);
+  --van-action-sheet-item-line-height: var(--van-line-height-lg);
+  --van-action-sheet-item-text-color: var(--van-text-color);
+  --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
+  --van-action-sheet-subname-color: var(--van-text-color-2);
+  --van-action-sheet-subname-font-size: var(--van-font-size-sm);
+  --van-action-sheet-subname-line-height: var(--van-line-height-sm);
+  --van-action-sheet-close-icon-size: 22px;
+  --van-action-sheet-close-icon-color: var(--van-gray-5);
+  --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
+  --van-action-sheet-cancel-text-color: var(--van-gray-7);
+  --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
+  --van-action-sheet-cancel-padding-color: var(--van-background);
+  --van-action-sheet-loading-icon-size: 22px;
 }
 
 .van-action-sheet {
@@ -95,7 +94,7 @@
 
   &__header {
     flex-shrink: 0;
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-action-sheet-header-font-size);
     line-height: var(--van-action-sheet-header-height);
     text-align: center;

package/lib/address-edit/AddressEdit.d.ts

@@ -16,7 +16,6 @@ declare const addressEditProps: {
         default: true;
     };
     showDelete: BooleanConstructor;
-    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: PropType<AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -45,10 +44,6 @@ declare const addressEditProps: {
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-    postalValidator: {
-        type: PropType<(val: string) => boolean>;
-        default: (value: string) => boolean;
-    };
 };
 export declare type AddressEditProps = ExtractPropTypes<typeof addressEditProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -65,7 +60,6 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     showDelete: BooleanConstructor;
-    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: PropType<AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -94,11 +88,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-    postalValidator: {
-        type: PropType<(val: string) => boolean>;
-        default: (value: string) => boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     areaList: PropType<AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -112,7 +102,6 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     showDelete: BooleanConstructor;
-    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: PropType<AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -141,26 +130,21 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: typeof isMobile;
     };
-    postalValidator: {
-        type: PropType<(val: string) => boolean>;
-        default: (value: string) => boolean;
-    };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
-    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSelectSearch?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onClick-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-detail"?: ((...args: any[]) => any) | undefined;
-    "onChange-default"?: ((...args: any[]) => any) | undefined;
+    onClickArea?: ((...args: any[]) => any) | undefined;
+    onChangeArea?: ((...args: any[]) => any) | undefined;
+    onChangeDetail?: ((...args: any[]) => any) | undefined;
+    onChangeDefault?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;
     isDeleting: boolean;
     showArea: boolean;
     showDetail: boolean;
     showDelete: boolean;
-    showPostal: boolean;
     disableArea: boolean;
     showSetDefault: boolean;
     showSearchResult: boolean;
@@ -169,6 +153,5 @@ declare const _default: import("vue").DefineComponent<{
     areaColumnsPlaceholder: string[];
     addressInfo: Partial<AddressEditInfo>;
     telValidator: (val: string) => boolean;
-    postalValidator: (val: string) => boolean;
 }>;
 export default _default;