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

package/lib/image-preview/index.css

@@ -1 +1 @@
-body{--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: rgba(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-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%;max-width:none;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%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.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)}.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: rgba(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-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%;max-width:none;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%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.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)}.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.d.ts

@@ -128,6 +128,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     showIndex: boolean;
 }>>;
 export default ImagePreview;
+export { imagePreviewProps } from './ImagePreview';
 export { showImagePreview } from './function-call';
 export type { ImagePreviewProps };
 export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';

package/lib/image-preview/index.js

@@ -16,17 +16,22 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   ImagePreview: () => ImagePreview,
   default: () => stdin_default,
+  imagePreviewProps: () => import_ImagePreview2.imagePreviewProps,
   showImagePreview: () => import_function_call.showImagePreview
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_ImagePreview = __toESM(require("./ImagePreview"));
+var import_ImagePreview2 = require("./ImagePreview");
 var import_function_call = require("./function-call");
 const ImagePreview = (0, import_utils.withInstall)(import_ImagePreview.default);
 var stdin_default = ImagePreview;

package/lib/index-anchor/IndexAnchor.d.ts

@@ -1,11 +1,11 @@
 import { type ExtractPropTypes } from 'vue';
-declare const indexAnchorProps: {
+export declare const indexAnchorProps: {
     index: (NumberConstructor | StringConstructor)[];
 };
 export declare type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;
 declare const _default: import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>;
 export default _default;

package/lib/index-anchor/IndexAnchor.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexAnchorProps: () => indexAnchorProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/index-anchor/index.css

@@ -1 +1 @@
-body{--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-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background: transparent;--van-index-anchor-sticky-text-color: var(--van-primary-color);--van-index-anchor-sticky-background: var(--van-background-2)}.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)}.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)}
+: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-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background: transparent;--van-index-anchor-sticky-text-color: var(--van-primary-color);--van-index-anchor-sticky-background: var(--van-background-2)}.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)}.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)}

package/lib/index-anchor/index.d.ts

@@ -1,9 +1,10 @@
 export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, 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) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>>;
 export default IndexAnchor;
+export { indexAnchorProps } from './IndexAnchor';
 export type { IndexAnchorProps } from './IndexAnchor';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/index-anchor/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   IndexAnchor: () => IndexAnchor,
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexAnchorProps: () => import_IndexAnchor2.indexAnchorProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_IndexAnchor = __toESM(require("./IndexAnchor"));
+var import_IndexAnchor2 = require("./IndexAnchor");
 const IndexAnchor = (0, import_utils.withInstall)(import_IndexAnchor.default);
 var stdin_default = IndexAnchor;

package/lib/index-bar/IndexBar.d.ts

@@ -2,7 +2,7 @@ import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
 import { IndexBarProvide } from './types';
 declare function genAlphabet(): string[];
-declare const indexBarProps: {
+export declare const indexBarProps: {
     sticky: {
         type: BooleanConstructor;
         default: true;

package/lib/index-bar/IndexBar.js

@@ -18,7 +18,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   INDEX_BAR_KEY: () => INDEX_BAR_KEY,
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexBarProps: () => indexBarProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -54,6 +55,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const root = (0, import_vue2.ref)();
+    const sidebar = (0, import_vue2.ref)();
     const activeAnchor = (0, import_vue2.ref)("");
     const touch = (0, import_use_touch.useTouch)();
     const scrollParent = (0, import_use.useScrollParent)(root);
@@ -173,11 +175,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
         const {
           offsetHeight
         } = document.documentElement;
+        match.$el.scrollIntoView();
         if (scrollTop === offsetHeight - scrollParentRect.height) {
           onScroll();
           return;
         }
-        match.$el.scrollIntoView();
         if (props.sticky && props.stickyOffsetTop) {
           (0, import_utils.setRootScrollTop)((0, import_utils.getRootScrollTop)() - props.stickyOffsetTop);
         }
@@ -217,15 +219,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderSidebar = () => (0, import_vue.createVNode)("div", {
+      "ref": sidebar,
       "class": bem("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstartPassive": touch.start,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": touch.start
     }, [renderIndexes()]);
     (0, import_use_expose.useExpose)({
       scrollTo
     });
+    (0, import_use.useEventListener)("touchmove", onTouchMove, {
+      target: sidebar
+    });
     return () => {
       var _a;
       return (0, import_vue.createVNode)("div", {

package/lib/index-bar/index.css

@@ -1 +1 @@
-body{--van-index-bar-sidebar-z-index: 2;--van-index-bar-index-font-size: var(--van-font-size-xs);--van-index-bar-index-line-height: var(--van-line-height-xs);--van-index-bar-index-active-color: var(--van-primary-color)}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:var(--van-index-bar-sidebar-z-index);display:flex;flex-direction:column;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 var(--van-padding-xs) 0 var(--van-padding-md);font-weight:var(--van-font-bold);font-size:var(--van-index-bar-index-font-size);line-height:var(--van-index-bar-index-line-height)}.van-index-bar__index--active{color:var(--van-index-bar-index-active-color);font-weight:700}
+:root{--van-index-bar-sidebar-z-index: 2;--van-index-bar-index-font-size: var(--van-font-size-xs);--van-index-bar-index-line-height: var(--van-line-height-xs);--van-index-bar-index-active-color: var(--van-primary-color)}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:var(--van-index-bar-sidebar-z-index);display:flex;flex-direction:column;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 var(--van-padding-xs) 0 var(--van-padding-md);font-weight:var(--van-font-bold);font-size:var(--van-index-bar-index-font-size);line-height:var(--van-index-bar-index-line-height)}.van-index-bar__index--active{color:var(--van-index-bar-index-active-color);font-weight:700}

package/lib/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/lib/index-bar/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   IndexBar: () => IndexBar,
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexBarProps: () => import_IndexBar2.indexBarProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_IndexBar = __toESM(require("./IndexBar"));
+var import_IndexBar2 = require("./IndexBar");
 const IndexBar = (0, import_utils.withInstall)(import_IndexBar.default);
 var stdin_default = IndexBar;