@tarojs/components-advanced 4.0.13-alpha.0 → 4.0.13

package/dist/components/water-flow/water-flow.js

@@ -0,0 +1,146 @@
+import { __rest } from 'tslib';
+import { ScrollView, View } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { useId, useMemo, useRef, Children, cloneElement, useEffect, createElement } from 'react';
+import '../../utils/index.js';
+import { Root, RootEvents } from './root.js';
+import { Section } from './section.js';
+import { useMemoizedFn } from './use-memoized-fn.js';
+import { useObservedAttr } from './use-observed-attr.js';
+import { getSysInfo } from './utils.js';
+import { getScrollViewContextNode } from '../../utils/dom.js';
+import { debounce } from '../../utils/lodash.js';
+
+getSysInfo();
+function WaterFlow(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { id, style = {}, className, cacheCount = 1, onScrollToUpper, onScrollToLower, upperThresholdCount, lowerThresholdCount, scrollIntoView } = props, rest = __rest(props, ["id", "style", "className", "cacheCount", "onScrollToUpper", "onScrollToLower", "upperThresholdCount", "lowerThresholdCount", "scrollIntoView"]);
+    const defaultId = useId().replace(/:/g, '');
+    /**
+     * 初始化数据模型
+     */
+    const root = useMemo(() => {
+        return new Root({
+            id: id !== null && id !== void 0 ? id : defaultId,
+            cacheCount,
+            upperThresholdCount,
+            lowerThresholdCount,
+        });
+    }, [id, cacheCount, upperThresholdCount, lowerThresholdCount]);
+    const isScrolling$ = useObservedAttr(root, 'isScrolling');
+    const scrollHeight$ = useObservedAttr(root, 'scrollHeight');
+    const renderRange$ = useObservedAttr(root, 'renderRange');
+    const refEventOrig = useRef();
+    /**
+     * 滚动事件
+     */
+    const handleScroll = useMemoizedFn((ev) => {
+        refEventOrig.current = ev;
+        root.sections.forEach((section) => section.getNodeRenderRange());
+        const { scrollTop } = ev.detail;
+        // 确定滚动方向
+        const scrollDirection = root.getState().scrollOffset < scrollTop ? 'forward' : 'backward';
+        // 设置滚动信息，包括方向和偏移量
+        root.setStateBatch({
+            scrollDirection: scrollDirection,
+            scrollOffset: scrollTop,
+            isScrolling: true,
+        });
+    });
+    const sections = useMemo(() => {
+        var _a;
+        const [start, end] = renderRange$;
+        return (_a = Children.map(children, (child, order) => {
+            var _a, _b;
+            const sectionProps = child.props;
+            const sectionId = sectionProps.id || `section-${order}`;
+            const section = (_a = root.findSection(sectionId)) !== null && _a !== void 0 ? _a : new Section(root, {
+                id: sectionId,
+                order,
+                col: (_b = sectionProps.column) !== null && _b !== void 0 ? _b : 1,
+                rowGap: sectionProps.rowGap || 0,
+                columnGap: sectionProps.columnGap || 0,
+                count: Children.count(sectionProps.children),
+            });
+            return cloneElement(child, { section, key: `${props.id}-${order}` });
+        })) === null || _a === void 0 ? void 0 : _a.slice(start, end + 1);
+    }, [renderRange$[0], renderRange$[1], children, root, props.id]);
+    const scrollTo = useMemoizedFn((scrollOffset = 0) => {
+        scrollOffset = Math.max(0, scrollOffset);
+        if (root.getState().scrollOffset === scrollOffset)
+            return;
+        getScrollViewContextNode(`#${root.id}`).then((node) => {
+            node.scrollTo({
+                animated: true,
+                duration: 300,
+                top: scrollOffset,
+            });
+        });
+    });
+    const resetScrolling = useMemoizedFn(() => {
+        root.setStateIn('isScrolling', false);
+    });
+    const debouncedResetScrolling = debounce(resetScrolling);
+    useEffect(() => {
+        debouncedResetScrolling();
+    }, [isScrolling$]);
+    /**
+     * 处理滚动阈值
+     */
+    useEffect(() => {
+        const disposers = [
+            root.sub(RootEvents.ReachUpperThreshold, debounce(() => {
+                onScrollToUpper === null || onScrollToUpper === void 0 ? void 0 : onScrollToUpper(refEventOrig.current);
+            })),
+            root.sub(RootEvents.ReachLowerThreshold, debounce(() => {
+                onScrollToLower === null || onScrollToLower === void 0 ? void 0 : onScrollToLower(refEventOrig.current);
+            })),
+        ];
+        return () => {
+            disposers.forEach((disposer) => {
+                disposer();
+            });
+        };
+    }, [onScrollToUpper, onScrollToLower]);
+    /**
+     * 处理 scrollIntoView
+     */
+    useEffect(() => {
+        handleScrollIntoView();
+        async function handleScrollIntoView() {
+            if (scrollIntoView) {
+                if (root.getState().scrollOffset > 0) {
+                    // 说明在自动滚动前手动滚动过了，不应该自动滚动了，避免造成困扰
+                    return;
+                }
+                const targetNode = root.findNode(scrollIntoView);
+                if (targetNode) {
+                    const targetSection = targetNode.section;
+                    if (!targetSection.getState().layouted) {
+                        const order = targetSection.order;
+                        root.setStateIn('renderRange', [renderRange$[0], order]);
+                        Taro.nextTick(async () => {
+                            await targetNode.section.layoutedSignal.promise;
+                            scrollTo(targetNode.getState().scrollTop);
+                        });
+                        return;
+                    }
+                    await targetNode.section.layoutedSignal.promise;
+                    scrollTo(targetNode.getState().scrollTop);
+                }
+            }
+        }
+    }, [scrollIntoView, renderRange$[0]]);
+    return createElement(ScrollView, Object.assign({ id: root.id, style: Object.assign({ WebkitOverflowScrolling: 'touch', overflow: 'auto' }, style), className, scrollY: true, onScroll: handleScroll }, rest), createElement(View, {
+        id: 'waterflow-root',
+        style: {
+            width: '100%',
+            position: 'relative',
+            height: scrollHeight$,
+            pointerEvents: isScrolling$ ? 'none' : 'auto',
+        },
+    }, sections));
+}
+
+export { WaterFlow };
+//# sourceMappingURL=water-flow.js.map

