@hzab/hierarchical-statistics 0.0.5 → 0.0.6

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+# @hzab/component-boilerplate@0.0.6
+- fix: 修复跳转同路由，listRender参数依赖没有更新问题
 # @hzab/component-boilerplate@0.0.5
 - fix: 暴露面包屑回显数据breadcrumbData
 # @hzab/component-boilerplate@0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/hierarchical-statistics",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "",
   "main": "src",
   "scripts": {

package/src/components/InfiniteListUiMobile/index.tsx

@@ -21,6 +21,7 @@ const InfiniteListUIMobile = (props: InfiniteListProps, ref: ForwardedRef<Infini
       listStyle,
       breadModel,
       className,
+      refreshKey,
     },
     actions: { fetchBreadData, handleSelectId, handleNodeClick, handleBreadcrumbClick },
   } = useInfiniteList({ ...props, terminal: "mobile" });
@@ -52,7 +53,13 @@ const InfiniteListUIMobile = (props: InfiniteListProps, ref: ForwardedRef<Infini
 
         <div className="infinite-level-list-box" style={listStyle}>
           {/* 移动端 */}
-          <ListRender ref={listRef} model={listModal} {...listRenderProps} ItemRender={Slots.renderItem} />
+          <ListRender
+            key={refreshKey}
+            ref={listRef}
+            model={listModal}
+            {...listRenderProps}
+            ItemRender={Slots.renderItem}
+          />
         </div>
       </Spin>
     </div>

package/src/components/InfiniteListUiPc/index.tsx

@@ -22,6 +22,7 @@ const InfiniteListUIPc = (props: InfiniteListProps, ref: ForwardedRef<InfiniteLi
       listRef,
       virtualPagedListProps,
       className,
+      refreshKey,
     },
     actions: { handleSelectId, handleNodeClick, handleBreadcrumbClick, fetchBreadData },
   } = useInfiniteList({ ...props, terminal: "pc" });
@@ -62,7 +63,7 @@ const InfiniteListUIPc = (props: InfiniteListProps, ref: ForwardedRef<InfiniteLi
         </div>
         <div className="infinite-level-list-box" style={listStyle}>
           <VirtualPagedList
-            key={selectedLoadIdNode}
+            key={refreshKey}
             ref={listRef}
             {...virtualPagedListProps}
             renderItem={Slots.renderItem}

package/src/use-infinite-list.ts

@@ -36,6 +36,7 @@ export function useInfiniteList(props: InfiniteListProps) {
   const [breadcrumbData, setBreadcrumbData] = useState<PathItem[]>(
     showHome ? [{ value: 0, label: homeBreadcrumb }] : [],
   );
+  const [refreshKey, setRefreshKey] = useState(1);
   const listRef = useRef<any>(null);
 
   /**
@@ -58,7 +59,7 @@ export function useInfiniteList(props: InfiniteListProps) {
         label: item[fieldList.label],
       },
     ]);
-    listRef.current?.onSearch();
+    setRefreshKey((pre) => pre + 1);
   };
 
   /**
@@ -85,7 +86,7 @@ export function useInfiniteList(props: InfiniteListProps) {
     listModal.query = { ...listModal.query, [parentField]: item.value };
     setSelectedLoadIdNode(item.value);
     setBreadcrumbData(breadcrumbData.slice(0, index + 1));
-    listRef.current?.onSearch();
+    setRefreshKey((pre) => pre + 1);
   };
 
   /**
@@ -133,6 +134,7 @@ export function useInfiniteList(props: InfiniteListProps) {
       listModal,
       breadModel,
       className,
+      refreshKey,
     },
     actions: {
       handleSelectId,