persagy-vant 0.0.38 → 0.0.40

package/lib/action-sheet/ActionSheet.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_utils = require("../utils");
 var import_icon = require("../icon");
+var import_nav_bar = require("../nav-bar");
 var import_popup = require("../popup");
 var import_loading = require("../loading");
 var import_shared = require("../popup/shared");
@@ -31,7 +32,6 @@ const actionSheetProps = (0, import_utils.extend)({}, import_shared.popupSharedP
   title: String,
   round: import_utils.truthProp,
   actions: (0, import_utils.makeArrayProp)(),
-  closeIcon: (0, import_utils.makeStringProp)("cross"),
   closeable: import_utils.truthProp,
   cancelText: String,
   description: String,
@@ -55,13 +55,20 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const renderHeader = () => {
       if (props.title) {
-        return (0, import_vue.createVNode)("div", {
-          "class": bem("header")
-        }, [props.title, props.closeable && (0, import_vue.createVNode)(import_icon.Icon, {
-          "name": props.closeIcon,
-          "class": [bem("close"), import_utils.HAPTICS_FEEDBACK],
-          "onClick": onCancel
-        }, null)]);
+        return (0, import_vue.createVNode)(import_nav_bar.NavBar, {
+          "class": bem("header"),
+          "title": props.title,
+          "border": false
+        }, props.closeable ? {
+          left: () => (0, import_vue.createVNode)("span", {
+            "class": bem("nav-left")
+          }, [(0, import_vue.createVNode)(import_icon.Icon, {
+            "name": "cross",
+            "size": 22,
+            "class": import_utils.HAPTICS_FEEDBACK,
+            "onClick": onCancel
+          }, null)])
+        } : void 0);
       }
     };
     const renderCancel = () => {
@@ -96,6 +103,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const renderAction = (action, index) => {
       const {
         color,
+        selected,
         loading,
         callback,
         disabled,
@@ -116,9 +124,10 @@ var stdin_default = (0, import_vue.defineComponent)({
       return (0, import_vue.createVNode)("button", {
         "type": "button",
         "style": {
-          color
+          color: selected ? "var(--van-primary-color)" : color
         },
         "class": [bem("item", {
+          selected,
           loading,
           disabled
         }), className],
@@ -142,7 +151,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         var _a;
         return [renderHeader(), renderDescription(), (0, import_vue.createVNode)("div", {
           "class": bem("content")
-        }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
+        }, [props.actions.length > 0 && (0, import_vue.createVNode)("div", {
+          "class": bem("action-card")
+        }, [props.actions.map(renderAction)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
       }
     });
   }

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}
+:root{--van-action-sheet-max-height:calc(100% - 96px);--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-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);height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color);background:var(--van-gray-2)}.van-action-sheet__content{flex:1 auto;display:flex;flex-direction:column;gap:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__action-card{overflow:hidden;background:var(--van-white);border-radius:8px}.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:transparent;border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{position:relative;line-height:var(--van-action-sheet-item-line-height);text-align:left}.van-action-sheet__item--selected{font-weight:var(--van-font-weight-bold)}.van-action-sheet__item:not(:last-child):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__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;background:transparent}.van-action-sheet__nav-left{display:flex;align-items:center;height:var(--van-nav-bar-height);padding:0 6px 0 var(--van-padding-md)}.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)}

package/lib/action-sheet/index.d.ts

@@ -33,10 +33,6 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
         default: () => never[];
     };
-    closeIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     closeable: {
         type: BooleanConstructor;
         default: true;
@@ -87,10 +83,6 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./ActionSheet").ActionSheetAction[]>;
         default: () => never[];
     };
-    closeIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     closeable: {
         type: BooleanConstructor;
         default: true;
@@ -112,15 +104,14 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
     round: boolean;
+    show: boolean;
+    closeable: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
-    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    closeIcon: string;
-    closeable: boolean;
     closeOnPopstate: boolean;
     actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;

package/lib/action-sheet/index.less

@@ -16,9 +16,6 @@
   --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;
@@ -29,22 +26,34 @@
   display: flex;
   flex-direction: column;
   max-height: var(--van-action-sheet-max-height);
+  height: var(--van-action-sheet-max-height);
   overflow: hidden;
   color: var(--van-action-sheet-item-text-color);
+  background: var(--van-gray-2);
 
   &__content {
     flex: 1 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    padding: 0 var(--van-padding-md) var(--van-padding-md);
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
   }
 
+  &__action-card {
+    overflow: hidden;
+    background: var(--van-white);
+    border-radius: 8px;
+  }
+
   &__item,
   &__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);
+    background: transparent;
     border: none;
     cursor: pointer;
 
@@ -54,7 +63,17 @@
   }
 
   &__item {
+    position: relative;
     line-height: var(--van-action-sheet-item-line-height);
+    text-align: left;
+
+    &--selected {
+      font-weight: var(--van-font-weight-bold);
+    }
+
+    &:not(:last-child)::after {
+      .hairline-bottom(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
+    }
 
     &--loading,
     &--disabled {
@@ -95,10 +114,14 @@
 
   &__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;
+    background: transparent;
+  }
+
+  &__nav-left {
+    display: flex;
+    align-items: center;
+    height: var(--van-nav-bar-height);
+    padding: 0 6px 0 var(--van-padding-md);
   }
 
   &__description {
@@ -120,13 +143,4 @@
     height: var(--van-action-sheet-loading-icon-size);
   }
 
-  &__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/style/index.js

@@ -4,4 +4,6 @@ require("../../icon/index.css");
 require("../../loading/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
+require("../../popover/index.css");
+require("../../nav-bar/index.css");
 require("../index.css");

package/lib/action-sheet/style/less.js

@@ -4,4 +4,6 @@ require("../../icon/index.less");
 require("../../loading/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
+require("../../popover/index.less");
+require("../../nav-bar/index.less");
 require("../index.less");

package/lib/action-sheet/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@action-sheet-max-height: 80%;
+@action-sheet-max-height: calc(100% - 96px);
 @action-sheet-header-height: 48px;
 @action-sheet-header-font-size: var(--van-font-size-lg);
 @action-sheet-description-color: var(--van-text-color-2);
@@ -14,9 +14,6 @@
 @action-sheet-subname-color: var(--van-text-color-2);
 @action-sheet-subname-font-size: var(--van-font-size-sm);
 @action-sheet-subname-line-height: var(--van-line-height-sm);
-@action-sheet-close-icon-size: 22px;
-@action-sheet-close-icon-color: var(--van-gray-5);
-@action-sheet-close-icon-padding: 0 var(--van-padding-md);
 @action-sheet-cancel-text-color: var(--van-gray-7);
 @action-sheet-cancel-padding-top: var(--van-padding-xs);
 @action-sheet-cancel-padding-color: var(--van-background-color);

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

@@ -25,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
     "onSelect-search"?: ((...args: any[]) => any) | undefined;
 }, {
-    focused: boolean;
     show: boolean;
+    focused: boolean;
     showSearchResult: boolean;
 }>;
 export default _default;

package/lib/address-edit/style/index.js

@@ -1,6 +1,7 @@
 require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
+require("../../tag/index.css");
 require("../../loading/index.css");
 require("../../switch/index.css");
 require("../../picker/index.css");

package/lib/address-edit/style/less.js

@@ -1,6 +1,7 @@
 require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
+require("../../tag/index.less");
 require("../../loading/index.less");
 require("../../switch/index.less");
 require("../../picker/index.less");

package/lib/button/Button.d.ts

@@ -12,6 +12,7 @@ declare const buttonProps: {
     };
     text: StringConstructor;
     icon: StringConstructor;
+    rightIcon: StringConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     type: {
         type: PropType<ButtonType>;
@@ -54,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     text: StringConstructor;
     icon: StringConstructor;
+    rightIcon: StringConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     type: {
         type: PropType<ButtonType>;
@@ -94,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     text: StringConstructor;
     icon: StringConstructor;
+    rightIcon: StringConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     type: {
         type: PropType<ButtonType>;
@@ -133,9 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     disabled: boolean;
     square: boolean;
+    plain: boolean;
     loading: boolean;
     block: boolean;
-    plain: boolean;
     hairline: boolean;
     nativeType: ButtonNativeType;
     iconPosition: ButtonIconPosition;

package/lib/button/Button.js

@@ -36,6 +36,7 @@ const buttonProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
   tag: (0, import_utils.makeStringProp)("button"),
   text: String,
   icon: String,
+  rightIcon: String,
   iconSize: import_utils.numericProp,
   type: (0, import_utils.makeStringProp)("default"),
   size: (0, import_utils.makeStringProp)("normal"),
@@ -92,6 +93,25 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, null);
       }
     };
+    const renderRightIcon = () => {
+      var _a;
+      if (props.loading) {
+        return;
+      }
+      if (slots["right-icon"]) {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("right-icon")
+        }, [slots["right-icon"]()]);
+      }
+      if (props.rightIcon) {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
+          "size": (_a = props.iconSize) != null ? _a : buttonIconSizes[props.size],
+          "name": props.rightIcon,
+          "class": bem("right-icon"),
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
     const renderText = () => {
       let text;
       if (props.loading) {
@@ -168,7 +188,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, {
         default: () => [(0, import_vue.createVNode)("div", {
           "class": bem("content")
-        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
+        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon(), renderRightIcon()])]
       });
     };
   }

package/lib/button/index.css

@@ -1 +1 @@
-:root{--van-button-mini-height: 24px;--van-button-mini-padding: 0 var(--van-padding-base);--van-button-mini-font-size: var(--van-font-size-xs);--van-button-small-height: 32px;--van-button-small-padding: 0 var(--van-padding-xs);--van-button-small-font-size: var(--van-font-size-sm);--van-button-normal-padding: 0 15px;--van-button-normal-font-size: var(--van-font-size-md);--van-button-large-height: 50px;--van-button-default-height: 44px;--van-button-default-line-height: 1.2;--van-button-default-font-size: var(--van-font-size-lg);--van-button-default-color: var(--van-grey-900);--van-button-default-background-color: var(--van-background-color-light);--van-button-default-border-color: var(--van-grey-300);--van-button-primary-color: var(--van-white);--van-button-primary-background-color: var(--van-blue-500);--van-button-primary-border-color: var(--van-blue-500);--van-button-success-color: var(--van-white);--van-button-success-background-color: var(--van-success-color);--van-button-success-border-color: var(--van-success-color);--van-button-danger-color: var(--van-white);--van-button-danger-background-color: var(--van-danger-color);--van-button-danger-border-color: var(--van-danger-color);--van-button-warning-color: var(--van-white);--van-button-warning-background-color: var(--van-warning-color);--van-button-warning-border-color: var(--van-warning-color);--van-button-border-width: var(--van-border-width-base);--van-button-border-radius: var(--van-border-radius-lg);--van-button-round-border-radius: var(--van-border-radius-max);--van-button-plain-background-color: transparent;--van-button-disabled-opacity: var(--van-disabled-opacity);--van-button-icon-size: 1.2em;--van-button-loading-icon-size: 20px}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--van-button-default-height);margin:0;padding:0;font-size:var(--van-button-default-font-size);line-height:var(--van-button-default-line-height);text-align:center;border-radius:var(--van-button-border-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast);-webkit-appearance:none}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--van-grey-900);border-color:var(--van-grey-900);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.van-button:active:before{opacity:.08}.van-button--loading:before,.van-button--disabled:before{display:none}.van-button--default{color:var(--van-button-default-color);background:var(--van-button-default-background-color);border:var(--van-button-border-width) solid var(--van-button-default-border-color)}.van-button--primary{color:var(--van-button-primary-color);background:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid var(--van-button-primary-border-color)}.van-button--success{color:var(--van-button-success-color);background:var(--van-button-success-background-color);border:var(--van-button-border-width) solid var(--van-button-success-border-color)}.van-button--danger{color:var(--van-button-danger-color);background:var(--van-button-danger-background-color);border:var(--van-button-border-width) solid var(--van-button-danger-border-color)}.van-button--warning{color:var(--van-button-warning-color);background:var(--van-button-warning-background-color);border:var(--van-button-border-width) solid var(--van-button-warning-border-color)}.van-button--text{background:var(--van-button-plain-background-color);color:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid transparent}.van-button--plain{background:var(--van-button-plain-background-color)}.van-button--plain.van-button--primary{color:var(--van-button-primary-background-color)}.van-button--plain.van-button--success{color:var(--van-button-success-background-color)}.van-button--plain.van-button--danger{color:var(--van-button-danger-background-color)}.van-button--plain.van-button--warning{color:var(--van-button-warning-background-color)}.van-button--large{width:100%;height:var(--van-button-large-height)}.van-button--large .van-button__icon{font-size:var(--van-font-size-xl)}.van-button--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.van-button--normal .van-button__icon{font-size:var(--van-font-size-lg)}.van-button--small{height:var(--van-button-small-height);padding:var(--van-button-small-padding);font-size:var(--van-button-small-font-size)}.van-button--small .van-button__icon{font-size:var(--van-font-size-md)}.van-button__loading{color:inherit;font-size:inherit}.van-button__loading .van-loading__spinner{color:currentColor;width:var(--van-button-loading-icon-size);height:var(--van-button-loading-icon-size)}.van-button--mini{height:var(--van-button-mini-height);padding:var(--van-button-mini-padding);font-size:var(--van-button-mini-font-size);border-radius:var(--van-border-radius-md)}.van-button--mini .van-button__icon{font-size:var(--van-font-size-sm)}.van-button--mini+.van-button--mini{margin-left:var(--van-padding-base)}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:var(--van-button-disabled-opacity)}.van-button--loading{cursor:default}.van-button--round{border-radius:var(--van-button-round-border-radius)}.van-button--square{border-radius:0}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button__content:before{content:" "}.van-button__icon{font-size:var(--van-button-icon-size);line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:var(--van-padding-base)}.van-button--hairline{border-width:0}.van-button--hairline:after{border-color:inherit;border-radius:calc(var(--van-button-border-radius) * 2)}.van-button--hairline.van-button--round:after{border-radius:var(--van-button-round-border-radius)}.van-button--hairline.van-button--square:after{border-radius:0}
+:root{--van-button-mini-height: 24px;--van-button-mini-padding: 0 var(--van-padding-base);--van-button-mini-font-size: var(--van-font-size-xs);--van-button-small-height: 32px;--van-button-small-padding: 0 var(--van-padding-xs);--van-button-small-font-size: var(--van-font-size-sm);--van-button-normal-padding: 0 15px;--van-button-normal-font-size: var(--van-font-size-md);--van-button-large-height: 50px;--van-button-default-height: 44px;--van-button-default-line-height: 1.2;--van-button-default-font-size: var(--van-font-size-lg);--van-button-default-color: var(--van-grey-900);--van-button-default-background-color: var(--van-background-color-light);--van-button-default-border-color: var(--van-grey-300);--van-button-primary-color: var(--van-white);--van-button-primary-background-color: var(--van-blue-500);--van-button-primary-border-color: var(--van-blue-500);--van-button-success-color: var(--van-white);--van-button-success-background-color: var(--van-success-color);--van-button-success-border-color: var(--van-success-color);--van-button-danger-color: var(--van-white);--van-button-danger-background-color: var(--van-danger-color);--van-button-danger-border-color: var(--van-danger-color);--van-button-warning-color: var(--van-white);--van-button-warning-background-color: var(--van-warning-color);--van-button-warning-border-color: var(--van-warning-color);--van-button-border-width: var(--van-border-width-base);--van-button-border-radius: var(--van-border-radius-lg);--van-button-round-border-radius: var(--van-border-radius-max);--van-button-plain-background-color: transparent;--van-button-disabled-opacity: var(--van-disabled-opacity);--van-button-icon-size: 1.2em;--van-button-loading-icon-size: 20px}.van-button{position:relative;display:inline-block;box-sizing:border-box;height:var(--van-button-default-height);margin:0;padding:0;font-size:var(--van-button-default-font-size);line-height:var(--van-button-default-line-height);text-align:center;border-radius:var(--van-button-border-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast);-webkit-appearance:none}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--van-grey-900);border-color:var(--van-grey-900);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.van-button:active:before{opacity:.08}.van-button--loading:before,.van-button--disabled:before{display:none}.van-button--default{color:var(--van-button-default-color);background:var(--van-button-default-background-color);border:var(--van-button-border-width) solid var(--van-button-default-border-color)}.van-button--primary{color:var(--van-button-primary-color);background:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid var(--van-button-primary-border-color)}.van-button--success{color:var(--van-button-success-color);background:var(--van-button-success-background-color);border:var(--van-button-border-width) solid var(--van-button-success-border-color)}.van-button--danger{color:var(--van-button-danger-color);background:var(--van-button-danger-background-color);border:var(--van-button-border-width) solid var(--van-button-danger-border-color)}.van-button--warning{color:var(--van-button-warning-color);background:var(--van-button-warning-background-color);border:var(--van-button-border-width) solid var(--van-button-warning-border-color)}.van-button--text{background:var(--van-button-plain-background-color);color:var(--van-button-primary-background-color);border:var(--van-button-border-width) solid transparent}.van-button--plain{background:var(--van-button-plain-background-color)}.van-button--plain.van-button--primary{color:var(--van-button-primary-background-color)}.van-button--plain.van-button--success{color:var(--van-button-success-background-color)}.van-button--plain.van-button--danger{color:var(--van-button-danger-background-color)}.van-button--plain.van-button--warning{color:var(--van-button-warning-background-color)}.van-button--large{width:100%;height:var(--van-button-large-height)}.van-button--large .van-button__icon,.van-button--large .van-button__right-icon{font-size:var(--van-font-size-xl)}.van-button--normal{padding:var(--van-button-normal-padding);font-size:var(--van-button-normal-font-size)}.van-button--normal .van-button__icon,.van-button--normal .van-button__right-icon{font-size:var(--van-font-size-lg)}.van-button--small{height:var(--van-button-small-height);padding:var(--van-button-small-padding);font-size:var(--van-button-small-font-size)}.van-button--small .van-button__icon,.van-button--small .van-button__right-icon{font-size:var(--van-font-size-md)}.van-button__loading{color:inherit;font-size:inherit}.van-button__loading .van-loading__spinner{color:currentColor;width:var(--van-button-loading-icon-size);height:var(--van-button-loading-icon-size)}.van-button--mini{height:var(--van-button-mini-height);padding:var(--van-button-mini-padding);font-size:var(--van-button-mini-font-size);border-radius:var(--van-border-radius-md)}.van-button--mini .van-button__icon,.van-button--mini .van-button__right-icon{font-size:var(--van-font-size-sm)}.van-button--mini+.van-button--mini{margin-left:var(--van-padding-base)}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:var(--van-button-disabled-opacity)}.van-button--loading{cursor:default}.van-button--round{border-radius:var(--van-button-round-border-radius)}.van-button--square{border-radius:0}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button__content:before{content:" "}.van-button__icon,.van-button__right-icon{font-size:var(--van-button-icon-size);line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__right-icon,.van-button__text+.van-button__loading{margin-left:var(--van-padding-base)}.van-button--hairline{border-width:0}.van-button--hairline:after{border-color:inherit;border-radius:calc(var(--van-button-border-radius) * 2)}.van-button--hairline.van-button--round:after{border-radius:var(--van-button-round-border-radius)}.van-button--hairline.van-button--square:after{border-radius:0}

package/lib/button/index.d.ts

@@ -9,6 +9,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     };
     text: StringConstructor;
     icon: StringConstructor;
