@hw-component/table 0.0.6-beta-v8 → 0.0.6-beta-v9

package/src/components/ModalTable/hooks.ts

@@ -1,60 +0,0 @@
-import useHTable from "../hooks/useHTable";
-import type {
-  HDiaLogTableInstance,
-  HOnDiaLogTableInstance,
-  ModalTableProps,
-} from "../modal";
-import { useEffect, useMemo, useState } from "react";
-import type { DialogParamsModal } from "../modal";
-
-export const useHDialogTable = () => {
-  const tableInstance = useHTable();
-  return useMemo(() => {
-    return {
-      ...tableInstance,
-      show: (params: DialogParamsModal) => {},
-      hide: () => {},
-    } as HDiaLogTableInstance;
-  }, []);
-};
-interface ParamsModal extends HOnDiaLogTableInstance {
-  dialogTable?: HDiaLogTableInstance;
-}
-export const useTableProps = ({
-  configData,
-  params,
-  title,
-  request,
-}: Omit<ModalTableProps, "tableProps">) => {
-  const [modalTableParams, setModalTableParams] = useState({
-    params,
-    title,
-    configData,
-    request,
-  });
-  return {
-    modalTableParams,
-    setModalTableParams,
-  };
-};
-export const useCurrentTable = ({ show, hide, dialogTable }: ParamsModal) => {
-  const cuDialogTableInstance = useHDialogTable();
-  const dialogTableInstance = dialogTable || cuDialogTableInstance;
-  useEffect(() => {
-    dialogTableInstance.show = show;
-    dialogTableInstance.hide = hide;
-  }, []);
-  return dialogTableInstance;
-};
-
-export const useVisible = (visible: boolean) => {
-  const [modalVisible, setModalVisible] = useState(visible);
-  useEffect(() => {
-    setModalVisible(visible);
-  }, [visible]);
-
-  return {
-    modalVisible,
-    setModalVisible,
-  };
-};

package/src/components/ModalTable/index.tsx

@@ -1,78 +0,0 @@
-import { Modal } from "antd";
-import Table from "../Table";
-import type { ModalTableProps } from "../modal";
-import { useCurrentTable, useTableProps, useVisible } from "./hooks";
-export default ({
-  configData: configDataProps,
-  request: requestProps,
-  tableProps,
-  dialogTable,
-  visible = false,
-  onCancel,
-  bodyStyle = {},
-  afterClose,
-  ...props
-}: ModalTableProps) => {
-  const { modalVisible, setModalVisible } = useVisible(visible);
-  const { modalTableParams, setModalTableParams } = useTableProps({
-    ...props,
-    configData: configDataProps,
-    request: requestProps,
-  });
-  const currentTable = useCurrentTable({
-    show: (showParams) => {
-      if (showParams) {
-        setModalTableParams((oldParams) => {
-          const { configData, request, title } = oldParams;
-          const {
-            title: showTitle = title,
-            configData: showConfigData = configData,
-            request: showReq,
-            params = request,
-          } = showParams;
-          return {
-            title: showTitle,
-            request: showReq,
-            configData: showConfigData,
-            params,
-          };
-        });
-      }
-      setModalVisible(true);
-    },
-    hide: () => {
-      setModalVisible(false);
-    },
-    dialogTable,
-  });
-  const { configData, request, title, params } = modalTableParams;
-  const req = request
-    ? (reqParams) => {
-        return request({ ...params, ...reqParams });
-      }
-    : undefined;
-  return (
-    <Modal
-      {...props}
-      visible={modalVisible}
-      onCancel={(e) => {
-        setModalVisible(false);
-        onCancel?.(e);
-      }}
-      destroyOnClose
-      title={title}
-      bodyStyle={{ padding: 0, paddingBottom: 24, ...bodyStyle }}
-      afterClose={() => {
-        currentTable.form.resetFields();
-        afterClose?.();
-      }}
-    >
-      <Table
-        {...tableProps}
-        configData={configData || []}
-        table={currentTable}
-        request={req}
-      />
-    </Modal>
-  );
-};

package/src/components/Table.tsx

