vant 3.2.4 → 3.2.8

package/es/image-preview/ImagePreview.js

@@ -1,9 +1,9 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { pick, truthProp, unknownProp, callInterceptor, createNamespace } from '../utils'; // Composables
+import { pick, truthProp, unknownProp, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
 
-import { useWindowSize } from '@vant/use';
+import { useRect, useWindowSize } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Components
 
 import { Icon } from '../icon';
@@ -12,56 +12,37 @@ import { Popup } from '../popup';
 import ImagePreviewItem from './ImagePreviewItem'; // Types
 
 var [name, bem] = createNamespace('image-preview');
-var props = {
+var popupProps = ['show', 'transition', 'overlayStyle', 'closeOnPopstate'];
+var imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
+  images: makeArrayProp(),
+  minZoom: makeNumericProp(1 / 3),
+  maxZoom: makeNumericProp(3),
   overlay: truthProp,
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
+  closeIcon: makeStringProp('clear'),
   transition: String,
   beforeClose: Function,
   overlayStyle: Object,
+  swipeDuration: makeNumericProp(300),
+  startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  images: {
-    type: Array,
-    default: () => []
-  },
-  minZoom: {
-    type: [Number, String],
-    default: 1 / 3
-  },
-  maxZoom: {
-    type: [Number, String],
-    default: 3
-  },
-  swipeDuration: {
-    type: [Number, String],
-    default: 300
-  },
-  startPosition: {
-    type: [Number, String],
-    default: 0
-  },
-  closeIcon: {
-    type: String,
-    default: 'clear'
-  },
-  closeIconPosition: {
-    type: String,
-    default: 'top-right'
-  }
+  closeIconPosition: makeStringProp('top-right')
 };
 export default defineComponent({
   name,
-  props,
+  props: imagePreviewProps,
   emits: ['scale', 'close', 'closed', 'change', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var swipeRef = ref();
     var windowSize = useWindowSize();
     var state = reactive({
@@ -72,7 +53,7 @@ export default defineComponent({
 
     var resize = () => {
       if (swipeRef.value) {
-        var rect = swipeRef.value.$el.getBoundingClientRect();
+        var rect = useRect(swipeRef.value.$el);
         state.rootWidth = rect.width;
         state.rootHeight = rect.height;
         swipeRef.value.resize();
@@ -84,8 +65,7 @@ export default defineComponent({
     var updateShow = show => emit('update:show', show);
 
     var emitClose = () => {
-      callInterceptor({
-        interceptor: props.beforeClose,
+      callInterceptor(props.beforeClose, {
         args: [state.active],
         done: () => updateShow(false)
       });
@@ -145,7 +125,7 @@ export default defineComponent({
         return _createVNode(Icon, {
           "role": "button",
           "name": props.closeIcon,
-          "class": bem('close-icon', props.closeIconPosition),
+          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
           "onClick": emitClose
         }, null);
       }
@@ -189,10 +169,9 @@ export default defineComponent({
     return () => _createVNode(Popup, _mergeProps({
       "class": [bem(), props.className],
       "overlayClass": bem('overlay'),
-      "onClosed": onClosed
-    }, pick(props, ['show', 'transition', 'overlayStyle', 'closeOnPopstate']), {
-      'onUpdate:show': updateShow
-    }), {
+      "onClosed": onClosed,
+      "onUpdate:show": updateShow
+    }, pick(props, popupProps)), {
       default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
     });
   }

package/es/image-preview/ImagePreviewItem.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { watch, computed, reactive, defineComponent } from 'vue'; // Utils
 
-import { clamp, preventDefault, createNamespace } from '../utils'; // Composables
+import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from '../utils'; // Composables
 
 import { useTouch } from '../composables/use-touch'; // Components
 
@@ -9,9 +9,7 @@ import { Image } from '../image';
 import { Loading } from '../loading';
 import { SwipeItem } from '../swipe-item';
 
-function getDistance(touches) {
-  return Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
-}
+var getDistance = touches => Math.sqrt(Math.pow(touches[0].clientX - touches[1].clientX, 2) + Math.pow(touches[0].clientY - touches[1].clientY, 2));
 
 var bem = createNamespace('image-preview')[1];
 export default defineComponent({
@@ -19,28 +17,17 @@ export default defineComponent({
     src: String,
     show: Boolean,
     active: Number,
-    minZoom: {
-      type: [Number, String],
-      required: true
-    },
-    maxZoom: {
-      type: [Number, String],
-      required: true
-    },
-    rootWidth: {
-      type: Number,
-      required: true
-    },
-    rootHeight: {
-      type: Number,
-      required: true
-    }
+    minZoom: makeRequiredProp(numericProp),
+    maxZoom: makeRequiredProp(numericProp),
+    rootWidth: makeRequiredProp(Number),
+    rootHeight: makeRequiredProp(Number)
   },
   emits: ['scale', 'close'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var state = reactive({
       scale: 1,
       moveX: 0,

package/es/image-preview/function-call.d.ts

@@ -9,6 +9,18 @@ declare const ImagePreview: {
             type: BooleanConstructor;
             default: true;
         };
+        images: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+        minZoom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxZoom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
         overlay: {
             type: BooleanConstructor;
             default: true;
@@ -19,26 +31,13 @@ declare const ImagePreview: {
             default: true;
         };
         className: import("vue").PropType<unknown>;
+        closeIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         transition: StringConstructor;
         beforeClose: import("vue").PropType<import("../utils").Interceptor>;
         overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        showIndicators: BooleanConstructor;
-        closeOnPopstate: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        images: {
-            type: import("vue").PropType<string[]>;
-            default: () => never[];
-        };
-        minZoom: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
-        maxZoom: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: number;
-        };
         swipeDuration: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
@@ -47,48 +46,49 @@ declare const ImagePreview: {
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
-        closeIcon: {
-            type: StringConstructor;
-            default: string;
+        showIndicators: BooleanConstructor;
+        closeOnPopstate: {
+            type: BooleanConstructor;
+            default: true;
         };
         closeIconPosition: {
             type: import("vue").PropType<import("..").PopupCloseIconPosition>;
-            default: string;
+            default: import("..").PopupCloseIconPosition;
         };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
         show?: unknown;
         loop?: unknown;
+        images?: unknown;
+        minZoom?: unknown;
+        maxZoom?: unknown;
         overlay?: unknown;
         closeable?: unknown;
         showIndex?: unknown;
         className?: unknown;
+        closeIcon?: unknown;
         transition?: unknown;
         beforeClose?: unknown;
         overlayStyle?: unknown;
-        showIndicators?: unknown;
-        closeOnPopstate?: unknown;
-        images?: unknown;
-        minZoom?: unknown;
-        maxZoom?: unknown;
         swipeDuration?: unknown;
         startPosition?: unknown;
-        closeIcon?: unknown;
+        showIndicators?: unknown;
+        closeOnPopstate?: unknown;
         closeIconPosition?: unknown;
     } & {
         loop: boolean;
         overlay: boolean;
         show: boolean;
+        closeIcon: string;
         closeable: boolean;
         closeOnPopstate: boolean;
-        closeIcon: string;
         closeIconPosition: import("..").PopupCloseIconPosition;
         swipeDuration: string | number;
         showIndicators: boolean;
         startPosition: string | number;
         minZoom: string | number;
         maxZoom: string | number;
-        showIndex: boolean;
         images: string[];
+        showIndex: boolean;
     } & {
         beforeClose?: import("../utils").Interceptor | undefined;
         overlayStyle?: import("vue").CSSProperties | undefined;
@@ -104,17 +104,17 @@ declare const ImagePreview: {
         loop: boolean;
         overlay: boolean;
         show: boolean;
+        closeIcon: string;
         closeable: boolean;
         closeOnPopstate: boolean;
-        closeIcon: string;
         closeIconPosition: import("..").PopupCloseIconPosition;
         swipeDuration: string | number;
         showIndicators: boolean;
         startPosition: string | number;
         minZoom: string | number;
         maxZoom: string | number;
-        showIndex: boolean;
         images: string[];
+        showIndex: boolean;
     }>>;
     install(app: App): void;
 };

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

@@ -41,15 +41,19 @@ function initInstance() {
       };
 
       return () => _createVNode(VanImagePreview, _mergeProps(state, {
-        onClosed,
-        'onUpdate:show': toggle
+        "onClosed": onClosed,
+        "onUpdate:show": toggle
       }), null);
     }
 
   }));
 }
 
-var ImagePreview = (options, startPosition = 0) => {
+var ImagePreview = function (options, startPosition) {
+  if (startPosition === void 0) {
+    startPosition = 0;
+  }
+
   /* istanbul ignore if */
   if (!inBrowser) {
     return;

package/es/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-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--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/es/image-preview/index.less

@@ -8,7 +8,6 @@
   --van-image-preview-overlay-background-color: @image-preview-overlay-background-color;
   --van-image-preview-close-icon-size: @image-preview-close-icon-size;
   --van-image-preview-close-icon-color: @image-preview-close-icon-color;
-  --van-image-preview-close-icon-active-color: @image-preview-close-icon-active-color;
   --van-image-preview-close-icon-margin: @image-preview-close-icon-margin;
   --van-image-preview-close-icon-z-index: @image-preview-close-icon-z-index;
 }
@@ -81,7 +80,7 @@
   }
 
   &__overlay {
-    background-color: var(--van-image-preview-overlay-background-color);
+    background: var(--van-image-preview-overlay-background-color);
   }
 
   &__close-icon {
@@ -91,10 +90,6 @@
     font-size: var(--van-image-preview-close-icon-size);
     cursor: pointer;
 
-    &:active {
-      color: var(--van-image-preview-close-icon-active-color);
-    }
-
     &--top-left {
       top: var(--van-image-preview-close-icon-margin);
       left: var(--van-image-preview-close-icon-margin);

package/es/image-preview/var.less

@@ -7,6 +7,5 @@
 @image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
 @image-preview-close-icon-size: 22px;
 @image-preview-close-icon-color: var(--van-gray-5);
-@image-preview-close-icon-active-color: var(--van-gray-6);
 @image-preview-close-icon-margin: var(--van-padding-md);
 @image-preview-close-icon-z-index: 1;

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

@@ -1,3 +1,8 @@
+import { ExtractPropTypes } from 'vue';
+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/runtime-core").ComponentCustomProps, Readonly<{

package/es/index-anchor/IndexAnchor.js

@@ -1,22 +1,24 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, reactive, computed, defineComponent } from 'vue'; // Utils
 
-import { extend, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils';
+import { extend, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from '../utils';
 import { INDEX_BAR_KEY } from '../index-bar/IndexBar';
-import { getScrollTop, getRootScrollTop } from '../utils/dom/scroll'; // Composables
+import { getScrollTop, getRootScrollTop } from '../utils/dom'; // Composables
 
 import { useRect, useParent } from '@vant/use';
 import { useExpose } from '../composables/use-expose';
 var [name, bem] = createNamespace('index-anchor');
+var indexAnchorProps = {
+  index: numericProp
+};
 export default defineComponent({
   name,
-  props: {
-    index: [Number, String]
-  },
+  props: indexAnchorProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var state = reactive({
       top: 0,
       left: null,

package/es/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-background-color-light)}.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/es/index-anchor/index.d.ts

@@ -6,3 +6,4 @@ export declare const IndexAnchor: import("../utils").WithInstall<import("vue").D
     index?: string | number | undefined;
 }>, {}>>;
 export default IndexAnchor;
+export type { IndexAnchorProps } from './IndexAnchor';

package/es/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/es/index-anchor/var.less

@@ -8,4 +8,4 @@
 @index-anchor-line-height: 32px;
 @index-anchor-background-color: transparent;
 @index-anchor-sticky-text-color: var(--van-danger-color);
-@index-anchor-sticky-background-color: var(--van-white);
+@index-anchor-sticky-background-color: var(--van-background-color-light);

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

@@ -1,7 +1,7 @@
 import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
 import { IndexBarProvide } from './types';
 declare function genAlphabet(): string[];
-declare const props: {
+declare const indexBarProps: {
     sticky: {
         type: BooleanConstructor;
         default: true;
@@ -18,7 +18,7 @@ declare const props: {
         default: typeof genAlphabet;
     };
 };
-export declare type IndexBarProps = ExtractPropTypes<typeof props>;
+export declare type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
 export declare const INDEX_BAR_KEY: InjectionKey<IndexBarProvide>;
 declare const _default: import("vue").DefineComponent<{
     sticky: {

package/es/index-bar/IndexBar.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, Teleport, onMounted, defineComponent } from 'vue'; // Utils
 
-import { isDef, isHidden, truthProp, getScrollTop, preventDefault, createNamespace, getRootScrollTop, setRootScrollTop } from '../utils'; // Composables
+import { isDef, isHidden, truthProp, numericProp, getScrollTop, preventDefault, makeNumberProp, createNamespace, getRootScrollTop, setRootScrollTop } from '../utils'; // Composables
 
 import { useRect, useChildren, useScrollParent, useEventListener } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
@@ -14,15 +14,12 @@ function genAlphabet() {
 }
 
 var [name, bem] = createNamespace('index-bar');
-var props = {
+var indexBarProps = {
   sticky: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
   teleport: [String, Object],
   highlightColor: String,
-  stickyOffsetTop: {
-    type: Number,
-    default: 0
-  },
+  stickyOffsetTop: makeNumberProp(0),
   indexList: {
     type: Array,
     default: genAlphabet
@@ -31,13 +28,14 @@ var props = {
 export var INDEX_BAR_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: indexBarProps,
   emits: ['select', 'change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var activeAnchor = ref('');
     var touch = useTouch();
@@ -64,17 +62,6 @@ export default defineComponent({
       }
     });
 
-    var getScrollerRect = () => {
-      if ('getBoundingClientRect' in scrollParent.value) {
-        return 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;
@@ -98,7 +85,7 @@ export default defineComponent({
         indexList
       } = props;
       var scrollTop = getScrollTop(scrollParent.value);
-      var scrollParentRect = getScrollerRect();
+      var scrollParentRect = useRect(scrollParent);
       var rects = children.map(item => item.getRect(scrollParent.value, scrollParentRect));
       var active = getActiveAnchor(scrollTop, rects);
       activeAnchor.value = indexList[active];

package/es/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.2.4";
+export const version: "3.2.8";

package/es/index.js

@@ -84,7 +84,7 @@ import { Tag } from './tag';
 import { Toast } from './toast';
 import { TreeSelect } from './tree-select';
 import { Uploader } from './uploader';
-var version = '3.2.4';
+var version = '3.2.8';
 
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];

package/es/list/List.d.ts

@@ -1,55 +1,55 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-declare const props: {
+declare const listProps: {
     error: BooleanConstructor;
+    offset: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
     loadingText: StringConstructor;
     finishedText: StringConstructor;
     immediateCheck: {
         type: BooleanConstructor;
         default: true;
     };
+};
+export declare type ListProps = ExtractPropTypes<typeof listProps>;
+declare const _default: import("vue").DefineComponent<{
+    error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    direction: {
-        type: PropType<ListDirection>;
-        default: string;
-    };
-};
-export declare type ListProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<{
-    error: BooleanConstructor;
     loading: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
+    direction: {
+        type: import("vue").PropType<ListDirection>;
+        default: ListDirection;
+    };
     loadingText: StringConstructor;
     finishedText: StringConstructor;
     immediateCheck: {
         type: BooleanConstructor;
         default: true;
     };
-    offset: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<ListDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "update:error" | "update:loading")[], "load" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     error?: unknown;
+    offset?: unknown;
     loading?: unknown;
     finished?: unknown;
     errorText?: unknown;
+    direction?: unknown;
     loadingText?: unknown;
     finishedText?: unknown;
     immediateCheck?: unknown;
-    offset?: unknown;
-    direction?: unknown;
 } & {
     offset: string | number;
     error: boolean;