package/dist/components/water-flow/water-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"water-flow.js","sources":["../../../src/components/water-flow/water-flow.ts"],"sourcesContent":["import {\n  BaseEventOrig,\n  ScrollView,\n  ScrollViewProps,\n  View,\n} from '@tarojs/components'\nimport Taro from '@tarojs/taro'\nimport {\n  Children,\n  cloneElement,\n  createElement,\n  PropsWithChildren,\n  ReactElement,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n} from 'react'\n\nimport { debounce, getScrollViewContextNode } from '../../utils'\nimport { _FlowSectionProps } from './flow-section'\nimport { Root, RootEvents } from './root'\nimport { Section } from './section'\nimport { useMemoizedFn } from './use-memoized-fn'\nimport { useObservedAttr } from './use-observed-attr'\nimport { getSysInfo } from './utils'\n\nimport type { ScrollDirection, WaterFlowProps } from './interface'\n\ngetSysInfo()\n\nexport function WaterFlow({\n  children,\n  ...props\n}: PropsWithChildren<WaterFlowProps>) {\n  const {\n    id,\n    style = {},\n    className,\n    cacheCount = 1,\n    onScrollToUpper,\n    onScrollToLower,\n    upperThresholdCount,\n    lowerThresholdCount,\n    scrollIntoView,\n    ...rest\n  } = props\n  const defaultId = useId().replace(/:/g, '')\n  /**\n   * 初始化数据模型\n   */\n  const root = useMemo(() => {\n    return new Root({\n      id: id ?? defaultId,\n      cacheCount,\n      upperThresholdCount,\n      lowerThresholdCount,\n    })\n  }, [id, cacheCount, upperThresholdCount, lowerThresholdCount])\n\n  const isScrolling$ = useObservedAttr(root, 'isScrolling')\n  const scrollHeight$ = useObservedAttr(root, 'scrollHeight')\n  const renderRange$ = useObservedAttr(root, 'renderRange')\n  const refEventOrig = useRef<BaseEventOrig>()\n\n  /**\n   * 滚动事件\n   */\n  const handleScroll = useMemoizedFn(\n    (ev: BaseEventOrig<ScrollViewProps.onScrollDetail>) => {\n      refEventOrig.current = ev\n      root.sections.forEach((section) => section.getNodeRenderRange())\n      const { scrollTop } = ev.detail\n      // 确定滚动方向\n      const scrollDirection: ScrollDirection =\n        root.getState().scrollOffset < scrollTop ? 'forward' : 'backward'\n      // 设置滚动信息，包括方向和偏移量\n      root.setStateBatch({\n        scrollDirection: scrollDirection,\n        scrollOffset: scrollTop,\n        isScrolling: true,\n      })\n    }\n  )\n\n  const sections = useMemo(() => {\n    const [start, end] = renderRange$\n    return Children.map(\n      children,\n      (child: ReactElement<PropsWithChildren<_FlowSectionProps>>, order) => {\n        const sectionProps = child.props\n        const sectionId = sectionProps.id || `section-${order}`\n        const section =\n          root.findSection(sectionId) ??\n          new Section(root, {\n            id: sectionId,\n            order,\n            col: sectionProps.column ?? 1,\n            rowGap: sectionProps.rowGap || 0,\n            columnGap: sectionProps.columnGap || 0,\n            count: Children.count(sectionProps.children),\n          })\n        return cloneElement(child, { section, key: `${props.id}-${order}` })\n      }\n    )?.slice(start, end + 1)\n  }, [renderRange$[0], renderRange$[1], children, root, props.id])\n\n  const scrollTo = useMemoizedFn((scrollOffset = 0) => {\n    scrollOffset = Math.max(0, scrollOffset)\n    if (root.getState().scrollOffset === scrollOffset) return\n    getScrollViewContextNode(`#${root.id}`).then((node: any) => {\n      node.scrollTo({\n        animated: true,\n        duration: 300,\n        top: scrollOffset,\n      })\n    })\n  })\n\n  const resetScrolling = useMemoizedFn(() => {\n    root.setStateIn('isScrolling', false)\n  })\n\n  const debouncedResetScrolling = debounce(resetScrolling)\n\n  useEffect(() => {\n    debouncedResetScrolling()\n  }, [isScrolling$])\n\n  /**\n   * 处理滚动阈值\n   */\n  useEffect(() => {\n    const disposers = [\n      root.sub(\n        RootEvents.ReachUpperThreshold,\n        debounce(() => {\n          onScrollToUpper?.(refEventOrig.current!)\n        })\n      ),\n      root.sub(\n        RootEvents.ReachLowerThreshold,\n        debounce(() => {\n          onScrollToLower?.(refEventOrig.current!)\n        })\n      ),\n    ]\n    return () => {\n      disposers.forEach((disposer) => {\n        disposer()\n      })\n    }\n  }, [onScrollToUpper, onScrollToLower])\n\n  /**\n   * 处理 scrollIntoView\n   */\n  useEffect(() => {\n    handleScrollIntoView()\n    async function handleScrollIntoView() {\n      if (scrollIntoView) {\n        if (root.getState().scrollOffset > 0) {\n          // 说明在自动滚动前手动滚动过了，不应该自动滚动了，避免造成困扰\n          return\n        }\n        const targetNode = root.findNode(scrollIntoView)\n        if (targetNode) {\n          const targetSection = targetNode.section\n          if (!targetSection.getState().layouted) {\n            const order = targetSection.order\n            root.setStateIn('renderRange', [renderRange$[0], order])\n            Taro.nextTick(async () => {\n              await targetNode.section.layoutedSignal.promise\n              scrollTo(targetNode.getState().scrollTop)\n            })\n            return\n          }\n          await targetNode.section.layoutedSignal.promise\n          scrollTo(targetNode.getState().scrollTop)\n        }\n      }\n    }\n  }, [scrollIntoView, renderRange$[0]])\n\n  return createElement(\n    ScrollView,\n    {\n      id: root.id,\n      style: {\n        WebkitOverflowScrolling: 'touch',\n        overflow: 'auto',\n        ...style,\n      },\n      className,\n      scrollY: true,\n      onScroll: handleScroll,\n      ...rest\n    },\n    createElement(\n      View,\n      {\n        id: 'waterflow-root',\n        style: {\n          width: '100%',\n          position: 'relative',\n          height: scrollHeight$,\n          pointerEvents: isScrolling$ ? 'none' : 'auto',\n        },\n      },\n      sections\n    )\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,6 +2,9 @@ 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 { FlowItem, useFlowItemPositioner } from './components/water-flow/flow-item.js';
+export { FlowSection } from './components/water-flow/flow-section.js';
+export { WaterFlow } from './components/water-flow/water-flow.js';
 export { convertNumber2PX, convertPX2Int } from './utils/convert.js';
 export { getRectSize, getRectSizeSync, getScrollViewContextNode } from './utils/dom.js';
 export { defaultItemKey, getOffsetForIndexAndAlignment } from './utils/helper.js';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components-advanced",
-  "version": "4.0.13-alpha.0",
+  "version": "4.0.13",
   "description": "",
   "author": "O2Team",
   "license": "MIT",
@@ -20,21 +20,21 @@
     "csstype": "^3.1.1",
     "memoize-one": "^6.0.0",
     "tslib": "^2.6.2",
-    "@tarojs/components": "4.0.13-alpha.0"
+    "@tarojs/components": "4.0.13"
   },
   "devDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "vue": "3.2.47",
-    "@tarojs/shared": "4.0.13-alpha.0",
-    "@tarojs/taro": "4.0.13-alpha.0",
-    "@tarojs/runtime": "4.0.13-alpha.0"
+    "@tarojs/runtime": "4.0.13",
+    "@tarojs/shared": "4.0.13",
+    "@tarojs/taro": "4.0.13"
   },
   "peerDependencies": {
     "react": ">=17",
-    "@tarojs/runtime": "~4.0.13-alpha.0",
-    "@tarojs/shared": "~4.0.13-alpha.0",
-    "@tarojs/taro": "~4.0.13-alpha.0"
+    "@tarojs/shared": "~4.0.13",
+    "@tarojs/runtime": "~4.0.13",
+    "@tarojs/taro": "~4.0.13"
   },
   "peerDependenciesMeta": {
     "react": {