@hw-component/table 0.0.4-beta-v9 → 0.0.4-beta-v16

package/src/components/HTableBody/index.tsx

@@ -1,16 +1,16 @@
 import type { ProTableProps } from "@ant-design/pro-table";
 import ProTable from "@ant-design/pro-table";
-import type { ConfigDataModal, ParamsModal } from "../modal";
+import type {ActionRenderFn, ConfigDataModal, ParamsModal} from "../modal";
 import { useCols, useSynchronousKeys } from "./hooks";
 import { useHTableContext } from "../context";
 import type { DetailedReactHTMLElement } from "react";
 import React from "react";
-import { ConfigProvider, Empty } from "antd";
+import { ConfigProvider, Empty, Row, Alert } from "antd";
 import type { HTableInstance } from "../modal";
 import { useHTableConfigContext } from "../TableConfig";
 import HTablePagination from "../HTablePagination";
 import { useClassName } from "../hooks";
-import { ActionRenderFn } from "../modal";
+import AlertMsg from "./AlertMsg";
 interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   configData?: ConfigDataModal;
   onPageChange?: (params: ParamsModal) => void;
@@ -21,10 +21,16 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
   ) => React.ReactNode;
   tableStyle?: React.CSSProperties;
   paginationStyle?: React.CSSProperties;
+  actionRender?:ActionRenderFn
 }
 const defaultRender = () => {
   return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
 };
