@hzab/hierarchical-statistics 0.0.4 → 0.0.6

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/component-boilerplate@0.0.6
+- fix: 修复跳转同路由，listRender参数依赖没有更新问题
+# @hzab/component-boilerplate@0.0.5
+- fix: 暴露面包屑回显数据breadcrumbData
 # @hzab/component-boilerplate@0.0.4
 - fix: dependencies改成peerDependencies
 - fix: 样式index.module.less改成index.less引入

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/hierarchical-statistics",
-  "version": "0.0.4",
+  "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" });
@@ -31,6 +32,7 @@ const InfiniteListUIMobile = (props: InfiniteListProps, ref: ForwardedRef<Infini
     listModal,
     breadModel,
     fetchBreadData,
+    breadcrumbData,
   }));
   return (
     <div className={`infinite-level-box ${className || ""}`} style={style}>
@@ -51,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

@@ -9,6 +9,7 @@ const InfiniteListUIPc = (props: InfiniteListProps, ref: ForwardedRef<InfiniteLi
   const {
     states: {
       listModal,
+      breadModel,
       readcrumbStyle,
       separatorStyle,
       separator,
@@ -21,8 +22,9 @@ const InfiniteListUIPc = (props: InfiniteListProps, ref: ForwardedRef<InfiniteLi
       listRef,
       virtualPagedListProps,
       className,
+      refreshKey,
     },
-    actions: { handleSelectId, handleNodeClick, handleBreadcrumbClick },
+    actions: { handleSelectId, handleNodeClick, handleBreadcrumbClick, fetchBreadData },
   } = useInfiniteList({ ...props, terminal: "pc" });
 
   useImperativeHandle(ref, () => ({
@@ -30,6 +32,9 @@ const InfiniteListUIPc = (props: InfiniteListProps, ref: ForwardedRef<InfiniteLi
     handleSelectId,
     listRef: listRef?.current,
     listModal,
+    breadModel,
+    fetchBreadData,
+    breadcrumbData,
   }));
 
   const loadData = async (pageNum) => {
@@ -58,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/type.d.ts

@@ -24,6 +24,11 @@ export interface InfiniteListInstance {
   handleSelectId?: (item: ListItem) => void;
   listRef?: any;
   listModal?: any;
+  breadModel?: any;
+  /** 面包屑回显数据 */
+  breadcrumbData?: any;
+  /** 面包屑数据请求方法 */
+  fetchBreadData?: () => Promise<void>;
 }
 export interface InfiniteListProps {
   /** 添加外层类名 */

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,