@@ -1,81 +0,0 @@
-import Header from "./HTableHeader";
-import Body from "./HTableBody";
-import useCurrentTable from "./hooks/useCurrentTable";
-import useRowObj from "./hooks/useRowObj";
-import { HTableContext } from "./context";
-import { Space } from "antd";
-import type { HTableProps } from "./modal";
-import useReq from "./hooks/useReq";
-import useDispatch from "./hooks/useDispatch";
-export default ({
-  request,
-  configData,
-  searchSpan,
-  table,
-  hideHeader,
-  headerStyle = {},
-  tableStyle = {},
-  action = {},
-  spaceSize = 15,
-  className,
-  paginationStyle,
-  rowKey = "id",
-  ...props
-}: HTableProps) => {
-  const { run, loading, data, error, saveParams } = useReq({ request });
-  const dispatch = useDispatch(action);
-  const { selectedRowData, rowOnChange, allSelectChange, setSelectedRowData } =
-    useRowObj();
-  const tableInstance = useCurrentTable({
-    table,
-    reload: (params) => {
-      rowOnChange([], []);
-      return run(params);
-    },
-    changeRowData: rowOnChange,
-    dispatch,
-    reloadWithParams: (reloadParams = {}) => {
-      rowOnChange([], []);
-      return run({ ...saveParams.old, ...reloadParams });
-    },
-    getTableParams: () => {
-      return saveParams.old;
-    },
-  });
-  return (
-    <HTableContext.Provider
-      value={{
-        tableInstance,
-        selectedRowData,
-        rowOnChange,
-        data,
-        error,
-        loading,
-        allSelectChange,
-        action,
-        configData,
-        onFinish: (value) => {
-          rowOnChange([], []);
-          return run(value);
-        },
-        onPageChange: tableInstance.table.reloadWithParams,
-        setSelectedRowData,
-        rowKey,
-      }}
-    >
-      <Space direction={"vertical"} size={0} style={{ width: "100%" }}>
-        {!hideHeader && (
-          <Header searchSpan={searchSpan} headerStyle={headerStyle} />
-        )}
-        <Body
-          tableStyle={
-            hideHeader ? { paddingTop: 24, ...tableStyle } : tableStyle
-          }
-          paginationStyle={paginationStyle}
-          rowKey={rowKey}
-          {...props}
-        />
-      </Space>
-    </HTableContext.Provider>
-  );
-};

package/src/components/TableConfig.tsx

@@ -1,30 +0,0 @@
-import React, { useContext } from "react";
-import type { HTableInstance } from "./modal";
-
-interface HTableConfigContextModal {
-  emptyRender?: (table: HTableInstance) => React.ReactNode;
-  errorRender?: (table: HTableInstance, error: Error) => React.ReactNode;
-}
-export const HTableConfigContext =
-  React.createContext<HTableConfigContextModal | null>(null);
-
-export const useHTableConfigContext = ({
-  emptyRender,
-  errorRender,
-}: HTableConfigContextModal) => {
-  const { errorRender: configErrorRender, emptyRender: configEmptyRender } =
-    useContext(HTableConfigContext) || {};
-
-  return {
-    errorRender: errorRender || configErrorRender,
-    emptyRender: emptyRender || configEmptyRender,
-  };
-};
-const Index: React.FC<HTableConfigContextModal> = ({ children, ...props }) => {
-  return (
-    <HTableConfigContext.Provider value={props}>
-      {children}
-    </HTableConfigContext.Provider>
-  );
-};
-export default Index;

package/src/components/TableCustomize.tsx

@@ -1,67 +0,0 @@
-import useCurrentTable from "./hooks/useCurrentTable";
-import useRowObj from "./hooks/useRowObj";
-import { HTableContext } from "./context";
-import type { HTableProps } from "./modal";
-import type { IParamsModal } from "./hooks/useReq";
-import useReq from "./hooks/useReq";
-import useDispatch from "./hooks/useDispatch";
-import React from "react";
-const Index: React.FC<HTableProps> = ({
-  request,
-  configData,
-  table,
-  action = {},
-  children,
-  rowKey,
-  ...props
-}) => {
-  const { run, loading, data, error, saveParams } = useReq({
-    request,
-    ...props,
-  } as IParamsModal);
-  const dispatch = useDispatch(action);
-  const { selectedRowData, rowOnChange, allSelectChange, setSelectedRowData } =
-    useRowObj();
-  const tableInstance = useCurrentTable({
-    table,
-    reload: (params) => {
-      rowOnChange([], []);
-      return run(params);
-    },
-    changeRowData: rowOnChange,
-    dispatch,
-    reloadWithParams: (reloadParams = {}) => {
-      rowOnChange([], []);
-      return run({ ...saveParams.old, ...reloadParams });
-    },
-    getTableParams: () => {
-      return saveParams.old;
-    },
-  });
-  return (
-    <HTableContext.Provider
-      value={{
-        tableInstance,
-        selectedRowData,
-        rowOnChange,
-        data,
-        error,
-        loading,
-        allSelectChange,
-        action,
-        configData,
-        params: saveParams.old,
-        onFinish: (value) => {
-          rowOnChange([], []);
-          return run(value);
-        },
-        onPageChange: tableInstance.table.reloadWithParams,
-        setSelectedRowData,
-        rowKey,
-      }}
-    >
-      {children}
-    </HTableContext.Provider>
-  );
-};
-export default Index;

