vant 4.0.0-beta.0 → 4.0.0-rc.1

package/es/index-bar/IndexBar.mjs

@@ -31,6 +31,7 @@ var stdin_default = defineComponent({
     slots
   }) {
     const root = ref();
+    const sidebar = ref();
     const activeAnchor = ref("");
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
@@ -121,7 +122,8 @@ var stdin_default = defineComponent({
       nextTick(onScroll);
     };
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     onMounted(init);
     watch(() => props.indexList, init);
@@ -149,11 +151,11 @@ var stdin_default = defineComponent({
         const {
           offsetHeight
         } = document.documentElement;
+        match.$el.scrollIntoView();
         if (scrollTop === offsetHeight - scrollParentRect.height) {
           onScroll();
           return;
         }
-        match.$el.scrollIntoView();
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
         }
@@ -193,15 +195,18 @@ var stdin_default = defineComponent({
       }
     };
     const renderSidebar = () => _createVNode("div", {
+      "ref": sidebar,
       "class": bem("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstart": touch.start,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": touch.start
     }, [renderIndexes()]);
     useExpose({
       scrollTo
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: sidebar
+    });
     return () => {
       var _a;
       return _createVNode("div", {
@@ -217,5 +222,6 @@ var stdin_default = defineComponent({
 });
 export {
   INDEX_BAR_KEY,
-  stdin_default as default
+  stdin_default as default,
+  indexBarProps
 };

package/es/index-bar/index.d.ts

@@ -40,6 +40,7 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
     indexList: import("../utils").Numeric[];
 }>>;
 export default IndexBar;
+export { indexBarProps } from './IndexBar';
 export type { IndexBarProps };
 export type { IndexBarInstance } from './types';
 declare module 'vue' {

package/es/index-bar/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _IndexBar from "./IndexBar.mjs";
 const IndexBar = withInstall(_IndexBar);
 var stdin_default = IndexBar;
+import { indexBarProps } from "./IndexBar.mjs";
 export {
   IndexBar,
-  stdin_default as default
+  stdin_default as default,
+  indexBarProps
 };

package/es/index.d.ts

@@ -53,6 +53,7 @@ export * from "./overlay";
 export * from "./pagination";
 export * from "./password-input";
 export * from "./picker";
+export * from "./picker-group";
 export * from "./popover";
 export * from "./popup";
 export * from "./progress";
@@ -67,6 +68,7 @@ export * from "./sidebar";
 export * from "./sidebar-item";
 export * from "./skeleton";
 export * from "./slider";
+export * from "./space";
 export * from "./step";
 export * from "./stepper";
 export * from "./steps";
@@ -91,4 +93,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-beta.0";
+export const version: "4.0.0-rc.1";

package/es/index.mjs

@@ -52,6 +52,7 @@ import { Overlay } from "./overlay/index.mjs";
 import { Pagination } from "./pagination/index.mjs";
 import { PasswordInput } from "./password-input/index.mjs";
 import { Picker } from "./picker/index.mjs";
+import { PickerGroup } from "./picker-group/index.mjs";
 import { Popover } from "./popover/index.mjs";
 import { Popup } from "./popup/index.mjs";
 import { Progress } from "./progress/index.mjs";
@@ -66,6 +67,7 @@ import { Sidebar } from "./sidebar/index.mjs";
 import { SidebarItem } from "./sidebar-item/index.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { Slider } from "./slider/index.mjs";
+import { Space } from "./space/index.mjs";
 import { Step } from "./step/index.mjs";
 import { Stepper } from "./stepper/index.mjs";
 import { Steps } from "./steps/index.mjs";
@@ -84,7 +86,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.0-beta.0";
+const version = "4.0.0-rc.1";
 function install(app) {
   const components = [
     ActionBar,
@@ -141,6 +143,7 @@ function install(app) {
     Pagination,
     PasswordInput,
     Picker,
+    PickerGroup,
     Popover,
     Popup,
     Progress,
@@ -155,6 +158,7 @@ function install(app) {
     SidebarItem,
     Skeleton,
     Slider,
+    Space,
     Step,
     Stepper,
     Steps,
@@ -237,6 +241,7 @@ export * from "./overlay/index.mjs";
 export * from "./pagination/index.mjs";
 export * from "./password-input/index.mjs";
 export * from "./picker/index.mjs";
+export * from "./picker-group/index.mjs";
 export * from "./popover/index.mjs";
 export * from "./popup/index.mjs";
 export * from "./progress/index.mjs";
@@ -251,6 +256,7 @@ export * from "./sidebar/index.mjs";
 export * from "./sidebar-item/index.mjs";
 export * from "./skeleton/index.mjs";
 export * from "./slider/index.mjs";
+export * from "./space/index.mjs";
 export * from "./step/index.mjs";
 export * from "./stepper/index.mjs";
 export * from "./steps/index.mjs";

package/es/lazyload/vue-lazyload/lazy-component.mjs

@@ -9,7 +9,10 @@ var stdin_default = (lazy) => ({
   },
   emits: ["show"],
   render() {
-    return h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
+    return h(
+      this.tag,
+      this.show && this.$slots.default ? this.$slots.default() : null
+    );
   },
   data() {
     return {

package/es/lazyload/vue-lazyload/lazy-container.mjs

@@ -17,13 +17,17 @@ class LazyContainer {
     this.options = Object.assign({}, defaultOptions, binding.value);
     const imgs = this.getImgs();
     imgs.forEach((el2) => {
-      this.lazy.add(el2, Object.assign({}, this.binding, {
-        value: {
-          src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
-          error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
-          loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
-        }
-      }), this.vnode);
+      this.lazy.add(
+        el2,
+        Object.assign({}, this.binding, {
+          value: {
+            src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
+            error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
+            loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
+          }
+        }),
+        this.vnode
+      );
     });
   }
   getImgs() {

package/es/lazyload/vue-lazyload/lazy-image.mjs

@@ -10,11 +10,15 @@ var stdin_default = (lazyManager) => ({
     }
   },
   render(h) {
-    return h(this.tag, {
-      attrs: {
-        src: this.renderSrc
-      }
-    }, this.$slots.default);
+    return h(
+      this.tag,
+      {
+        attrs: {
+          src: this.renderSrc
+        }
+      },
+      this.$slots.default
+    );
   },
   data() {
     return {
@@ -68,20 +72,26 @@ var stdin_default = (lazyManager) => ({
     load(onFinish = noop) {
       if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
         if (process.env.NODE_ENV !== "production" && !lazyManager.options.silent) {
-          console.log(`[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`);
+          console.log(
+            `[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`
+          );
         }
         onFinish();
         return;
       }
       const { src } = this.options;
-      loadImageAsync({ src }, ({ src: src2 }) => {
-        this.renderSrc = src2;
-        this.state.loaded = true;
-      }, () => {
-        this.state.attempt++;
-        this.renderSrc = this.options.error;
-        this.state.error = true;
-      });
+      loadImageAsync(
+        { src },
+        ({ src: src2 }) => {
+          this.renderSrc = src2;
+          this.state.loaded = true;
+        },
+        () => {
+          this.state.attempt++;
+          this.renderSrc = this.options.error;
+          this.state.error = true;
+        }
+      );
     }
   }
 });

package/es/lazyload/vue-lazyload/lazy.mjs

@@ -69,7 +69,10 @@ function stdin_default() {
       };
       this.initEvent();
       this.imageCache = new ImageCache({ max: 200 });
-      this.lazyLoadHandler = throttle(this.lazyLoadHandler.bind(this), this.options.throttleWait);
+      this.lazyLoadHandler = throttle(
+        this.lazyLoadHandler.bind(this),
+        this.options.throttleWait
+      );
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
     config(options = {}) {
@@ -224,7 +227,9 @@ function stdin_default() {
       });
     }
     initListen(el, start) {
-      this.options.ListenEvents.forEach((evt) => (start ? on : off)(el, evt, this.lazyLoadHandler));
+      this.options.ListenEvents.forEach(
+        (evt) => (start ? on : off)(el, evt, this.lazyLoadHandler)
+      );
     }
     initEvent() {
       this.Event = {
@@ -281,7 +286,10 @@ function stdin_default() {
       if (!hasIntersectionObserver) {
         return;
       }
-      this.observer = new IntersectionObserver(this.observerHandler.bind(this), this.options.observerOptions);
+      this.observer = new IntersectionObserver(
+        this.observerHandler.bind(this),
+        this.options.observerOptions
+      );
       if (this.listeners.length) {
         this.listeners.forEach((listener) => {
           this.observer.observe(listener.el);

package/es/lazyload/vue-lazyload/listener.mjs

@@ -73,24 +73,32 @@ class ReactiveListener {
   }
   renderLoading(cb) {
     this.state.loading = true;
-    loadImageAsync({
-      src: this.loading,
-      cors: this.cors
-    }, () => {
-      this.render("loading", false);
-      this.state.loading = false;
-      cb();
-    }, () => {
-      cb();
-      this.state.loading = false;
-      if (process.env.NODE_ENV !== "production" && !this.options.silent)
-        console.warn(`[@vant/lazyload] load failed with loading image(${this.loading})`);
-    });
+    loadImageAsync(
+      {
+        src: this.loading,
+        cors: this.cors
+      },
+      () => {
+        this.render("loading", false);
+        this.state.loading = false;
+        cb();
+      },
+      () => {
+        cb();
+        this.state.loading = false;
+        if (process.env.NODE_ENV !== "production" && !this.options.silent)
+          console.warn(
+            `[@vant/lazyload] load failed with loading image(${this.loading})`
+          );
+      }
+    );
   }
   load(onFinish = noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
-        console.log(`[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`);
+        console.log(
+          `[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`
+        );
       }
       onFinish();
       return;
@@ -108,25 +116,29 @@ class ReactiveListener {
       this.attempt++;
       (_b = (_a = this.options.adapter).beforeLoad) == null ? void 0 : _b.call(_a, this, this.options);
       this.record("loadStart");
-      loadImageAsync({
-        src: this.src,
-        cors: this.cors
-      }, (data) => {
-        this.naturalHeight = data.naturalHeight;
-        this.naturalWidth = data.naturalWidth;
-        this.state.loaded = true;
-        this.state.error = false;
-        this.record("loadEnd");
-        this.render("loaded", false);
-        this.state.rendered = true;
-        this.imageCache.add(this.src);
-        onFinish();
-      }, (err) => {
-        !this.options.silent && console.error(err);
-        this.state.error = true;
-        this.state.loaded = false;
-        this.render("error", false);
-      });
+      loadImageAsync(
+        {
+          src: this.src,
+          cors: this.cors
+        },
+        (data) => {
+          this.naturalHeight = data.naturalHeight;
+          this.naturalWidth = data.naturalWidth;
+          this.state.loaded = true;
+          this.state.error = false;
+          this.record("loadEnd");
+          this.render("loaded", false);
+          this.state.rendered = true;
+          this.imageCache.add(this.src);
+          onFinish();
+        },
+        (err) => {
+          !this.options.silent && console.error(err);
+          this.state.error = true;
+          this.state.loaded = false;
+          this.render("error", false);
+        }
+      );
     });
   }
   render(state, cache) {

package/es/lazyload/vue-lazyload/util.mjs

@@ -29,7 +29,10 @@ function getBestSelectionFromSrcset(el, scale) {
       tmpWidth = 999998;
     } else {
       tmpSrc = item.substr(0, spaceIndex);
-      tmpWidth = parseInt(item.substr(spaceIndex + 1, item.length - spaceIndex - 2), 10);
+      tmpWidth = parseInt(
+        item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
+        10
+      );
     }
     return [tmpWidth, tmpSrc];
   });

package/es/list/List.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-declare const listProps: {
+export declare const listProps: {
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];

package/es/list/List.mjs

@@ -115,7 +115,8 @@ var stdin_default = defineComponent({
       check
     });
     useEventListener("scroll", check, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;
@@ -134,5 +135,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  listProps
 };

package/es/list/index.d.ts

@@ -50,6 +50,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     immediateCheck: boolean;
 }>>;
 export default List;
+export { listProps } from './List';
 export type { ListProps };
 export type { ListInstance, ListDirection } from './types';
 declare module 'vue' {

package/es/list/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _List from "./List.mjs";
 const List = withInstall(_List);
 var stdin_default = List;
+import { listProps } from "./List.mjs";
 export {
   List,
-  stdin_default as default
+  stdin_default as default,
+  listProps
 };

package/es/loading/Loading.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type LoadingType = 'circular' | 'spinner';
-declare const loadingProps: {
+export declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<LoadingType>;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<LoadingType>;

package/es/loading/Loading.mjs

@@ -62,5 +62,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  loadingProps
 };

package/es/loading/index.d.ts

@@ -8,7 +8,7 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<import("./Loading").LoadingType>;
@@ -23,6 +23,7 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: boolean;
 }>>;
 export default Loading;
+export { loadingProps } from './Loading';
 export type { LoadingType, LoadingProps } from './Loading';
 declare module 'vue' {
     interface GlobalComponents {

package/es/loading/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Loading from "./Loading.mjs";
 const Loading = withInstall(_Loading);
 var stdin_default = Loading;
+import { loadingProps } from "./Loading.mjs";
 export {
   Loading,
-  stdin_default as default
+  stdin_default as default,
+  loadingProps
 };

package/es/nav-bar/NavBar.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const navBarProps: {
+export declare const navBarProps: {
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/nav-bar/NavBar.mjs

@@ -86,5 +86,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  navBarProps
 };

package/es/nav-bar/index.d.ts

@@ -35,6 +35,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: boolean;
 }>>;
 export default NavBar;
+export { navBarProps } from './NavBar';
 export type { NavBarProps } from './NavBar';
 declare module 'vue' {
     interface GlobalComponents {

package/es/nav-bar/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _NavBar from "./NavBar.mjs";
 const NavBar = withInstall(_NavBar);
 var stdin_default = NavBar;
+import { navBarProps } from "./NavBar.mjs";
 export {
   NavBar,
-  stdin_default as default
+  stdin_default as default,
+  navBarProps
 };

package/es/notice-bar/NoticeBar.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
-declare const noticeBarProps: {
+export declare const noticeBarProps: {
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;

package/es/notice-bar/NoticeBar.mjs

@@ -161,5 +161,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  noticeBarProps
 };

package/es/notice-bar/index.d.ts

@@ -47,6 +47,7 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
     wrapable: boolean;
 }>>;
 export default NoticeBar;
+export { noticeBarProps } from './NoticeBar';
 export type { NoticeBarProps };
 export type { NoticeBarMode, NoticeBarInstance } from './types';
 declare module 'vue' {

package/es/notice-bar/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _NoticeBar from "./NoticeBar.mjs";
 const NoticeBar = withInstall(_NoticeBar);
 var stdin_default = NoticeBar;
+import { noticeBarProps } from "./NoticeBar.mjs";
 export {
   NoticeBar,
-  stdin_default as default
+  stdin_default as default,
+  noticeBarProps
 };

package/es/notify/Notify.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { NotifyType, NotifyPosition } from './types';
-declare const notifyProps: {
+export declare const notifyProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/es/notify/Notify.mjs

@@ -40,5 +40,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  notifyProps
 };

package/es/notify/index.d.ts

@@ -89,6 +89,7 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
     closeOnClickOverlay: boolean;
 }>>;
 export default Notify;
+export { notifyProps } from './Notify';
 export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
 export type { NotifyProps } from './Notify';
 export type { NotifyType, NotifyOptions } from './types';

package/es/notify/index.mjs

@@ -2,6 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Notify from "./Notify.mjs";
 const Notify = withInstall(_Notify);
 var stdin_default = Notify;
+import { notifyProps } from "./Notify.mjs";
 import {
   showNotify,
   closeNotify,
@@ -12,6 +13,7 @@ export {
   Notify,
   closeNotify,
   stdin_default as default,
+  notifyProps,
   resetNotifyDefaultOptions,
   setNotifyDefaultOptions,
   showNotify

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type NumberKeyboardTheme = 'default' | 'custom';
-declare const numberKeyboardProps: {
+export declare const numberKeyboardProps: {
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete")[], "input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "hide" | "show" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "hide" | "show" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {