vant 3.4.0 → 3.4.1

package/lib/index-anchor/IndexAnchor.js

@@ -1,36 +1,47 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _IndexBar = require("../index-bar/IndexBar");
-
-var _dom = require("../utils/dom");
-
-var _use = require("@vant/use");
-
-var _useExpose = require("../composables/use-expose");
-
-// Utils
-// Composables
-var [name, bem] = (0, _utils.createNamespace)('index-anchor');
-var indexAnchorProps = {
-  index: _utils.numericProp
+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 _default = (0, _vue.defineComponent)({
+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, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_IndexBar = __toModule(require("../index-bar/IndexBar"));
+var import_dom = __toModule(require("../utils/dom"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+const [name, bem] = (0, import_utils.createNamespace)("index-anchor");
+const indexAnchorProps = {
+  index: import_utils.numericProp
+};
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: indexAnchorProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var state = (0, _vue.reactive)({
+  setup(props, {
+    slots
+  }) {
+    const state = (0, import_vue2.reactive)({
       top: 0,
       left: null,
       rect: {
@@ -40,72 +51,60 @@ var _default = (0, _vue.defineComponent)({
       width: null,
       active: false
     });
-    var root = (0, _vue.ref)();
-    var {
+    const root = (0, import_vue2.ref)();
+    const {
       parent
-    } = (0, _use.useParent)(_IndexBar.INDEX_BAR_KEY);
-
+    } = (0, import_use.useParent)(import_IndexBar.INDEX_BAR_KEY);
     if (!parent) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.error('[Vant] <IndexAnchor> must be a child component of <IndexBar>.');
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <IndexAnchor> must be a child component of <IndexBar>.");
       }
-
       return;
     }
-
-    var isSticky = () => state.active && parent.props.sticky;
-
-    var anchorStyle = (0, _vue.computed)(() => {
-      var {
+    const isSticky = () => state.active && parent.props.sticky;
+    const anchorStyle = (0, import_vue2.computed)(() => {
+      const {
         zIndex,
         highlightColor
       } = parent.props;
-
       if (isSticky()) {
-        return (0, _utils.extend)((0, _utils.getZIndexStyle)(zIndex), {
-          left: state.left ? state.left + "px" : undefined,
-          width: state.width ? state.width + "px" : undefined,
-          transform: state.top ? "translate3d(0, " + state.top + "px, 0)" : undefined,
+        return (0, import_utils.extend)((0, import_utils.getZIndexStyle)(zIndex), {
+          left: state.left ? `${state.left}px` : void 0,
+          width: state.width ? `${state.width}px` : void 0,
+          transform: state.top ? `translate3d(0, ${state.top}px, 0)` : void 0,
           color: highlightColor
         });
       }
     });
-
-    var getRect = (scrollParent, scrollParentRect) => {
-      var rootRect = (0, _use.useRect)(root);
+    const getRect = (scrollParent, scrollParentRect) => {
+      const rootRect = (0, import_use.useRect)(root);
       state.rect.height = rootRect.height;
-
       if (scrollParent === window || scrollParent === document.body) {
-        state.rect.top = rootRect.top + (0, _dom.getRootScrollTop)();
+        state.rect.top = rootRect.top + (0, import_dom.getRootScrollTop)();
       } else {
-        state.rect.top = rootRect.top + (0, _dom.getScrollTop)(scrollParent) - scrollParentRect.top;
+        state.rect.top = rootRect.top + (0, import_dom.getScrollTop)(scrollParent) - scrollParentRect.top;
       }
-
       return state.rect;
     };
-
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       state,
       getRect
     });
     return () => {
-      var sticky = isSticky();
-      return (0, _vue.createVNode)("div", {
+      const sticky = isSticky();
+      return (0, import_vue.createVNode)("div", {
         "ref": root,
         "style": {
-          height: sticky ? state.rect.height + "px" : undefined
+          height: sticky ? `${state.rect.height}px` : void 0
         }
-      }, [(0, _vue.createVNode)("div", {
+      }, [(0, import_vue.createVNode)("div", {
         "style": anchorStyle.value,
         "class": [bem({
           sticky
         }), {
-          [_utils.BORDER_BOTTOM]: sticky
+          [import_utils.BORDER_BOTTOM]: sticky
         }]
       }, [slots.default ? slots.default() : props.index])]);
     };
   }
-
 });
-
-exports.default = _default;

package/lib/index-anchor/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.IndexAnchor = void 0;
-
-var _utils = require("../utils");
-
-var _IndexAnchor2 = _interopRequireDefault(require("./IndexAnchor"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var IndexAnchor = (0, _utils.withInstall)(_IndexAnchor2.default);
-exports.IndexAnchor = IndexAnchor;
-var _default = IndexAnchor;
-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, {
+  IndexAnchor: () => IndexAnchor,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_IndexAnchor = __toModule(require("./IndexAnchor"));
+const IndexAnchor = (0, import_utils.withInstall)(import_IndexAnchor.default);
+var stdin_default = IndexAnchor;

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

@@ -1,7 +1,3 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../index-bar/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../index-bar/index.css");
+require("../index.css");

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

@@ -1,7 +1,3 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../index-bar/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../index-bar/index.less");
+require("../index.less");

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.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);