kn-hooks 0.0.26 → 0.0.27

package/README.md

@@ -175,7 +175,7 @@ return <span>当前计数器:{counter.count}</span>
 ```js
 import {useDictionary} from 'kn-hooks';
   import {Select,Radio} from 'antd';
-  useDictionary.SetConfig(Select.Option,Radio.Option);
+  useDictionary.SetConfig({SelectOption:Select.Option,RadioOption:Radio.Option});
 ```
 <a id="module_usedictionary_createdictionary"></a>
 ### <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;color:rgb(71, 128, 227);background:#ede6e6;">M</span>        createDictionary(options) ⇒ <code>callback</code>
@@ -200,9 +200,18 @@ import {useDictionary} from 'kn-hooks';
 // emUserType.jsx
     import {useDictionary} from 'kn-hooks';
   export const userType = useDictionary.createDictionary({
-    api:()=>Promise.resolve([{id:'1001',label:'项目1001',name:'pm1001'},]),
+    api:()=>Promise.resolve({
+      code:0,
+      data:{
+        body:[{id:'1001',label:'项目1001',name:'pm1001'},],
+      }
+    }),
     afterApi:(response)=>{
-      return response?.data;
+      let list;
+      if(response?.code==0){
+        list= response?.data?.body?.map(item=>{...})
+      }
+      return list;
     }
   });
   // index.jsx
