vant 3.3.7 → 3.4.3

package/lib/index-bar/IndexBar.js

@@ -1,126 +1,129 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.INDEX_BAR_KEY = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _use = require("@vant/use");
-
-var _useTouch = require("../composables/use-touch");
-
-var _useExpose = require("../composables/use-expose");
-
-// Utils
-// Composables
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  INDEX_BAR_KEY: () => INDEX_BAR_KEY,
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_touch = __toModule(require("../composables/use-touch"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
 function genAlphabet() {
-  var charCodeOfA = 'A'.charCodeAt(0);
-  var indexList = Array(26).fill('').map((_, i) => String.fromCharCode(charCodeOfA + i));
+  const charCodeOfA = "A".charCodeAt(0);
+  const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
   return indexList;
 }
-
-var [name, bem] = (0, _utils.createNamespace)('index-bar');
-var indexBarProps = {
-  sticky: _utils.truthProp,
-  zIndex: _utils.numericProp,
+const [name, bem] = (0, import_utils.createNamespace)("index-bar");
+const indexBarProps = {
+  sticky: import_utils.truthProp,
+  zIndex: import_utils.numericProp,
   teleport: [String, Object],
   highlightColor: String,
-  stickyOffsetTop: (0, _utils.makeNumberProp)(0),
+  stickyOffsetTop: (0, import_utils.makeNumberProp)(0),
   indexList: {
     type: Array,
     default: genAlphabet
   }
 };
-var INDEX_BAR_KEY = Symbol(name);
-exports.INDEX_BAR_KEY = INDEX_BAR_KEY;
-
-var _default = (0, _vue.defineComponent)({
+const INDEX_BAR_KEY = Symbol(name);
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: indexBarProps,
-  emits: ['select', 'change'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var root = (0, _vue.ref)();
-    var activeAnchor = (0, _vue.ref)('');
-    var touch = (0, _useTouch.useTouch)();
-    var scrollParent = (0, _use.useScrollParent)(root);
-    var {
+  emits: ["select", "change"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = (0, import_vue2.ref)();
+    const activeAnchor = (0, import_vue2.ref)("");
+    const touch = (0, import_use_touch.useTouch)();
+    const scrollParent = (0, import_use.useScrollParent)(root);
+    const {
       children,
       linkChildren
-    } = (0, _use.useChildren)(INDEX_BAR_KEY);
+    } = (0, import_use.useChildren)(INDEX_BAR_KEY);
     linkChildren({
       props
     });
-    var sidebarStyle = (0, _vue.computed)(() => {
-      if ((0, _utils.isDef)(props.zIndex)) {
+    const sidebarStyle = (0, import_vue2.computed)(() => {
+      if ((0, import_utils.isDef)(props.zIndex)) {
         return {
           zIndex: +props.zIndex + 1
         };
       }
     });
-    var highlightStyle = (0, _vue.computed)(() => {
+    const highlightStyle = (0, import_vue2.computed)(() => {
       if (props.highlightColor) {
         return {
           color: props.highlightColor
         };
       }
     });
-
-    var getActiveAnchor = (scrollTop, rects) => {
-      for (var i = children.length - 1; i >= 0; i--) {
-        var prevHeight = i > 0 ? rects[i - 1].height : 0;
-        var reachTop = props.sticky ? prevHeight + props.stickyOffsetTop : 0;
-
+    const getActiveAnchor = (scrollTop, rects) => {
+      for (let i = children.length - 1; i >= 0; i--) {
+        const prevHeight = i > 0 ? rects[i - 1].height : 0;
+        const reachTop = props.sticky ? prevHeight + props.stickyOffsetTop : 0;
         if (scrollTop + reachTop >= rects[i].top) {
           return i;
         }
       }
-
       return -1;
     };
-
-    var onScroll = () => {
-      if ((0, _utils.isHidden)(root)) {
+    const onScroll = () => {
+      if ((0, import_utils.isHidden)(root)) {
         return;
       }
-
-      var {
+      const {
         sticky,
         indexList
       } = props;
-      var scrollTop = (0, _utils.getScrollTop)(scrollParent.value);
-      var scrollParentRect = (0, _use.useRect)(scrollParent);
-      var rects = children.map(item => item.getRect(scrollParent.value, scrollParentRect));
-      var active = getActiveAnchor(scrollTop, rects);
+      const scrollTop = (0, import_utils.getScrollTop)(scrollParent.value);
+      const scrollParentRect = (0, import_use.useRect)(scrollParent);
+      const rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
+      const active = getActiveAnchor(scrollTop, rects);
       activeAnchor.value = indexList[active];
-
       if (sticky) {
         children.forEach((item, index) => {
-          var {
+          const {
             state,
             $el
           } = item;
-
           if (index === active || index === active - 1) {
-            var rect = $el.getBoundingClientRect();
+            const rect = $el.getBoundingClientRect();
             state.left = rect.left;
             state.width = rect.width;
           } else {
             state.left = null;
             state.width = null;
           }
-
           if (index === active) {
             state.active = true;
             state.top = Math.max(props.stickyOffsetTop, rects[index].top - scrollTop) + scrollParentRect.top;
           } else if (index === active - 1) {
-            var activeItemTop = rects[active].top - scrollTop;
+            const activeItemTop = rects[active].top - scrollTop;
             state.active = activeItemTop > 0;
             state.top = activeItemTop + scrollParentRect.top - rects[index].height;
           } else {
@@ -129,78 +132,63 @@ var _default = (0, _vue.defineComponent)({
         });
       }
     };
-
-    var init = () => (0, _vue.nextTick)(onScroll);
-
-    (0, _use.useEventListener)('scroll', onScroll, {
+    const init = () => (0, import_vue2.nextTick)(onScroll);
+    (0, import_use.useEventListener)("scroll", onScroll, {
       target: scrollParent
     });
-    (0, _vue.onMounted)(init);
-    (0, _vue.watch)(() => props.indexList, init);
-    (0, _vue.watch)(activeAnchor, value => {
+    (0, import_vue2.onMounted)(init);
+    (0, import_vue2.watch)(() => props.indexList, init);
+    (0, import_vue2.watch)(activeAnchor, (value) => {
       if (value) {
-        emit('change', value);
+        emit("change", value);
       }
     });
-
-    var renderIndexes = () => props.indexList.map(index => {
-      var active = index === activeAnchor.value;
-      return (0, _vue.createVNode)("span", {
-        "class": bem('index', {
+    const renderIndexes = () => props.indexList.map((index) => {
+      const active = index === activeAnchor.value;
+      return (0, import_vue.createVNode)("span", {
+        "class": bem("index", {
           active
         }),
-        "style": active ? highlightStyle.value : undefined,
+        "style": active ? highlightStyle.value : void 0,
         "data-index": index
       }, [index]);
     });
-
-    var scrollTo = index => {
+    const scrollTo = (index) => {
       index = String(index);
-      var match = children.find(item => String(item.index) === index);
-
+      const match = children.find((item) => String(item.index) === index);
       if (match) {
         match.$el.scrollIntoView();
-
         if (props.sticky && props.stickyOffsetTop) {
-          (0, _utils.setRootScrollTop)((0, _utils.getRootScrollTop)() - props.stickyOffsetTop);
+          (0, import_utils.setRootScrollTop)((0, import_utils.getRootScrollTop)() - props.stickyOffsetTop);
         }
-
-        emit('select', match.index);
+        emit("select", match.index);
       }
     };
-
-    var scrollToElement = element => {
-      var {
+    const scrollToElement = (element) => {
+      const {
         index
       } = element.dataset;
-
       if (index) {
         scrollTo(index);
       }
     };
-
-    var onClickSidebar = event => {
+    const onClickSidebar = (event) => {
       scrollToElement(event.target);
     };
-
-    var touchActiveIndex;
-
-    var onTouchMove = event => {
+    let touchActiveIndex;
+    const onTouchMove = (event) => {
       touch.move(event);
-
       if (touch.isVertical()) {
-        (0, _utils.preventDefault)(event);
-        var {
+        (0, import_utils.preventDefault)(event);
+        const {
           clientX,
           clientY
         } = event.touches[0];
-        var target = document.elementFromPoint(clientX, clientY);
-
+        const target = document.elementFromPoint(clientX, clientY);
         if (target) {
-          var {
+          const {
             index
           } = target.dataset;
-
           if (index && touchActiveIndex !== index) {
             touchActiveIndex = index;
             scrollToElement(target);
@@ -208,28 +196,26 @@ var _default = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var renderSidebar = () => (0, _vue.createVNode)("div", {
-      "class": bem('sidebar'),
+    const renderSidebar = () => (0, import_vue.createVNode)("div", {
+      "class": bem("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
       "onTouchstart": touch.start,
       "onTouchmove": onTouchMove
     }, [renderIndexes()]);
-
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       scrollTo
     });
-    return () => (0, _vue.createVNode)("div", {
-      "ref": root,
-      "class": bem()
-    }, [props.teleport ? (0, _vue.createVNode)(_vue.Teleport, {
-      "to": props.teleport
-    }, {
-      default: () => [renderSidebar()]
-    }) : renderSidebar(), slots.default == null ? void 0 : slots.default()]);
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "ref": root,
+        "class": bem()
+      }, [props.teleport ? (0, import_vue.createVNode)(import_vue2.Teleport, {
+        "to": props.teleport
+      }, {
+        default: () => [renderSidebar()]
+      }) : renderSidebar(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
   }
-
 });
-
-exports.default = _default;

package/lib/index-bar/index.css

@@ -1 +1 @@
-: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-danger-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-weight-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)}
+: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-danger-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-weight-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)}

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

@@ -15,22 +15,23 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    sticky?: unknown;
-    zIndex?: unknown;
-    teleport?: unknown;
-    highlightColor?: unknown;
-    stickyOffsetTop?: unknown;
-    indexList?: unknown;
-} & {
-    sticky: boolean;
-    stickyOffsetTop: number;
-    indexList: string[];
-} & {
-    zIndex?: string | number | undefined;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-    highlightColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    sticky: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    highlightColor: StringConstructor;
+    stickyOffsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    indexList: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {
@@ -41,3 +42,8 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
 export default IndexBar;
 export type { IndexBarProps };
 export type { IndexBarInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanIndexBar: typeof IndexBar;
+    }
+}

package/lib/index-bar/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.IndexBar = void 0;
-
-var _utils = require("../utils");
-
-var _IndexBar2 = _interopRequireDefault(require("./IndexBar"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var IndexBar = (0, _utils.withInstall)(_IndexBar2.default);
-exports.IndexBar = IndexBar;
-var _default = IndexBar;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  IndexBar: () => IndexBar,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_IndexBar = __toModule(require("./IndexBar"));
+const IndexBar = (0, import_utils.withInstall)(import_IndexBar.default);
+var stdin_default = IndexBar;

package/lib/index-bar/style/index.js

@@ -1,5 +1,2 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../index.css");

package/lib/index-bar/style/less.js

@@ -1,5 +1,2 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../index.less");

package/lib/index-bar/types.js

@@ -1,3 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);