vant 4.0.0-rc.2 → 4.0.0-rc.4

package/lib/swipe/types.d.ts

@@ -29,3 +29,11 @@ export declare type SwipeProvide = {
     activeIndicator: ComputedRef<number>;
 };
 export declare type SwipeInstance = ComponentPublicInstance<SwipeProps, SwipeExpose>;
+export declare type SwipeThemeVars = {
+    swipeIndicatorSize?: string;
+    swipeIndicatorMargin?: string;
+    swipeIndicatorActiveOpacity?: number | string;
+    swipeIndicatorInactiveOpacity?: number | string;
+    swipeIndicatorActiveBackground?: string;
+    swipeIndicatorInactiveBackground?: string;
+};

package/lib/switch/index.d.ts

@@ -40,6 +40,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
 export default Switch;
 export { switchProps } from './Switch';
 export type { SwitchProps } from './Switch';
+export type { SwitchThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSwitch: typeof Switch;

package/lib/switch/types.d.ts

@@ -0,0 +1,12 @@
+export declare type SwitchThemeVars = {
+    switchSize?: string;
+    switchWidth?: string;
+    switchHeight?: string;
+    switchNodeSize?: string;
+    switchNodeBackground?: string;
+    switchNodeShadow?: string;
+    switchBackground?: string;
+    switchOnBackground?: string;
+    switchDuration?: string;
+    switchDisabledOpacity?: number | string;
+};

package/lib/switch/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/tab/Tab.js

@@ -79,6 +79,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return isActive;
     });
+    const hasInactiveClass = (0, import_vue2.ref)(!active.value);
+    (0, import_vue2.watch)(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        (0, import_use.doubleRaf)(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     (0, import_vue2.watch)(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -102,7 +112,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "id": id,
           "role": "tabpanel",
           "class": bem("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,

package/lib/tabbar/index.d.ts

@@ -58,6 +58,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
 export default Tabbar;
 export { tabbarProps } from './Tabbar';
 export type { TabbarProps } from './Tabbar';
+export type { TabbarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTabbar: typeof Tabbar;

package/lib/tabbar/types.d.ts

@@ -0,0 +1,5 @@
+export declare type TabbarThemeVars = {
+    tabbarHeight?: string;
+    tabbarZIndex?: number | string;
+    tabbarBackground?: string;
+};

package/lib/tabbar/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/tabbar-item/index.d.ts

@@ -29,6 +29,7 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
 export default TabbarItem;
 export { tabbarItemProps } from './TabbarItem';
 export type { TabbarItemProps } from './TabbarItem';
+export type { TabbarItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTabbarItem: typeof TabbarItem;

package/lib/tabbar-item/types.d.ts

@@ -0,0 +1,9 @@
+export declare type TabbarItemThemeVars = {
+    tabbarItemFontSize?: string;
+    tabbarItemTextColor?: string;
+    tabbarItemActiveColor?: string;
+    tabbarItemActiveBackground?: string;
+    tabbarItemLineHeight?: number | string;
+    tabbarItemIconSize?: string;
+    tabbarItemIconMarginBottom?: string;
+};

package/lib/tabbar-item/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/tabs/Tabs.js

@@ -163,7 +163,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         index += diff;
       }
     };
-    const setCurrentIndex = (currentIndex) => {
+    const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
       const newIndex = findAvailableTab(currentIndex);
       if (!(0, import_utils.isDef)(newIndex)) {
         return;
@@ -178,11 +178,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
           emit("change", newName, newTab.title);
         }
       }
+      if (!skipScrollIntoView) {
+        scrollIntoView();
+      }
+      setLine();
+      if (stickyFixed && !props.scrollspy) {
+        (0, import_utils.setRootScrollTop)(Math.ceil((0, import_utils.getElementTop)(root.value) - offsetTopPx.value));
+      }
     };
-    const setCurrentIndexByName = (name2) => {
+    const setCurrentIndexByName = (name2, skipScrollIntoView) => {
       const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
       const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index);
+      setCurrentIndex(index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
@@ -309,15 +316,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         });
       }
     });