package/src/components/context.ts

@@ -1,25 +0,0 @@
-import React, { useContext } from "react";
-import type { ResultModal, RowObj, HTableInstance } from "./modal";
-import type { HTableProps } from "./modal";
-
-interface HContextModal extends Omit<HTableProps, "request"> {
-  tableInstance: HTableInstance;
-  data?: ResultModal;
-  selectedRowData: RowObj;
-  rowOnChange: (keys: React.Key[], rowData: any[]) => void;
-  error?: Error;
-  loading?: boolean;
-  allSelectChange?: (checked?: boolean) => void;
-  params?: any;
-  onFinish: (value: Record<string, any>) => Promise<any>;
-  onPageChange: (value: Record<string, any>) => Promise<any>;
-  setSelectedRowData: (row: RowObj) => void;
-  rowKey?: string;
-}
-
-export const HTableContext = React.createContext<HContextModal | null>(null);
-
-export const useHTableContext = () => {
-  const result = useContext(HTableContext);
-  return (result || {}) as HContextModal;
-};

package/src/components/hooks/index.ts

@@ -1,14 +0,0 @@
-import { useContext, useMemo } from "react";
-import { ConfigContext } from "antd/es/config-provider";
-export const useClassName = (className: string | string[]) => {
-  const config = useContext(ConfigContext);
-  return useMemo(() => {
-    if (Array.isArray(className)) {
-      const classNames = className.map((item) => {
-        return `${config.getPrefixCls()}-${item}`;
-      });
-      return classNames.join(" ");
-    }
-    return `${config.getPrefixCls()}-${className}`;
-  }, [className]);
-};

package/src/components/hooks/useCurrentTable.ts

@@ -1,32 +0,0 @@
-import type React from "react";
-import { useMemo } from "react";
-import type { ParamsModal, HTableInstance } from "../modal";
-import useHTable from "../hooks/useHTable";
-
-interface currentTableParams {
-  table?: HTableInstance;
-  reload: (params?: ParamsModal) => Promise<any>;
-  changeRowData: (keys: React.Key[], data: any) => void;
-  dispatch: (key: string, params: any) => void;
-  reloadWithParams: (params?: ParamsModal) => Promise<any>;
-  getTableParams: () => any;
-}
-export default ({
-  table,
-  reload,
-  changeRowData,
-  dispatch,
-  reloadWithParams,
-  getTableParams,
-}: currentTableParams) => {
-  const useCurrentTable = useHTable();
-  return useMemo(() => {
-    const resultTable = table || useCurrentTable;
-    resultTable.table.reload = reload;
-    resultTable.table.setSelectedRowData = changeRowData;
-    resultTable.table.dispatch = dispatch;
-    resultTable.table.reloadWithParams = reloadWithParams;
-    resultTable.table.getParams = getTableParams;
-    return resultTable;
-  }, [table]);
-};

package/src/components/hooks/useDispatch.ts

@@ -1,8 +0,0 @@
-import type { actionFn } from "@/components/modal";
-
-export default (action: Record<string, actionFn>) => {
-  return (key: string, dispatchParams: any) => {
-    const fn = action[key];
-    fn?.(dispatchParams);
-  };
-};

package/src/components/hooks/useHTable.tsx

@@ -1,26 +0,0 @@
-import { useMemo } from "react";
-import type { ParamsModal } from "../modal";
-import { useHForm } from "@hw-component/form";
-
-export default () => {
-  const form = useHForm();
-  const table = useMemo(() => {
-    return {
-      reload: (params?: ParamsModal) => {
-        return Promise.resolve(params);
-      },
-      setSelectedRowData: () => {},
-      dispatch: () => {},
-      reloadWithParams: (params?: ParamsModal) => {
-        return Promise.resolve(params);
-      },
-      getParams: () => {
-        return {} as any;
-      },
-    };
-  }, []);
-  return {
-    form,
-    table,
-  };
-};