@@ -330,13 +339,15 @@ const Index=()=>{
 ### <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;color:rgb(71, 128, 227);background:#ede6e6;">M</span>        usePagination(props) ⇒ <code>UsePaginationResult</code>
 分页管理器
 
-**Version**: 1.0.0  
+**Version**: 1.0.1  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | props | <code>Object</code> |  |
 | props.service | <code>FunServices</code> | 发送请求的方法 |
 | [props.pagination] | <code>Pagination</code> | 默认分页信息 |
+| [props.beforeService] | <code>Array.&lt;function()&gt;</code> | api调用前监听方法列表 |
+| [props.afterService] | <code>Array.&lt;function()&gt;</code> | api调用后监听方法列表 |
 
 **Example**  
 ```js
@@ -347,6 +358,8 @@ const Index=()=>{
   });
 
   useEffect(()=>{
+    // beforeService和afterService监听方法也可以直接设置在props内
+
     const fnFeforeService = (params)=>{
       // 假如你这里需要变更接口字段名称的话
       params.page=params.current;
@@ -476,7 +489,7 @@ usePagination的返回对象
 | Name | Type | Description |
 | --- | --- | --- |
 | data | <code>Array.&lt;Array.&lt;Object&gt;&gt;</code> | 分页数据集合 |
-| paginnation | <code>Pagination</code> | 分页信息 |
+| pagination | <code>Pagination</code> | 分页信息 |
 | update | <code>FunUpdate</code> | 查询方法 |
 | next | <code>FunUpdate</code> | 获取下一页数据 |
 | addListener | <code>function</code> | 监听事件 (type='beforeService'|'afterService',fn:FunListener)=>object |

package/md/useDictionary.md

@@ -26,7 +26,7 @@
 ```js
 import {useDictionary} from 'kn-hooks';
   import {Select,Radio} from 'antd';
-  useDictionary.SetConfig(Select.Option,Radio.Option);
+  useDictionary.SetConfig({SelectOption:Select.Option,RadioOption:Radio.Option});
 ```
 <a id="module_usedictionary_createdictionary"></a>
 ### <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;color:rgb(71, 128, 227);background:#ede6e6;">M</span>        createDictionary(options) ⇒ <code>callback</code>
@@ -51,9 +51,18 @@ import {useDictionary} from 'kn-hooks';
 // emUserType.jsx
     import {useDictionary} from 'kn-hooks';
   export const userType = useDictionary.createDictionary({
-    api:()=>Promise.resolve([{id:'1001',label:'项目1001',name:'pm1001'},]),
+    api:()=>Promise.resolve({
+      code:0,
+      data:{
+        body:[{id:'1001',label:'项目1001',name:'pm1001'},],
+      }
+    }),
     afterApi:(response)=>{
-      return response?.data;
+      let list;
+      if(response?.code==0){
+        list= response?.data?.body?.map(item=>{...})
+      }
+      return list;
     }
   });
   // index.jsx

package/md/usePagination.md

@@ -15,13 +15,15 @@
 ### <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;color:rgb(71, 128, 227);background:#ede6e6;">M</span>        usePagination(props) ⇒ <code>UsePaginationResult</code>
 分页管理器
 
-**Version**: 1.0.0  
+**Version**: 1.0.1  
 
 | Param | Type | Description |
 | --- | --- | --- |
 | props | <code>Object</code> |  |
 | props.service | <code>FunServices</code> | 发送请求的方法 |
 | [props.pagination] | <code>Pagination</code> | 默认分页信息 |
+| [props.beforeService] | <code>Array.&lt;function()&gt;</code> | api调用前监听方法列表 |
+| [props.afterService] | <code>Array.&lt;function()&gt;</code> | api调用后监听方法列表 |
 
 **Example**  
 ```js
@@ -32,6 +34,8 @@
   });
 
   useEffect(()=>{
+    // beforeService和afterService监听方法也可以直接设置在props内
+
     const fnFeforeService = (params)=>{
       // 假如你这里需要变更接口字段名称的话
       params.page=params.current;
@@ -161,7 +165,7 @@ usePagination的返回对象
 | Name | Type | Description |
 | --- | --- | --- |
 | data | <code>Array.&lt;Array.&lt;Object&gt;&gt;</code> | 分页数据集合 |
-| paginnation | <code>Pagination</code> | 分页信息 |
+| pagination | <code>Pagination</code> | 分页信息 |
 | update | <code>FunUpdate</code> | 查询方法 |
 | next | <code>FunUpdate</code> | 获取下一页数据 |
 | addListener | <code>function</code> | 监听事件 (type='beforeService'|'afterService',fn:FunListener)=>object |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kn-hooks",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "scripts": {
     "dev": "cross-env env_api=dev env_package=dev webpack-dev-server --progress",
     "build": "cross-env env_api=prod env_package=prod webpack --config webpack.config.js",

package/src/useDictionary/index.js

@@ -189,7 +189,7 @@ const useDictionary=(props)=>{
  * @example
   import {useDictionary} from 'kn-hooks';
   import {Select,Radio} from 'antd';
-  useDictionary.SetConfig(Select.Option,Radio.Option);
+  useDictionary.SetConfig({SelectOption:Select.Option,RadioOption:Radio.Option});
  */
 export const SetConfig = ({SelectOption,RadioOption})=>{
   if(SelectOption)DEFAULT_CONFIG.SelectOption = SelectOption;
@@ -216,9 +216,18 @@ export const SetConfig = ({SelectOption,RadioOption})=>{
   // emUserType.jsx
     import {useDictionary} from 'kn-hooks';
   export const userType = useDictionary.createDictionary({
-    api:()=>Promise.resolve([{id:'1001',label:'项目1001',name:'pm1001'},]),
+    api:()=>Promise.resolve({
+      code:0,
+      data:{
+        body:[{id:'1001',label:'项目1001',name:'pm1001'},],
+      }
+    }),
     afterApi:(response)=>{
-      return response?.data;
+      let list;
+      if(response?.code==0){
+        list= response?.data?.body?.map(item=>{...})
+      }
+      return list;
     }
   });
   // index.jsx

package/src/usePagination/index.js

@@ -11,8 +11,10 @@ import { useState,useMemo,useRef } from 'react';
  * @param {Object} props 
  * @param {FunServices} props.service - 发送请求的方法
  * @param {Pagination} [props.pagination] - 默认分页信息
- * 
- * @version 1.0.0
+ * @param {Array<Function>} [props.beforeService] - api调用前监听方法列表
+ * @param {Array<Function>} [props.afterService] - api调用后监听方法列表
+ *  
+ * @version 1.0.1
  * 
  * @example 
   // 移动端滚动加载案例
@@ -22,6 +24,8 @@ import { useState,useMemo,useRef } from 'react';
   });
 
   useEffect(()=>{
+    // beforeService和afterService监听方法也可以直接设置在props内
+
     const fnFeforeService = (params)=>{
       // 假如你这里需要变更接口字段名称的话
       params.page=params.current;
@@ -92,8 +96,8 @@ const usePagination=(props)=>{
   });
   const [data,setData] = useState(null);
   const refListener= useRef({
-    beforeService:[],
-    afterService:[]
+    beforeService:props?.beforeService??[],
+    afterService:props?.afterService??[]
   });
 
   const update= async ({pagination:_pagination,clear=false}={})=>{
@@ -270,7 +274,7 @@ const usePagination=(props)=>{
  * usePagination的返回对象
  * @typedef {Object} UsePaginationResult
  * @property {Object[][]} data - 分页数据集合
- * @property {Pagination} paginnation - 分页信息
+ * @property {Pagination} pagination - 分页信息
  * @property {FunUpdate} update - 查询方法
  * @property {FunUpdate} next - 获取下一页数据
  * @property {function} addListener - 监听事件 (type='beforeService'|'afterService',fn:FunListener)=>object