-    (0, import_vue2.watch)(() => state.currentIndex, () => {
-      scrollIntoView();
-      setLine();
-      if (stickyFixed && !props.scrollspy) {
-        (0, import_utils.setRootScrollTop)(Math.ceil((0, import_utils.getElementTop)(root.value) - offsetTopPx.value));
-      }
-    });
     const init = () => {
-      setCurrentIndexByName(props.active);
+      setCurrentIndexByName(props.active, true);
       (0, import_vue2.nextTick)(() => {
         state.inited = true;
         if (wrapRef.value) {

package/lib/tabs/index.d.ts

@@ -107,7 +107,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
 export default Tabs;
 export { tabsProps } from './Tabs';
 export type { TabsProps };
-export type { TabsType, TabsInstance } from './types';
+export type { TabsType, TabsInstance, TabsThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTabs: typeof Tabs;

package/lib/tabs/types.d.ts

@@ -21,3 +21,17 @@ export declare type TabsExpose = {
     scrollTo: (name: Numeric) => void;
 };
 export declare type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;
+export declare type TabsThemeVars = {
+    tabTextColor?: string;
+    tabActiveTextColor?: string;
+    tabDisabledTextColor?: string;
+    tabFontSize?: string;
+    tabLineHeight?: number | string;
+    tabsDefaultColor?: string;
+    tabsLineHeight?: number | string;
+    tabsCardHeight?: string;
+    tabsNavBackground?: string;
+    tabsBottomBarWidth?: string;
+    tabsBottomBarHeight?: string;
+    tabsBottomBarColor?: string;
+};

package/lib/tag/Tag.d.ts

@@ -1,6 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-export declare type TagSize = 'large' | 'medium';
-export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+import type { TagType, TagSize } from './types';
 export declare const tagProps: {
     size: PropType<TagSize>;
     mark: BooleanConstructor;

package/lib/tag/index.d.ts

@@ -1,13 +1,13 @@
 export declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
-    size: import("vue").PropType<import("./Tag").TagSize>;
+    size: import("vue").PropType<import("./types").TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
     type: {
-        type: import("vue").PropType<import("./Tag").TagType>;
-        default: import("./Tag").TagType;
+        type: import("vue").PropType<import("./types").TagType>;
+        default: import("./types").TagType;
     };
     color: StringConstructor;
     plain: BooleanConstructor;
@@ -15,15 +15,15 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     textColor: StringConstructor;
     closeable: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: import("vue").PropType<import("./Tag").TagSize>;
+    size: import("vue").PropType<import("./types").TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
     type: {
-        type: import("vue").PropType<import("./Tag").TagType>;
-        default: import("./Tag").TagType;
+        type: import("vue").PropType<import("./types").TagType>;
+        default: import("./types").TagType;
     };
     color: StringConstructor;
     plain: BooleanConstructor;
@@ -33,7 +33,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    type: import("./Tag").TagType;
+    type: import("./types").TagType;
     mark: boolean;
     round: boolean;
     show: boolean;
@@ -42,7 +42,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }>>;
 export default Tag;
 export { tagProps } from './Tag';
-export type { TagSize, TagType, TagProps } from './Tag';
+export type { TagProps } from './Tag';
+export type { TagSize, TagType, TagThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTag: typeof Tag;

package/lib/tag/types.d.ts

@@ -0,0 +1,20 @@
+export declare type TagSize = 'large' | 'medium';
+export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type TagThemeVars = {
+    tagPadding?: string;
+    tagTextColor?: string;
+    tagFontSize?: string;
+    tagRadius?: string;
+    tagLineHeight?: number | string;
+    tagMediumPadding?: string;
+    tagLargePadding?: string;
+    tagLargeRadius?: string;
+    tagLargeFontSize?: string;
+    tagRoundRadius?: string;
+    tagDangerColor?: string;
+    tagPrimaryColor?: string;
+    tagSuccessColor?: string;
+    tagWarningColor?: string;
+    tagDefaultColor?: string;
+    tagPlainBackground?: string;
+};

package/lib/tag/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/toast/index.d.ts

@@ -77,4 +77,9 @@ export default Toast;
 export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanToast: typeof Toast;
+    }
+}

package/lib/toast/types.d.ts

@@ -34,3 +34,20 @@ export declare type ToastWrapperInstance = ComponentPublicInstance<{
      */
     open: (props: Record<string, any>) => void;
 }>;
+export declare type ToastThemeVars = {
+    toastMaxWidth?: string;
+    toastFontSize?: string;
+    toastTextColor?: string;
+    toastLoadingIconColor?: string;
+    toastLineHeight?: number | string;
+    toastRadius?: string;
+    toastBackground?: string;
+    toastIconSize?: string;
+    toastTextMinWidth?: string;
+    toastTextPadding?: string;
+    toastDefaultPadding?: string;
+    toastDefaultWidth?: string;
+    toastDefaultMinHeight?: string;
+    toastPositionTopDistance?: string;
+    toastPositionBottomDistance?: string;
+};

package/lib/tree-select/index.d.ts

@@ -64,6 +64,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
 export default TreeSelect;
 export { treeSelectProps } from './TreeSelect';
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';
+export type { TreeSelectThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTreeSelect: typeof TreeSelect;

package/lib/tree-select/types.d.ts

@@ -0,0 +1,10 @@
+export declare type TreeSelectThemeVars = {
+    treeSelectFontSize?: string;
+    treeSelectNavBackground?: string;
+    treeSelectContentBackground?: string;
+    treeSelectNavItemPadding?: string;
+    treeSelectItemHeight?: string;
+    treeSelectItemActiveColor?: string;
+    treeSelectItemDisabledColor?: string;
+    treeSelectItemSelectedSize?: string;
+};

package/lib/tree-select/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/uploader/index.d.ts

@@ -147,7 +147,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
 export default Uploader;
 export { uploaderProps } from './Uploader';
 export type { UploaderProps };
-export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';
+export type { UploaderInstance, UploaderThemeVars, UploaderResultType, UploaderFileListItem, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanUploader: typeof Uploader;

package/lib/uploader/types.d.ts

@@ -29,3 +29,30 @@ export declare type UploaderExpose = {
     closeImagePreview: () => void;
 };
 export declare type UploaderInstance = ComponentPublicInstance<UploaderProps, UploaderExpose>;
+export declare type UploaderThemeVars = {
+    uploaderSize?: string;
+    uploaderIconSize?: string;
+    uploaderIconColor?: string;
+    uploaderTextColor?: string;
+    uploaderTextFontSize?: string;
+    uploaderUploadBackground?: string;
+    uploaderUploadActiveColor?: string;
+    uploaderDeleteColor?: string;
+    uploaderDeleteIconSize?: string;
+    uploaderDeleteBackground?: string;
+    uploaderFileBackground?: string;
+    uploaderFileIconSize?: string;
+    uploaderFileIconColor?: string;
+    uploaderFileNamePadding?: string;
+    uploaderFileNameMarginTop?: string;
+    uploaderFileNameFontSize?: string;
+    uploaderFileNameTextColor?: string;
+    uploaderMaskTextColor?: string;
+    uploaderMaskBackground?: string;
+    uploaderMaskIconSize?: string;
+    uploaderMaskMessageFontSize?: string;
+    uploaderMaskMessageLineHeight?: number | string;
+    uploaderLoadingIconSize?: string;
+    uploaderLoadingIconColor?: string;
+    uploaderDisabledOpacity?: number | string;
+};

package/lib/vant.cjs.js

@@ -2635,7 +2635,7 @@ var stdin_default$1m = vue.defineComponent({
         index += diff;
       }
     };
-    const setCurrentIndex = (currentIndex) => {
+    const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
       const newIndex = findAvailableTab(currentIndex);
       if (!isDef(newIndex)) {
         return;
@@ -2650,11 +2650,18 @@ var stdin_default$1m = vue.defineComponent({
           emit("change", newName, newTab.title);
         }
       }
+      if (!skipScrollIntoView) {
+        scrollIntoView();
+      }
+      setLine();
+      if (stickyFixed && !props.scrollspy) {
+        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
+      }
     };
-    const setCurrentIndexByName = (name2) => {
+    const setCurrentIndexByName = (name2, skipScrollIntoView) => {
       const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
       const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index);
+      setCurrentIndex(index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
@@ -2781,15 +2788,8 @@ var stdin_default$1m = vue.defineComponent({
         });
       }
     });
-    vue.watch(() => state.currentIndex, () => {
-      scrollIntoView();
-      setLine();
-      if (stickyFixed && !props.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
-      }
-    });
     const init = () => {
-      setCurrentIndexByName(props.active);
+      setCurrentIndexByName(props.active, true);
       vue.nextTick(() => {
         state.inited = true;
         if (wrapRef.value) {
@@ -2982,6 +2982,16 @@ var stdin_default$1k = vue.defineComponent({
       }
       return isActive;
     });
+    const hasInactiveClass = vue.ref(!active.value);
+    vue.watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        use.doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     vue.watch(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -3005,7 +3015,7 @@ var stdin_default$1k = vue.defineComponent({
           "id": id,
           "role": "tabpanel",
           "class": bem$18("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
@@ -3891,7 +3901,8 @@ var stdin_default$1e = vue.defineComponent({
       state.validateMessage = "";
     };
     const endValidate = () => emit("endValidate", {
-      status: state.status
+      status: state.status,
+      message: state.validateMessage
     });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
@@ -10262,6 +10273,7 @@ var stdin_default$u = vue.defineComponent({
         background: props.background
       },
       "overlay": false,
+      "zIndex": props.zIndex,
       "position": props.position,
       "duration": 0.2,
       "lockScroll": props.lockScroll,
@@ -10321,7 +10333,7 @@ function showNotify(options) {
   instance.open(options);
   clearTimeout(timer);
   if (options.duration > 0) {
-    timer = window.setTimeout(closeNotify, options.duration);
+    timer = setTimeout(closeNotify, options.duration);
   }
   return instance;
 }
@@ -14540,7 +14552,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.2";
+const version = "4.0.0-rc.4";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -2633,7 +2633,7 @@ var stdin_default$1m = defineComponent({
         index += diff;
       }
     };
-    const setCurrentIndex = (currentIndex) => {
+    const setCurrentIndex = (currentIndex, skipScrollIntoView) => {
       const newIndex = findAvailableTab(currentIndex);
       if (!isDef(newIndex)) {
         return;
@@ -2648,11 +2648,18 @@ var stdin_default$1m = defineComponent({
           emit("change", newName, newTab.title);
         }
       }
+      if (!skipScrollIntoView) {
+        scrollIntoView();
+      }
+      setLine();
+      if (stickyFixed && !props.scrollspy) {
+        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
+      }
     };
-    const setCurrentIndexByName = (name2) => {
+    const setCurrentIndexByName = (name2, skipScrollIntoView) => {
       const matched = children.find((tab, index2) => getTabName(tab, index2) === name2);
       const index = matched ? children.indexOf(matched) : 0;
-      setCurrentIndex(index);
+      setCurrentIndex(index, skipScrollIntoView);
     };
     const scrollToCurrentContent = (immediate = false) => {
       if (props.scrollspy) {
@@ -2779,15 +2786,8 @@ var stdin_default$1m = defineComponent({
         });
       }
     });
-    watch(() => state.currentIndex, () => {
-      scrollIntoView();
-      setLine();
-      if (stickyFixed && !props.scrollspy) {
-        setRootScrollTop(Math.ceil(getElementTop(root.value) - offsetTopPx.value));
-      }
-    });
     const init = () => {
-      setCurrentIndexByName(props.active);
+      setCurrentIndexByName(props.active, true);
       nextTick(() => {
         state.inited = true;
         if (wrapRef.value) {
@@ -2980,6 +2980,16 @@ var stdin_default$1k = defineComponent({
       }
       return isActive;
     });
+    const hasInactiveClass = ref(!active.value);
+    watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
     watch(() => props.title, () => {
       parent.setLine();
       parent.scrollIntoView();
@@ -3003,7 +3013,7 @@ var stdin_default$1k = defineComponent({
           "id": id,
           "role": "tabpanel",
           "class": bem$18("panel-wrapper", {
-            inactive: !active.value
+            inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
           "aria-hidden": !active.value,
@@ -3889,7 +3899,8 @@ var stdin_default$1e = defineComponent({
       state.validateMessage = "";
     };
     const endValidate = () => emit("endValidate", {
-      status: state.status
+      status: state.status,
+      message: state.validateMessage
     });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
@@ -10260,6 +10271,7 @@ var stdin_default$u = defineComponent({
         background: props.background
       },
       "overlay": false,
+      "zIndex": props.zIndex,
       "position": props.position,
       "duration": 0.2,
       "lockScroll": props.lockScroll,
@@ -10319,7 +10331,7 @@ function showNotify(options) {
   instance.open(options);
   clearTimeout(timer);
   if (options.duration > 0) {
-    timer = window.setTimeout(closeNotify, options.duration);
+    timer = setTimeout(closeNotify, options.duration);
   }
   return instance;
 }
@@ -14538,7 +14550,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.2";
+const version = "4.0.0-rc.4";
 function install(app) {
   const components = [
     ActionBar,