cbvirtua 1.0.4 → 1.0.6

package/vue2/VList.js

@@ -1,15 +1,15 @@
-import { SCROLL_IDLE, UPDATE_SCROLL_STATE, UPDATE_SCROLL_EVENT, UPDATE_SCROLL_END_EVENT, UPDATE_SIZE_STATE, overscanEndIndex, overscanStartIndex, createVirtualStore, ACTION_ITEMS_LENGTH_CHANGE, getScrollSize, getMinContainerSize, } from "../core/store";
-import { createResizer } from "../core/resizer";
-import { createScroller } from "../core/scroller";
-import { default as ListItem } from "./ListItem";
-import { exists } from "../core/utils";
+import { SCROLL_IDLE, UPDATE_SCROLL_STATE, UPDATE_SCROLL_EVENT, UPDATE_SCROLL_END_EVENT, UPDATE_SIZE_STATE, overscanEndIndex, overscanStartIndex, createVirtualStore, ACTION_ITEMS_LENGTH_CHANGE, getScrollSize, getMinContainerSize, } from "../core/store"
+import { createResizer } from "../core/resizer"
+import { createScroller } from "../core/scroller"
+import { default as ListItem } from "./ListItem"
+import { exists } from "../core/utils"
 const props = {
     data: { type: Array, required: true },
     overscan: { type: Number, default: 4 },
     itemSize: Number,
     shift: Boolean,
     horizontal: Boolean,
-};
+}
 export default {
     props: props,
     data() {
@@ -22,91 +22,91 @@ export default {
     },
     watch: {
         data(_data) {
-            const count = _data.length;
-            this.store._update(ACTION_ITEMS_LENGTH_CHANGE, [count, this.shift]);
+            const count = _data.length
+            this.store._update(ACTION_ITEMS_LENGTH_CHANGE, [count, this.shift])
         },
         JumpCount(count, prevCount) {
             this.$nextTick(() => {
                 if (count === prevCount)
-                    return;
-                const jump = this.store._flushJump();
+                    return
+                const jump = this.store._flushJump()
                 if (!jump)
-                    return;
-                this.scroller._fixScrollJump(jump);
+                    return
+                this.scroller._fixScrollJump(jump)
             })
         },
         range([start, end], [prevStart, prevEnd]) {
             this.$nextTick(() => {
                 if (prevStart === start && prevEnd === end)
-                    return;
-                this.$emit("rangeChange", start, end);
+                    return
+                this.$emit("rangeChange", start, end)
             })
         }
 
     },
     created() {
-        const isHorizontal = this.horizontal;
+        const isHorizontal = this.horizontal
         const store = this.store = createVirtualStore(
             this.data.length,
             this.itemSize ?? 40,
             undefined,
             undefined,
             !this.itemSize
-        );
-        const resizer = this.resizer = createResizer(store, isHorizontal);
-        const scroller = this.scroller = createScroller(store, isHorizontal);
-        this.scrollToIndex = scroller._scrollToIndex;
-        this.scrollTo = scroller._scrollTo;
-        this.scrollBy = scroller._scrollBy;
-        const rerender = store._getStateVersion();
+        )
+        const resizer = this.resizer = createResizer(store, isHorizontal)
+        const scroller = this.scroller = createScroller(store, isHorizontal)
+        this.scrollToIndex = scroller._scrollToIndex
+        this.scrollTo = scroller._scrollTo
+        this.scrollBy = scroller._scrollBy
+        const rerender = store._getStateVersion()
         const unsubscribeStore = this.unsubscribeStore = store._subscribe(UPDATE_SCROLL_STATE + UPDATE_SIZE_STATE, () => {
-            this.rerender = store._getStateVersion();
-            this.JumpCount = store._getJumpCount();
-        });
+            this.rerender = store._getStateVersion()
+            this.JumpCount = store._getJumpCount()
+            this.range = store._getRange()
+        })
         const unsubscribeOnScroll = this.unsubscribeOnScroll = store._subscribe(UPDATE_SCROLL_EVENT, () => {
-            this.$emit("scroll", store._getScrollOffset());
-        });
+            this.$emit("scroll", store._getScrollOffset())
+        })
         const unsubscribeOnScrollEnd = this.unsubscribeOnScrollEnd = store._subscribe(UPDATE_SCROLL_END_EVENT, () => {
-            this.$emit("scrollEnd");
-        });
+            this.$emit("scrollEnd")
+        })
     },
     mounted() {
-        const root = this.$refs.root;
+        const root = this.$refs.root
         if (!root)
-            return;
-        this.resizer._observeRoot(root);
-        this.scroller._observe(root);
+            return
+        this.resizer._observeRoot(root)
+        this.scroller._observe(root)
 
     },
     methods: {
         scrollOffset() {
-            return this.store._getScrollOffset();
+            return this.store._getScrollOffset()
         },
         scrollSize() {
-            return this.getScrollSize(store);
+            return this.getScrollSize(store)
         },
         viewportSize() {
-            return this.store._getViewportSize();
+            return this.store._getViewportSize()
         },
         scrollToIndex() { },
         scrollTo() { },
         scrollBy() { }
     },
     render() {
-        this.rerender;
-        const count = this.data.length;
-        const store = this.store;
-        const isHorizontal = this.horizontal;
-        const [startIndex, endIndex] = this.store._getRange();
-        const scrollDirection = store._getScrollDirection();
-        const totalSize = store._getTotalSize();
-        // https://github.com/inokawa/virtua/issues/252#issuecomment-1822861368
-        const minSize = getMinContainerSize(store);
+        this.rerender
+        const count = this.data.length
+        const store = this.store
+        const isHorizontal = this.horizontal
+        const [startIndex, endIndex] = this.store._getRange()
+        const scrollDirection = store._getScrollDirection()
+        const totalSize = store._getTotalSize()
+        const minSize = getMinContainerSize(store)
 
-        const items = [];
+        const items = []
         for (let i = overscanStartIndex(startIndex, this.overscan, scrollDirection), j = overscanEndIndex(endIndex, this.overscan, scrollDirection, count); i <= j; i++) {
-            const e = this.$scopedSlots.default(this.data[i])[0];
-            const key = e.key;
+            const e = this.$scopedSlots.default(this.data[i])[0]
+            const key = e.key
             items.push(
                 <ListItem
                     key={exists(key) ? key : "_" + i}
@@ -118,7 +118,7 @@ export default {
                     children={e}
                     isHorizontal={isHorizontal}
                 />
-            );
+            )
         }
 
         return (
@@ -149,13 +149,13 @@ export default {
                     {items}
                 </div>
             </div>
-        );
+        )
     },
     destoryed() {
-        this.unsubscribeStore();
-        this.unsubscribeOnScroll();
-        this.unsubscribeOnScrollEnd();
-        this.resizer._dispose();
-        this.scroller._dispose();
+        this.unsubscribeStore()
+        this.unsubscribeOnScroll()
+        this.unsubscribeOnScrollEnd()
+        this.resizer._dispose()
+        this.scroller._dispose()
     },
 }