kn-hooks 0.0.9 → 0.0.11

package/src/useAntdFormTableSearch/index.js

@@ -1,165 +0,0 @@
-import { useState, useMemo, useEffect, useRef } from 'react';
-
-
-const useFormTableSearch = (props) => {
-  const [search] = useState(props.initSearch || {});
-  const [formRef] = useState(props.formRef);
-  const [service] = useState(() => props.service);
-  const [beforeSearch] = useState(() => props.beforeSearch);
-  const [beforeService] = useState(() => props.beforeService);
-  const [loading, setLoading] = useState(props.loading || false);
-
-  const [pagination, setPagination] = useState(() => {
-    const temp = { ...props.pagination, page: 1, pageSize: 10, total: 0, startIdx: 0 };
-    if (props.pagination) {
-      temp.startIdx = temp.pageSize * (temp.page - 1);
-    }
-    return temp;
-  });
-  const [updateData] = useState(() => props.updateData);
-  const [orderInfo, setOrderInfo] = useState({});
-
-  const getSearchValue = async () => {
-    try {
-      let value = {};
-      if (formRef) {
-        value = await formRef.validateFields();
-      } else {
-        value = search;
-      }
-      if (beforeSearch) {
-        value = beforeSearch(value);
-      }
-      return value;
-    } catch (ex) {
-      return;
-    }
-  };
-  const formatSearchValue = async ({ searchValue, pageValue, orderValue }) => {
-    if (!searchValue) {
-      searchValue = await getSearchValue();
-    }
-    searchValue = searchValue || search;
-    pageValue = pageValue || pagination;
-    orderValue = orderValue || orderInfo;
-    const order: any[] = [];
-    if (orderValue) {
-      Object.keys(orderValue).map((name) => {
-        if (orderValue[name] === 'ascend') {
-          order.push({ [`${name}`]: 'ASC' });
-        } else if (orderValue[name] === 'descend') {
-          order.push({ [`${name}`]: 'DESC' });
-        }
-      });
-    }
-    const { page, pageSize } = pageValue;
-    let params = {
-      ...searchValue,
-      page: {
-        pageNum: page,
-        pageSize: pageSize,
-      },
-    };
-    if (order && order.length > 0) {
-      params.page.orders = order;
-    }
-    if (beforeService) params = beforeService(params);
-    return params;
-  };
-  const refresh = async ({ searchValue, pageValue, orderValue }) => {
-    setLoading(true);
-    searchValue = searchValue || search;
-    pageValue = pageValue || pagination;
-    orderValue = orderValue || orderInfo;
-
-    const params = await formatSearchValue({ searchValue, pageValue, orderValue });
-    if (!params) {
-      setLoading(false);
-      return;
-    }
-    const ret: any = await service(params);
-
-    if (ret?.data?.page) {
-      const { pageNum, pageSize: size, totalRows } = ret.data.page;
-      setPagination({
-        page: pageNum || 1,
-        pageSize: size || 10,
-        total: totalRows,
-        startIdx: (pageNum - 1) * size || 0,
-      });
-    }
-
-    if (updateData) updateData(ret);
-    setLoading(false);
-    return ret;
-  };
-
-  const onPaginationChange = async (pageInfo: any, sorterInfo?: any) => {
-    let { page: current, pageSize }: any = pagination;
-    let orderValue = orderInfo;
-    if (pageInfo) {
-      current = pageInfo.current;
-      pageSize = pageInfo.pageSize;
-    }
-
-    if (sorterInfo) {
-      const { field, order } = sorterInfo;
-      if (field) {
-        if (order) {
-          orderInfo[field] = order;
-        } else {
-          delete orderInfo[field];
-        }
-      }
-      orderValue = orderInfo;
-      setOrderInfo({ ...orderInfo });
-    }
-
-    const searchValue: any = await getSearchValue();
-
-    refresh({
-      searchValue,
-      pageValue: { page: current, pageSize },
-      orderValue,
-    });
-  };
-
-  const onSorter = async (sorter: any) => {
-    const { field, order } = sorter;
-    if (field) {
-      if (order) {
-        orderInfo[field] = order;
-      } else {
-        delete orderInfo[field];
-      }
-    }
-    setOrderInfo({ ...orderInfo });
-    console.log(`${JSON.stringify(orderInfo)}`);
-    refresh();
-  };
-
-  const btnSearch = async () => {
-    const value: any = await getSearchValue();
-    if (value) {
-      refresh({ searchValue: value });
-    }
-  };
-
-  const btnReset = () => {
-    formRef.resetFields();
-  };
-
-  return {
-    onPaginationChange,
-    pagination,
-    btnSearch,
-    search,
-    refresh,
-    btnReset,
-    onSorter,
-    loading,
-    formatSearchValue,
-  };
-};
-
-export default useFormTableSearch

package/src/useRefSwitch/index.js

@@ -1,15 +0,0 @@
-
-import { useEffect,useRef, useMemo } from 'react';
-import useSwitch  from '../useSwitch';
-
-const useRefSwitch=(props=false)=>{
-  const loading = useSwitch(props);
-  const ref = useRef();
-  ref.current = loading;
-  useEffect(()=>{
-    ref.current = loading;
-  },[loading]);
-
-  return useMemo(()=>ref,[]);
-}
-export default useRefSwitch;

package/test/useRefSwitch/index.jsx

@@ -1,19 +0,0 @@
-import React,{ useState, useMemo, useEffect, useRef } from 'react';
-import ReactDOM from 'react-dom';
-import useRefSwitch from '@/useRefSwitch';
-
-const Index=()=>{
-  const loading = useRefSwitch(false);
-  return (
-    <section>
-      <h1>当前状态:{loading.current.state?"打开":"关闭"}</h1>
-      <h2>计数器:{loading.current.count}</h2>
-      <button onClick={()=>{loading.current.toggle();}}>切换</button>
-      <button onClick={()=>{loading.current.open();}}>打开</button>
-      <button onClick={()=>{loading.current.close();}}>关闭</button>
-      <button onClick={()=>{loading.current.open(true);}}>强制打开</button>
-      <button onClick={()=>{loading.current.close(true);}}>强制关闭</button>
-    </section>
-  )
-}
-ReactDOM.render(<Index />, document.getElementById('main-view'));