+    rightIcon: StringConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<import("./types").ButtonType>;
@@ -49,6 +50,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     };
     text: StringConstructor;
     icon: StringConstructor;
+    rightIcon: StringConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<import("./types").ButtonType>;
@@ -88,9 +90,9 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     round: boolean;
     disabled: boolean;
     square: boolean;
+    plain: boolean;
     loading: boolean;
     block: boolean;
-    plain: boolean;
     hairline: boolean;
     nativeType: import("./types").ButtonNativeType;
     iconPosition: import("./types").ButtonIconPosition;

package/lib/button/index.less

@@ -142,7 +142,8 @@
     width: 100%;
     height: var(--van-button-large-height);
 
-    .van-button__icon {
+    .van-button__icon,
+    .van-button__right-icon {
       font-size: var(--van-font-size-xl);
     }
   }
@@ -151,7 +152,8 @@
     padding: var(--van-button-normal-padding);
     font-size: var(--van-button-normal-font-size);
 
-    .van-button__icon {
+    .van-button__icon,
+    .van-button__right-icon {
       font-size: var(--van-font-size-lg);
     }
   }
@@ -161,7 +163,8 @@
     padding: var(--van-button-small-padding);
     font-size: var(--van-button-small-font-size);
 
-    .van-button__icon {
+    .van-button__icon,
+    .van-button__right-icon {
       font-size: var(--van-font-size-md);
     }
   }
