wargerm 0.4.5 → 0.4.8

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import 'antd/es/dropdown/style';
 import _Dropdown from 'antd/es/dropdown';
 import 'antd/es/menu/style';
 import _Menu from 'antd/es/menu';
-import React, { useState, useEffect, useMemo, useImperativeHandle, useRef } from 'react';
+import React, { memo, useState, useEffect, useMemo, useImperativeHandle, useRef } from 'react';
 import { createFromIconfontCN, SearchOutlined, ReloadOutlined, CloseCircleOutlined, PlusOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
 import 'antd/es/input/style';
 import _Input from 'antd/es/input';
@@ -640,24 +640,6 @@ function FrameBox(_ref) {
   }), children);
 }
 
-var usePreventUnmountEffect = function usePreventUnmountEffect(callback, deps) {
-  // const isUnmountRef = useRef(false);
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isUnmount = _useState2[0],
-      setIsUnmount = _useState2[1];
-
-  useEffect(function () {
-    // !isUnmountRef.current && callback()
-    !isUnmount && callback();
-    return function () {
-      // isUnmountRef.current = true;
-      setIsUnmount(true);
-    };
-  }, // [isUnmountRef, ...deps],
-  [isUnmount].concat(_toConsumableArray(deps)));
-};
-
 var _excluded$2 = ["request", "valueEnum", "onLoad", "children", "params"],
     _excluded2 = ["children"];
 
