vant 3.2.5 → 3.2.6

package/lib/coupon/index.css

@@ -1 +1 @@
-:root{--van-coupon-margin:0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height:84px;--van-coupon-content-padding:14px 0;--van-coupon-background-color:var(--van-white);--van-coupon-active-background-color:var(--van-active-color);--van-coupon-border-radius:var(--van-border-radius-lg);--van-coupon-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);--van-coupon-head-width:96px;--van-coupon-amount-color:var(--van-danger-color);--van-coupon-amount-font-size:30px;--van-coupon-currency-font-size:40%;--van-coupon-name-font-size:var(--van-font-size-md);--van-coupon-disabled-text-color:var(--van-gray-6);--van-coupon-description-padding:var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color:var(--van-border-color);--van-coupon-corner-checkbox-icon-color:var(--van-danger-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background-color:var(--van-coupon-background-color);border-radius:var(--van-coupon-border-radius);box-shadow:var(--van-coupon-box-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background-color)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-gray-8)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-weight-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-corner-checkbox-icon-color);border-color:var(--van-coupon-corner-checkbox-icon-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background-color)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}
+:root{--van-coupon-margin:0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height:84px;--van-coupon-content-padding:14px 0;--van-coupon-background-color:var(--van-white);--van-coupon-active-background-color:var(--van-active-color);--van-coupon-border-radius:var(--van-border-radius-lg);--van-coupon-box-shadow:0 0 4px rgba(0, 0, 0, 0.1);--van-coupon-head-width:96px;--van-coupon-amount-color:var(--van-danger-color);--van-coupon-amount-font-size:30px;--van-coupon-currency-font-size:40%;--van-coupon-name-font-size:var(--van-font-size-md);--van-coupon-disabled-text-color:var(--van-gray-6);--van-coupon-description-padding:var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color:var(--van-border-color);--van-coupon-corner-checkbox-icon-color:var(--van-danger-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background-color);border-radius:var(--van-coupon-border-radius);box-shadow:var(--van-coupon-box-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background-color)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-gray-8)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-weight-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-weight:400;font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-border-radius) var(--van-coupon-border-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:700;font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-corner-checkbox-icon-color);border-color:var(--van-coupon-corner-checkbox-icon-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background-color)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}

package/lib/coupon/index.less