@@ -183,7 +186,8 @@
     font-size: var(--van-button-mini-font-size);
     border-radius: var(--van-border-radius-md);
 
-    .van-button__icon {
+    .van-button__icon,
+    .van-button__right-icon {
       font-size: var(--van-font-size-sm);
     }
 
@@ -229,7 +233,8 @@
     }
   }
 
-  &__icon {
+  &__icon,
+  &__right-icon {
     font-size: var(--van-button-icon-size);
     line-height: inherit;
   }
@@ -237,6 +242,7 @@
   &__icon + &__text,
   &__loading + &__text,
   &__text + &__icon,
+  &__text + &__right-icon,
   &__text + &__loading {
     margin-left: var(--van-padding-base);
   }

package/lib/calendar/Calendar.d.ts

@@ -270,9 +270,9 @@ declare const _default: import("vue").DefineComponent<{
     type: CalendarType;
     position: PopupPosition;
     round: boolean;
+    show: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
-    show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;

package/lib/calendar/index.d.ts

@@ -180,9 +180,9 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
     round: boolean;
+    show: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
-    show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;

package/lib/cascader/Cascader.d.ts

@@ -87,8 +87,8 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
-    closeIcon: string;
     closeable: boolean;
+    closeIcon: string;
     options: CascaderOption[];
     swipeable: boolean;
     showHeader: boolean;

package/lib/cascader/index.d.ts

@@ -57,8 +57,8 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
-    closeIcon: string;
     closeable: boolean;
+    closeIcon: string;
     options: import("./types").CascaderOption[];
     swipeable: boolean;
     showHeader: boolean;

package/lib/cascader/style/index.js

@@ -4,6 +4,8 @@ require("../../icon/index.css");
 require("../../loading/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
+require("../../popover/index.css");
+require("../../nav-bar/index.css");
 require("../../action-sheet/index.css");
 require("../../sticky/index.css");
 require("../../swipe/index.css");

package/lib/cascader/style/less.js

@@ -4,6 +4,8 @@ require("../../icon/index.less");
 require("../../loading/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
+require("../../popover/index.less");
+require("../../nav-bar/index.less");
 require("../../action-sheet/index.less");
 require("../../sticky/index.less");
 require("../../swipe/index.less");