package/src/components/hooks/useReq.ts

@@ -1,65 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { useRequest } from "ahooks";
-import type { ParamsModal, ResultModal } from "@/components/modal";
-export interface IParamsModal {
-  request?: (params: ParamsModal) => Promise<ResultModal>;
-  loading?: boolean;
-  error?: Error;
-  reload?: (params: any) => Promise<any>;
-  dataSource?: any;
-  manual?: boolean;
-}
-export default ({
-  request,
-  loading,
-  error,
-  reload,
-  dataSource,
-  manual = false,
-}: IParamsModal) => {
-  const saveParams = useMemo(() => {
-    return {
-      old: {},
-    };
-  }, []);
-  const reloadFn = async (params: Record<string, any> = {}) => {
-    const { size = "10", current = "1", ...oParams } = params;
-    const reqParams = { size, current, ...oParams };
-    saveParams.old = reqParams;
-    return reload?.(reqParams);
-  };
-  const resultAction = useRequest(
-    (params = {}) => {
-      const { size = "10", current = "1", ...oParams } = params;
-      const reqParams = { size, current, ...oParams };
-      saveParams.old = reqParams;
-      return request?.(reqParams);
-    },
-    { manual: true }
-  );
-
-  useEffect(() => {
-    if (manual) {
-      return;
-    }
-    if (request) {
-      resultAction.run();
-      return;
-    }
-    reloadFn();
-  }, []);
-
-  if (request) {
-    return {
-      ...resultAction,
-      saveParams,
-    };
-  }
-  return {
-    loading,
-    error,
-    data: dataSource,
-    run: reloadFn,
-    saveParams,
-  };
-};

package/src/components/hooks/useRowObj.ts

@@ -1,27 +0,0 @@
-import type React from "react";
-import { useState } from "react";
-import type { RowObj } from "../modal";
-
-export default () => {
-  const [selectedRowData, setSelectedRowData] = useState<RowObj>({});
-  const { selectAll = false } = selectedRowData;
-  const rowOnChange = (keys: React.Key[], rowData: any[]) => {
-    setSelectedRowData({
-      keys,
-      rowData,
-    });
-  };
-  const allSelectChange = (checked?: boolean) => {
-    const newChecked = typeof checked === "undefined" ? !selectAll : checked;
-    setSelectedRowData({
-      selectAll: newChecked,
-    });
-  };
-
-  return {
-    rowOnChange,
-    selectedRowData,
-    allSelectChange,
-    setSelectedRowData,
-  };
-};

package/src/components/index.less

@@ -1,41 +0,0 @@
-@import "./styles/local.less";
-.@{ant-prefix}-hw-table-body{
-  border-bottom-left-radius: 4px;
-  border-bottom-right-radius: 4px;
-  background-color: #fff;
-  position: relative;
-  .@{ant-prefix}-hw-table-pagination{
-    padding: 12px 24px;
-    background-color:#ffffff;
-    border-radius: 0px;
-  }
-  .@{ant-prefix}-pro-card-body{
-   padding-bottom: 0px;
-  }
-  .@{ant-prefix}-pro-table-list-toolbar-container{
-        padding-top: 0px;
-  }
-}
-.@{ant-prefix}-hw-table-pagination{
-   padding: 24px;
-   border-radius: 4px;
-   background-color: #ffffff;
-   position: relative;
-}
-
-.@{ant-prefix}-hw-top-btn{
-   position: absolute;
-   right: 10px;
-   bottom: 54px;
-   z-index: 9;
-   cursor: pointer;
-   width: 48px;
-   height: 48px;
-   background: url("./GoTop/goTop.png") no-repeat;
-   background-size: 100%;
-}
-.@{ant-prefix}-hw-table-header{
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  padding-bottom: 0px;
-}

package/src/components/index.tsx

@@ -1,11 +0,0 @@
-import "./index.less";
-export { default as HTable } from "./Table";
-export { default as useHTable } from "./hooks/useHTable";
-export { default as HTableConfig } from "./TableConfig";
-export { default as TableCustomize } from "./TableCustomize";
-export { default as HTableBody } from "./HTableBody";
-export { default as HTableFooter } from "./HTableFooter";
-export { default as HTableHeader } from "./HTableHeader";
-export { default as HTablePagination } from "./HTablePagination";
-export { default as HModalTable } from "./ModalTable";
-export { useHDialogTable } from "./ModalTable/hooks";