wargerm 0.6.0 → 0.6.1

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import React, { useRef, useEffect, useMemo, useState, useCallback, useImperativeHandle, memo, forwardRef, createRef } from 'react';
-import { cloneDeep, isEmpty } from 'lodash';
+import { cloneDeep, uniqBy, isEmpty } from 'lodash-es';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import 'antd/es/button/style';
 import _Button from 'antd/es/button';
@@ -37,7 +37,6 @@ import moment from 'moment';
 import 'moment/locale/zh-cn';
 import 'antd/es/checkbox/style';
 import _Checkbox from 'antd/es/checkbox';
-import uniqBy from 'lodash/uniqBy';
 import 'antd/es/row/style';
 import _Row from 'antd/es/row';
 import 'antd/es/col/style';
@@ -7017,6 +7016,610 @@ var index$6 = (function (_ref) {
   });
 });
 
+var _excluded$m = ["className", "frameStyle", "style", "direction", "children"];
+function FrameBox$1(_ref) {
+  var _classnames;
+
+  var className = _ref.className,
+      frameStyle = _ref.frameStyle,
+      style = _ref.style,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'in' : _ref$direction,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded$m);
+
+  return /*#__PURE__*/React.createElement("div", _objectSpread2({
+    className: classnames((_classnames = {}, _defineProperty(_classnames, 'frame', true), _defineProperty(_classnames, className || '', true), _classnames)),
+    style: style
+  }, props), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2({
+      transform: "translateY(".concat(direction == 'in' ? 0 : -100, "%)"),
+      left: "".concat(direction == 'in' ? 0 : -1, "px)")
+    }, frameStyle)
+  }), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2({
+      transform: "translateY(".concat(direction == 'in' ? 0 : -100, "%)"),
+      right: "".concat(direction == 'in' ? 0 : -1, "px)")
+    }, frameStyle)
+  }), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2({
+      transform: "translateY(".concat(direction == 'in' ? 0 : 100, "%)"),
+      right: "".concat(direction == 'in' ? 0 : -1, "px)")
+    }, frameStyle)
+  }), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2({
+      transform: "translateY(".concat(direction == 'in' ? 0 : 100, "%)"),
+      left: "".concat(direction == 'in' ? 0 : -1, "px)")
+    }, frameStyle)
+  }), children);
+}
+
+var _excluded$n = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable", "frameBoxDirection", "formRef", "none"];
+function NtTable(_ref) {
+  var _formSearchRef$curren4, _classnames2, _columns$, _columns$2;
+
+  var columns = _ref.columns,
+      tableList = _ref.dataSource,
+      request = _ref.request,
+      onLoad = _ref.onLoad,
+      params = _ref.params,
+      onSubmit = _ref.onSubmit,
+      _ref$rowKey = _ref.rowKey,
+      rowKey = _ref$rowKey === void 0 ? 'key' : _ref$rowKey,
+      onRow = _ref.onRow,
+      className = _ref.className,
+      rowClassName = _ref.rowClassName,
+      rowSelection = _ref.rowSelection,
+      style = _ref.style,
+      tbodyStyle = _ref.tbodyStyle,
+      thStyle = _ref.thStyle,
+      _ref$border = _ref.border,
+      scroll = _ref.scroll,
+      _ref$pagination = _ref.pagination,
+      pagination = _ref$pagination === void 0 ? false : _ref$pagination,
+      _ref$search = _ref.search,
+      search = _ref$search === void 0 ? false : _ref$search,
+      _ref$frameBoxTable = _ref.frameBoxTable,
+      frameBoxTable = _ref$frameBoxTable === void 0 ? false : _ref$frameBoxTable,
+      _ref$frameBoxDirectio = _ref.frameBoxDirection,
+      frameBoxDirection = _ref$frameBoxDirectio === void 0 ? 'out' : _ref$frameBoxDirectio,
+      formRef = _ref.formRef,
+      none = _ref.none,
+      props = _objectWithoutProperties(_ref, _excluded$n);
+
+  var _useState = useState(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [])),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedRowKeys = _useState2[0],
+      setSelectedKeys = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedRows = _useState4[0],
+      setSelectedRows = _useState4[1];
+
+  var onSelectAllChange = function onSelectAllChange(e) {
+    if (e.target.checked) {
+      setSelectedKeys(dataSource.map(function (record) {
+        return typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
+      }));
+      setSelectedRows(function () {
+        var _rowSelection$onSelec;
+
+        rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec = rowSelection.onSelectAll) === null || _rowSelection$onSelec === void 0 ? void 0 : _rowSelection$onSelec.call(rowSelection, e.target.checked, dataSource, dataSource);
+        return dataSource;
+      });
+    } else {
+      setSelectedKeys([]);
+      setSelectedRows(function () {
+        var _rowSelection$onSelec2;
+
+        rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec2 = rowSelection.onSelectAll) === null || _rowSelection$onSelec2 === void 0 ? void 0 : _rowSelection$onSelec2.call(rowSelection, e.target.checked, [], dataSource);
+        return [];
+      });
+    }
+  };
+
+  var _useState5 = useState({}),
+      _useState6 = _slicedToArray(_useState5, 2),
+      columnsFields = _useState6[0],
+      setColumnsFields = _useState6[1];
+
+  var layerIndex = getArrayLayer(columns, 'children', 1);
+
+  var _useState7 = useState({}),
+      _useState8 = _slicedToArray(_useState7, 2),
+      formSearch = _useState8[0],
+      setFormSearch = _useState8[1];
+
+  var formSearchRef = useRef(null);
+  useEffect(function () {
+    var _formSearchRef$curren;
+
+    if (formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren = formSearchRef.current) === null || _formSearchRef$curren === void 0 ? void 0 : _formSearchRef$curren.columnsFields) {
+      var _formSearchRef$curren2;
+
+      setColumnsFields(formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren2 = formSearchRef.current) === null || _formSearchRef$curren2 === void 0 ? void 0 : _formSearchRef$curren2.columnsFields);
+    }
+
+    if ((formSearchRef === null || formSearchRef === void 0 ? void 0 : formSearchRef.current) && formRef) {
+      var _formSearchRef$curren3;
+
+      formRef.current = formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren3 = formSearchRef.current) === null || _formSearchRef$curren3 === void 0 ? void 0 : _formSearchRef$curren3.form;
+    }
+  }, [JSON.stringify(formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren4 = formSearchRef.current) === null || _formSearchRef$curren4 === void 0 ? void 0 : _formSearchRef$curren4.columnsFields), formRef, formSearchRef]);
+
+  var flattenColumns = function flattenColumns(columns) {
+    var arr = columns.reduce(function (pre, cur) {
+      if (cur.children) {
+        return pre.concat(flattenColumns(cur.children));
+      }
+
+      return pre.concat(cur);
+    }, []);
+    return arr;
+  };
+
+  var filterFormColumns = useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInSearch;
+    });
+  }, [columns]);
+  var filterColumns = useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInTable;
+    });
+  }, [columns]);
+
+  var calcWidth = function calcWidth(columns) {
+    return columns.reduce(function (pre, cur) {
+      var width = cur.width;
+
+      if (width) {
+        return pre + width;
+      }
+
+      return pre;
+    }, 0);
+  };
+
+  var showColumns = columns.filter(function (c) {
+    return !c.hideInTable;
+  });
+  var renderTh = useMemo(function () {
+    var renderThFc = function renderThFc(columns, parentHeight, isChild) {
+      var showColumns = columns.filter(function (c) {
+        return !c.hideInTable;
+      });
+      return showColumns.map(function (c, index) {
+        if (c.children) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "td",
+            key: index,
+            style: {
+              width: c.width + 'px',
+              flex: c.width ? '0 1 auto' : c.children.length,
+              flexDirection: 'column',
+              display: 'block',
+              height: parentHeight + 'px',
+              borderRight: c.children && isChild ? 'none' : '1px solid #3b5173'
+            }
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "td",
+            style: {
+              width: c.width + 'px',
+              flex: c.width ? '0 1 auto' : c.children.length,
+              borderBottom: '1px solid #3b5173',
+              height: parentHeight / getArrayLayer(c.children, 'children', 2) + 'px'
+            }
+          }, c.title), /*#__PURE__*/React.createElement("div", {
+            className: "td",
+            style: {
+              display: 'flex',
+              width: '100%',
+              height: parentHeight / getArrayLayer(c.children, 'children', 2) * getArrayLayer(c.children, 'children', 1) + 'px'
+            }
+          }, renderThFc(c.children, parentHeight / getArrayLayer(c.children, 'children', 2) * getArrayLayer(c.children, 'children', 1), true)));
+        } else {
+          return /*#__PURE__*/React.createElement("div", {
+            key: c.dataIndex,
+            style: _objectSpread2({
+              width: c.width + 'px',
+              flex: c.width ? '0 1 auto' : '1',
+              height: !c.children ? '100%' : '32px',
+              borderRight: index != showColumns.length - 1 && filterColumns.length !== showColumns.length ? '1px solid #3b5173' : 'none'
+            }, c.fixed == 'left' ? {
+              left: ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) ? 56 : 6) + calcWidth(showColumns.slice(0, index - 2 > 0 ? index - 1 : 0))
+            } : c.fixed == 'right' ? {
+              right: calcWidth(showColumns.slice(index + 1))
+            } : {}),
+            className: "td ".concat(c.fixed == 'left' ? 'fixedLeft' : c.fixed == 'right' ? 'fixedRight' : '')
+          }, c.title);
+        }
+      });
+    };
+
+    return renderThFc(columns, layerIndex * 32);
+  }, [columns]);
+
+  var renderTd = function renderTd(record) {
+    var renderThFc = function renderThFc(columns) {
+      var showColumns = columns.filter(function (c) {
+        return !c.hideInTable;
+      });
+      return showColumns.map(function (c, index) {
+        if (c.children) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "td",
+            key: index,
+            style: {
+              width: c.width + 'px',
+              flex: c.width ? '0 1 auto' : c.children.length,
+              flexDirection: 'column',
+              alignItems: 'center',
+              overflow: 'hidden'
+            }
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "td",
+            style: {
+              width: '100%',
+              alignItems: 'center'
+            }
+          }, renderThFc(c.children)));
+        } else {
+          if (c.showTitle) {
+            var _columnsFields$c$data;
+
+            return /*#__PURE__*/React.createElement(_Tooltip, {
+              key: c.dataIndex,
+              placement: "top",
+              title: record[c.dataIndex]
+            }, /*#__PURE__*/React.createElement("div", {
+              className: "td ".concat(c.fixed == 'left' ? 'fixedLeft' : c.fixed == 'right' ? 'fixedRight' : '', " ").concat(c.ellipsis ? ' ellipsis' : ''),
+              style: _objectSpread2({
+                width: c.width + 'px',
+                flex: c.width ? '0 1 auto' : '1',
+                overflow: 'hidden'
+              }, c.fixed == 'left' ? {
+                left: ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) ? 56 : 6) + calcWidth(showColumns.slice(0, index - 2 > 0 ? index - 1 : 0))
+              } : c.fixed == 'right' ? {
+                right: calcWidth(showColumns.slice(index + 1))
+              } : {})
+            }, /*#__PURE__*/React.createElement("div", {
+              style: {
+                width: '100%',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+              }
+            }, c.render ? c.render(record[c.dataIndex], record, index) : columnsFields[c.dataIndex] ? (_columnsFields$c$data = columnsFields[c.dataIndex].find(function (item) {
+              return item.value == record[c.dataIndex];
+            })) === null || _columnsFields$c$data === void 0 ? void 0 : _columnsFields$c$data.label : record[c.dataIndex])));
+          } else {
+            var _columnsFields$c$data2, _columnsFields$c$data3;
+
+            return /*#__PURE__*/React.createElement("div", {
+              key: c.dataIndex,
+              className: "td ".concat(c.fixed == 'left' ? 'fixedLeft' : c.fixed == 'right' ? 'fixedRight' : '', " ").concat(c.ellipsis ? ' ellipsis' : ''),
+              style: _objectSpread2({
+                width: c.width + 'px',
+                flex: c.width ? '0 1 auto' : '1',
+                overflow: 'hidden'
+              }, c.fixed == 'left' ? {
+                left: ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) ? 56 : 6) + calcWidth(showColumns.slice(0, index - 2 > 0 ? index - 1 : 0))
+              } : c.fixed == 'right' ? {
+                right: calcWidth(showColumns.slice(index + 1))
+              } : {}),
+              title: record[c.dataIndex]
+            }, c.ellipsis ? /*#__PURE__*/React.createElement("div", {
+              style: {
+                width: '100%',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+              }
+            }, c.render ? c.render(record[c.dataIndex], record, index) : columnsFields[c.dataIndex] ? (_columnsFields$c$data2 = columnsFields[c.dataIndex].find(function (item) {
+              return item.value == record[c.dataIndex];
+            })) === null || _columnsFields$c$data2 === void 0 ? void 0 : _columnsFields$c$data2.label : record[c.dataIndex]) : c.render ? c.render(record[c.dataIndex], record, index) : columnsFields[c.dataIndex] ? (_columnsFields$c$data3 = columnsFields[c.dataIndex].find(function (item) {
+              return item.value == record[c.dataIndex];
+            })) === null || _columnsFields$c$data3 === void 0 ? void 0 : _columnsFields$c$data3.label : record[c.dataIndex]);
+          }
+        }
+      });
+    };
+
+    return renderThFc(columns);
+  };
+
+  var renderTr = function renderTr(record, index, key) {
+    var _ref2, _ref3;
+
+    return /*#__PURE__*/React.createElement("div", _objectSpread2({
+      key: key,
+      className: classnames(_defineProperty({
+        tr: true
+      }, typeof rowClassName === 'function' ? rowClassName(record, index) : '', true))
+    }, typeof onRow === 'function' ? onRow(record, index) : {}), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'checkbox' && /*#__PURE__*/React.createElement("div", {
+      style: _objectSpread2({
+        width: '50px',
+        flex: '0 1 auto'
+      }, showColumns[0].fixed == 'left' ? {
+        left: 6
+      } : {}),
+      className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
+    }, /*#__PURE__*/React.createElement(Index$4, {
+      checked: (_ref2 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref2 === void 0 ? void 0 : _ref2.includes(key),
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      onChange: function onChange(event) {
+        setSelectedKeys(function (keys) {
+          var rows = uniqBy([].concat(_toConsumableArray(selectedRows), [record]), typeof rowKey === 'function' ? rowKey(record) : rowKey);
+
+          if (event.target.checked) {
+            var _rowSelection$onChang, _rowSelection$onSelec3;
+
+            setSelectedRows(rows);
+            rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys), [key]))), rows);
+            rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec3 = rowSelection.onSelect) === null || _rowSelection$onSelec3 === void 0 ? void 0 : _rowSelection$onSelec3.call(rowSelection, record, event.target.checked, rows, event.nativeEvent);
+            return _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(keys), [key])));
+          } else {
+            var _rowSelection$onSelec4, _rowSelection$onChang2;
+
+            var selectedKeys = _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(keys))));
+
+            var _index = selectedKeys.indexOf(key);
+
+            selectedKeys.splice(_index, 1);
+            rows.splice(_index, 1);
+            setSelectedRows(rows);
+            rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec4 = rowSelection.onSelect) === null || _rowSelection$onSelec4 === void 0 ? void 0 : _rowSelection$onSelec4.call(rowSelection, record, event.target.checked, rows, event.nativeEvent);
+            rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang2 = rowSelection.onChange) === null || _rowSelection$onChang2 === void 0 ? void 0 : _rowSelection$onChang2.call(rowSelection, selectedKeys, rows);
+            return selectedKeys;
+          }
+        });
+      }
+    })), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React.createElement("div", {
+      style: _objectSpread2({
+        width: '50px',
+        flex: '0 1 auto'
+      }, showColumns[0].fixed == 'left' ? {
+        left: 6
+      } : {}),
+      className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
+    }, /*#__PURE__*/React.createElement(Index$3, {
+      checked: (_ref3 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref3 === void 0 ? void 0 : _ref3.includes(key),
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      onChange: function onChange(event) {
+        var _rowSelection$onSelec5, _rowSelection$onChang3;
+
+        setSelectedKeys([key]);
+        setSelectedRows([record]);
+        rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onSelec5 = rowSelection.onSelect) === null || _rowSelection$onSelec5 === void 0 ? void 0 : _rowSelection$onSelec5.call(rowSelection, record, event.target.checked, [record], event.nativeEvent);
+        rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang3 = rowSelection.onChange) === null || _rowSelection$onChang3 === void 0 ? void 0 : _rowSelection$onChang3.call(rowSelection, _toConsumableArray(new Set([].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), [key]))), [record]);
+      }
+    })), renderTd(record));
+  };
+
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      dataSource = _useState10[0],
+      setDataSource = _useState10[1];
+
+  var _useState11 = useState(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      total = _useState12[0],
+      setTotal = _useState12[1];
+
+  var _useState13 = useState({}),
+      _useState14 = _slicedToArray(_useState13, 2),
+      pageParams = _useState14[0],
+      setPageParams = _useState14[1];
+
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      loading = _useState16[0],
+      setLoading = _useState16[1];
+
+  var _useState17 = useState({
+    total: total,
+    pageSize: 20,
+    size: 'small',
+    current: 1,
+    showLessItems: true,
+    showTotal: function showTotal(total) {
+      return "\u5171".concat(total, "\u6761\u6570\u636E");
+    },
+    onChange: function onChange(current, pageSize) {
+      setPageParams({
+        current: current,
+        pageSize: pageSize
+      });
+    }
+  }),
+      _useState18 = _slicedToArray(_useState17, 2),
+      paginationParams = _useState18[0],
+      setpaginationParams = _useState18[1];
+
+  useEffect(function () {
+    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var requestParams, res;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!request) {
+                _context.next = 15;
+                break;
+              }
+
+              setLoading(true);
+              requestParams = {};
+
+              if (pagination) {
+                requestParams.current = pagination.current || 1;
+                requestParams.pageSize = pagination.pageSize || 20;
+              }
+
+              requestParams = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, requestParams), pageParams), params), formSearch);
+              _context.next = 7;
+              return request(requestParams);
+
+            case 7:
+              res = _context.sent;
+              setLoading(false);
+              onLoad && onLoad(res.data);
+              setDataSource(res.data);
+              setTotal(res.total || 0);
+              setpaginationParams(function (c) {
+                return _objectSpread2(_objectSpread2(_objectSpread2({}, c), {}, {
+                  total: res.total || res.data.length
+                }, pagination), requestParams);
+              });
+              _context.next = 16;
+              break;
+
+            case 15:
+              setpaginationParams(function (c) {
+                var obj = _objectSpread2(_objectSpread2(_objectSpread2({}, c), {}, {
+                  total: tableList && tableList.length || 0
+                }, pagination), pageParams);
+
+                var current = obj.current,
+                    pageSize = obj.pageSize;
+                setDataSource(tableList ? tableList.slice((current - 1) * pageSize, current * pageSize) : []);
+                return obj;
+              });
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  }, [params, pageParams, pagination, tableList, formSearch, columns]);
+
+  var onFormSubmit = function onFormSubmit(values) {
+    onSubmit && onSubmit(values);
+    setFormSearch(values);
+  };
+
+  var onReset = function onReset() {
+    var requestParams = {};
+
+    if (pagination) {
+      requestParams.current = pagination.current || 1;
+      requestParams.pageSize = pagination.pageSize || 20;
+    }
+
+    setPageParams(requestParams);
+    setFormSearch({});
+  };
+
+  return /*#__PURE__*/React.createElement(_Spin, {
+    spinning: loading
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "form"
+  }, search !== false && /*#__PURE__*/React.createElement(WForm$1, {
+    ref: formSearchRef,
+    search: _objectSpread2(_objectSpread2({
+      labelWidth: 'auto',
+      searchText: '查询',
+      span: 6
+    }, search), {}, {
+      optionRender: function optionRender(searchConfig, formProps, dom) {
+        // return [...dom.reverse()];
+        return _toConsumableArray((search === null || search === void 0 ? void 0 : search.optionDomReverse) ? dom.reverse() : dom);
+      }
+    }),
+    onSubmit: onFormSubmit,
+    onReset: onReset,
+    columns: filterFormColumns
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classnames((_classnames2 = {
+      container: true
+    }, _defineProperty(_classnames2, 'w-table', true), _defineProperty(_classnames2, 'w-frame-box-table', frameBoxTable), _defineProperty(_classnames2, className || 'defalut-table', true), _classnames2))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "theader"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "th",
+    style: _objectSpread2(_objectSpread2({}, thStyle), {}, {
+      height: layerIndex * 32 + 'px'
+    }, (scroll === null || scroll === void 0 ? void 0 : scroll.x) ? {
+      width: scroll.x
+    } : {})
+  }, (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'checkbox' && /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2({
+      width: '50px',
+      flex: '0 1 auto',
+      height: '100%'
+    }, showColumns[0].fixed == 'left' ? {
+      left: 6
+    } : {}),
+    className: "td ".concat(((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.fixed) == 'left' ? 'fixedLeft' : '')
+  }, /*#__PURE__*/React.createElement(Index$4, {
+    checked: dataSource.every(function (record) {
+      return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
+    }),
+    indeterminate: !dataSource.every(function (record) {
+      return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
+    }) && dataSource.some(function (record) {
+      return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
+    }),
+    onChange: onSelectAllChange
+  })), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2({
+      width: '50px',
+      flex: '0 1 auto',
+      height: '100%'
+    }, showColumns[0].fixed == 'left' ? {
+      left: 6
+    } : {}),
+    className: "td ".concat(((_columns$2 = columns[0]) === null || _columns$2 === void 0 ? void 0 : _columns$2.fixed) == 'left' ? 'fixedLeft' : '')
+  }), renderTh)), /*#__PURE__*/React.createElement("div", {
+    className: "tbodyContainer",
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, (scroll === null || scroll === void 0 ? void 0 : scroll.x) ? {
+      width: scroll.x
+    } : {}), (scroll === null || scroll === void 0 ? void 0 : scroll.y) ? {
+      height: scroll.y
+    } : {}), {}, {
+      overflow: 'auto'
+    }, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tbody",
+    style: _objectSpread2({
+      height: (style === null || style === void 0 ? void 0 : style.height) || (scroll === null || scroll === void 0 ? void 0 : scroll.y) ? "calc(".concat(style === null || style === void 0 ? void 0 : style.height, "  - ").concat(52 + (pagination === false ? 0 : 42), "px)") : '200px'
+    }, tbodyStyle)
+  }, dataSource.length > 0 ? dataSource.map(function (record, index) {
+    var key = typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey];
+    return frameBoxTable ? /*#__PURE__*/React.createElement(FrameBox$1, {
+      key: key,
+      direction: frameBoxDirection,
+      style: {
+        width: '100%'
+      }
+    }, renderTr(record, index, key)) : renderTr(record, index, key);
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, none || '暂无数据')))), _typeof(pagination) === 'object' && /*#__PURE__*/React.createElement(_Pagination, _objectSpread2({
+    style: {
+      textAlign: 'right',
+      marginTop: '10px'
+    }
+  }, paginationParams)));
+}
+NtTable.defaultProps = {
+  rowKey: 'key'
+};
+
 /*
  * @Author: lijin
  * @Date: 2021-08-04 13:22:21
@@ -7799,10 +8402,10 @@ function WaterLevelCharts(config) {
 /*
  * @Author: lijin
  * @Date: 2021-09-09 11:02:54
- * @LastEditTime: 2022-10-26 15:21:50
+ * @LastEditTime: 2022-11-09 19:44:46
  * @LastEditors: lijin
  * @Description:
- * @FilePath: \wargerm\src\index.ts
+ * @FilePath: \wargem\wargerm-components\src\index.ts
  * 可以输入预定的版权声明、个性签名、空行等
  */
 console.log(REACT_APP_ENV, 'REACT_APP_ENV');
@@ -7812,4 +8415,4 @@ if (REACT_APP_ENV == 'development') {
   document.documentElement.setAttribute(COLOR_ATTR_NAME, 'nt');
 }
 
-export { Index$a as AutoScroll, Index$c as Breadcrumb, WButton as Button, index$4 as Calendar, index$2 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$9 as CountUp, Index$2 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$8 as Number, NumericInput, Index$3 as Radio, Select, Index$b as Swiper, WSwitch as Switch, index$3 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$6 as Video, index$5 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter, create as whox, wmox };
+export { Index$a as AutoScroll, Index$c as Breadcrumb, WButton as Button, index$4 as Calendar, index$2 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$9 as CountUp, Index$2 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, NtTable, Index$8 as Number, NumericInput, Index$3 as Radio, Select, Index$b as Swiper, WSwitch as Switch, index$3 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$6 as Video, index$5 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter, create as whox, wmox };