@hzab/hierarchical-statistics 1.0.0-beta → 1.0.0-beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +0 -1
- package/README.md +0 -2
- package/package.json +1 -4
- package/src/components/InfiniteListUi/index.tsx +7 -31
- package/src/type.d.ts +0 -2
- package/src/use-infinite-list.ts +0 -2
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -73,8 +73,6 @@ import InfiniteListUi from "@hzab/hierarchical-statistics/src/components/Infinit
|
|
|
73
73
|
| virtualPagedListProps| Object | 否 | - | virtualPagedList 配置 |
|
|
74
74
|
| separator | string | 否 | - | 分隔符 默认"-" |
|
|
75
75
|
| Slots | Object | 是 | - | 插槽 |
|
|
76
|
-
| isPullRefresh | Boolean | 否 | false | 移动端是否可以下拉刷新 |
|
|
77
|
-
|
|
78
76
|
|
|
79
77
|
|
|
80
78
|
### Slots
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hzab/hierarchical-statistics",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-beta1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "src",
|
|
6
6
|
"scripts": {
|
|
@@ -50,8 +50,5 @@
|
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"@hzab/data-model": ">=1.7.5",
|
|
52
52
|
"@hzab/headless-components": ">=0.0.3"
|
|
53
|
-
},
|
|
54
|
-
"dependencies": {
|
|
55
|
-
"react-window-pull-refresh": "^1.0.9"
|
|
56
53
|
}
|
|
57
54
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ForwardedRef, forwardRef, useImperativeHandle, useRef } from "react";
|
|
2
|
-
import { PullToRefresh } from "react-window-pull-refresh";
|
|
3
2
|
import VirtualPagedList from "@hzab/headless-components/src/VirtualPagedList";
|
|
4
3
|
import { ConfigProvider, Spin, Empty, Button } from "antd";
|
|
5
4
|
import { useInfiniteList } from "../../use-infinite-list";
|
|
@@ -24,7 +23,6 @@ const InfiniteListUi = (props: InfiniteListProps, ref: ForwardedRef<InfiniteList
|
|
|
24
23
|
virtualPagedListProps,
|
|
25
24
|
className,
|
|
26
25
|
refreshKey,
|
|
27
|
-
isPullRefresh,
|
|
28
26
|
},
|
|
29
27
|
actions: { handleSelectId, handleNodeClick, handleBreadcrumbClick, fetchBreadData, handleListRefresh },
|
|
30
28
|
} = useInfiniteList({ ...props });
|
|
@@ -50,34 +48,6 @@ const InfiniteListUi = (props: InfiniteListProps, ref: ForwardedRef<InfiniteList
|
|
|
50
48
|
};
|
|
51
49
|
};
|
|
52
50
|
|
|
53
|
-
const JsxDom = (propJsx) => {
|
|
54
|
-
let jsx = <></>;
|
|
55
|
-
if (isPullRefresh) {
|
|
56
|
-
jsx = (
|
|
57
|
-
<PullToRefresh handleRefresh={handleListRefresh}>
|
|
58
|
-
<VirtualPagedList
|
|
59
|
-
key={refreshKey}
|
|
60
|
-
ref={listRef}
|
|
61
|
-
{...virtualPagedListProps}
|
|
62
|
-
renderItem={Slots.renderItem}
|
|
63
|
-
loadMoreItems={loadData}
|
|
64
|
-
/>
|
|
65
|
-
</PullToRefresh>
|
|
66
|
-
);
|
|
67
|
-
} else {
|
|
68
|
-
jsx = (
|
|
69
|
-
<VirtualPagedList
|
|
70
|
-
key={refreshKey}
|
|
71
|
-
ref={listRef}
|
|
72
|
-
{...virtualPagedListProps}
|
|
73
|
-
renderItem={Slots.renderItem}
|
|
74
|
-
loadMoreItems={loadData}
|
|
75
|
-
/>
|
|
76
|
-
);
|
|
77
|
-
}
|
|
78
|
-
return jsx;
|
|
79
|
-
};
|
|
80
|
-
|
|
81
51
|
return (
|
|
82
52
|
<div className={`infinite-level-box ${className || ""}`} style={style}>
|
|
83
53
|
<Spin spinning={loading}>
|
|
@@ -93,7 +63,13 @@ const InfiniteListUi = (props: InfiniteListProps, ref: ForwardedRef<InfiniteList
|
|
|
93
63
|
{Slots?.fixRenderCenter && <Slots.fixRenderCenter></Slots.fixRenderCenter>}
|
|
94
64
|
</div>
|
|
95
65
|
<div className="infinite-level-list-box" style={listStyle}>
|
|
96
|
-
<
|
|
66
|
+
<VirtualPagedList
|
|
67
|
+
key={refreshKey}
|
|
68
|
+
ref={listRef}
|
|
69
|
+
{...virtualPagedListProps}
|
|
70
|
+
renderItem={Slots.renderItem}
|
|
71
|
+
loadMoreItems={loadData}
|
|
72
|
+
/>
|
|
97
73
|
</div>
|
|
98
74
|
</Spin>
|
|
99
75
|
</div>
|
package/src/type.d.ts
CHANGED
package/src/use-infinite-list.ts
CHANGED
|
@@ -29,7 +29,6 @@ export function useInfiniteList(props: InfiniteListProps) {
|
|
|
29
29
|
breadModel,
|
|
30
30
|
virtualPagedListProps,
|
|
31
31
|
className,
|
|
32
|
-
isPullRefresh = false,
|
|
33
32
|
} = props;
|
|
34
33
|
const [loading, setLoading] = useState(false);
|
|
35
34
|
const [selectedLoadIdNode, setSelectedLoadIdNode] = useState<number | null>(null);
|
|
@@ -141,7 +140,6 @@ export function useInfiniteList(props: InfiniteListProps) {
|
|
|
141
140
|
breadModel,
|
|
142
141
|
className,
|
|
143
142
|
refreshKey,
|
|
144
|
-
isPullRefresh,
|
|
145
143
|
},
|
|
146
144
|
actions: {
|
|
147
145
|
handleSelectId,
|