feat(list): add list component #463

feaswcy · 2024-08-16T02:47:21Z

fix #394

🤔 这个 PR 的性质是？

🔗 相关 Issue

💡 需求背景和解决方案

任务清单

API功能对齐Mobile Vue端
DOM 结构对齐Mobile Vue端
改用 V2文件夹下样式
官网示例代码&&演示示例对齐Mobile Vue端
组件/ 组件示例文件后缀使用 tsx

📝 更新日志

fix(组件名称): 处理问题或特性描述 ...
本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

文档已补充或无须补充
代码演示已提供或无须提供
TypeScript 定义已补充或无须补充
Changelog 已提供或无须提供

re Tencent#394

src/list/_example/base.jsx

src/list/_example/err-tip.jsx

src/list/_example/index.jsx

src/list/_example/pull-refresh.jsx

liweijie0812 · 2024-08-16T03:02:01Z

冲突了，先合并develop 处理冲突

src/list/list.tsx

HaixingOoO · 2024-08-16T03:15:32Z

src/list/list.tsx

+  useEffect(() => {
+    const scorllParent = getScrollParent(root.current)
+
+    scorllParent.addEventListener('scroll', handleScroll);
+    return () => {
+      removeEventListener('scroll', handleScroll)
+    }
+  }, [height, handleScroll])
+
+  return (
+    <div ref={root} className={`${name}-list`} onScroll={(e)=>handleScroll(e)}>


监听onScroll，root 是同一个，重复监听一个地方了

src/list/list.tsx

github-actions · 2024-08-26T09:08:39Z

fix Tencent#463

src/list/list.tsx

fix Tencent#463

…eact into develop

HaixingOoO · 2024-09-24T03:05:10Z

src/list/list.tsx

+}
+
+const List: React.FC<ListProps> = (props) => {
+  const { classPrefix } = useConfig();


这里可以使用usePrefixClass hooks，可以看看其他组件的写法

HaixingOoO · 2024-09-24T03:06:04Z

src/hooks/useWindowHeight.ts

@@ -0,0 +1,12 @@
+import { useState } from 'react';
+
+const useWindowHeight = () => {


以前的hooks的写法就有问题，你要么直接使用ahooks里的useSize好了，这个hooks删掉？

feat(list): add list component

565d530

re Tencent#394

feaswcy requested review from anlyyao, ZWkang and jarmywang as code owners August 16, 2024 02:47

feaswcy commented Aug 16, 2024

View reviewed changes

src/list/_example/base.jsx Outdated Show resolved Hide resolved

feaswcy commented Aug 16, 2024

View reviewed changes

src/list/_example/err-tip.jsx Outdated Show resolved Hide resolved

feaswcy commented Aug 16, 2024

View reviewed changes

src/list/_example/index.jsx Outdated Show resolved Hide resolved

feaswcy commented Aug 16, 2024

View reviewed changes

src/list/_example/pull-refresh.jsx Outdated Show resolved Hide resolved

HaixingOoO reviewed Aug 16, 2024

View reviewed changes