@@ -23,7 +23,7 @@
 .van-coupon {
   margin: var(--van-coupon-margin);
   overflow: hidden;
-  background-color: var(--van-coupon-background-color);
+  background: var(--van-coupon-background-color);
   border-radius: var(--van-coupon-border-radius);
   box-shadow: var(--van-coupon-box-shadow);
 

package/lib/coupon-list/CouponList.js

@@ -169,7 +169,7 @@ var _default = (0, _vue.defineComponent)({
     return () => (0, _vue.createVNode)("div", {
       "class": bem()
     }, [renderExchangeBar(), (0, _vue.createVNode)(_tabs.Tabs, {
-      'active': state.tab,
+      "active": state.tab,
       "onUpdate:active": $event => state.tab = $event,
       "class": bem('tab'),
       "border": false

package/lib/coupon-list/index.css

@@ -1 +1 @@
-:root{--van-coupon-list-background-color:var(--van-background-color);--van-coupon-list-field-padding:5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height:32px;--van-coupon-list-close-button-height:40px;--van-coupon-list-empty-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-gray-6);--van-coupon-list-empty-tip-font-size:var(--van-font-size-md);--van-coupon-list-empty-tip-line-height:var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background-color:var(--van-coupon-list-background-color)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-gray-1);border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;height:calc(100vh - 108px);padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bar{height:calc(100vh - 152px)}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-weight-bold);background-color:var(--van-white)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}
+:root{--van-coupon-list-background-color:var(--van-background-color);--van-coupon-list-field-padding:5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height:32px;--van-coupon-list-close-button-height:40px;--van-coupon-list-empty-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-gray-6);--van-coupon-list-empty-tip-font-size:var(--van-font-size-md);--van-coupon-list-empty-tip-line-height:var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background:var(--van-coupon-list-background-color)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-gray-1);border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;height:calc(100vh - 108px);padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bar{height:calc(100vh - 152px)}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-weight-bold);background-color:var(--van-white)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}

package/lib/coupon-list/index.less

@@ -14,7 +14,7 @@
 .van-coupon-list {
   position: relative;
   height: 100%;
-  background-color: var(--van-coupon-list-background-color);
+  background: var(--van-coupon-list-background-color);
 
   &__field {
     padding: var(--van-coupon-list-field-padding);

package/lib/dialog/Dialog.js

@@ -58,10 +58,7 @@ var _default = (0, _vue.defineComponent)({
 
     var close = action => {
       updateShow(false);
-
-      if (props.callback) {
-        props.callback(action);
-      }
+      props.callback == null ? void 0 : props.callback(action);
     };
 
     var getActionHandler = action => () => {
@@ -74,8 +71,7 @@ var _default = (0, _vue.defineComponent)({
 
       if (props.beforeClose) {
         loading[action] = true;
-        (0, _utils.callInterceptor)({
-          interceptor: props.beforeClose,
+        (0, _utils.callInterceptor)(props.beforeClose, {
           args: [action],
 
           done() {
@@ -222,10 +218,9 @@ var _default = (0, _vue.defineComponent)({
         "style": {
           width: (0, _utils.addUnit)(width)
         },
-        "aria-labelledby": title || message
-      }, (0, _utils.pick)(props, popupKeys), {
-        'onUpdate:show': updateShow
-      }), {
+        "aria-labelledby": title || message,
+        "onUpdate:show": updateShow
+      }, (0, _utils.pick)(props, popupKeys)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
       });
     };

package/lib/dialog/function-call.d.ts

@@ -13,7 +13,7 @@ declare namespace Dialog {
         className: string;
         allowHtml: boolean;
         lockScroll: boolean;
-        transition: string;
+        transition: undefined;
         beforeClose: null;
         overlayClass: string;
         overlayStyle: undefined;
@@ -38,7 +38,7 @@ declare namespace Dialog {
         className: string;
         allowHtml: boolean;
         lockScroll: boolean;
-        transition: string;
+        transition: undefined;
         beforeClose: null;
         overlayClass: string;
         overlayStyle: undefined;

package/lib/dialog/function-call.js

@@ -23,7 +23,7 @@ function initInstance() {
         toggle
       } = (0, _mountComponent.usePopupState)();
       return () => (0, _vue.createVNode)(_Dialog.default, (0, _vue.mergeProps)(state, {
-        'onUpdate:show': toggle
+        "onUpdate:show": toggle
       }), null);
     }
 
@@ -63,7 +63,7 @@ Dialog.defaultOptions = {
   className: '',
   allowHtml: false,
   lockScroll: true,
-  transition: 'van-dialog-bounce',
+  transition: undefined,
   beforeClose: null,
   overlayClass: '',
   overlayStyle: undefined,

package/lib/dialog/index.css

@@ -1 +1 @@
-:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-white);--van-dialog-header-font-weight:var(--van-font-weight-bold);--van-dialog-header-line-height:24px;--van-dialog-header-padding-top:26px;--van-dialog-header-isolated-padding:var(--van-padding-lg) 0;--van-dialog-message-padding:var(--van-padding-lg);--van-dialog-message-font-size:var(--van-font-size-md);--van-dialog-message-line-height:var(--van-line-height-md);--van-dialog-message-max-height:60vh;--van-dialog-has-title-message-text-color:var(--van-gray-7);--van-dialog-has-title-message-padding-top:var(--van-padding-xs);--van-dialog-button-height:48px;--van-dialog-round-button-height:36px;--van-dialog-confirm-button-text-color:var(--van-danger-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background-color:var(--van-dialog-background-color);border-radius:var(--van-dialog-border-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width:321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-white);--van-dialog-header-font-weight:var(--van-font-weight-bold);--van-dialog-header-line-height:24px;--van-dialog-header-padding-top:26px;--van-dialog-header-isolated-padding:var(--van-padding-lg) 0;--van-dialog-message-padding:var(--van-padding-lg);--van-dialog-message-font-size:var(--van-font-size-md);--van-dialog-message-line-height:var(--van-line-height-md);--van-dialog-message-max-height:60vh;--van-dialog-has-title-message-text-color:var(--van-gray-7);--van-dialog-has-title-message-padding-top:var(--van-padding-xs);--van-dialog-button-height:48px;--van-dialog-round-button-height:36px;--van-dialog-confirm-button-text-color:var(--van-danger-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background-color);border-radius:var(--van-dialog-border-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width:321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__cancel,.van-dialog__confirm{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__cancel,.van-dialog--round-button .van-dialog__confirm{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/lib/dialog/index.less

@@ -28,7 +28,7 @@
   width: var(--van-dialog-width);
   overflow: hidden;
   font-size: var(--van-dialog-font-size);
-  background-color: var(--van-dialog-background-color);
+  background: var(--van-dialog-background-color);
   border-radius: var(--van-dialog-border-radius);
   backface-visibility: hidden; // avoid blurry text after scale animation
   transition: var(--van-dialog-transition);

package/lib/dropdown-item/DropdownItem.js

@@ -169,7 +169,7 @@ var _default = (0, _vue.defineComponent)({
         "class": bem([direction]),
         "onClick": onClickWrapper
       }, [(0, _vue.createVNode)(_popup.Popup, {
-        'show': state.showPopup,
+        "show": state.showPopup,
         "onUpdate:show": $event => state.showPopup = $event,
         "class": bem('content'),
         "overlay": overlay,

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-:root{--van-dropdown-menu-height:48px;--van-dropdown-menu-background-color:var(--van-white);--van-dropdown-menu-box-shadow:0 2px 12px rgba(100, 101, 102, 0.12);--van-dropdown-menu-title-font-size:15px;--van-dropdown-menu-title-text-color:var(--van-text-color);--van-dropdown-menu-title-active-text-color:var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color:var(--van-gray-6);--van-dropdown-menu-title-padding:0 var(--van-padding-xs);--van-dropdown-menu-title-line-height:var(--van-line-height-lg);--van-dropdown-menu-option-active-color:var(--van-danger-color);--van-dropdown-menu-content-max-height:80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background-color:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:var(--van-active-opacity)}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;transform:rotate(135deg)}
+:root{--van-dropdown-menu-height:48px;--van-dropdown-menu-background-color:var(--van-white);--van-dropdown-menu-box-shadow:0 2px 12px rgba(100, 101, 102, 0.12);--van-dropdown-menu-title-font-size:15px;--van-dropdown-menu-title-text-color:var(--van-text-color);--van-dropdown-menu-title-active-text-color:var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color:var(--van-gray-6);--van-dropdown-menu-title-padding:0 var(--van-padding-xs);--van-dropdown-menu-title-line-height:var(--van-line-height-lg);--van-dropdown-menu-option-active-color:var(--van-danger-color);--van-dropdown-menu-content-max-height:80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:var(--van-active-opacity)}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;transform:rotate(135deg)}

package/lib/dropdown-menu/index.less

@@ -22,7 +22,7 @@
     position: relative;
     display: flex;
     height: var(--van-dropdown-menu-height);
-    background-color: var(--van-dropdown-menu-background-color);
+    background: var(--van-dropdown-menu-background-color);
     box-shadow: var(--van-dropdown-menu-box-shadow);
 
     &--opened {

package/lib/empty/Network.js

@@ -19,40 +19,24 @@ var Network = (0, _vue.createVNode)("svg", {
   "id": prefix + "1",
   "x1": "64.022%",
   "y1": "100%",
-  "x2": "64.022%",
-  "y2": "0%"
+  "x2": "64.022%"
 }, [renderStop('#FFF', 0, 0.5), renderStop('#F2F3F5', 100)]), (0, _vue.createVNode)("linearGradient", {
   "id": prefix + "2",
   "x1": "50%",
-  "y1": "0%",
   "x2": "50%",
   "y2": "84.459%"
 }, [renderStop('#EBEDF0', 0), renderStop('#DCDEE0', 100, 0)]), (0, _vue.createVNode)("linearGradient", {
   "id": prefix + "3",
   "x1": "100%",
-  "y1": "0%",
   "x2": "100%",
   "y2": "100%"
 }, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("linearGradient", {
   "id": prefix + "4",
   "x1": "100%",
   "y1": "100%",
-  "x2": "100%",
-  "y2": "0%"
-}, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("linearGradient", {
-  "id": prefix + "5",
-  "x1": "0%",
-  "y1": "43.982%",
-  "x2": "100%",
-  "y2": "54.703%"
-}, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("linearGradient", {
-  "id": prefix + "6",
-  "x1": "94.535%",
-  "y1": "43.837%",
-  "x2": "5.465%",
-  "y2": "54.948%"
+  "x2": "100%"
 }, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("radialGradient", {
-  "id": prefix + "7",
+  "id": prefix + "5",
   "cx": "50%",
   "cy": "0%",
   "fx": "50%",
@@ -60,8 +44,7 @@ var Network = (0, _vue.createVNode)("svg", {
   "r": "100%",
   "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
 }, [renderStop('#EBEDF0', 0), renderStop('#FFF', 100, 0)])]), (0, _vue.createVNode)("g", {
-  "fill": "none",
-  "fill-rule": "evenodd"
+  "fill": "none"
 }, [(0, _vue.createVNode)("g", {
   "opacity": ".8"
 }, [(0, _vue.createVNode)("path", {
@@ -73,12 +56,11 @@ var Network = (0, _vue.createVNode)("svg", {
   "fill": "url(#" + prefix + "1)",
   "transform": "translate(2 7)"
 }, null)]), (0, _vue.createVNode)("path", {
-  "fill": "url(#" + prefix + "7)",
+  "fill": "url(#" + prefix + "5)",
   "d": "M0 139h160v21H0z"
 }, null), (0, _vue.createVNode)("path", {
   "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
   "fill": "url(#" + prefix + "2)",
-  "fill-rule": "nonzero",
   "transform": "translate(43 36)"
 }, null), (0, _vue.createVNode)("g", {
   "opacity": ".6",
@@ -101,10 +83,9 @@ var Network = (0, _vue.createVNode)("svg", {
   "stroke": "url(#" + prefix + "4)",
   "transform": "rotate(-180 89.791 42.146)"
 }, null)]), (0, _vue.createVNode)("g", {
-  "transform": "translate(31 105)",
-  "fill-rule": "nonzero"
+  "transform": "translate(31 105)"
 }, [(0, _vue.createVNode)("rect", {
-  "fill": "url(#" + prefix + "5)",
+  "fill": "#EBEDF0",
   "width": "98",
   "height": "34",
   "rx": "2"
@@ -116,7 +97,7 @@ var Network = (0, _vue.createVNode)("svg", {
   "height": "18",
   "rx": "1.114"
 }, null), (0, _vue.createVNode)("rect", {
-  "fill": "url(#" + prefix + "6)",
+  "fill": "#EBEDF0",
   "x": "15",
   "y": "12",
   "width": "18",

package/lib/grid-item/GridItem.js

@@ -96,7 +96,7 @@ var _default = (0, _vue.defineComponent)({
           "dot": props.dot,
           "content": props.badge
         }, {
-          default: () => [slots.icon()]
+          default: slots.icon
         });
       }
 

package/lib/grid-item/index.css

@@ -1 +1 @@
-:root{--van-grid-item-content-padding:var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background-color:var(--van-white);--van-grid-item-content-active-color:var(--van-active-color);--van-grid-item-icon-size:28px;--van-grid-item-text-color:var(--van-gray-7);--van-grid-item-text-font-size:var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background-color:var(--van-grid-item-content-background-color)}.van-grid-item__content::after{z-index:1;border-width:0 var(--van-border-width-base) var(--van-border-width-base) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround::after{border-width:var(--van-border-width-base)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}
+:root{--van-grid-item-content-padding:var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background-color:var(--van-white);--van-grid-item-content-active-color:var(--van-active-color);--van-grid-item-icon-size:28px;--van-grid-item-text-color:var(--van-gray-7);--van-grid-item-text-font-size:var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background-color)}.van-grid-item__content::after{z-index:1;border-width:0 var(--van-border-width-base) var(--van-border-width-base) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround::after{border-width:var(--van-border-width-base)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}

package/lib/grid-item/index.less

@@ -39,7 +39,7 @@
     box-sizing: border-box;
     height: 100%;
     padding: var(--van-grid-item-content-padding);
-    background-color: var(--van-grid-item-content-background-color);
+    background: var(--van-grid-item-content-background-color);
 
     &::after {
       z-index: 1;

package/lib/image/Image.js

@@ -77,28 +77,15 @@ var _default = (0, _vue.defineComponent)({
       emit('error', event);
     };
 
-    var renderLoadingIcon = () => {
-      if (slots.loading) {
-        return slots.loading();
+    var renderIcon = (name, className, slot) => {
+      if (slot) {
+        return slot();
       }
 
       return (0, _vue.createVNode)(_icon.Icon, {
+        "name": name,
         "size": props.iconSize,
-        "name": props.loadingIcon,
-        "class": bem('loading-icon'),
-        "classPrefix": props.iconPrefix
-      }, null);
-    };
-
-    var renderErrorIcon = () => {
-      if (slots.error) {
-        return slots.error();
-      }
-
-      return (0, _vue.createVNode)(_icon.Icon, {
-        "size": props.iconSize,
-        "name": props.errorIcon,
-        "class": bem('error-icon'),
+        "class": className,
         "classPrefix": props.iconPrefix
       }, null);
     };
@@ -107,13 +94,13 @@ var _default = (0, _vue.defineComponent)({
       if (loading.value && props.showLoading) {
         return (0, _vue.createVNode)("div", {
           "class": bem('loading')
-        }, [renderLoadingIcon()]);
+        }, [renderIcon(props.loadingIcon, bem('loading-icon'), slots.loading)]);
       }
 
       if (error.value && props.showError) {
         return (0, _vue.createVNode)("div", {
           "class": bem('error')
-        }, [renderErrorIcon()]);
+        }, [renderIcon(props.errorIcon, bem('error-icon'), slots.error)]);
       }
     };
 

package/lib/image/index.css

@@ -1 +1 @@
-:root{--van-image-placeholder-text-color:var(--van-gray-6);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background-color:var(--van-background-color);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-border-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background-color:var(--van-image-placeholder-background-color)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}
+:root{--van-image-placeholder-text-color:var(--van-gray-6);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background-color:var(--van-background-color);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-border-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background-color)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}

package/lib/image/index.less

@@ -42,7 +42,7 @@
     justify-content: center;
     color: var(--van-image-placeholder-text-color);
     font-size: var(--van-image-placeholder-font-size);
-    background-color: var(--van-image-placeholder-background-color);
+    background: var(--van-image-placeholder-background-color);
   }
 
   &__loading-icon {

package/lib/image-preview/ImagePreview.js

@@ -25,6 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('image-preview');
+var popupProps = ['show', 'transition', 'overlayStyle', 'closeOnPopstate'];
 var props = {
   show: Boolean,
   loop: _utils.truthProp,
@@ -77,8 +78,7 @@ var _default = (0, _vue.defineComponent)({
     var updateShow = show => emit('update:show', show);
 
     var emitClose = () => {
-      (0, _utils.callInterceptor)({
-        interceptor: props.beforeClose,
+      (0, _utils.callInterceptor)(props.beforeClose, {
         args: [state.active],
         done: () => updateShow(false)
       });
@@ -182,10 +182,9 @@ var _default = (0, _vue.defineComponent)({
     return () => (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
       "class": [bem(), props.className],
       "overlayClass": bem('overlay'),
-      "onClosed": onClosed
-    }, (0, _utils.pick)(props, ['show', 'transition', 'overlayStyle', 'closeOnPopstate']), {
-      'onUpdate:show': updateShow
-    }), {
+      "onClosed": onClosed,
+      "onUpdate:show": updateShow
+    }, (0, _utils.pick)(props, popupProps)), {
       default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
     });
   }

package/lib/image-preview/function-call.js

@@ -52,8 +52,8 @@ function initInstance() {
       };
 
       return () => (0, _vue.createVNode)(_ImagePreview.default, (0, _vue.mergeProps)(state, {
-        onClosed,
-        'onUpdate:show': toggle
+        "onClosed": onClosed,
+        "onUpdate:show": toggle
       }), null);
     }
 

package/lib/image-preview/index.css

@@ -1 +1 @@
-:root{--van-image-preview-index-text-color:var(--van-white);--van-image-preview-index-font-size:var(--van-font-size-md);--van-image-preview-index-line-height:var(--van-line-height-md);--van-image-preview-index-text-shadow:0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color:rgba(0, 0, 0, 0.9);--van-image-preview-close-icon-size:22px;--van-image-preview-close-icon-color:var(--van-gray-5);--van-image-preview-close-icon-active-color:var(--van-gray-6);--van-image-preview-close-icon-margin:var(--van-padding-md);--van-image-preview-close-icon-z-index:1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%,0)}.van-image-preview__overlay{background-color:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size);cursor:pointer}.van-image-preview__close-icon:active{color:var(--van-image-preview-close-icon-active-color)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}
+:root{--van-image-preview-index-text-color:var(--van-white);--van-image-preview-index-font-size:var(--van-font-size-md);--van-image-preview-index-line-height:var(--van-line-height-md);--van-image-preview-index-text-shadow:0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background-color:rgba(0, 0, 0, 0.9);--van-image-preview-close-icon-size:22px;--van-image-preview-close-icon-color:var(--van-gray-5);--van-image-preview-close-icon-active-color:var(--van-gray-6);--van-image-preview-close-icon-margin:var(--van-padding-md);--van-image-preview-close-icon-z-index:1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%,0)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size);cursor:pointer}.van-image-preview__close-icon:active{color:var(--van-image-preview-close-icon-active-color)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

package/lib/image-preview/index.less

@@ -81,7 +81,7 @@
   }
 
   &__overlay {
-    background-color: var(--van-image-preview-overlay-background-color);
+    background: var(--van-image-preview-overlay-background-color);
   }
 
   &__close-icon {

package/lib/index-anchor/index.css

@@ -1 +1 @@
-:root{--van-index-anchor-z-index:1;--van-index-anchor-padding:0 var(--van-padding-md);--van-index-anchor-text-color:var(--van-text-color);--van-index-anchor-font-weight:var(--van-font-weight-bold);--van-index-anchor-font-size:var(--van-font-size-md);--van-index-anchor-line-height:32px;--van-index-anchor-background-color:transparent;--van-index-anchor-sticky-text-color:var(--van-danger-color);--van-index-anchor-sticky-background-color:var(--van-white)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background-color:var(--van-index-anchor-background-color)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background-color:var(--van-index-anchor-sticky-background-color)}
+:root{--van-index-anchor-z-index:1;--van-index-anchor-padding:0 var(--van-padding-md);--van-index-anchor-text-color:var(--van-text-color);--van-index-anchor-font-weight:var(--van-font-weight-bold);--van-index-anchor-font-size:var(--van-font-size-md);--van-index-anchor-line-height:32px;--van-index-anchor-background-color:transparent;--van-index-anchor-sticky-text-color:var(--van-danger-color);--van-index-anchor-sticky-background-color:var(--van-white)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background-color)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background-color)}

package/lib/index-anchor/index.less

@@ -20,7 +20,7 @@
   font-weight: var(--van-index-anchor-font-weight);
   font-size: var(--van-index-anchor-font-size);
   line-height: var(--van-index-anchor-line-height);
-  background-color: var(--van-index-anchor-background-color);
+  background: var(--van-index-anchor-background-color);
 
   &--sticky {
     position: fixed;
@@ -28,6 +28,6 @@
     right: 0;
     left: 0;
     color: var(--van-index-anchor-sticky-text-color);
-    background-color: var(--van-index-anchor-sticky-background-color);
+    background: var(--van-index-anchor-sticky-background-color);
   }
 }

package/lib/index-bar/IndexBar.js

@@ -71,17 +71,6 @@ var _default = (0, _vue.defineComponent)({
       }
     });
 
-    var getScrollerRect = () => {
-      if ('getBoundingClientRect' in scrollParent.value) {
-        return (0, _use.useRect)(scrollParent);
-      }
-
-      return {
-        top: 0,
-        left: 0
-      };
-    };
-
     var getActiveAnchor = (scrollTop, rects) => {
       for (var i = children.length - 1; i >= 0; i--) {
         var prevHeight = i > 0 ? rects[i - 1].height : 0;
@@ -105,7 +94,7 @@ var _default = (0, _vue.defineComponent)({
         indexList
       } = props;
       var scrollTop = (0, _utils.getScrollTop)(scrollParent.value);
-      var scrollParentRect = getScrollerRect();
+      var scrollParentRect = (0, _use.useRect)(scrollParent);
       var rects = children.map(item => item.getRect(scrollParent.value, scrollParentRect));
       var active = getActiveAnchor(scrollTop, rects);
       activeAnchor.value = indexList[active];