@tarojs/components-advanced 3.6.9 → 3.6.10-alpha.2

package/dist/components/virtual-waterfall/vue/waterfall.js

@@ -0,0 +1,410 @@
+import { isWebPlatform } from '@tarojs/shared';
+import classNames from 'classnames';
+import memoizeOne from 'memoize-one';
+import { defineComponent } from 'vue';
+import '../../../utils/index.js';
+import render from '../../../utils/vue-render.js';
+import { IS_SCROLLING_DEBOUNCE_INTERVAL } from '../constants.js';
+import Preset from '../preset.js';
+import { getScrollViewContextNode, getRectSizeSync } from '../../../utils/dom.js';
+import { cancelTimeout, requestTimeout } from '../../../utils/timer.js';
+import { defaultItemKey } from '../../../utils/helper.js';
+import { convertNumber2PX } from '../../../utils/convert.js';
+import { omit } from '../../../utils/lodash.js';
+
+const isWeb = isWebPlatform();
+var Waterfall = defineComponent({
+    props: {
+        id: String,
+        height: {
+            type: [String, Number],
+            required: true
+        },
+        width: {
+            type: [String, Number],
+            required: true
+        },
+        column: Number,
+        columnWidth: Number,
+        item: {
+            required: true
+        },
+        itemCount: {
+            type: Number,
+            required: true
+        },
+        itemData: {
+            type: Array,
+            required: true
+        },
+        itemKey: Function,
+        itemSize: {
+            type: [Number, Function],
+            required: true
+        },
+        unlimitedSize: {
+            type: Boolean,
+            default: false
+        },
+        position: {
+            type: String,
+            default: 'absolute'
+        },
+        initialScrollOffset: {
+            type: Number,
+            default: 0
+        },
+        overscanDistance: {
+            type: Number,
+            default: 50
+        },
+        placeholderCount: {
+            type: Number,
+            default: 0
+        },
+        useIsScrolling: {
+            type: Boolean,
+            default: false
+        },
+        enhanced: {
+            type: Boolean,
+            default: true
+        },
+        shouldResetStyleCacheOnItemSizeChange: {
+            type: Boolean,
+            default: true
+        },
+        outerElementType: {
+            type: String,
+            default: isWeb ? 'taro-scroll-view-core' : 'scroll-view'
+        },
+        innerElementType: {
+            type: String,
+            default: isWeb ? 'taro-view-core' : 'view'
+        },
+        itemElementType: {
+            type: String,
+            default: isWeb ? 'taro-view-core' : 'view'
+        },
+        outerTagName: String,
+        innerTagName: String,
+        itemTagName: String,
+        outerRef: String,
+        onScrollNative: Function,
+        onItemsRendered: Function,
+    },
+    data() {
+        const preset = new Preset(this.$props, this.refresh);
+        const id = this.$props.id || preset.id;
+        preset.updateWrapper(id);
+        return {
+            itemMap: preset.itemMap,
+            preset,
+            instance: this,
+            isScrolling: false,
+            scrollDirection: 'forward',
+            scrollOffset: typeof this.$props.initialScrollOffset === 'number'
+                ? this.$props.initialScrollOffset
+                : 0,
+            scrollUpdateWasRequested: false,
+            resetIsScrollingTimeoutId: null,
+            refreshCount: 0
+        };
+    },
+    methods: {
+        refresh() {
+            this.refreshCount = this.refreshCount + 1;
+        },
+        scrollTo(scrollOffset = 0, enhanced = this.preset.enhanced) {
+            scrollOffset = Math.max(0, scrollOffset);
+            if (this.scrollOffset === scrollOffset)
+                return;
+            if (enhanced) {
+                const option = {
+                    animated: true,
+                    duration: 300,
+                };
+                option.top = scrollOffset;
+                return getScrollViewContextNode(`#${this.preset.id}`).then((node) => node.scrollTo(option));
+            }
+            this.scrollDirection = this.scrollOffset < scrollOffset ? 'forward' : 'backward';
+            this.scrollOffset = scrollOffset;
+            this.scrollUpdateWasRequested = true;
+            this.$nextTick(this._resetIsScrollingDebounced);
+        },
+        scrollToItem(index, align = 'auto', enhanced = this.preset.enhanced) {
+            const { itemCount } = this.$props;
+            const { scrollOffset } = this.$data;
+            index = Math.max(0, Math.min(index, itemCount - 1));
+            this.scrollTo(this.itemMap.getOffsetForIndexAndAlignment(index, align, scrollOffset), enhanced);
+        },
+        _callOnItemsRendered: memoizeOne(function (overscanStartIndex, overscanStopIndex, startIndex, stopIndex) {
+            return this.$props.onItemsRendered({
+                overscanStartIndex,
+                overscanStopIndex,
+                startIndex,
+                stopIndex
+            });
+        }),
+        _callOnScroll: memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested, detail) {
+            this.$emit('scroll', {
+                scrollDirection,
+                scrollOffset,
+                scrollUpdateWasRequested,
+                detail
+            });
+        }),
+        _callPropsCallbacks() {
+            if (typeof this.$props.onItemsRendered === 'function') {
+                if (this.$props.itemCount > 0) {
+                    for (let columnIndex = 0; columnIndex < this.itemMap.columns; columnIndex++) {
+                        const [overscanStartIndex, overscanStopIndex] = this._getRangeToRender(columnIndex);
+                        this._callOnItemsRendered(columnIndex, overscanStartIndex, overscanStopIndex);
+                    }
+                }
+            }
+            if (typeof this.$props.onScroll === 'function') {
+                this._callOnScroll(this.scrollDirection, this.scrollOffset, this.scrollUpdateWasRequested, this.preset.field);
+            }
+            if (this.itemMap.isUnlimitedMode) {
+                setTimeout(() => {
+                    for (let column = 0; column < this.itemMap.columns; column++) {
+                        const [startIndex, stopIndex] = this._getRangeToRender(column);
+                        for (let row = startIndex; row <= stopIndex; row++) {
+                            const itemIndex = this.itemMap.getItemIndexByPosition(column, row);
+                            if (itemIndex >= 0 && itemIndex < this.props.itemCount) {
+                                const times = this.itemMap.compareSizeByPosition(column, row) ? 3 : 0;
+                                getRectSizeSync(`#${this.preset.id}-${itemIndex}`, 100, times).then(({ height }) => {
+                                    if (typeof height === 'number' && height > 0 && !this.itemMap.compareSizeByPosition(column, row, height)) {
+                                        this.itemMap.setSizeByPosition(column, row, height);
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }, 0);
+            }
+        },
+        _getRangeToRender(columnIndex = 0) {
+            return this.itemMap.getRangeToRender(this.$data.scrollDirection, columnIndex, this.$data.scrollOffset, this.$data.isScrolling);
+        },
+        _outerRefSetter(ref) {
+            const { outerRef } = this.$props;
+            this._outerRef = ref;
+            if (typeof outerRef === 'function') {
+                outerRef(ref);
+            }
+            else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('value')) {
+                outerRef.value = ref;
+            }
+        },
+        _resetIsScrollingDebounced() {
+            if (this.resetIsScrollingTimeoutId !== null) {
+                cancelTimeout(this.resetIsScrollingTimeoutId);
+            }
+            this.resetIsScrollingTimeoutId = requestTimeout(this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL);
+        },
+        _resetIsScrolling() {
+            this.resetIsScrollingTimeoutId = null;
+            this.isScrolling = false;
+            this.$nextTick(() => {
+                this.preset.resetCache();
+            });
+        },
+        _onScroll(event) {
+            const { scrollHeight = this.itemMap.maxColumnSize, scrollWidth, scrollTop, scrollLeft, } = event.currentTarget;
+            const clientHeight = this.itemMap.wrapperHeight;
+            const clientWidth = this.itemMap.wrapperWidth;
+            if (this.$props.onScrollNative) {
+                this.$props.onScrollNative(event);
+            }
+            const diffOffset = this.preset.field.scrollTop - scrollTop;
+            if (this.scrollOffset === scrollTop || this.preset.isShaking(diffOffset)) {
+                return;
+            }
+            // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.
+            const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight));
+            this.preset.field = {
+                scrollHeight: this.itemMap.maxColumnSize,
+                scrollWidth,
+                scrollTop: scrollOffset,
+                scrollLeft,
+                clientHeight,
+                clientWidth,
+                diffOffset: this.preset.field.scrollTop - scrollOffset,
+            };
+            this.isScrolling = true;
+            this.scrollDirection = this.scrollOffset < scrollOffset ? 'forward' : 'backward';
+            this.scrollOffset = scrollOffset;
+            this.scrollUpdateWasRequested = false;
+            this.$nextTick(this._resetIsScrollingDebounced);
+        },
+        getRenderItemNode(itemIndex, type = 'node') {
+            const { item, itemData, itemKey = defaultItemKey, useIsScrolling } = this.$props;
+            const { isScrolling } = this.$data;
+            const key = itemKey(itemIndex, itemData);
+            const style = this.preset.getItemStyle(itemIndex);
+            if (type === 'placeholder') {
+                return render(this.preset.itemElement, {
+                    key,
+                    id: `${this.preset.id}-${itemIndex}-wrapper`,
+                    style: this.preset.isBrick ? style : { display: 'none' }
+                });
+            }
+            return render(this.preset.itemElement, {
+                key,
+                id: `${this.preset.id}-${itemIndex}-wrapper`,
+                style
+            }, render(item, {
+                id: `${this.preset.id}-${itemIndex}`,
+                data: itemData,
+                index: itemIndex,
+                isScrolling: useIsScrolling ? isScrolling : undefined
+            }));
+        },
+        getRenderColumnNode(columnIndex) {
+            const columnProps = {
+                key: `${this.preset.id}-column-${columnIndex}`,
+                id: `${this.preset.id}-column-${columnIndex}`,
+                style: {
+                    height: '100%',
+                    position: 'relative',
+                    width: convertNumber2PX(this.itemMap.columnWidth)
+                }
+            };
+            const [startIndex, stopIndex] = this._getRangeToRender(columnIndex);
+            const items = [];
+            if (this.preset.isRelative && !this.preset.isBrick) {
+                const pre = convertNumber2PX(this.itemMap.getOffsetSizeCache(columnIndex, startIndex));
+                items.push(render(this.preset.itemElement, {
+                    key: `${this.preset.id}-${columnIndex}-pre`,
+                    id: `${this.preset.id}-${columnIndex}-pre`,
+                    style: {
+                        height: pre,
+                        width: '100%'
+                    }
+                }));
+            }
+            const placeholderCount = this.preset.placeholderCount;
+            const restCount = this.itemMap.getColumnLength(columnIndex) - stopIndex;
+            const prevPlaceholder = startIndex < placeholderCount ? startIndex : placeholderCount;
+            const postPlaceholder = restCount < placeholderCount ? restCount : placeholderCount;
+            const visibleItem = (stopIndex + postPlaceholder) * this.itemMap.columns + columnIndex;
+            this.itemMap.updateItem(visibleItem);
+            for (let row = 0; row < stopIndex + postPlaceholder; row++) {
+                const itemIndex = this.itemMap.getItemIndexByPosition(columnIndex, row);
+                if (itemIndex >= 0 && itemIndex < this.$props.itemCount) {
+                    if (!this.preset.isBrick) {
+                        if (row < startIndex - prevPlaceholder) {
+                            row = startIndex - prevPlaceholder;
+                            continue;
+                        }
+                    }
+                    if (row < startIndex || row > stopIndex) {
+                        items.push(this.getRenderItemNode(itemIndex, 'placeholder'));
+                    }
+                    else {
+                        items.push(this.getRenderItemNode(itemIndex));
+                    }
+                }
+            }
+            return render(this.preset.innerElement, columnProps, items);
+        },
+        getRenderExpandNodes(direction) {
+            const props = {
+                id: `${this.preset.id}-${direction}`,
+                style: {
+                    visibility: 'hidden',
+                    height: 100,
+                    width: '100%',
+                    marginTop: -100,
+                    zIndex: -1,
+                }
+            };
+            return render(this.preset.innerElement, props);
+        }
+    },
+    mounted() {
+        const { initialScrollOffset } = this.$props;
+        if (typeof initialScrollOffset === 'number' && this._outerRef != null) {
+            const outerRef = this._outerRef;
+            outerRef.scrollTop = initialScrollOffset;
+        }
+        this._callPropsCallbacks();
+        this.preset.boundaryDetection();
+    },
+    updated() {
+        const { scrollOffset, scrollUpdateWasRequested } = this.$data;
+        this.preset.update(this.$props);
+        if (scrollUpdateWasRequested && this._outerRef != null) {
+            this._outerRef.scrollTop = scrollOffset;
+        }
+        this._callPropsCallbacks();
+    },
+    beforeDestroy() {
+        if (this.resetIsScrollingTimeoutId !== null) {
+            cancelTimeout(this.resetIsScrollingTimeoutId);
+        }
+        this.preset.dispose();
+    },
+    render() {
+        var _a, _b, _c, _d;
+        const { height, width, enhanced = false } = omit(this.$props, [
+            'item', 'itemCount', 'itemData', 'itemKey', 'useIsScrolling',
+            'innerElementType', 'innerTagName', 'itemElementType', 'itemTagName',
+            'outerElementType', 'outerTagName', 'onScrollToLower', 'onScrollToUpper',
+            'upperThreshold', 'lowerThreshold',
+            'position'
+        ]);
+        const { isScrolling, scrollOffset, scrollUpdateWasRequested } = this.$data;
+        const estimatedHeight = convertNumber2PX(this.itemMap.maxColumnSize);
+        const outerElementProps = {
+            id: this.preset.id,
+            ref: this._outerRefSetter,
+            enhanced,
+            class: classNames(this.$attrs.class, 'virtual-waterfall'),
+            style: {
+                height: convertNumber2PX(height),
+                width: convertNumber2PX(width),
+                overflow: 'auto',
+                WebkitOverflowScrolling: 'touch',
+                willChange: 'transform',
+            },
+            attrs: {
+                scrollY: true,
+            },
+            on: {
+                scroll: this._onScroll
+            },
+        };
+        if (!enhanced) {
+            outerElementProps.scrollTop = scrollUpdateWasRequested ? scrollOffset : this.preset.field.scrollTop;
+        }
+        const columnNodes = [];
+        for (let i = 0; i < this.itemMap.columns; i++) {
+            columnNodes.push(this.getRenderColumnNode(i));
+        }
+        return render(this.preset.outerElement, outerElementProps, [
+            this.getRenderExpandNodes('top'),
+            process.env.FRAMEWORK === 'vue3' ? (_b = (_a = this.$slots).top) === null || _b === void 0 ? void 0 : _b.call(_a) : this.$slots.top,
+            render(this.preset.innerElement, {
+                key: `${this.preset.id}-wrapper`,
+                id: `${this.preset.id}-wrapper`,
+                class: classNames(this.$attrs.class, 'virtual-waterfall-wrapper'),
+                style: {
+                    display: 'flex',
+                    justifyContent: 'space-evenly',
+                    pointerEvents: isScrolling ? 'none' : 'auto',
+                    position: 'relative',
+                    height: estimatedHeight,
+                    width: '100%',
+                },
+            }, columnNodes),
+            process.env.FRAMEWORK === 'vue3' ? (_d = (_c = this.$slots).bottom) === null || _d === void 0 ? void 0 : _d.call(_c) : this.$slots.bottom,
+            this.getRenderExpandNodes('bottom'),
+        ]);
+    }
+});
+
+export { Waterfall as default };
+//# sourceMappingURL=waterfall.js.map

package/dist/components/virtual-waterfall/vue/waterfall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waterfall.js","sources":["../../../../src/components/virtual-waterfall/vue/waterfall.ts"],"sourcesContent":["import { isWebPlatform } from '@tarojs/shared'\nimport classNames from 'classnames'\nimport memoizeOne from 'memoize-one'\nimport { defineComponent } from 'vue'\n\nimport { cancelTimeout, convertNumber2PX, defaultItemKey, getRectSizeSync, getScrollViewContextNode, omit, requestTimeout } from '../../../utils'\nimport render from '../../../utils/vue-render'\nimport { IS_SCROLLING_DEBOUNCE_INTERVAL } from '../constants'\nimport Preset, { type IProps } from '../preset'\n\nconst isWeb = isWebPlatform()\n\nexport default defineComponent({\n  props: {\n    id: String,\n    height: {\n      type: [String, Number],\n      required: true\n    },\n    width: {\n      type: [String, Number],\n      required: true\n    },\n    column: Number,\n    columnWidth: Number,\n    item: {\n      required: true\n    },\n    itemCount: {\n      type: Number,\n      required: true\n    },\n    itemData: {\n      type: Array,\n      required: true\n    },\n    itemKey: Function,\n    itemSize: {\n      type: [Number, Function],\n      required: true\n    },\n    unlimitedSize: {\n      type: Boolean,\n      default: false\n    },\n    position: {\n      type: String,\n      default: 'absolute'\n    },\n    initialScrollOffset: {\n      type: Number,\n      default: 0\n    },\n    overscanDistance: {\n      type: Number,\n      default: 50\n    },\n    placeholderCount: {\n      type: Number,\n      default: 0\n    },\n    useIsScrolling: {\n      type: Boolean,\n      default: false\n    },\n    enhanced: {\n      type: Boolean,\n      default: true\n    },\n    shouldResetStyleCacheOnItemSizeChange: {\n      type: Boolean,\n      default: true\n    },\n    outerElementType: {\n      type: String,\n      default: isWeb ? 'taro-scroll-view-core' : 'scroll-view'\n    },\n    innerElementType: {\n      type: String,\n      default: isWeb ? 'taro-view-core' : 'view'\n    },\n    itemElementType: {\n      type: String,\n      default: isWeb ? 'taro-view-core' : 'view'\n    },\n    outerTagName: String,\n    innerTagName: String,\n    itemTagName: String,\n    outerRef: String,\n    onScrollNative: Function,\n    onItemsRendered: Function,\n  },\n  data () {\n    const preset = new Preset(this.$props as IProps, this.refresh as TFunc)\n    const id = this.$props.id || preset.id\n    preset.updateWrapper(id)\n\n    return {\n      itemMap: preset.itemMap,\n      preset,\n      instance: this,\n      isScrolling: false,\n      scrollDirection: 'forward',\n      scrollOffset:\n        typeof this.$props.initialScrollOffset === 'number'\n          ? this.$props.initialScrollOffset\n          : 0,\n      scrollUpdateWasRequested: false,\n      resetIsScrollingTimeoutId: null,\n      refreshCount: 0\n    }\n  },\n  methods: {\n    refresh () {\n      this.refreshCount = this.refreshCount + 1\n    },\n    scrollTo (scrollOffset = 0, enhanced = this.preset.enhanced) {\n      scrollOffset = Math.max(0, scrollOffset)\n      if (this.scrollOffset === scrollOffset) return\n\n      if (enhanced) {\n        const option: any = {\n          animated: true,\n          duration: 300,\n        }\n        option.top = scrollOffset\n        return getScrollViewContextNode(`#${this.preset.id}`).then((node: any) => node.scrollTo(option))\n      }\n\n      this.scrollDirection = this.scrollOffset < scrollOffset ? 'forward' : 'backward'\n      this.scrollOffset = scrollOffset\n      this.scrollUpdateWasRequested = true\n\n      this.$nextTick(this._resetIsScrollingDebounced)\n    },\n\n    scrollToItem (index: number, align = 'auto', enhanced = this.preset.enhanced) {\n      const { itemCount } = this.$props\n      const { scrollOffset } = this.$data\n\n      index = Math.max(0, Math.min(index, itemCount - 1))\n\n      this.scrollTo(\n        this.itemMap.getOffsetForIndexAndAlignment(\n          index,\n          align,\n          scrollOffset\n        ),\n        enhanced,\n      )\n    },\n\n    _callOnItemsRendered: memoizeOne(function (overscanStartIndex, overscanStopIndex, startIndex, stopIndex) {\n      return this.$props.onItemsRendered({\n        overscanStartIndex,\n        overscanStopIndex,\n        startIndex,\n        stopIndex\n      })\n    }),\n\n    _callOnScroll: memoizeOne(function (scrollDirection, scrollOffset, scrollUpdateWasRequested, detail) {\n      this.$emit('scroll', {\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested,\n        detail\n      })\n    }),\n\n    _callPropsCallbacks () {\n      if (typeof this.$props.onItemsRendered === 'function') {\n        if (this.$props.itemCount > 0) {\n          for (let columnIndex = 0; columnIndex < this.itemMap.columns; columnIndex++) {\n            const [overscanStartIndex, overscanStopIndex] = this._getRangeToRender(columnIndex)\n            this._callOnItemsRendered(columnIndex, overscanStartIndex, overscanStopIndex)\n          }\n        }\n      }\n\n      if (typeof this.$props.onScroll === 'function') {\n        this._callOnScroll(\n          this.scrollDirection,\n          this.scrollOffset,\n          this.scrollUpdateWasRequested,\n          this.preset.field\n        )\n      }\n\n      if (this.itemMap.isUnlimitedMode) {\n        setTimeout(() => {\n          for (let column = 0; column < this.itemMap.columns; column++) {\n            const [startIndex, stopIndex] = this._getRangeToRender(column)\n            for (let row = startIndex; row <= stopIndex; row++) {\n              const itemIndex = this.itemMap.getItemIndexByPosition(column, row)\n              if (itemIndex >= 0 && itemIndex < this.props.itemCount) {\n                const times = this.itemMap.compareSizeByPosition(column, row) ? 3 : 0\n                getRectSizeSync(`#${this.preset.id}-${itemIndex}`, 100, times).then(({ height }) => {\n                  if (typeof height === 'number' && height > 0 && !this.itemMap.compareSizeByPosition(column, row, height)) {\n                    this.itemMap.setSizeByPosition(column, row, height)\n                  }\n                })\n              }\n            }\n          }\n        }, 0)\n      }\n    },\n\n    _getRangeToRender (columnIndex = 0) {\n      return this.itemMap.getRangeToRender(\n        this.$data.scrollDirection,\n        columnIndex,\n        this.$data.scrollOffset,\n        this.$data.isScrolling\n      )\n    },\n\n    _outerRefSetter (ref) {\n      const { outerRef } = this.$props\n      this._outerRef = ref\n\n      if (typeof outerRef === 'function') {\n        outerRef(ref)\n      } else if (outerRef != null && typeof outerRef === 'object' && outerRef.hasOwnProperty('value')) {\n        outerRef.value = ref\n      }\n    },\n\n    _resetIsScrollingDebounced () {\n      if (this.resetIsScrollingTimeoutId !== null) {\n        cancelTimeout(this.resetIsScrollingTimeoutId)\n      }\n\n      this.resetIsScrollingTimeoutId = requestTimeout(this._resetIsScrolling, IS_SCROLLING_DEBOUNCE_INTERVAL)\n    },\n\n    _resetIsScrolling () {\n      this.resetIsScrollingTimeoutId = null\n      this.isScrolling = false\n      this.$nextTick(() => {\n        this.preset.resetCache()\n      })\n    },\n\n    _onScroll (event) {\n      const {\n        scrollHeight = this.itemMap.maxColumnSize,\n        scrollWidth,\n        scrollTop,\n        scrollLeft,\n      } = event.currentTarget\n      const clientHeight = this.itemMap.wrapperHeight\n      const clientWidth = this.itemMap.wrapperWidth\n      if (this.$props.onScrollNative) {\n        this.$props.onScrollNative(event)\n      }\n      const diffOffset = this.preset.field.scrollTop - scrollTop\n      if (this.scrollOffset === scrollTop || this.preset.isShaking(diffOffset)) {\n        return\n      }\n\n      // Prevent Safari's elastic scrolling from causing visual shaking when scrolling past bounds.\n      const scrollOffset = Math.max(0, Math.min(scrollTop, scrollHeight - clientHeight))\n      this.preset.field = {\n        scrollHeight: this.itemMap.maxColumnSize,\n        scrollWidth,\n        scrollTop: scrollOffset,\n        scrollLeft,\n        clientHeight,\n        clientWidth,\n        diffOffset: this.preset.field.scrollTop - scrollOffset,\n      }\n\n      this.isScrolling = true\n      this.scrollDirection = this.scrollOffset < scrollOffset ? 'forward' : 'backward'\n      this.scrollOffset = scrollOffset\n      this.scrollUpdateWasRequested = false\n      this.$nextTick(this._resetIsScrollingDebounced)\n    },\n\n    getRenderItemNode (itemIndex: number, type: 'node' | 'placeholder' = 'node') {\n      const { item, itemData, itemKey = defaultItemKey, useIsScrolling } = this.$props\n      const { isScrolling } = this.$data\n      const key = itemKey(itemIndex, itemData)\n  \n      const style = this.preset.getItemStyle(itemIndex)\n      if (type === 'placeholder') {\n        return render(this.preset.itemElement, {\n          key,\n          id: `${this.preset.id}-${itemIndex}-wrapper`,\n          style: this.preset.isBrick ? style : { display: 'none' }\n        })\n      }\n  \n      return render(this.preset.itemElement, {\n        key,\n        id: `${this.preset.id}-${itemIndex}-wrapper`,\n        style\n      }, render(item, {\n        id: `${this.preset.id}-${itemIndex}`,\n        data: itemData,\n        index: itemIndex,\n        isScrolling: useIsScrolling ? isScrolling : undefined\n      }))\n    },\n  \n    getRenderColumnNode (columnIndex: number) {\n      const columnProps: any = {\n        key: `${this.preset.id}-column-${columnIndex}`,\n        id: `${this.preset.id}-column-${columnIndex}`,\n        style: {\n          height: '100%',\n          position: 'relative',\n          width: convertNumber2PX(this.itemMap.columnWidth)\n        }\n      }\n  \n      const [startIndex, stopIndex] = this._getRangeToRender(columnIndex)\n      const items = []\n      if (this.preset.isRelative && !this.preset.isBrick) {\n        const pre = convertNumber2PX(this.itemMap.getOffsetSizeCache(columnIndex, startIndex))\n        items.push(\n          render(this.preset.itemElement, {\n            key: `${this.preset.id}-${columnIndex}-pre`,\n            id: `${this.preset.id}-${columnIndex}-pre`,\n            style: {\n              height: pre,\n              width: '100%'\n            }\n          })\n        )\n      }\n      const placeholderCount = this.preset.placeholderCount\n      const restCount = this.itemMap.getColumnLength(columnIndex) - stopIndex\n      const prevPlaceholder = startIndex < placeholderCount ? startIndex : placeholderCount\n      const postPlaceholder = restCount < placeholderCount ? restCount : placeholderCount\n      const visibleItem = (stopIndex + postPlaceholder) * this.itemMap.columns + columnIndex\n      this.itemMap.updateItem(visibleItem)\n      for (let row = 0; row < stopIndex + postPlaceholder; row++) {\n        const itemIndex = this.itemMap.getItemIndexByPosition(columnIndex, row)\n        if (itemIndex >= 0 && itemIndex < this.$props.itemCount) {\n          if (!this.preset.isBrick) {\n            if (row < startIndex - prevPlaceholder) {\n              row = startIndex - prevPlaceholder\n              continue\n            }\n          }\n  \n          if (row < startIndex || row > stopIndex) {\n            items.push(this.getRenderItemNode(itemIndex, 'placeholder'))\n          } else {\n            items.push(this.getRenderItemNode(itemIndex))\n          }\n        }\n      }\n      return render(this.preset.innerElement, columnProps, items)\n    },\n\n    getRenderExpandNodes (direction: 'top' | 'bottom') {\n      const props: any = {\n        id: `${this.preset.id}-${direction}`,\n        style: {\n          visibility: 'hidden',\n          height: 100,\n          width: '100%',\n          marginTop: -100,\n          zIndex: -1,\n        }\n      }\n      return render(this.preset.innerElement, props)\n    }\n  },\n  mounted () {\n    const { initialScrollOffset } = this.$props\n\n    if (typeof initialScrollOffset === 'number' && this._outerRef != null) {\n      const outerRef = this._outerRef\n      outerRef.scrollTop = initialScrollOffset\n    }\n\n    this._callPropsCallbacks()\n    this.preset.boundaryDetection()\n  },\n  updated () {\n    const { scrollOffset, scrollUpdateWasRequested } = this.$data\n\n    this.preset.update(this.$props)\n\n    if (scrollUpdateWasRequested && this._outerRef != null) {\n      this._outerRef.scrollTop = scrollOffset\n    }\n\n    this._callPropsCallbacks()\n  },\n\n  beforeDestroy () {\n    if (this.resetIsScrollingTimeoutId !== null) {\n      cancelTimeout(this.resetIsScrollingTimeoutId)\n    }\n    this.preset.dispose()\n  },\n\n  render () {\n    const {\n      height,\n      width,\n      enhanced = false\n    } = omit(this.$props, [\n      'item', 'itemCount', 'itemData', 'itemKey', 'useIsScrolling',\n      'innerElementType', 'innerTagName', 'itemElementType', 'itemTagName',\n      'outerElementType', 'outerTagName', 'onScrollToLower', 'onScrollToUpper',\n      'upperThreshold', 'lowerThreshold',\n      'position'\n    ])\n    const {\n      isScrolling,\n      scrollOffset,\n      scrollUpdateWasRequested\n    } = this.$data\n\n    const estimatedHeight = convertNumber2PX(this.itemMap.maxColumnSize)\n    const outerElementProps: any = {\n      id: this.preset.id,\n      ref: this._outerRefSetter,\n      enhanced,\n      class: classNames(this.$attrs.class, 'virtual-waterfall'),\n      style: {\n        height: convertNumber2PX(height),\n        width: convertNumber2PX(width),\n        overflow: 'auto',\n        WebkitOverflowScrolling: 'touch',\n        willChange: 'transform',\n      },\n      attrs: {\n        scrollY: true,\n      },\n      on: {\n        scroll: this._onScroll\n      },\n    }\n\n    if (!enhanced) {\n      outerElementProps.scrollTop = scrollUpdateWasRequested ? scrollOffset : this.preset.field.scrollTop\n    }\n\n    const columnNodes: React.ReactNode[] = []\n    for (let i = 0; i < this.itemMap.columns; i++) {\n      columnNodes.push(this.getRenderColumnNode(i))\n    }\n\n    return render(this.preset.outerElement, outerElementProps, [\n      this.getRenderExpandNodes('top'),\n      process.env.FRAMEWORK === 'vue3' ? this.$slots.top?.() : this.$slots.top,\n      render(this.preset.innerElement, {\n        key: `${this.preset.id}-wrapper`,\n        id: `${this.preset.id}-wrapper`,\n        class: classNames(this.$attrs.class, 'virtual-waterfall-wrapper'),\n        style: {\n          display: 'flex',\n          justifyContent: 'space-evenly',\n          pointerEvents: isScrolling ? 'none' : 'auto',\n          position: 'relative',\n          height: estimatedHeight,\n          width: '100%',\n        },\n      } as any, columnNodes),\n      process.env.FRAMEWORK === 'vue3' ? this.$slots.bottom?.() : this.$slots.bottom,\n      this.getRenderExpandNodes('bottom'),\n    ])\n  }\n})\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,11 @@
 import './components/index.js';
 import './utils/index.js';
 export { VirtualList } from './components/virtual-list/index.js';
+export { VirtualWaterfall } from './components/virtual-waterfall/index.js';
 export { convertNumber2PX, convertPX2Int } from './utils/convert.js';
-export { omit } from './utils/lodash.js';
+export { getRectSize, getRectSizeSync, getScrollViewContextNode } from './utils/dom.js';
+export { defaultItemKey, getOffsetForIndexAndAlignment } from './utils/helper.js';
+export { debounce, omit, throttle } from './utils/lodash.js';
 export { getMiddleNumber, isCosDistributing } from './utils/math.js';
 export { cancelTimeout, requestTimeout } from './utils/timer.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/utils/convert.d.ts

@@ -1,6 +1,6 @@
 /** 将距离值根据单位转换为 Number 类型
  * TODO: 未来可以考虑支持更多单位
  */
-declare function convertPX2Int(distance: string | number): string | number;
-declare function convertNumber2PX(styleValue: unknown): unknown;
+declare function convertPX2Int(distance?: string | number): string | number;
+declare function convertNumber2PX(styleValue: unknown): string;
 export { convertPX2Int, convertNumber2PX };

package/dist/utils/convert.js.map

@@ -1 +1 @@
-{"version":3,"file":"convert.js","sources":["../../src/utils/convert.ts"],"sourcesContent":["/** 将距离值根据单位转换为 Number 类型\n * TODO: 未来可以考虑支持更多单位\n */\nexport function convertPX2Int (distance: string | number) {\n  if (typeof distance === 'string') {\n    const str = distance.toLowerCase()\n    if (/px$/.test(str)) {\n      return Number(str.replace(/px$/, ''))\n    }\n  }\n  return distance\n}\n\nexport function convertNumber2PX (styleValue: unknown) {\n  if (!styleValue && styleValue !== 0) return ''\n  return typeof styleValue === 'number' ? styleValue + 'px' : styleValue\n}\n"],"names":[],"mappings":"AAAA;;AAEG;AACG,SAAU,aAAa,CAAE,QAAyB,EAAA;AACtD,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAA;AAClC,QAAA,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACnB,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;AACtC,SAAA;AACF,KAAA;AACD,IAAA,OAAO,QAAQ,CAAA;AACjB,CAAC;AAEK,SAAU,gBAAgB,CAAE,UAAmB,EAAA;AACnD,IAAA,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE,CAAA;AAC9C,IAAA,OAAO,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,UAAU,CAAA;AACxE;;;;"}
+{"version":3,"file":"convert.js","sources":["../../src/utils/convert.ts"],"sourcesContent":["/** 将距离值根据单位转换为 Number 类型\n * TODO: 未来可以考虑支持更多单位\n */\nexport function convertPX2Int (distance?: string | number) {\n  if (typeof distance === 'string') {\n    const str = distance.toLowerCase()\n    if (/px$/.test(str)) {\n      return Number(str.replace(/px$/, ''))\n    }\n  }\n  return distance\n}\n\nexport function convertNumber2PX (styleValue: unknown): string {\n  if (!styleValue && styleValue !== 0) return ''\n  return typeof styleValue === 'number' ? styleValue + 'px' : styleValue as string\n}\n"],"names":[],"mappings":"AAAA;;AAEG;AACG,SAAU,aAAa,CAAE,QAA0B,EAAA;AACvD,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAA;AAClC,QAAA,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACnB,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;AACtC,SAAA;AACF,KAAA;AACD,IAAA,OAAO,QAAQ,CAAA;AACjB,CAAC;AAEK,SAAU,gBAAgB,CAAE,UAAmB,EAAA;AACnD,IAAA,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,CAAC;AAAE,QAAA,OAAO,EAAE,CAAA;AAC9C,IAAA,OAAO,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,UAAoB,CAAA;AAClF;;;;"}

package/dist/utils/dom.d.ts

@@ -0,0 +1,7 @@
+declare function getRectSize(id: string, success?: TFunc, fail?: TFunc, retryMs?: number): void;
+declare function getRectSizeSync(id: string, retryMs?: number, retryTimes?: number): Promise<{
+    width?: number;
+    height?: number;
+}>;
+declare function getScrollViewContextNode(id: string): Promise<unknown>;
+export { getRectSize, getRectSizeSync, getScrollViewContextNode };

package/dist/utils/dom.js

@@ -0,0 +1,45 @@
+import { createSelectorQuery } from '@tarojs/taro';
+
+function getRectSize(id, success, fail, retryMs = 500) {
+    const query = createSelectorQuery();
+    try {
+        query.select(id).boundingClientRect((res) => {
+            if (res) {
+                success === null || success === void 0 ? void 0 : success(res);
+            }
+            else {
+                fail === null || fail === void 0 ? void 0 : fail();
+            }
+        }).exec();
+    }
+    catch (err) {
+        setTimeout(() => {
+            getRectSize(id, success, fail, retryMs);
+        }, retryMs);
+    }
+}
+function getRectSizeSync(id, retryMs = 500, retryTimes = 5) {
+    return new Promise((resolve) => {
+        function retry() {
+            if (retryTimes <= 0)
+                return;
+            setTimeout(async () => {
+                try {
+                    const res = await getRectSizeSync(id, retryMs, --retryTimes);
+                    resolve(res);
+                }
+                catch (err) {
+                    retry();
+                }
+            }, retryMs);
+        }
+        getRectSize(id, resolve, retry, retryMs);
+    });
+}
+async function getScrollViewContextNode(id) {
+    const query = createSelectorQuery();
+    return new Promise((resolve) => query.select(id).node(({ node }) => resolve(node)).exec());
+}
+
+export { getRectSize, getRectSizeSync, getScrollViewContextNode };
+//# sourceMappingURL=dom.js.map

package/dist/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../src/utils/dom.ts"],"sourcesContent":["import { createSelectorQuery } from '@tarojs/taro'\n\nexport function getRectSize (id: string, success?: TFunc, fail?: TFunc, retryMs = 500) {\n  const query = createSelectorQuery()\n  try {\n    query.select(id).boundingClientRect((res) => {\n      if (res) {\n        success?.(res)\n      } else {\n        fail?.()\n      }\n    }).exec()\n  } catch (err) {\n    setTimeout(() => {\n      getRectSize(id, success, fail, retryMs)\n    }, retryMs)\n  }\n}\n\nexport function getRectSizeSync (id: string, retryMs = 500, retryTimes = 5) {\n  return new Promise<{ width?: number, height?: number }>((resolve) => {\n    function retry () {\n      if (retryTimes <= 0) return\n      setTimeout(async () => {\n        try {\n          const res = await getRectSizeSync(id, retryMs, --retryTimes)\n          resolve(res)\n        } catch (err) {\n          retry()\n        }\n      }, retryMs)\n    }\n    getRectSize(id, resolve, retry, retryMs)\n  })\n}\n\nexport async function getScrollViewContextNode (id: string) {\n  const query = createSelectorQuery()\n  return new Promise((resolve) => query.select(id).node(({ node }) => resolve(node)).exec())\n}\n\n"],"names":[],"mappings":";;AAEM,SAAU,WAAW,CAAE,EAAU,EAAE,OAAe,EAAE,IAAY,EAAE,OAAO,GAAG,GAAG,EAAA;AACnF,IAAA,MAAM,KAAK,GAAG,mBAAmB,EAAE,CAAA;IACnC,IAAI;QACF,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,GAAG,KAAI;AAC1C,YAAA,IAAI,GAAG,EAAE;AACP,gBAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,GAAG,CAAC,CAAA;AACf,aAAA;AAAM,iBAAA;AACL,gBAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,EAAI,CAAA;AACT,aAAA;AACH,SAAC,CAAC,CAAC,IAAI,EAAE,CAAA;AACV,KAAA;AAAC,IAAA,OAAO,GAAG,EAAE;QACZ,UAAU,CAAC,MAAK;YACd,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;SACxC,EAAE,OAAO,CAAC,CAAA;AACZ,KAAA;AACH,CAAC;AAEK,SAAU,eAAe,CAAE,EAAU,EAAE,OAAO,GAAG,GAAG,EAAE,UAAU,GAAG,CAAC,EAAA;AACxE,IAAA,OAAO,IAAI,OAAO,CAAsC,CAAC,OAAO,KAAI;AAClE,QAAA,SAAS,KAAK,GAAA;YACZ,IAAI,UAAU,IAAI,CAAC;gBAAE,OAAM;YAC3B,UAAU,CAAC,YAAW;gBACpB,IAAI;AACF,oBAAA,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,UAAU,CAAC,CAAA;oBAC5D,OAAO,CAAC,GAAG,CAAC,CAAA;AACb,iBAAA;AAAC,gBAAA,OAAO,GAAG,EAAE;AACZ,oBAAA,KAAK,EAAE,CAAA;AACR,iBAAA;aACF,EAAE,OAAO,CAAC,CAAA;SACZ;QACD,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AAC1C,KAAC,CAAC,CAAA;AACJ,CAAC;AAEM,eAAe,wBAAwB,CAAE,EAAU,EAAA;AACxD,IAAA,MAAM,KAAK,GAAG,mBAAmB,EAAE,CAAA;AACnC,IAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;AAC5F;;;;"}

package/dist/utils/helper.d.ts

@@ -0,0 +1,10 @@
+declare const defaultItemKey: (index: number, _itemData?: unknown) => number;
+declare function getOffsetForIndexAndAlignment({ align, containerSize, currentOffset, scrollSize, slideSize, targetOffset, }: {
+    align?: string;
+    containerSize?: number;
+    currentOffset?: number;
+    scrollSize?: number;
+    slideSize?: number;
+    targetOffset?: number;
+}): number;
+export { defaultItemKey, getOffsetForIndexAndAlignment };

package/dist/utils/helper.js

@@ -0,0 +1,51 @@
+// In DEV mode, this Set helps us only log a warning once per component instance.
+// This avoids spamming the console every time a render happens.
+const defaultItemKey = (index, _itemData) => index;
+function getOffsetForIndexAndAlignment({ align = 'auto', containerSize = 0, currentOffset = 0, scrollSize = 0, slideSize = 0, targetOffset = 0, }) {
+    const lastItemOffset = Math.max(0, scrollSize - containerSize);
+    const maxOffset = Math.min(lastItemOffset, targetOffset);
+    const minOffset = Math.max(0, targetOffset - containerSize + slideSize);
+    if (align === 'smart') {
+        if (currentOffset >= minOffset - containerSize && currentOffset <= maxOffset + containerSize) {
+            align = 'auto';
+        }
+        else {
+            align = 'center';
+        }
+    }
+    switch (align) {
+        case 'start':
+            return maxOffset;
+        case 'end':
+            return minOffset;
+        case 'center':
+            {
+                // "Centered" offset is usually the average of the min and max.
+                // But near the edges of the list, this doesn't hold true.
+                const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2);
+                if (middleOffset < Math.ceil(containerSize / 2)) {
+                    return 0; // near the beginning
+                }
+                else if (middleOffset > lastItemOffset + Math.floor(containerSize / 2)) {
+                    return lastItemOffset; // near the end
+                }
+                else {
+                    return middleOffset;
+                }
+            }
+        case 'auto':
+        default:
+            if (currentOffset >= minOffset && currentOffset <= maxOffset) {
+                return currentOffset;
+            }
+            else if (currentOffset < minOffset) {
+                return minOffset;
+            }
+            else {
+                return maxOffset;
+            }
+    }
+}
+
+export { defaultItemKey, getOffsetForIndexAndAlignment };
+//# sourceMappingURL=helper.js.map

package/dist/utils/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../src/utils/helper.ts"],"sourcesContent":["// In DEV mode, this Set helps us only log a warning once per component instance.\n// This avoids spamming the console every time a render happens.\nexport const defaultItemKey = (index: number, _itemData?: unknown) => index\n\nexport function getOffsetForIndexAndAlignment ({\n  align = 'auto',\n  containerSize = 0,\n  currentOffset = 0,\n  scrollSize = 0,\n  slideSize = 0,\n  targetOffset = 0,\n}) {\n  const lastItemOffset = Math.max(0, scrollSize - containerSize)\n  const maxOffset = Math.min(lastItemOffset, targetOffset)\n  const minOffset = Math.max(0, targetOffset - containerSize + slideSize)\n\n  if (align === 'smart') {\n    if (currentOffset >= minOffset - containerSize && currentOffset <= maxOffset + containerSize) {\n      align = 'auto'\n    } else {\n      align = 'center'\n    }\n  }\n\n  switch (align) {\n    case 'start':\n      return maxOffset\n\n    case 'end':\n      return minOffset\n\n    case 'center':\n    {\n      // \"Centered\" offset is usually the average of the min and max.\n      // But near the edges of the list, this doesn't hold true.\n      const middleOffset = Math.round(minOffset + (maxOffset - minOffset) / 2)\n\n      if (middleOffset < Math.ceil(containerSize / 2)) {\n        return 0 // near the beginning\n      } else if (middleOffset > lastItemOffset + Math.floor(containerSize / 2)) {\n        return lastItemOffset // near the end\n      } else {\n        return middleOffset\n      }\n    }\n\n    case 'auto':\n    default:\n      if (currentOffset >= minOffset && currentOffset <= maxOffset) {\n        return currentOffset\n      } else if (currentOffset < minOffset) {\n        return minOffset\n      } else {\n        return maxOffset\n      }\n  }\n}\n"],"names":[],"mappings":"AAAA;AACA;AACO,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,SAAmB,KAAK,MAAK;AAErE,SAAU,6BAA6B,CAAE,EAC7C,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,CAAC,EACjB,aAAa,GAAG,CAAC,EACjB,UAAU,GAAG,CAAC,EACd,SAAS,GAAG,CAAC,EACb,YAAY,GAAG,CAAC,GACjB,EAAA;AACC,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,aAAa,CAAC,CAAA;IAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;AACxD,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;IAEvE,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,IAAI,aAAa,IAAI,SAAS,GAAG,aAAa,IAAI,aAAa,IAAI,SAAS,GAAG,aAAa,EAAE;YAC5F,KAAK,GAAG,MAAM,CAAA;AACf,SAAA;AAAM,aAAA;YACL,KAAK,GAAG,QAAQ,CAAA;AACjB,SAAA;AACF,KAAA;AAED,IAAA,QAAQ,KAAK;AACX,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,SAAS,CAAA;AAElB,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,SAAS,CAAA;AAElB,QAAA,KAAK,QAAQ;AACb,YAAA;;;AAGE,gBAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,SAAS,GAAG,SAAS,IAAI,CAAC,CAAC,CAAA;gBAExE,IAAI,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,EAAE;oBAC/C,OAAO,CAAC,CAAA;AACT,iBAAA;AAAM,qBAAA,IAAI,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,EAAE;oBACxE,OAAO,cAAc,CAAA;AACtB,iBAAA;AAAM,qBAAA;AACL,oBAAA,OAAO,YAAY,CAAA;AACpB,iBAAA;AACF,aAAA;AAED,QAAA,KAAK,MAAM,CAAC;AACZ,QAAA;AACE,YAAA,IAAI,aAAa,IAAI,SAAS,IAAI,aAAa,IAAI,SAAS,EAAE;AAC5D,gBAAA,OAAO,aAAa,CAAA;AACrB,aAAA;iBAAM,IAAI,aAAa,GAAG,SAAS,EAAE;AACpC,gBAAA,OAAO,SAAS,CAAA;AACjB,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,SAAS,CAAA;AACjB,aAAA;AACJ,KAAA;AACH;;;;"}

package/dist/utils/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./convert.js";
+export * from "./dom.js";
+export * from "./helper.js";
 export * from "./lodash.js";
 export * from "./math.js";
 export * from "./timer.js";