@hzab/group-user-selector 0.0.6 → 0.0.8

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# @hzab/group-user-selector@0.0.8
+
+feat: 搜索条件提示词改为传入
+
+# @hzab/group-user-selector@0.0.7
+
+fix:部门点击下一级时，pageNum 初始化
+
 # @hzab/group-user-selector@0.0.6
 
 fix:部门分页切换带上部门 id

package/README.md

@@ -35,6 +35,7 @@ import Demo from "@hzab/group-user-selector";
 | hasPagination       | boolean | 否   | true     | 列表是否分页                        |
 | hasSearch           | boolean | 否   | true     | 是否有搜索                          |
 | hasSearchPagination | boolean | 否   | true     | 搜索列表是否分页                    |
+| searchPlaceholder   | string  | 否   | "搜索成员"| 搜索框的提示词                      |
 
 # 组件开发流程
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/group-user-selector",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "",
   "main": "src",
   "scripts": {

package/src/components/SearchRenter/index.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, forwardRef } from "react";
-import { Input, message, Pagination, } from "antd";
+import { Input, message, Pagination } from "antd";
 
 import "./index.less";
 
@@ -7,74 +7,79 @@ function SearchRenter(props, ref) {
   const {
     searchModel,
     searchQueryKey = "search",
+    searchPlaceholder = "搜索成员",
     hasSearchPagination = true,
     hasSearch = true,
     ItemRenter,
-    setLoading = () => { },
+    setLoading = () => {},
   } = props;
 
   const [search, setSearch] = useState("");
   const [searchList, setSearchList] = useState([]);
   const [total, setTotal] = useState(0);
-  const [pageData, setPageData] = useState(hasSearchPagination ? {
-    pageSize: 10,
-    pageNum: 1
-  } : {});
-
-
+  const [pageData, setPageData] = useState(
+    hasSearchPagination
+      ? {
+          pageSize: 10,
+          pageNum: 1,
+        }
+      : {},
+  );
 
   const handleSearch = (data) => {
     setLoading && setLoading(true);
     searchModel &&
-      searchModel.getList({ ...data }).then((res) => {
-        setSearchList(res?.list || res || []);
-        setTotal(res?.pagination?.total || res?.total || 0);
-      }).catch((err) => {
-        message.error(err._message || "未知错误");
-      })
+      searchModel
+        .getList({ ...data })
+        .then((res) => {
+          setSearchList(res?.list || res || []);
+          setTotal(res?.pagination?.total || res?.total || 0);
+        })
+        .catch((err) => {
+          message.error(err._message || "未知错误");
+        })
         .finally(() => {
           setLoading && setLoading(false);
         });
-  }
+  };
 
   const handleChangePage = (pageNum, pageSize) => {
     const pages = {
       pageNum: pageSize !== pageData?.pageSize ? 1 : pageNum,
-      pageSize
-    }
+      pageSize,
+    };
     setPageData({
-      ...pages
-    })
+      ...pages,
+    });
     handleSearch({
       [searchQueryKey]: search,
-      ...pages
-    })
-  }
+      ...pages,
+    });
+  };
 
   const onSearch = (value) => {
     setSearch(value);
     if (!value) {
       setPageData({
         pageSize: 10,
-        pageNum: 1
-      })
-      return
-    };
+        pageNum: 1,
+      });
+      return;
+    }
     const data = {
       pageSize: pageData?.pageSize || 10,
-      pageNum: 1
-    }
-    setPageData(data)
+      pageNum: 1,
+    };
+    setPageData(data);
     handleSearch({
       [searchQueryKey]: value,
-      ...data
-    })
+      ...data,
+    });
   };
 
-
   return (
     <>
-      {hasSearch ? <Input.Search onSearch={onSearch} enterButton placeholder="搜索成员" allowClear /> : null}
+      {hasSearch ? <Input.Search onSearch={onSearch} enterButton placeholder={searchPlaceholder} allowClear /> : null}
       {search ? (
         <div className="group-selection-search-view">
           <div className="group-selection-search-list">
@@ -83,9 +88,17 @@ function SearchRenter(props, ref) {
             })}
           </div>
 
-          {hasSearchPagination ? <div className="group-selection-search-pagination">
-            <Pagination current={pageData?.pageNum} total={total} pageSize={pageData?.pageSize} onChange={handleChangePage} size="small" />
-          </div> : null}
+          {hasSearchPagination ? (
+            <div className="group-selection-search-pagination">
+              <Pagination
+                current={pageData?.pageNum}
+                total={total}
+                pageSize={pageData?.pageSize}
+                onChange={handleChangePage}
+                size="small"
+              />
+            </div>
+          ) : null}
         </div>
       ) : null}
     </>

package/src/index.tsx

@@ -101,6 +101,9 @@ function GroupSelection(props, ref) {
     arr.push(item);
     setBreadcrumb(arr);
     setQueryValue(item[valueKey]);
+    if (hasPagination) {
+      pageData.current.pageNum = 1;
+    }
     getTreeData(item[valueKey]);
   };