@hw-component/table 1.6.8 → 1.7.0

package/es/DialogTable/DwTable.d.ts

@@ -0,0 +1,3 @@
+import type { DwTableProps } from "../modal";
+declare const _default: ({ configData: configDataProps, request: requestProps, tableProps, dialogTable, visible, bodyStyle, onClose, afterVisibleChange, contentRender, width, ...props }: DwTableProps) => JSX.Element;
+export default _default;

package/es/DialogTable/DwTable.js

@@ -0,0 +1,121 @@
+// 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 { Drawer } from 'antd';
+import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
+import Content from './Content.js';
+import { CloseOutlined } from '@ant-design/icons';
+import { useClassName } from '../hooks/index.js';
+
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "bodyStyle", "onClose", "afterVisibleChange", "contentRender", "width"];
+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 DwTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$tableProps = _ref.tableProps,
+    tableProps = _ref$tableProps === void 0 ? {} : _ref$tableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$bodyStyle = _ref.bodyStyle,
+    bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+    _onClose = _ref.onClose,
+    _afterVisibleChange = _ref.afterVisibleChange,
+    contentRender = _ref.contentRender,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 666 : _ref$width,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var className = useClassName('hw-table-pointer-not-hover');
+  var _useTableProps = useTableProps(_objectSpread(_objectSpread({}, props), {}, {
+      configData: configDataProps,
+      request: requestProps
+    })),
+    modalTableParams = _useTableProps.modalTableParams,
+    setModalTableParams = _useTableProps.setModalTableParams;
+  var currentTable = useCurrentTable({
+    show: function show(showParams) {
+      if (showParams) {
+        setModalTableParams(function (oldParams) {
+          var configData = oldParams.configData,
+            request = oldParams.request,
+            title = oldParams.title,
+            oldP = oldParams.params;
+          var _showParams$title = showParams.title,
+            showTitle = _showParams$title === void 0 ? title : _showParams$title,
+            _showParams$configDat = showParams.configData,
+            showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
+            _showParams$request = showParams.request,
+            showReq = _showParams$request === void 0 ? request : _showParams$request,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? oldP : _showParams$params;
+          currentTable.params = params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    request = modalTableParams.request,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsx(Drawer, _objectSpread(_objectSpread({}, props), {}, {
+    visible: modalVisible,
+    onClose: function onClose(e) {
+      setModalVisible(false);
+      _onClose === null || _onClose === void 0 || _onClose(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    closable: false,
+    extra: jsx(CloseOutlined, {
+      className: className
+    }),
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: 0,
+      paddingBottom: 12
+    }, bodyStyle),
+    afterVisibleChange: function afterVisibleChange(visible) {
+      if (!visible) {
+        currentTable.form.resetFields();
+      }
+      _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(visible);
+    },
+    children: jsx(Content, {
+      contentRender: contentRender,
+      tableProps: tableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req
+    })
+  }));
+});
+
+export { DwTable as default };
+// powered by hdj

package/es/{ModalTable/index.js → DialogTable/ModalTable.js}

@@ -17,7 +17,7 @@ import Content from './Content.js';
 var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width"];
 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 (_ref) {
+var ModalTable = (function (_ref) {
   var configDataProps = _ref.configData,
     requestProps = _ref.request,
     _ref$tableProps = _ref.tableProps,
@@ -108,5 +108,5 @@ var index = (function (_ref) {
   }));
 });
 
-export { index as default };
+export { ModalTable as default };
 // powered by hdj

package/es/index.css

@@ -106,6 +106,9 @@
 .ant-hw-table-pointer:hover {
   color: #1890ff;
 }
+.ant-hw-table-pointer-not-hover {
+  cursor: pointer;
+}
 .ant-hw-table-header-title-box {
   -webkit-box-flex: 1;
   -webkit-flex: 1;

package/es/index.d.ts

@@ -8,5 +8,6 @@ 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";
+export { default as HModalTable } from "./DialogTable/ModalTable";
+export { useHDialogTable } from "./DialogTable/hooks";
+export { default as HDwTable } from "./DialogTable/DwTable";

package/es/index.js

@@ -7,6 +7,7 @@ export { default as HTableBody } from './HTableBody/index.js';
 export { default as HTableFooter } from './HTableFooter/index.js';
 export { default as HTableHeader } from './HTableHeader/index.js';
 export { default as HTablePagination } from './HTablePagination/index.js';
-export { default as HModalTable } from './ModalTable/index.js';
-export { useHDialogTable } from './ModalTable/hooks.js';
+export { default as HModalTable } from './DialogTable/ModalTable.js';
+export { useHDialogTable } from './DialogTable/hooks.js';
+export { default as HDwTable } from './DialogTable/DwTable.js';
 // powered by hdj

package/es/modal.d.ts

@@ -7,6 +7,7 @@ import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
 import type { OptionModal } from "./HTableBody";
+import { DrawerProps } from "antd";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -113,6 +114,14 @@ export interface HDiaLogTableInstance {
     hide: () => void;
     params: any;
 }
+export interface DwTableProps extends DrawerProps {
+    tableProps?: Omit<HTableProps, "configData" | "request">;
+    dialogTable?: HDiaLogTableInstance;
+    params?: Record<string, any>;
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+    contentRender?: (node: React.ReactNode) => React.ReactNode;
+}
 export interface ModalTableProps extends ModalProps {
     tableProps?: Omit<HTableProps, "configData" | "request">;
     dialogTable?: HDiaLogTableInstance;

package/lib/DialogTable/DwTable.d.ts

@@ -0,0 +1,3 @@
+import type { DwTableProps } from "../modal";
+declare const _default: ({ configData: configDataProps, request: requestProps, tableProps, dialogTable, visible, bodyStyle, onClose, afterVisibleChange, contentRender, width, ...props }: DwTableProps) => JSX.Element;
+export default _default;

package/lib/DialogTable/DwTable.js

@@ -0,0 +1,124 @@
+'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 antd = require('antd');
+var hooks = require('./hooks.js');
+var Content = require('./Content.js');
+var icons = require('@ant-design/icons');
+var index = require('../hooks/index.js');
+
+var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "bodyStyle", "onClose", "afterVisibleChange", "contentRender", "width"];
+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 DwTable = (function (_ref) {
+  var configDataProps = _ref.configData,
+    requestProps = _ref.request,
+    _ref$tableProps = _ref.tableProps,
+    tableProps = _ref$tableProps === void 0 ? {} : _ref$tableProps,
+    dialogTable = _ref.dialogTable,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$bodyStyle = _ref.bodyStyle,
+    bodyStyle = _ref$bodyStyle === void 0 ? {} : _ref$bodyStyle,
+    _onClose = _ref.onClose,
+    _afterVisibleChange = _ref.afterVisibleChange,
+    contentRender = _ref.contentRender,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 666 : _ref$width,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useVisible = hooks.useVisible(visible),
+    modalVisible = _useVisible.modalVisible,
+    setModalVisible = _useVisible.setModalVisible;
+  var className = index.useClassName('hw-table-pointer-not-hover');
+  var _useTableProps = hooks.useTableProps(_objectSpread(_objectSpread({}, props), {}, {
+      configData: configDataProps,
+      request: requestProps
+    })),
+    modalTableParams = _useTableProps.modalTableParams,
+    setModalTableParams = _useTableProps.setModalTableParams;
+  var currentTable = hooks.useCurrentTable({
+    show: function show(showParams) {
+      if (showParams) {
+        setModalTableParams(function (oldParams) {
+          var configData = oldParams.configData,
+            request = oldParams.request,
+            title = oldParams.title,
+            oldP = oldParams.params;
+          var _showParams$title = showParams.title,
+            showTitle = _showParams$title === void 0 ? title : _showParams$title,
+            _showParams$configDat = showParams.configData,
+            showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
+            _showParams$request = showParams.request,
+            showReq = _showParams$request === void 0 ? request : _showParams$request,
+            _showParams$params = showParams.params,
+            params = _showParams$params === void 0 ? oldP : _showParams$params;
+          currentTable.params = params;
+          return {
+            title: showTitle,
+            request: showReq,
+            configData: showConfigData,
+            params: params
+          };
+        });
+      }
+      setModalVisible(true);
+    },
+    hide: function hide() {
+      setModalVisible(false);
+    },
+    dialogTable: dialogTable
+  });
+  var configData = modalTableParams.configData,
+    request = modalTableParams.request,
+    title = modalTableParams.title,
+    params = modalTableParams.params;
+  var req = request ? function (reqParams) {
+    return request(_objectSpread(_objectSpread({}, params), reqParams));
+  } : undefined;
+  return jsxRuntime.jsx(antd.Drawer, _objectSpread(_objectSpread({}, props), {}, {
+    visible: modalVisible,
+    onClose: function onClose(e) {
+      setModalVisible(false);
+      _onClose === null || _onClose === void 0 || _onClose(e);
+    },
+    destroyOnClose: true,
+    title: title,
+    closable: false,
+    extra: jsxRuntime.jsx(icons.CloseOutlined, {
+      className: className
+    }),
+    width: width,
+    bodyStyle: _objectSpread({
+      padding: 0,
+      paddingBottom: 12
+    }, bodyStyle),
+    afterVisibleChange: function afterVisibleChange(visible) {
+      if (!visible) {
+        currentTable.form.resetFields();
+      }
+      _afterVisibleChange === null || _afterVisibleChange === void 0 || _afterVisibleChange(visible);
+    },
+    children: jsxRuntime.jsx(Content.default, {
+      contentRender: contentRender,
+      tableProps: tableProps,
+      configData: configData || [],
+      dialogTable: currentTable,
+      request: req
+    })
+  }));
+});
+
+exports.default = DwTable;
+// powered by h

package/lib/{ModalTable/index.js → DialogTable/ModalTable.js}

@@ -20,7 +20,7 @@ var Content = require('./Content.js');
 var _excluded = ["configData", "request", "tableProps", "dialogTable", "visible", "onCancel", "bodyStyle", "afterClose", "contentRender", "width"];
 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 (_ref) {
+var ModalTable = (function (_ref) {
   var configDataProps = _ref.configData,
     requestProps = _ref.request,
     _ref$tableProps = _ref.tableProps,
@@ -111,5 +111,5 @@ var index = (function (_ref) {
   }));
 });
 
-exports.default = index;
+exports.default = ModalTable;
 // powered by h

package/lib/index.css

@@ -106,6 +106,9 @@
 .ant-hw-table-pointer:hover {
   color: #1890ff;
 }
+.ant-hw-table-pointer-not-hover {
+  cursor: pointer;
+}
 .ant-hw-table-header-title-box {
   -webkit-box-flex: 1;
   -webkit-flex: 1;

package/lib/index.d.ts

@@ -8,5 +8,6 @@ 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";
+export { default as HModalTable } from "./DialogTable/ModalTable";
+export { useHDialogTable } from "./DialogTable/hooks";
+export { default as HDwTable } from "./DialogTable/DwTable";

package/lib/index.js

@@ -8,8 +8,9 @@ var index = require('./HTableBody/index.js');
 var index$1 = require('./HTableFooter/index.js');
 var index$2 = require('./HTableHeader/index.js');
 var index$3 = require('./HTablePagination/index.js');
-var index$4 = require('./ModalTable/index.js');
-var hooks = require('./ModalTable/hooks.js');
+var ModalTable = require('./DialogTable/ModalTable.js');
+var hooks = require('./DialogTable/hooks.js');
+var DwTable = require('./DialogTable/DwTable.js');
 
 
 
@@ -21,6 +22,7 @@ exports.HTableBody = index.default;
 exports.HTableFooter = index$1.default;
 exports.HTableHeader = index$2.default;
 exports.HTablePagination = index$3.default;
-exports.HModalTable = index$4.default;
+exports.HModalTable = ModalTable.default;
 exports.useHDialogTable = hooks.useHDialogTable;
+exports.HDwTable = DwTable.default;
 // powered by h

package/lib/modal.d.ts

@@ -7,6 +7,7 @@ import type { ModalProps } from "antd";
 import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
 import type { OptionModal } from "./HTableBody";
+import { DrawerProps } from "antd";
 export interface RowObj {
     keys?: React.Key[];
     rowData?: any[];
@@ -113,6 +114,14 @@ export interface HDiaLogTableInstance {
     hide: () => void;
     params: any;
 }
+export interface DwTableProps extends DrawerProps {
+    tableProps?: Omit<HTableProps, "configData" | "request">;
+    dialogTable?: HDiaLogTableInstance;
+    params?: Record<string, any>;
+    configData?: HTableProps["configData"];
+    request?: HTableProps["request"];
+    contentRender?: (node: React.ReactNode) => React.ReactNode;
+}
 export interface ModalTableProps extends ModalProps {
     tableProps?: Omit<HTableProps, "configData" | "request">;
     dialogTable?: HDiaLogTableInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/table",
-  "version": "1.6.8",
+  "version": "1.7.0",
   "description": "基于antd二次开发table组件",
   "keywords": [
     "table"

package/src/components/DialogTable/DwTable.tsx

@@ -0,0 +1,90 @@
+import {Drawer} from 'antd';
+import type { DwTableProps } from "../modal";
+import {useCurrentTable, useTableProps, useVisible} from "./hooks";
+import Content from "./Content";
+import {CloseOutlined} from '@ant-design/icons'
+import {useClassName} from "../hooks";
+export default ({
+                    configData: configDataProps,
+                    request: requestProps,
+                    tableProps = {},
+                    dialogTable,
+                    visible = false,
+                    bodyStyle = {},
+                    onClose,
+                    afterVisibleChange,
+                    contentRender,
+                    width=666,
+                    ...props
+                }:DwTableProps)=>{
+    const { modalVisible, setModalVisible } = useVisible(visible);
+    const className=useClassName('hw-table-pointer-not-hover');
+    const { modalTableParams, setModalTableParams } = useTableProps({
+        ...props,
+        configData: configDataProps,
+        request: requestProps,
+    });
+    const currentTable = useCurrentTable({
+        show: (showParams) => {
+            if (showParams) {
+                setModalTableParams((oldParams) => {
+                    const { configData, request, title, params: oldP } = oldParams;
+                    const {
+                        title: showTitle = title,
+                        configData: showConfigData = configData,
+                        request: showReq = request,
+                        params = oldP,
+                    } = showParams;
+                    currentTable.params = params;
+                    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 <Drawer
+        {...props}
+        visible={modalVisible}
+        onClose={(e) => {
+            setModalVisible(false);
+            onClose?.(e);
+        }}
+        destroyOnClose
+        title={title}
+        closable={false}
+        extra={
+            <CloseOutlined className={className}/>
+        }
+        width={width}
+        bodyStyle={{ padding: 0, paddingBottom: 12, ...bodyStyle }}
+        afterVisibleChange={(visible) => {
+           if (!visible){
+               currentTable.form.resetFields();
+           }
+           afterVisibleChange?.(visible);
+        }}
+    >
+        <Content
+            contentRender={contentRender}
+            tableProps={tableProps}
+            configData={configData||[]}
+            dialogTable={currentTable}
+            request={req}
+        />
+    </Drawer>
+}

package/src/components/index.less

@@ -107,6 +107,9 @@
     color:#1890ff;
   }
 }
+.@{ant-prefix}-hw-table-pointer-not-hover{
+  cursor: pointer;
+}
 .@{ant-prefix}-hw-table-header-title-box{
   flex: 1;
   display: flex;

package/src/components/index.tsx

@@ -8,5 +8,6 @@ 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";
+export { default as HModalTable } from "./DialogTable/ModalTable";
+export { useHDialogTable } from "./DialogTable/hooks";
+export { default as HDwTable } from "./DialogTable/DwTable";

package/src/components/modal.ts

@@ -11,6 +11,7 @@ import type { TableProps } from "antd/lib/table";
 import type { AffixProps } from "antd/lib/affix";
 import type { OptionModal } from "./HTableBody";
 import { GetRowKey } from "rc-table/lib/interface";
+import {DrawerProps} from "antd";
 
 export interface RowObj {
   keys?: React.Key[];
@@ -146,6 +147,15 @@ export interface HDiaLogTableInstance {
   hide: () => void;
   params: any;
 }
+export interface DwTableProps  extends DrawerProps{
+  tableProps?: Omit<HTableProps, "configData" | "request">;
+  dialogTable?: HDiaLogTableInstance;
+  params?: Record<string, any>;
+  configData?: HTableProps["configData"];
+  request?: HTableProps["request"];
+  contentRender?:(node:React.ReactNode)=>React.ReactNode;
+}
+
 export interface ModalTableProps extends ModalProps {
   tableProps?: Omit<HTableProps, "configData" | "request">;
   dialogTable?: HDiaLogTableInstance;

package/src/pages/DwTable/index.tsx

@@ -0,0 +1,152 @@
+import { Button } from "antd";
+import { HDwTable, HTable, useHDialogTable } from "@/components";
+const configData = [
+    {
+        title: "座位",
+        showSearch: true,
+        searchType: "select",
+        dataIndex: "name",
+        itemProps: {
+            options: [{ label: "1", value: 1 }],
+        },
+    },
+    {
+        title: "操作",
+        name: "aaa",
+        fixed: "right",
+        width: 200,
+        showSearch: true,
+        render: () => {
+            return <div>fff</div>;
+        },
+    },
+];
+const req1 = (params) => {
+    console.log(params, "req1");
+    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",
+                    },
+                ],
+            });
+        }, 2000);
+    });
+};
+
+const req2 = (params) => {
+    const { current = 1 } = params;
+    console.log("请求")
+    return new Promise((resolve, reject) => {
+        setTimeout(() => {
+            // reject(new Error("错误"));
+            resolve({
+                size: "10",
+                current: current.toString(10),
+                total: "100",
+                records: [
+                    {
+                        id: 1,
+                        name: "111",
+                    },
+                    {
+                        id: 2,
+                        name: "111",
+                    },
+                    {
+                        id: 3,
+                        name: "111",
+                    },
+                    {
+                        id: 4,
+                        name: "111",
+                    },
+                    {
+                        id: 5,
+                        name: "111",
+                    },
+                    {
+                        id: 6,
+                        name: "111",
+                    },
+                    {
+                        id: 7,
+                        name: "111",
+                    },
+                    {
+                        id: 8,
+                        name: "111",
+                    },
+                ],
+            });
+        }, 2000);
+    });
+};
+const Test = () => {
+    const dialogTable1 = useHDialogTable();
+
+    return (
+        <>
+            <HDwTable
+                dialogTable={dialogTable1}
+                title="111"
+                configData={configData}
+                request={req2}
+                contentRender={(node)=>{
+                    return <>
+                        <div>fsafsfsa</div>
+                        {node}
+                    </>
+                }}
+            />
+            <Button
+                onClick={() => {
+                    dialogTable1.show();
+                }}
+            >
+                点我
+            </Button>
+        </>
+    );
+};
+export default () => {
+    const dialogTable = useHDialogTable();
+    const dialogTable1 = useHDialogTable();
+    return (
+        <>
+            <Button
+                onClick={() => {
+                    dialogTable.show({ title: "3333", params: { id: 1 } });
+                }}
+            >
+                点我333
+            </Button>
+            <HDwTable
+                dialogTable={dialogTable}
+                request={req2}
+                width={1200}
+                configData={configData}
+                tableProps={{
+                    headerTitle: (
+                        <div
+                            onClick={() => {
+                                console.log(dialogTable.params);
+                            }}
+                        >
+                            点我
+                        </div>
+                    ),
+                }}
+            />
+            <HTable configData={configData} headerTitle={<Test />} />
+        </>
+    );
+};

package/src/routes.tsx

@@ -3,6 +3,8 @@ import { Navigate } from "react-router-dom";
 import Table from "./pages/Table";
 import ModalTable from "./pages/ModalTable";
 import TableCustomize from "./pages/TableCustomize";
+import DwTable from "./pages/DwTable";
+
 export interface RouteModal {
   path?: string;
   name?: string;
@@ -32,6 +34,11 @@ const routes: RouteModal[] = [
     name: "ModalTable",
     element: <ModalTable />,
   },
+  {
+    path: "/dwTable",
+    name: "dwTable",
+    element: <DwTable />,
+  },
 ];
 
 export default routes;