@varlet/ui 2.22.1-alpha.1706370837642 → 2.22.2-alpha.1706882566427

package/es/index-anchor/IndexAnchor.mjs

@@ -42,7 +42,6 @@ const __sfc__ = defineComponent({
   inheritAttrs: false,
   props,
   setup(props2) {
-    const ownTop = ref(0);
     const disabled = ref(false);
     const name2 = computed(() => props2.index);
     const anchorEl = ref(null);
@@ -51,16 +50,15 @@ const __sfc__ = defineComponent({
     const indexAnchorProvider = {
       index,
       name: name2,
-      ownTop,
-      setOwnTop,
-      setDisabled
+      setDisabled,
+      getOffsetTop
     };
     bindIndexBar(indexAnchorProvider);
-    function setOwnTop() {
+    function getOffsetTop() {
       if (!anchorEl.value) {
-        return;
+        return 0;
       }
-      ownTop.value = anchorEl.value.$el ? anchorEl.value.$el.offsetTop : anchorEl.value.offsetTop;
+      return anchorEl.value.$el ? anchorEl.value.$el.offsetTop : anchorEl.value.offsetTop;
     }
     function setDisabled(value) {
       disabled.value = value;

package/es/index-bar/IndexBar.mjs

@@ -112,11 +112,7 @@ const __sfc__ = defineComponent({
       () => length.value,
       () => __async(this, null, function* () {
         yield doubleRaf();
-        indexAnchors.forEach(({ name: name2, setOwnTop }) => {
-          if (name2.value)
-            anchorNameList.value.push(name2.value);
-          setOwnTop();
-        });
+        anchorNameList.value = indexAnchors.filter(({ name: name2 }) => name2.value != null).map(({ name: name2 }) => name2.value);
       })
     );
     onSmartMounted(() => __async(this, null, function* () {
@@ -158,9 +154,9 @@ const __sfc__ = defineComponent({
       const scrollHeight = scroller === window ? document.body.scrollHeight : scroller.scrollHeight;
       const offsetTop = getOffsetTop();
       indexAnchors.forEach((anchor, index) => {
-        const anchorTop = anchor.ownTop.value;
+        const anchorTop = anchor.getOffsetTop();
         const top = scrollTop - anchorTop + stickyOffsetTop.value - offsetTop;
-        const distance = index === indexAnchors.length - 1 ? scrollHeight : indexAnchors[index + 1].ownTop.value - anchor.ownTop.value;
+        const distance = index === indexAnchors.length - 1 ? scrollHeight : indexAnchors[index + 1].getOffsetTop() - anchor.getOffsetTop();
         anchor.setDisabled(true);
         if (top >= 0 && top < distance && clickedName.value === "") {
           anchor.setDisabled(false);
@@ -181,7 +177,8 @@ const __sfc__ = defineComponent({
           return;
         }
         const offsetTop = getOffsetTop();
-        const top = indexAnchor.ownTop.value - stickyOffsetTop.value + offsetTop;
+        const indexAnchorTop = indexAnchor.getOffsetTop();
+        const top = indexAnchorTop - stickyOffsetTop.value + offsetTop;
         const left = getScrollLeft(scroller);
         clickedName.value = anchorName;
         emitEvent(anchorName, options);

package/es/index.bundle.mjs

@@ -262,7 +262,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '2.22.1-alpha.1706370837642'
+const version = '2.22.2-alpha.1706882566427'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -174,7 +174,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '2.22.1-alpha.1706370837642'
+const version = '2.22.2-alpha.1706882566427'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu/usePopover.mjs

@@ -67,6 +67,9 @@ function usePopover(options) {
   let enterPopover = false;
   let enterHost = false;
   const computeHostSize = () => {
+    if (!host.value) {
+      return;
+    }
     const { width, height } = getStyle(host.value);
     hostSize.value = {
       width: toPxNum(width),

package/es/sticky/Sticky.mjs

@@ -83,7 +83,10 @@ const __sfc__ = defineComponent({
     const offsetTop = computed(() => toPxNum(props2.offsetTop));
     let scroller;
     watch(() => props2.disabled, resize);
-    onSmartMounted(addScrollListener);
+    onSmartMounted(() => __async(this, null, function* () {
+      yield doubleRaf();
+      handleScroll();
+    }));
     onSmartUnmounted(removeScrollListener);
     onWindowResize(resize);
     useEventListener(() => window, "scroll", handleScroll);
@@ -122,15 +125,27 @@ const __sfc__ = defineComponent({
         isFixed: false
       };
     }
+    function setupScroller() {
+      scroller = getParentScroller(stickyEl.value);
+      if (scroller !== window) {
+        scroller.addEventListener("scroll", handleScroll);
+      }
+    }
     function handleScroll() {
       if (!scroller) {
-        return;
+        setupScroller();
       }
       const fixedParams = computeFixedParams();
       if (fixedParams) {
         call(props2.onScroll, fixedParams.offsetTop, fixedParams.isFixed);
       }
     }
+    function removeScrollListener() {
+      if (!scroller || scroller === window) {
+        return;
+      }
+      scroller.removeEventListener("scroll", handleScroll);
+    }
     function resize() {
       return __async(this, null, function* () {
         isFixed.value = false;
@@ -138,17 +153,6 @@ const __sfc__ = defineComponent({
         computeFixedParams();
       });
     }
-    function addScrollListener() {
-      return __async(this, null, function* () {
-        yield doubleRaf();
-        scroller = getParentScroller(stickyEl.value);
-        scroller !== window && scroller.addEventListener("scroll", handleScroll);
-        handleScroll();
-      });
-    }
-    function removeScrollListener() {
-      scroller !== window && scroller.removeEventListener("scroll", handleScroll);
-    }
     return {
       stickyEl,
       wrapperEl,