@deot/vc 1.0.46 → 1.0.48

package/dist/index.iife.js

@@ -221,7 +221,7 @@ var Vc = (function (exports, vue) {
     return !!(overflow.match(/(scroll|auto)/) || className?.test(el.className));
   };
 
-  const getScroller = (el, options) => {
+  const getScroller$1 = (el, options) => {
     if (IS_SERVER$2 || !el) return null;
     let parent = el;
     while (parent) {
@@ -9150,6 +9150,10 @@ var Vc = (function (exports, vue) {
   });
   const MActionSheet = ActionSheet;
   const props$1s = {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
     zIndex: {
       type: [Number, String],
       default: 1
@@ -9176,14 +9180,42 @@ var Vc = (function (exports, vue) {
       type: String
     }
   };
-  const COMPONENT_NAME$27 = "vc-affix";
+  let scrollBarWidth;
+  const getScrollBarWidth = () => {
+    if (scrollBarWidth !== void 0) return scrollBarWidth;
+    const outer = document.createElement("div");
+    outer.className = "vc-scrollbar__wrap";
+    outer.style.visibility = "hidden";
+    outer.style.width = "100px";
+    outer.style.position = "absolute";
+    outer.style.top = "-9999px";
+    document.body.appendChild(outer);
+    const widthNoScroll = outer.offsetWidth;
+    outer.style.overflow = "scroll";
+    const inner = document.createElement("div");
+    inner.style.width = "100%";
+    outer.appendChild(inner);
+    const widthWithScroll = inner.offsetWidth;
+    outer.parentNode?.removeChild?.(outer);
+    scrollBarWidth = widthNoScroll - widthWithScroll;
+    return scrollBarWidth;
+  };
   const SCROLLER_WHEEL_REG = /vc-scroller-wheel/;
+  const getScroller = (el2) => {
+    return getScroller$1(el2, { className: SCROLLER_WHEEL_REG });
+  };
+  const isWheel = (el2) => {
+    return SCROLLER_WHEEL_REG.test(el2?.className || "");
+  };
+  const COMPONENT_NAME$27 = "vc-affix";
   const Affix = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$27,
+    emits: ["update:modelValue"],
     props: props$1s,
     setup(props2, {
       slots,
-      expose
+      expose,
+      emit
     }) {
       const scrollerInstance = vue.inject("vc-scroller", null);
       const scroller = vue.shallowRef();
@@ -9198,9 +9230,7 @@ var Vc = (function (exports, vue) {
       const isActive = vue.ref(false);
       const transformY = vue.ref(0);
       const windowHeight = vue.ref(window.innerHeight);
-      const isVcScrollerWheel = vue.computed(() => {
-        return SCROLLER_WHEEL_REG.test(scroller.value?.className || "");
-      });
+      const isVcScrollerWheel = vue.computed(() => isWheel(scroller.value));
       const currentStyle = vue.computed(() => {
         if (!isActive.value) return {};
         return {
@@ -9221,7 +9251,8 @@ var Vc = (function (exports, vue) {
         };
       });
       const setCurrentRect = () => {
-        const rect = current.value.getBoundingClientRect();
+        const rect = current.value?.getBoundingClientRect?.();
+        if (!rect) return;
         Object.assign(currentRect, {
           top: rect.top,
           bottom: rect.bottom,
@@ -9246,7 +9277,7 @@ var Vc = (function (exports, vue) {
           transformY.value = Math.min(containerRect.bottom - currentHeightOffset, 0) + transformOffsetY;
         } else {
           isActive.value = currentRect.bottom - containerRect.top >= containerRect.height - props2.offset;
-          transformY.value = Math.max(containerRect.height - containerRect.top - currentHeightOffset, 0) + transformOffsetY;
+          transformY.value = transformOffsetY;
         }
       };
       const setFixedStatus = () => {
@@ -9273,36 +9304,57 @@ var Vc = (function (exports, vue) {
           }
         }
       };
+      const offScroll = (handler) => {
+        if (isVcScrollerWheel.value) {
+          scrollerInstance?.off(handler);
+        } else {
+          scroller.value?.removeEventListener("scroll", handler);
+        }
+      };
+      const onScroll = (handler, options) => {
+        vue.nextTick(() => {
+          if (isVcScrollerWheel.value) {
+            scrollerInstance?.on(handler);
+          } else {
+            scroller.value?.addEventListener("scroll", handler);
+          }
+          options?.first && handler();
+        });
+        return () => offScroll(handler);
+      };
       const refresh = () => {
+        if (props2.disabled) return;
         setCurrentRect();
         scroller.value instanceof Window || props2.fixed ? setFixedStatus() : setAbsoluteStatus();
+        emit("update:modelValue", isActive.value);
       };
       vue.onMounted(() => {
         if (typeof props2.target === "string") {
           base.value = document.querySelector(props2.target) ?? void 0;
         }
         !base.value && (base.value = document.documentElement);
-        scroller.value = getScroller(current.value, {
-          className: SCROLLER_WHEEL_REG
+        scroller.value = getScroller(current.value);
+        onScroll(refresh, {
+          first: true
         });
-        if (isVcScrollerWheel.value) {
-          scrollerInstance?.on(refresh);
-        } else {
-          scroller.value?.addEventListener("scroll", refresh);
-        }
-        refresh();
-      });
-      vue.onBeforeUnmount(() => {
-        if (isVcScrollerWheel.value) {
-          scrollerInstance?.off(refresh);
-        } else {
-          scroller.value?.removeEventListener("scroll", refresh);
-        }
       });
+      vue.onBeforeUnmount(() => offScroll(refresh));
       expose({
-        refresh
+        refresh,
+        onScroll,
+        offScroll
+      });
+      vue.provide("vc-affix", {
+        props: props2,
+        isActive,
+        refresh,
+        onScroll,
+        offScroll
       });
       return () => {
+        if (props2.disabled) return slots?.default?.({
+          active: false
+        });
         return vue.createVNode("div", {
           "ref": current,
           "class": "vc-affix",
@@ -12594,7 +12646,8 @@ var Vc = (function (exports, vue) {
     nullValue: {
       type: [Number, String, Object],
       default: void 0
-    }
+    },
+    label: String
   };
   const props$18 = {
     ...props$19,
@@ -17452,26 +17505,6 @@ var Vc = (function (exports, vue) {
       default: () => [0, 0]
     }
   };
-  let scrollBarWidth;
-  const getScrollBarWidth = () => {
-    if (scrollBarWidth !== void 0) return scrollBarWidth;
-    const outer = document.createElement("div");
-    outer.className = "vc-scrollbar__wrap";
-    outer.style.visibility = "hidden";
-    outer.style.width = "100px";
-    outer.style.position = "absolute";
-    outer.style.top = "-9999px";
-    document.body.appendChild(outer);
-    const widthNoScroll = outer.offsetWidth;
-    outer.style.overflow = "scroll";
-    const inner = document.createElement("div");
-    inner.style.width = "100%";
-    outer.appendChild(inner);
-    const widthWithScroll = inner.offsetWidth;
-    outer.parentNode?.removeChild?.(outer);
-    scrollBarWidth = widthNoScroll - widthWithScroll;
-    return scrollBarWidth;
-  };
   const barKeys$1 = [
     "always",
     "thumbMinSize",
@@ -20626,7 +20659,7 @@ var Vc = (function (exports, vue) {
         } else if (typeof wrapper === "string") {
           scroller.value = document.querySelector(wrapper);
         } else {
-          scroller.value = getScroller(instance.vnode.el);
+          scroller.value = getScroller$1(instance.vnode.el);
         }
       };
       const initPlaceholder = () => {
@@ -22592,7 +22625,7 @@ var Vc = (function (exports, vue) {
           "style": its.value.style,
           "animation": "y",
           "onMouseenter": () => isHover.value = true,
-          "onMuseleave": () => isHover.value = false,
+          "onMouseleave": () => isHover.value = false,
           "onReady": () => emit("ready"),
           "onClose": () => emit("close"),
           "onVisibleChange": () => emit("visible-change", isActive.value),
@@ -22608,6 +22641,13 @@ var Vc = (function (exports, vue) {
               "readonly": true,
               "placeholder": its.value.attrs?.placeholder || "请选择"
             }, {
+              prepend: slots.prepend || props2.label ? () => {
+                slots.prepend ? slots.prepend() : vue.createVNode("div", {
+                  "class": "vc-select__prepend"
+                }, [vue.createVNode("span", {
+                  "class": "vc-select__label"
+                }, [props2.label])]);
+              } : null,
               content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
                 return vue.createVNode("div", {
                   "class": [classes.value, "vc-select__tags"]
@@ -22629,7 +22669,7 @@ var Vc = (function (exports, vue) {
                 }, [vue.createVNode(Icon, {
                   "type": showClear.value ? "clear" : icon.value,
                   "class": [{
-                    "is-arrow": !showClear
+                    "is-arrow": !showClear.value
                   }, "vc-select__icon"],
                   "onClick": handleClear
                 }, null)]);
@@ -27977,9 +28017,12 @@ var Vc = (function (exports, vue) {
     barStyle: [Object, String],
     contentStyle: [Object, String],
     barClass: [Object, String],
-    contentClass: [Object, String]
+    contentClass: [Object, String],
+    affixable: Boolean,
+    affixOptions: Object
   };
   const useTabs = (options = {}) => {
+    const affix = vue.inject("vc-affix", null);
     const instance = vue.getCurrentInstance();
     const { props: props2, emit } = instance;
     const tabsId = vue.ref(getUid("tabs"));
@@ -28021,10 +28064,56 @@ var Vc = (function (exports, vue) {
         [`is-${props2.theme}`]: !!props2.theme
       };
     });
+    const hasAnchor = vue.computed(() => {
+      return list.value.some((item) => !!item.anchor);
+    });
     const refresh = () => {
       options?.refreshAfloat?.();
     };
-    const handleChange = (index) => {
+    let scrollToAnchorTimer;
+    const scrollToAnchor = (anchor) => {
+      if (!anchor) return;
+      const el2 = document.querySelector(anchor);
+      if (!el2) return;
+      const scroller = getScroller(instance.vnode.el);
+      scrollIntoView(scroller, {
+        duration: 250,
+        from: scroller.scrollTop,
+        to: scroller.scrollTop + el2.getBoundingClientRect().top - scroller.getBoundingClientRect().top - (!affix || affix.props.placement !== "bottom" ? instance.vnode.el.offsetHeight : 0) - (affix && affix.props.placement !== "bottom" ? affix.props.offset : 0)
+      });
+      scrollToAnchorTimer && clearTimeout(scrollToAnchorTimer);
+      scrollToAnchorTimer = setTimeout(() => scrollToAnchorTimer = null, 300);
+    };
+    const handleAffixScroll = () => {
+      if (!hasAnchor.value || scrollToAnchorTimer) return;
+      const scroller = getScroller(instance.vnode.el);
+      const scrollTop = scroller?.scrollTop;
+      if (typeof scrollTop !== "number") return;
+      for (let i = 0; i < list.value.length; i++) {
+        const nav = list.value[i];
+        const anchor = nav.anchor;
+        if (!anchor) continue;
+        const el2 = document.querySelector(anchor);
+        if (!el2) continue;
+        const elTop = el2.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
+        const nextNav = list.value[i + 1];
+        let nextElTop;
+        if (nextNav && nextNav.anchor) {
+          const nextEl = document.querySelector(nextNav.anchor);
+          if (nextEl) {
+            nextElTop = nextEl.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
+          }
+        }
+        const allowDistance = 2;
+        if (scrollTop >= elTop - allowDistance && (typeof nextElTop === "undefined" || scrollTop < nextElTop - allowDistance)) {
+          if (getTabIndex(currentValue.value) !== i) {
+            handleChange(i, false);
+          }
+          break;
+        }
+      }
+    };
+    const handleChange = (index, scrollTo = true) => {
       if (timer.value) return;
       timer.value = setTimeout(() => timer.value = null, 300);
       const nav = list.value[index];
@@ -28033,7 +28122,7 @@ var Vc = (function (exports, vue) {
       emit("update:modelValue", currentValue.value);
       emit("change", currentValue.value);
       emit("click", currentValue.value);
-      nav.anchor && document.querySelector(nav.anchor)?.scrollIntoView?.({ behavior: "smooth" });
+      scrollTo && scrollToAnchor(nav.anchor);
     };
     const handleResize = () => {
       if (instance.isUnmounted) return;
@@ -28043,10 +28132,13 @@ var Vc = (function (exports, vue) {
     vue.onMounted(() => {
       Resize.on(options.wrapper.value, handleResize);
       options.scrollToActive && vue.nextTick(options.scrollToActive);
+      affix?.onScroll?.(handleAffixScroll);
     });
     vue.onBeforeUnmount(() => {
       Resize.off(options.wrapper.value, handleResize);
       timer.value && clearTimeout(timer.value);
+      affix?.offScroll?.(handleAffixScroll);
+      scrollToAnchorTimer && clearTimeout(scrollToAnchorTimer);
     });
     const add = (item, setValue) => {
       if (!item) return;

package/dist/index.umd.cjs

@@ -224,7 +224,7 @@
     return !!(overflow.match(/(scroll|auto)/) || className?.test(el.className));
   };
 
-  const getScroller = (el, options) => {
+  const getScroller$1 = (el, options) => {
     if (IS_SERVER$2 || !el) return null;
     let parent = el;
     while (parent) {
@@ -9153,6 +9153,10 @@
   });
   const MActionSheet = ActionSheet;
   const props$1s = {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
     zIndex: {
       type: [Number, String],
       default: 1
@@ -9179,14 +9183,42 @@
       type: String
     }
   };
-  const COMPONENT_NAME$27 = "vc-affix";
+  let scrollBarWidth;
+  const getScrollBarWidth = () => {
+    if (scrollBarWidth !== void 0) return scrollBarWidth;
+    const outer = document.createElement("div");
+    outer.className = "vc-scrollbar__wrap";
+    outer.style.visibility = "hidden";
+    outer.style.width = "100px";
+    outer.style.position = "absolute";
+    outer.style.top = "-9999px";
+    document.body.appendChild(outer);
+    const widthNoScroll = outer.offsetWidth;
+    outer.style.overflow = "scroll";
+    const inner = document.createElement("div");
+    inner.style.width = "100%";
+    outer.appendChild(inner);
+    const widthWithScroll = inner.offsetWidth;
+    outer.parentNode?.removeChild?.(outer);
+    scrollBarWidth = widthNoScroll - widthWithScroll;
+    return scrollBarWidth;
+  };
   const SCROLLER_WHEEL_REG = /vc-scroller-wheel/;
+  const getScroller = (el2) => {
+    return getScroller$1(el2, { className: SCROLLER_WHEEL_REG });
+  };
+  const isWheel = (el2) => {
+    return SCROLLER_WHEEL_REG.test(el2?.className || "");
+  };
+  const COMPONENT_NAME$27 = "vc-affix";
   const Affix = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$27,
+    emits: ["update:modelValue"],
     props: props$1s,
     setup(props2, {
       slots,
-      expose
+      expose,
+      emit
     }) {
       const scrollerInstance = vue.inject("vc-scroller", null);
       const scroller = vue.shallowRef();
@@ -9201,9 +9233,7 @@
       const isActive = vue.ref(false);
       const transformY = vue.ref(0);
       const windowHeight = vue.ref(window.innerHeight);
-      const isVcScrollerWheel = vue.computed(() => {
-        return SCROLLER_WHEEL_REG.test(scroller.value?.className || "");
-      });
+      const isVcScrollerWheel = vue.computed(() => isWheel(scroller.value));
       const currentStyle = vue.computed(() => {
         if (!isActive.value) return {};
         return {
@@ -9224,7 +9254,8 @@
         };
       });
       const setCurrentRect = () => {
-        const rect = current.value.getBoundingClientRect();
+        const rect = current.value?.getBoundingClientRect?.();
+        if (!rect) return;
         Object.assign(currentRect, {
           top: rect.top,
           bottom: rect.bottom,
@@ -9249,7 +9280,7 @@
           transformY.value = Math.min(containerRect.bottom - currentHeightOffset, 0) + transformOffsetY;
         } else {
           isActive.value = currentRect.bottom - containerRect.top >= containerRect.height - props2.offset;
-          transformY.value = Math.max(containerRect.height - containerRect.top - currentHeightOffset, 0) + transformOffsetY;
+          transformY.value = transformOffsetY;
         }
       };
       const setFixedStatus = () => {
@@ -9276,36 +9307,57 @@
           }
         }
       };
+      const offScroll = (handler) => {
+        if (isVcScrollerWheel.value) {
+          scrollerInstance?.off(handler);
+        } else {
+          scroller.value?.removeEventListener("scroll", handler);
+        }
+      };
+      const onScroll = (handler, options) => {
+        vue.nextTick(() => {
+          if (isVcScrollerWheel.value) {
+            scrollerInstance?.on(handler);
+          } else {
+            scroller.value?.addEventListener("scroll", handler);
+          }
+          options?.first && handler();
+        });
+        return () => offScroll(handler);
+      };
       const refresh = () => {
+        if (props2.disabled) return;
         setCurrentRect();
         scroller.value instanceof Window || props2.fixed ? setFixedStatus() : setAbsoluteStatus();
+        emit("update:modelValue", isActive.value);
       };
       vue.onMounted(() => {
         if (typeof props2.target === "string") {
           base.value = document.querySelector(props2.target) ?? void 0;
         }
         !base.value && (base.value = document.documentElement);
-        scroller.value = getScroller(current.value, {
-          className: SCROLLER_WHEEL_REG
+        scroller.value = getScroller(current.value);
+        onScroll(refresh, {
+          first: true
         });
-        if (isVcScrollerWheel.value) {
-          scrollerInstance?.on(refresh);
-        } else {
-          scroller.value?.addEventListener("scroll", refresh);
-        }
-        refresh();
-      });
-      vue.onBeforeUnmount(() => {
-        if (isVcScrollerWheel.value) {
-          scrollerInstance?.off(refresh);
-        } else {
-          scroller.value?.removeEventListener("scroll", refresh);
-        }
       });
+      vue.onBeforeUnmount(() => offScroll(refresh));
       expose({
-        refresh
+        refresh,
+        onScroll,
+        offScroll
+      });
+      vue.provide("vc-affix", {
+        props: props2,
+        isActive,
+        refresh,
+        onScroll,
+        offScroll
       });
       return () => {
+        if (props2.disabled) return slots?.default?.({
+          active: false
+        });
         return vue.createVNode("div", {
           "ref": current,
           "class": "vc-affix",
@@ -12597,7 +12649,8 @@
     nullValue: {
       type: [Number, String, Object],
       default: void 0
-    }
+    },
+    label: String
   };
   const props$18 = {
     ...props$19,
@@ -17455,26 +17508,6 @@
       default: () => [0, 0]
     }
   };
-  let scrollBarWidth;
-  const getScrollBarWidth = () => {
-    if (scrollBarWidth !== void 0) return scrollBarWidth;
-    const outer = document.createElement("div");
-    outer.className = "vc-scrollbar__wrap";
-    outer.style.visibility = "hidden";
-    outer.style.width = "100px";
-    outer.style.position = "absolute";
-    outer.style.top = "-9999px";
-    document.body.appendChild(outer);
-    const widthNoScroll = outer.offsetWidth;
-    outer.style.overflow = "scroll";
-    const inner = document.createElement("div");
-    inner.style.width = "100%";
-    outer.appendChild(inner);
-    const widthWithScroll = inner.offsetWidth;
-    outer.parentNode?.removeChild?.(outer);
-    scrollBarWidth = widthNoScroll - widthWithScroll;
-    return scrollBarWidth;
-  };
   const barKeys$1 = [
     "always",
     "thumbMinSize",
@@ -20629,7 +20662,7 @@
         } else if (typeof wrapper === "string") {
           scroller.value = document.querySelector(wrapper);
         } else {
-          scroller.value = getScroller(instance.vnode.el);
+          scroller.value = getScroller$1(instance.vnode.el);
         }
       };
       const initPlaceholder = () => {
@@ -22595,7 +22628,7 @@
           "style": its.value.style,
           "animation": "y",
           "onMouseenter": () => isHover.value = true,
-          "onMuseleave": () => isHover.value = false,
+          "onMouseleave": () => isHover.value = false,
           "onReady": () => emit("ready"),
           "onClose": () => emit("close"),
           "onVisibleChange": () => emit("visible-change", isActive.value),
@@ -22611,6 +22644,13 @@
               "readonly": true,
               "placeholder": its.value.attrs?.placeholder || "请选择"
             }, {
+              prepend: slots.prepend || props2.label ? () => {
+                slots.prepend ? slots.prepend() : vue.createVNode("div", {
+                  "class": "vc-select__prepend"
+                }, [vue.createVNode("span", {
+                  "class": "vc-select__label"
+                }, [props2.label])]);
+              } : null,
               content: multiple.value && currentValue.value && currentValue.value.length > 0 ? () => {
                 return vue.createVNode("div", {
                   "class": [classes.value, "vc-select__tags"]
@@ -22632,7 +22672,7 @@
                 }, [vue.createVNode(Icon, {
                   "type": showClear.value ? "clear" : icon.value,
                   "class": [{
-                    "is-arrow": !showClear
+                    "is-arrow": !showClear.value
                   }, "vc-select__icon"],
                   "onClick": handleClear
                 }, null)]);
@@ -27980,9 +28020,12 @@
     barStyle: [Object, String],
     contentStyle: [Object, String],
     barClass: [Object, String],
-    contentClass: [Object, String]
+    contentClass: [Object, String],
+    affixable: Boolean,
+    affixOptions: Object
   };
   const useTabs = (options = {}) => {
+    const affix = vue.inject("vc-affix", null);
     const instance = vue.getCurrentInstance();
     const { props: props2, emit } = instance;
     const tabsId = vue.ref(getUid("tabs"));
@@ -28024,10 +28067,56 @@
         [`is-${props2.theme}`]: !!props2.theme
       };
     });
+    const hasAnchor = vue.computed(() => {
+      return list.value.some((item) => !!item.anchor);
+    });
     const refresh = () => {
       options?.refreshAfloat?.();
     };
-    const handleChange = (index) => {
+    let scrollToAnchorTimer;
+    const scrollToAnchor = (anchor) => {
+      if (!anchor) return;
+      const el2 = document.querySelector(anchor);
+      if (!el2) return;
+      const scroller = getScroller(instance.vnode.el);
+      scrollIntoView(scroller, {
+        duration: 250,
+        from: scroller.scrollTop,
+        to: scroller.scrollTop + el2.getBoundingClientRect().top - scroller.getBoundingClientRect().top - (!affix || affix.props.placement !== "bottom" ? instance.vnode.el.offsetHeight : 0) - (affix && affix.props.placement !== "bottom" ? affix.props.offset : 0)
+      });
+      scrollToAnchorTimer && clearTimeout(scrollToAnchorTimer);
+      scrollToAnchorTimer = setTimeout(() => scrollToAnchorTimer = null, 300);
+    };
+    const handleAffixScroll = () => {
+      if (!hasAnchor.value || scrollToAnchorTimer) return;
+      const scroller = getScroller(instance.vnode.el);
+      const scrollTop = scroller?.scrollTop;
+      if (typeof scrollTop !== "number") return;
+      for (let i = 0; i < list.value.length; i++) {
+        const nav = list.value[i];
+        const anchor = nav.anchor;
+        if (!anchor) continue;
+        const el2 = document.querySelector(anchor);
+        if (!el2) continue;
+        const elTop = el2.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
+        const nextNav = list.value[i + 1];
+        let nextElTop;
+        if (nextNav && nextNav.anchor) {
+          const nextEl = document.querySelector(nextNav.anchor);
+          if (nextEl) {
+            nextElTop = nextEl.getBoundingClientRect().top - scroller.getBoundingClientRect().top + scroller.scrollTop;
+          }
+        }
+        const allowDistance = 2;
+        if (scrollTop >= elTop - allowDistance && (typeof nextElTop === "undefined" || scrollTop < nextElTop - allowDistance)) {
+          if (getTabIndex(currentValue.value) !== i) {
+            handleChange(i, false);
+          }
+          break;
+        }
+      }
+    };
+    const handleChange = (index, scrollTo = true) => {
       if (timer.value) return;
       timer.value = setTimeout(() => timer.value = null, 300);
       const nav = list.value[index];
@@ -28036,7 +28125,7 @@
       emit("update:modelValue", currentValue.value);
       emit("change", currentValue.value);
       emit("click", currentValue.value);
-      nav.anchor && document.querySelector(nav.anchor)?.scrollIntoView?.({ behavior: "smooth" });
+      scrollTo && scrollToAnchor(nav.anchor);
     };
     const handleResize = () => {
       if (instance.isUnmounted) return;
@@ -28046,10 +28135,13 @@
     vue.onMounted(() => {
       Resize.on(options.wrapper.value, handleResize);
       options.scrollToActive && vue.nextTick(options.scrollToActive);
+      affix?.onScroll?.(handleAffixScroll);
     });
     vue.onBeforeUnmount(() => {
       Resize.off(options.wrapper.value, handleResize);
       timer.value && clearTimeout(timer.value);
+      affix?.offScroll?.(handleAffixScroll);
+      scrollToAnchorTimer && clearTimeout(scrollToAnchorTimer);
     });
     const add = (item, setValue) => {
       if (!item) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.46",
+  "version": "1.0.48",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.46",
-    "@deot/vc-hooks": "^1.0.46",
-    "@deot/vc-shared": "^1.0.46"
+    "@deot/vc-components": "^1.0.48",
+    "@deot/vc-hooks": "^1.0.48",
+    "@deot/vc-shared": "^1.0.48"
   },
   "peerDependencies": {
     "vue": "*"