@@ -684,7 +666,9 @@ var WSelect = function WSelect(props) {
       resList = _useState6[0],
       setResList = _useState6[1];
 
-  usePreventUnmountEffect(function () {
+  useEffect(function () {
+    var isUnmount = false;
+
     _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
       var res, node;
       return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -692,7 +676,7 @@ var WSelect = function WSelect(props) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!request) {
-                _context.next = 8;
+                _context.next = 10;
                 break;
               }
 
@@ -701,6 +685,15 @@ var WSelect = function WSelect(props) {
 
             case 3:
               res = _context.sent;
+
+              if (!isUnmount) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 6:
               setResList(res);
               onLoad && onLoad(res);
               node = res.map(function (item) {
@@ -711,7 +704,7 @@ var WSelect = function WSelect(props) {
               });
               setChildrenNode(node);
 
-            case 8:
+            case 10:
             case "end":
               return _context.stop();
           }
@@ -747,6 +740,9 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
+    return function () {
+      isUnmount = true;
+    };
   }, [JSON.stringify(params || {})]);
   return /*#__PURE__*/React.createElement(_Select, _objectSpread2({
     showSearch: true,
@@ -767,7 +763,7 @@ var Option = function Option(props) {
 
 var Index$4 = WSelect;
 Index$4.Option = Option;
-var Select = /*#__PURE__*/React.memo(Index$4);
+var Select = /*#__PURE__*/memo(Index$4);
 
 //! moment.js
 //! version : 2.29.1
@@ -6613,7 +6609,9 @@ var TreeSelect = function TreeSelect(_ref) {
       treeData = _useState2[0],
       setTreeData = _useState2[1];
 
-  usePreventUnmountEffect(function () {
+  useEffect(function () {
+    var isUnmount = false;
+
     _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
       var res;
       return regeneratorRuntime.wrap(function _callee$(_context) {
@@ -6621,7 +6619,7 @@ var TreeSelect = function TreeSelect(_ref) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!request) {
-                _context.next = 8;
+                _context.next = 10;
                 break;
               }
 
@@ -6630,21 +6628,34 @@ var TreeSelect = function TreeSelect(_ref) {
 
             case 3:
               res = _context.sent;
+
+              if (!isUnmount) {
+                _context.next = 6;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 6:
               onLoad && onLoad(res);
               setTreeData(res);
-              _context.next = 9;
+              _context.next = 11;
               break;
 
-            case 8:
+            case 10:
               setTreeData(treePropsData || []);
 
-            case 9:
+            case 11:
             case "end":
               return _context.stop();
           }
         }
       }, _callee);
     }))();
+
+    return function () {
+      isUnmount = true;
+    };
   }, [JSON.stringify(params)]);
   return /*#__PURE__*/React.createElement(_TreeSelect, _objectSpread2({
     showSearch: true,
@@ -6672,33 +6683,55 @@ var WCascader = function WCascader(props) {
       resList = _useState2[0],
       setResList = _useState2[1];
 
-  usePreventUnmountEffect(function () {
-    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var res;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!request) {
-                _context.next = 6;
-                break;
-              }
+  useEffect(function () {
+    var isUnmount = false;
 
-              _context.next = 3;
-              return request();
+    var fetch = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var res;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (!request) {
+                  _context.next = 8;
+                  break;
+                }
 
-            case 3:
-              res = _context.sent;
-              setResList(res);
-              onLoad && onLoad(res);
+                _context.next = 3;
+                return request();
 
-            case 6:
-            case "end":
-              return _context.stop();
+              case 3:
+                res = _context.sent;
+
+                if (!isUnmount) {
+                  _context.next = 6;
+                  break;
+                }
+
+                return _context.abrupt("return");
+
+              case 6:
+                setResList(res);
+                onLoad && onLoad(res);
+
+              case 8:
+              case "end":
+                return _context.stop();
+            }
           }
-        }
-      }, _callee);
-    }))();
+        }, _callee);
+      }));
+
+      return function fetch() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    fetch();
+    return function () {
+      isUnmount = true;
+    };
   }, [JSON.stringify(params)]);
   return /*#__PURE__*/React.createElement(_Cascader, _objectSpread2({
     value: typeof value === 'string' ? [value] : value,
@@ -7933,7 +7966,7 @@ var WForm$1 = /*#__PURE__*/React.forwardRef(WForm);
 
 var _excluded$7 = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable", "frameBoxDirection", "formRef", "none"];
 function Table(_ref) {
-  var _formSearchRef$curren4, _classnames2;
+  var _formSearchRef$curren4, _classnames2, _columns$, _columns$2;
 
   var columns = _ref.columns,
       tableList = _ref.dataSource,
@@ -8046,6 +8079,22 @@ function Table(_ref) {
       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) {
@@ -8083,13 +8132,17 @@ function Table(_ref) {
         } else {
           return /*#__PURE__*/React.createElement("div", {
             key: c.dataIndex,
-            style: {
+            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'
-            },
-            className: "td"
+            }, 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);
         }
       });
@@ -8131,12 +8184,16 @@ function Table(_ref) {
               placement: "top",
               title: record[c.dataIndex]
             }, /*#__PURE__*/React.createElement("div", {
-              className: 'td' + (c.ellipsis ? ' ellipsis' : ''),
-              style: {
+              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%',
@@ -8152,12 +8209,16 @@ function Table(_ref) {
 
             return /*#__PURE__*/React.createElement("div", {
               key: c.dataIndex,
-              className: 'td' + (c.ellipsis ? ' ellipsis' : ''),
-              style: {
+              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: {
@@ -8188,11 +8249,13 @@ function Table(_ref) {
         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: {
+      style: _objectSpread2({
         width: '50px',
         flex: '0 1 auto'
-      },
-      className: "td"
+      }, showColumns[0].fixed == 'left' ? {
+        left: 6
+      } : {}),
+      className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
     }, /*#__PURE__*/React.createElement(Index$3, {
       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) {
@@ -8226,11 +8289,13 @@ function Table(_ref) {
         });
       }
     })), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React.createElement("div", {
-      style: {
+      style: _objectSpread2({
         width: '50px',
         flex: '0 1 auto'
-      },
-      className: "td"
+      }, showColumns[0].fixed == 'left' ? {
+        left: 6
+      } : {}),
+      className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
     }, /*#__PURE__*/React.createElement(Index$2, {
       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) {
@@ -8386,20 +8451,27 @@ function Table(_ref) {
     className: classnames((_classnames2 = {
       container: true
     }, _defineProperty(_classnames2, 'w-table', true), _defineProperty(_classnames2, 'w-frame-box-table', frameBoxTable), _defineProperty(_classnames2, className || 'defalut-table', true), _classnames2)),
-    style: style
+    style: _objectSpread2(_objectSpread2({}, (scroll === null || scroll === void 0 ? void 0 : scroll.y) ? {
+      height: scroll.y
+    } : {}), style)
   }, /*#__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: {
+    style: _objectSpread2({
       width: '50px',
-      flex: '0 1 auto'
-    },
-    className: "td"
+      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$3, {
     checked: dataSource.every(function (record) {
       return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
@@ -8411,15 +8483,23 @@ function Table(_ref) {
     }),
     onChange: onSelectAllChange
   })), (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio' && /*#__PURE__*/React.createElement("div", {
-    style: {
+    style: _objectSpread2({
       width: '50px',
-      flex: '0 1 auto'
-    },
-    className: "td"
+      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({}, (scroll === null || scroll === void 0 ? void 0 : scroll.x) ? {
+      width: scroll.x
+    } : {})
+  }, /*#__PURE__*/React.createElement("div", {
     className: "tbody",
     style: _objectSpread2({
-      height: (style === null || style === void 0 ? void 0 : style.height) ? "calc(".concat(style.height, "  - ").concat(52 + (pagination === false ? 0 : 42), "px)") : '200px'
+      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];
@@ -8438,12 +8518,12 @@ function Table(_ref) {
       justifyContent: 'center',
       alignItems: 'center'
     }
-  }, none || '暂无数据')), _typeof(pagination) === 'object' && /*#__PURE__*/React.createElement(_Pagination, _objectSpread2({
+  }, none || '暂无数据')))), _typeof(pagination) === 'object' && /*#__PURE__*/React.createElement(_Pagination, _objectSpread2({
     style: {
       textAlign: 'right',
       marginTop: '10px'
     }
-  }, paginationParams))));
+  }, paginationParams)));
 }
 Table.defaultProps = {
   rowKey: 'key'
@@ -10167,7 +10247,7 @@ var ModalForm = function ModalForm(props, ref) {
       resetFields();
       setFieldsValue(record);
     }
-  }, [visible, record, formRef === null || formRef === void 0 ? void 0 : formRef.current]);
+  }, [visible, record]);
   return /*#__PURE__*/React.createElement(_Modal, _objectSpread2(_objectSpread2({
     title: title,
     visible: visible