+const contentStyle = {
+  paddingLeft: 24,
+  paddingRight: 24,
+  marginBottom: 12,
+};
 export default ({
   configData,
   pagination = {},
@@ -36,6 +42,8 @@ export default ({
   tableStyle,
   paginationStyle,
   headerTitle,
+  options,
+                  actionRender,
   ...props
 }: HTableBodyProps) => {
   // @ts-ignore
@@ -55,16 +63,20 @@ export default ({
     errorRender: tableErrorRender = defaultRender,
   } = useHTableConfigContext({ emptyRender, errorRender });
   const bodyConfigData = configData || contextConfigData;
-  const { records, size, current, total } = data || {};
-  const cols = useCols(bodyConfigData, tableInstance);
-  const change = (key: React.Key[], rowData: any[]) => {
-    if (onChange) {
-      return onChange(key, rowData);
-    }
-    rowOnChange(key, rowData);
-  };
+  const { records } = data || {};
+  const cols = useCols({
+    configData: bodyConfigData,
+    rowSelection,
+    table: tableInstance,
+  });
+
   useSynchronousKeys({ selectedRowKeys, records, rowKey });
+
+  const { keys = [], selectAll } = selectedRowData;
+
+  const alwaysShowAlert = keys.length > 0 || selectAll;
   const className = useClassName("hw-table-body");
+
   return (
     <div style={tableStyle} className={`hw_table_body  ${className}`}>
       <ConfigProvider
@@ -75,36 +87,36 @@ export default ({
           return tableEmptyRender?.(tableInstance);
         }}
       >
+        {headerTitle && (
+          <Row gutter={[0, 8]} style={contentStyle}>
+            {React.cloneElement(
+              headerTitle as DetailedReactHTMLElement<any, any>,
+              { selectedRowData, allSelectChange, rowOnChange }
+            )}
+          </Row>
+        )}
+        {alwaysShowAlert && (
+          <div style={contentStyle}>
+            <Alert message={<AlertMsg actionRender={actionRender}/>} type="info" />
+          </div>
+        )}
         <ProTable
           {...props}
           columns={cols}
-          tableAlertRender={false}
           search={false}
-          headerTitle={
-            headerTitle
-              ? React.cloneElement(
-                  headerTitle as DetailedReactHTMLElement<any, any>,
-                  { selectedRowData, allSelectChange, rowOnChange }
-                )
-              : null
+          options={
+            options
+              ? options
+              : {
+                  reload: () => {
+                    tableInstance.table.reloadWithParams();
+                  },
+                }
           }
-          options={{
-            reload: () => {
-              tableInstance.table.reloadWithParams();
-            },
-          }}
           tableStyle={{
             paddingBottom: 0,
           }}
-          rowSelection={
-            rowSelection === false
-              ? rowSelection
-              : {
-                  ...rowSelection,
-                  selectedRowKeys: selectedRowData.keys,
-                  onChange: change,
-                }
-          }
+          rowSelection={false}
           loading={loading}
           rowKey={rowKey}
           dataSource={records}

package/src/components/HTableHeader/index.tsx

@@ -6,6 +6,7 @@ import { HForm } from "@hw-component/form";
 import React, { useMemo } from "react";
 import { formConfigDataProvider } from "./utils";
 import type { HItemProps } from "@hw-component/form/lib/Form/modal";
+import { useClassName } from "../hooks";
 
 interface IHeaderProps {
   configData?: ConfigDataModal;
@@ -34,12 +35,12 @@ export default ({
     () => formConfigDataProvider(headerConfigData),
     [configData]
   );
-
+  const className = useClassName("hw-table-header");
   return (
     <Card
-      style={{ borderRadius: 4, ...headerStyle }}
+      style={{ ...headerStyle }}
       bordered={false}
-      className="hw_table_header"
+      className={`hw_table_header ${className}`}
       bodyStyle={{ paddingBottom: 0 }}
     >
       <HForm

package/src/components/HTablePagination/index.tsx

@@ -1,18 +1,19 @@
-import type { PaginationProps} from "antd";
-import { Pagination, Row } from "antd";
+import type { PaginationProps } from "antd";
+import { Button, Pagination, Row, Space, Typography } from "antd";
 import { useHTableContext } from "../context";
 import type { ParamsModal } from "@/components/modal";
-import {useClassName} from "../hooks";
+import { useClassName } from "../hooks";
 import React from "react";
 interface IPaginationProps extends PaginationProps {
   onPageChange?: (params: ParamsModal) => void;
   paginationStyle?: React.CSSProperties;
 }
-export default ({ onPageChange,paginationStyle, ...props }: IPaginationProps) => {
-  const {
-    onPageChange: contextOnPageChange,
-    data,
-  } = useHTableContext();
+export default ({
+  onPageChange,
+  paginationStyle,
+  ...props
+}: IPaginationProps) => {
+  const { onPageChange: contextOnPageChange, data } = useHTableContext();
   const tableOnPageChange = onPageChange || contextOnPageChange;
   const { size, current, total } = data || {};
   const pageCurrent = Number.parseInt(current || "1", 10);
@@ -21,11 +22,7 @@ export default ({ onPageChange,paginationStyle, ...props }: IPaginationProps) =>
   const className = useClassName("hw-table-pagination");
   if (data) {
     return (
-      <Row
-        justify={"end"}
-        className={className}
-        style={paginationStyle}
-      >
+      <Row justify={"end"} className={className} style={paginationStyle}>
         <Pagination
           size={"small"}
           showQuickJumper={true}

package/src/components/Table.tsx

@@ -13,17 +13,14 @@ export default ({
   configData,
   searchSpan,
   table,
-  actionRender,
-  footerRender,
   hideHeader,
   headerStyle = {},
-  footerStyle = {},
   tableStyle = {},
   action = {},
   spaceSize = 15,
   className,
   paginationStyle,
-  footerBtnRender,
+  rowKey = "id",
   ...props
 }: HTableProps) => {
   const { run, loading, data, error, saveParams } = useReq({ request });
@@ -64,25 +61,19 @@ export default ({
         },
         onPageChange: tableInstance.table.reloadWithParams,
         setSelectedRowData,
+        rowKey,
       }}
     >
-      <Space direction={"vertical"} size={spaceSize} style={{ width: "100%" }}>
+      <Space direction={"vertical"} size={0} style={{ width: "100%" }}>
         {!hideHeader && (
           <Header searchSpan={searchSpan} headerStyle={headerStyle} />
         )}
         <Body
           tableStyle={tableStyle}
           paginationStyle={paginationStyle}
+          rowKey={rowKey}
           {...props}
         />
-        {footerRender !== false && (
-          <Footer
-            actionRender={actionRender}
-            footerRender={footerRender}
-            footerStyle={footerStyle}
-            footerBtnRender={footerBtnRender}
-          />
-        )}
       </Space>
     </HTableContext.Provider>
   );

package/src/components/context.ts

@@ -14,6 +14,7 @@ interface HContextModal extends Omit<HTableProps, "request"> {
   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);

package/src/components/index.less

@@ -1,6 +1,7 @@
 @import "./styles/local.less";
 .@{ant-prefix}-hw-table-body{
-  border-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
   background-color: #fff;
   overflow: hidden;
   .@{ant-prefix}-hw-table-pagination{
@@ -11,4 +12,10 @@
    padding: 24px;
    border-radius: 4px;
    background-color: #ffffff;
-}
+}
+
+.@{ant-prefix}-hw-table-header{
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding-bottom: 0px;
+}

package/src/components/index.tsx

@@ -2,7 +2,7 @@ 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 TableCustomize } from "./TableCustomize";
 export { default as HTableBody } from "./HTableBody";
 export { default as HTableFooter } from "./HTableFooter";
 export { default as HTableHeader } from "./HTableHeader";

package/src/components/modal.ts

@@ -52,25 +52,31 @@ type FooterRenderFn = (
   selectedRowData: RowObj,
   data?: ResultModal
 ) => React.ReactNode;
+
+export interface RowSelectionOuter {
+  allPageCheck?: boolean;
+}
+export type HRowSelection = RowSelectionOuter &
+  ProTableProps<any, any>["rowSelection"];
 export interface HTableProps
-  extends Omit<ProTableProps<any, any>, "request" | "dataSource"> {
+  extends Omit<
+    ProTableProps<any, any>,
+    "request" | "dataSource" | "rowKey" | "rowSelection"
+  > {
   request?: (params: ParamsModal) => Promise<ResultModal>;
   configData: ConfigDataModal;
   searchSpan?: ColProps;
   table?: HTableInstance;
   actionRender?: ActionRenderFn;
-  footerBtnRender?: FooterBtnRenderFn;
   emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
   errorRender?: (
     tableInstance: HTableInstance,
     error: Error
   ) => React.ReactNode;
-  footerRender?: FooterRenderFn | false;
   hideHeader?: boolean;
   action?: Record<string, actionFn>;
   headerStyle?: React.CSSProperties;
   tableStyle?: React.CSSProperties;
-  footerStyle?: React.CSSProperties;
   spaceSize?: number;
   className?: string;
   error?: Error;
@@ -78,6 +84,9 @@ export interface HTableProps
   manual?: boolean;
   dataSource?: ResultModal;
   paginationStyle?: React.CSSProperties;
+  rowKey?: string;
+  allPageCheck?: boolean;
+  rowSelection?: HRowSelection;
 }
 export interface TableInstance {
   reload: (params?: ParamsModal) => Promise<any>;
@@ -107,7 +116,7 @@ export interface HDiaLogTableInstance {
   hide: () => void;
 }
 export interface ModalTableProps extends ModalProps {
-  tableProps?: Omit<HTableProps, "configData"|"request">;
+  tableProps?: Omit<HTableProps, "configData" | "request">;
   dialogTable?: HDiaLogTableInstance;
   params?: Record<string, any>;
   configData?: HTableProps["configData"];

package/src/index.less

@@ -15,6 +15,7 @@
   width: calc(100vw - 256px);
   height: 100vh;
   padding: 16px;
-  overflow: hidden;
+  overflow: auto;
   background-color: #ccc;
+
 }

package/src/pages/Table/index.tsx

@@ -31,37 +31,46 @@ export default () => {
   const hTable = useHTable();
   return (
     <HFormConfigProvider>
-      <HTable
-        configData={configData}
-        rowKey={"id"}
-        table={hTable}
-        scroll={{ x: 1000, y: 100 }}
-        rowSelection={false}
-        headerTitle={<Test name="321321" />}
-        actionRender={(allCheck, selectedRowKeys, xjTable) => {
-          console.log(allCheck, selectedRowKeys, xjTable);
-          return <Button>点我</Button>;
-        }}
-        request={(params) => {
-          const { current = 1 } = params;
-          return new Promise((resolve, reject) => {
-            setTimeout(() => {
-              // reject(new Error("错误"));
-              resolve({
-                size: "10",
-                current: current.toString(10),
-                total: "100",
-                records: [
-                  {
-                    id: 1,
-                    name: "111",
-                  },
-                ],
+      <div>
+        <HTable
+          configData={configData}
+          rowKey={"id"}
+          table={hTable}
+          rowSelection={{
+
+          }}
+          options={{
+            reload: false,
+            setting: false,
+            density: false,
+          }}
+          actionRender={()=>{
+            return <Button>你大爷</Button>
+          }}
+          headerTitle={<Button type={"primary"}>操作</Button>}
+          request={(params) => {
+            const { current = 1 } = params;
+            const arrayData = [];
+            for (let i = 0; i < 10; i = i + 1) {
+              arrayData.push({
+                id: i,
+                name: "11",
               });
-            }, 2000);
-          });
-        }}
-      />
+            }
+            return new Promise((resolve, reject) => {
+              setTimeout(() => {
+                // reject(new Error("错误"));
+                resolve({
+                  size: "100",
+                  current: current.toString(10),
+                  total: "100",
+                  records: arrayData,
+                });
+              }, 2000);
+            });
+          }}
+        />
+      </div>
     </HFormConfigProvider>
   );
 };

package/src/pages/TableCustomize/index.tsx

@@ -23,10 +23,10 @@ const configData = [
     searchType: "rangePicker",
   },
 ];
-const AddBtn=(props)=>{
+const AddBtn = (props) => {
   console.log(props);
-   return <div>fff</div>
-}
+  return <div>fff</div>;
+};
 export default () => {
   const { run, loading, error, data } = useRequest(
     (params) => {
@@ -61,7 +61,11 @@ export default () => {
     >
       <Space direction={"vertical"} style={{ width: "100%" }}>
         <HTableHeader />
-        <HTableBody pagination={false} scroll={{ x: 1000, y: 100 }} headerTitle={<AddBtn/>}/>
+        <HTableBody
+          pagination={false}
+          scroll={{ x: 1000, y: 100 }}
+          headerTitle={<AddBtn />}
+        />
         <HTablePagination />
         <HTableFooter />
       </Space>

package/src/routes.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { Navigate } from "react-router-dom";
 import Table from "./pages/Table";
-import TableCustomize from "./pages/TableCustomize";
 import ModalTable from "./pages/ModalTable";
 export interface RouteModal {
   path?: string;
@@ -22,11 +21,11 @@ const routes: RouteModal[] = [
     name: "table",
     element: <Table />,
   },
-  {
-    path: "/tableCustomize",
-    name: "tableCustomize",
-    element: <TableCustomize />,
-  },
+  // {
+  //   path: "/tableCustomize",
+  //   name: "tableCustomize",
+  //   element: <TableCustomize />,
+  // },
   {
     path: "/modalTable",
     name: "ModalTable",

package/es/TableCustomize.js

@@ -1,85 +0,0 @@
-// welcome to hoo hoo hoo
-import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
-import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
-import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
-import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
-import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
-import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import { jsx } from 'react/jsx-runtime';
-import useCurrentTable from './hooks/useCurrentTable.js';
-import useRowObj from './hooks/useRowObj.js';
-import { HTableContext } from './context.js';
-import useReq from './hooks/useReq.js';
-import useDispatch from './hooks/useDispatch.js';
-
-var _excluded = ["request", "configData", "table", "action", "children"];
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Index = function Index(_ref) {
-  var request = _ref.request,
-    configData = _ref.configData,
-    table = _ref.table,
-    _ref$action = _ref.action,
-    action = _ref$action === void 0 ? {} : _ref$action,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useReq = useReq(_objectSpread({
-      request: request
-    }, props)),
-    run = _useReq.run,
-    loading = _useReq.loading,
-    data = _useReq.data,
-    error = _useReq.error,
-    saveParams = _useReq.saveParams;
-  var dispatch = useDispatch(action);
-  var _useRowObj = useRowObj(),
-    selectedRowData = _useRowObj.selectedRowData,
-    rowOnChange = _useRowObj.rowOnChange,
-    allSelectChange = _useRowObj.allSelectChange,
-    setSelectedRowData = _useRowObj.setSelectedRowData;
-  var tableInstance = useCurrentTable({
-    table: table,
-    reload: function reload(params) {
-      rowOnChange([], []);
-      return run(params);
-    },
-    changeRowData: rowOnChange,
-    dispatch: dispatch,
-    reloadWithParams: function reloadWithParams() {
-      var reloadParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      rowOnChange([], []);
-      return run(_objectSpread(_objectSpread({}, saveParams.old), reloadParams));
-    },
-    getTableParams: function getTableParams() {
-      return saveParams.old;
-    }
-  });
-  return jsx(HTableContext.Provider, {
-    value: {
-      tableInstance: tableInstance,
-      selectedRowData: selectedRowData,
-      rowOnChange: rowOnChange,
-      data: data,
-      error: error,
-      loading: loading,
-      allSelectChange: allSelectChange,
-      action: action,
-      configData: configData,
-      params: saveParams.old,
-      onFinish: function onFinish(value) {
-        rowOnChange([], []);
-        return run(value);
-      },
-      onPageChange: tableInstance.table.reloadWithParams,
-      setSelectedRowData: setSelectedRowData
-    },
-    children: children
-  });
-};
-
-export { Index as default };
-// powered by hdj

package/lib/TableCustomize.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var jsxRuntime = require('react/jsx-runtime');
-var useCurrentTable = require('./hooks/useCurrentTable.js');
-var useRowObj = require('./hooks/useRowObj.js');
-var context = require('./context.js');
-var useReq = require('./hooks/useReq.js');
-var useDispatch = require('./hooks/useDispatch.js');
-
-var _excluded = ["request", "configData", "table", "action", "children"];
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Index = function Index(_ref) {
-  var request = _ref.request,
-    configData = _ref.configData,
-    table = _ref.table,
-    _ref$action = _ref.action,
-    action = _ref$action === void 0 ? {} : _ref$action,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useReq = useReq.default(_objectSpread({
-      request: request
-    }, props)),
-    run = _useReq.run,
-    loading = _useReq.loading,
-    data = _useReq.data,
-    error = _useReq.error,
-    saveParams = _useReq.saveParams;
-  var dispatch = useDispatch.default(action);
-  var _useRowObj = useRowObj.default(),
-    selectedRowData = _useRowObj.selectedRowData,
-    rowOnChange = _useRowObj.rowOnChange,
-    allSelectChange = _useRowObj.allSelectChange,
-    setSelectedRowData = _useRowObj.setSelectedRowData;
-  var tableInstance = useCurrentTable.default({
-    table: table,
-    reload: function reload(params) {
-      rowOnChange([], []);
-      return run(params);
-    },
-    changeRowData: rowOnChange,
-    dispatch: dispatch,
-    reloadWithParams: function reloadWithParams() {
-      var reloadParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      rowOnChange([], []);
-      return run(_objectSpread(_objectSpread({}, saveParams.old), reloadParams));
-    },
-    getTableParams: function getTableParams() {
-      return saveParams.old;
-    }
-  });
-  return jsxRuntime.jsx(context.HTableContext.Provider, {
-    value: {
-      tableInstance: tableInstance,
-      selectedRowData: selectedRowData,
-      rowOnChange: rowOnChange,
-      data: data,
-      error: error,
-      loading: loading,
-      allSelectChange: allSelectChange,
-      action: action,
-      configData: configData,
-      params: saveParams.old,
-      onFinish: function onFinish(value) {
-        rowOnChange([], []);
-        return run(value);
-      },
-      onPageChange: tableInstance.table.reloadWithParams,
-      setSelectedRowData: setSelectedRowData
-    },
-    children: children
-  });
-};
-
-exports.default = Index;
-// powered by h