wargerm 0.2.17 → 0.2.21

package/README.zh-CN.md

@@ -1,40 +1,40 @@
-<!--
- * @Author: lijin
- * @Date: 2021-10-18 15:22:28
- * @LastEditTime: 2021-11-05 09:25:52
- * @LastEditors: lijin
- * @Description:
- * @FilePath: \wargerm\README.zh-CN.md
- * 可以输入预定的版权声明、个性签名、空行等
--->
-
-## 📒 目录介绍
-
-```
-├── docs                   文档存放路径
-│   ├── index.md           首页展示
-│   └── **.**              网站目录文档
-├── src                    组件主目录
-│   ├── index.ts           组件注册
-│   └── Foo                组件开发
-├── .eslintrc.js           eslint 配置
-├── .fatherrc.ts           father 配置
-├── .umirc.ts              dumi 配置
-└── tsconfig.json          typescript 配置
-```
-
-其余文件可自行查阅了解。
-
-## 🤖 命令介绍
-
-| 名称                    | 描述           | 备注                          |
-| ----------------------- | -------------- | ----------------------------- |
-| `npm run dev`           | 项目启动       | -                             |
-| `npm run test`          | 组件测试       | -                             |
-| `npm run test:coverage` | 代码覆盖率查看 | -                             |
-| `npm run prettier`      | 代码美化       | -                             |
-| `npm run build`         | 组件打包       | -                             |
-| `npm run release`       | 组件打包发布   | -                             |
-| `npm run docs:build`    | 文档打包       | -                             |
-| `npm run docs:deploy`   | 文档发布       | 这里默认是使用了 GitHub Pages |
-| `npm run deploy`        | 文档打包发布   | -                             |
+<!--
+ * @Author: lijin
+ * @Date: 2021-10-18 15:22:28
+ * @LastEditTime: 2021-11-05 09:25:52
+ * @LastEditors: lijin
+ * @Description:
+ * @FilePath: \wargerm\README.zh-CN.md
+ * 可以输入预定的版权声明、个性签名、空行等
+-->
+
+## 📒 目录介绍
+
+```
+├── docs                   文档存放路径
+│   ├── index.md           首页展示
+│   └── **.**              网站目录文档
+├── src                    组件主目录
+│   ├── index.ts           组件注册
+│   └── Foo                组件开发
+├── .eslintrc.js           eslint 配置
+├── .fatherrc.ts           father 配置
+├── .umirc.ts              dumi 配置
+└── tsconfig.json          typescript 配置
+```
+
+其余文件可自行查阅了解。
+
+## 🤖 命令介绍
+
+| 名称                    | 描述           | 备注                          |
+| ----------------------- | -------------- | ----------------------------- |
+| `npm run dev`           | 项目启动       | -                             |
+| `npm run test`          | 组件测试       | -                             |
+| `npm run test:coverage` | 代码覆盖率查看 | -                             |
+| `npm run prettier`      | 代码美化       | -                             |
+| `npm run build`         | 组件打包       | -                             |
+| `npm run release`       | 组件打包发布   | -                             |
+| `npm run docs:build`    | 文档打包       | -                             |
+| `npm run docs:deploy`   | 文档发布       | 这里默认是使用了 GitHub Pages |
+| `npm run deploy`        | 文档打包发布   | -                             |

package/dist/index.esm.js

@@ -5,7 +5,7 @@ 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 { createFromIconfontCN, SearchOutlined, ReloadOutlined, CloseCircleOutlined, PlusOutlined, EditOutlined, EyeOutlined, ExclamationCircleOutlined, DeleteOutlined } from '@ant-design/icons';
+import { createFromIconfontCN, SearchOutlined, ReloadOutlined, CloseCircleOutlined, PlusOutlined, ExclamationCircleOutlined, MoreOutlined, EyeOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
 import 'antd/es/input/style';
 import _Input from 'antd/es/input';
 import 'antd/es/input-number/style';
@@ -44,7 +44,7 @@ import _Breadcrumb from 'antd/es/breadcrumb';
 import ReactDOM from 'react-dom';
 import 'antd/es/modal/style';
 import _Modal from 'antd/es/modal';
-import ProTable from '@ant-design/pro-table';
+import ProTable, { TableDropdown } from '@ant-design/pro-table';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -529,41 +529,39 @@ var WSelect = function WSelect(props) {
       setResList = _useState6[1];
 
   useEffect(function () {
-    if (!resList) {
-      _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var res, node;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (!request) {
-                  _context.next = 8;
-                  break;
-                }
+    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var res, node;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!request) {
+                _context.next = 8;
+                break;
+              }
 
-                _context.next = 3;
-                return request();
+              _context.next = 3;
+              return request();
 
-              case 3:
-                res = _context.sent;
-                setResList(res);
-                onLoad && onLoad(res);
-                node = res.map(function (item) {
-                  return /*#__PURE__*/React.createElement(_Select.Option, {
-                    key: item.value,
-                    value: item.value
-                  }, item.label);
-                });
-                setChildrenNode(node);
+            case 3:
+              res = _context.sent;
+              setResList(res);
+              onLoad && onLoad(res);
+              node = res.map(function (item) {
+                return /*#__PURE__*/React.createElement(_Select.Option, {
+                  key: item.value,
+                  value: item.value
+                }, item.label);
+              });
+              setChildrenNode(node);
 
-              case 8:
-              case "end":
-                return _context.stop();
-            }
+            case 8:
+            case "end":
+              return _context.stop();
           }
-        }, _callee);
-      }))();
-    }
+        }
+      }, _callee);
+    }))();
 
     var valueEnumNode = [];
     var options = [];
@@ -593,7 +591,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, [resList]);
+  }, [JSON.stringify(resList)]);
   return /*#__PURE__*/React.createElement(_Select, _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -9201,7 +9199,9 @@ function invariant(condition, message) {
     if (isProduction$1) {
         throw new Error(prefix);
     }
-    throw new Error(prefix + ": " + (message || ''));
+    var provided = typeof message === 'function' ? message() : message;
+    var value = provided ? prefix + ": " + provided : prefix;
+    throw new Error(value);
 }
 
 function addLeadingSlash(path) {
@@ -10119,7 +10119,8 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React.forwardRef(ModalForm);
 
-var _excluded$f = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"];
+var _excluded$f = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
+    _excluded2$3 = ["actionMethod"];
 
 var TabelCard = function TabelCard(props, ref) {
   var columns = props.columns,
@@ -10160,164 +10161,243 @@ var TabelCard = function TabelCard(props, ref) {
     setModalFormConfig(options);
   };
 
-  var tableActionDom = function tableActionDom(record, index) {
-    return tableAction === null || tableAction === void 0 ? void 0 : tableAction.map(function (item) {
-      if (item.type === 'edit') {
-        return /*#__PURE__*/React.createElement(_Tooltip, {
-          title: "\u7F16\u8F91",
-          key: "edit"
-        }, /*#__PURE__*/React.createElement("a", {
-          key: "editable",
-          onClick: function onClick() {
-            return openFormModel({
-              type: '编辑',
-              record: record,
-              modalOnOk: function () {
-                var _modalOnOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(values, loading) {
-                  return regeneratorRuntime.wrap(function _callee$(_context) {
-                    while (1) {
-                      switch (_context.prev = _context.next) {
-                        case 0:
-                          if (!item.actionMethod) {
-                            _context.next = 3;
-                            break;
-                          }
-
-                          _context.next = 3;
-                          return item.actionMethod(values, function () {
-                            var _actionRef$current;
+  var actionHandler = {
+    view: function view(item, record, index) {
+      openFormModel({
+        type: '查看',
+        record: record,
+        modalOnOk: function () {
+          var _modalOnOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) {
+                switch (_context.prev = _context.next) {
+                  case 0:
+                  case "end":
+                    return _context.stop();
+                }
+              }
+            }, _callee);
+          }));
 
-                            loading();
-                            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : _actionRef$current.reload();
-                          }, record);
+          function modalOnOk() {
+            return _modalOnOk.apply(this, arguments);
+          }
 
-                        case 3:
-                        case "end":
-                          return _context.stop();
-                      }
+          return modalOnOk;
+        }(),
+        index: index
+      });
+    },
+    edit: function edit(item, record, index) {
+      openFormModel({
+        type: '编辑',
+        record: record,
+        modalOnOk: function () {
+          var _modalOnOk2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(values, loading) {
+            return regeneratorRuntime.wrap(function _callee2$(_context2) {
+              while (1) {
+                switch (_context2.prev = _context2.next) {
+                  case 0:
+                    if (!item.actionMethod) {
+                      _context2.next = 3;
+                      break;
                     }
-                  }, _callee);
-                }));
 
-                function modalOnOk(_x, _x2) {
-                  return _modalOnOk.apply(this, arguments);
-                }
+                    _context2.next = 3;
+                    return item.actionMethod(values, function () {
+                      var _actionRef$current;
 
-                return modalOnOk;
-              }(),
-              index: index
-            });
-          }
-        }, /*#__PURE__*/React.createElement(EditOutlined, null), " \u7F16\u8F91"));
-      } else if (item.type === 'view') {
-        return /*#__PURE__*/React.createElement(_Tooltip, {
-          title: "\u67E5\u770B",
-          key: "view"
-        }, /*#__PURE__*/React.createElement("a", {
-          onClick: function onClick() {
-            return openFormModel({
-              type: '查看',
-              record: record,
-              modalOnOk: function () {
-                var _modalOnOk2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-                  return regeneratorRuntime.wrap(function _callee2$(_context2) {
-                    while (1) {
-                      switch (_context2.prev = _context2.next) {
-                        case 0:
-                        case "end":
-                          return _context2.stop();
-                      }
-                    }
-                  }, _callee2);
-                }));
+                      loading();
+                      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 ? void 0 : _actionRef$current.reload();
+                    }, record);
 
-                function modalOnOk() {
-                  return _modalOnOk2.apply(this, arguments);
+                  case 3:
+                  case "end":
+                    return _context2.stop();
                 }
+              }
+            }, _callee2);
+          }));
 
-                return modalOnOk;
-              }(),
-              index: index
-            });
-          },
-          key: "view"
-        }, /*#__PURE__*/React.createElement(EyeOutlined, null), " \u67E5\u770B"));
-      } else if (item.type === 'delete') {
-        return /*#__PURE__*/React.createElement(_Tooltip, {
-          title: "\u5220\u9664",
-          key: "delete"
-        }, /*#__PURE__*/React.createElement("a", {
-          onClick: function onClick() {
-            return _Modal.confirm({
-              title: '删除',
-              icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
-              content: '是否确定要删除吗？',
-              okText: '确认',
-              cancelText: '取消',
-              onOk: function () {
-                var _onOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-                  return regeneratorRuntime.wrap(function _callee3$(_context3) {
-                    while (1) {
-                      switch (_context3.prev = _context3.next) {
-                        case 0:
-                          if (!item.actionMethod) {
-                            _context3.next = 3;
-                            break;
-                          }
+          function modalOnOk(_x, _x2) {
+            return _modalOnOk2.apply(this, arguments);
+          }
 
-                          _context3.next = 3;
-                          return item.actionMethod(record, function () {
-                            var _actionRef$current2;
+          return modalOnOk;
+        }(),
+        index: index
+      });
+    },
+    delete: function _delete(item, record, index) {
+      _Modal.confirm({
+        title: '删除',
+        icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
+        content: '是否确定要删除吗？',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: function () {
+          var _onOk = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+            return regeneratorRuntime.wrap(function _callee3$(_context3) {
+              while (1) {
+                switch (_context3.prev = _context3.next) {
+                  case 0:
+                    if (!item.actionMethod) {
+                      _context3.next = 3;
+                      break;
+                    }
 
-                            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : _actionRef$current2.reload();
-                          });
+                    _context3.next = 3;
+                    return item.actionMethod(record, function () {
+                      var _actionRef$current2;
 
-                        case 3:
-                        case "end":
-                          return _context3.stop();
-                      }
-                    }
-                  }, _callee3);
-                }));
+                      actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current2 = actionRef.current) === null || _actionRef$current2 === void 0 ? void 0 : _actionRef$current2.reload();
+                    });
 
-                function onOk() {
-                  return _onOk.apply(this, arguments);
+                  case 3:
+                  case "end":
+                    return _context3.stop();
                 }
+              }
+            }, _callee3);
+          }));
 
-                return onOk;
-              }()
-            });
-          },
-          key: "del"
-        }, /*#__PURE__*/React.createElement(DeleteOutlined, null), " \u5220\u9664"));
-      } else if (item.type === 'extraAction') {
-        var _item$actionRender;
-
-        return (_item$actionRender = item.actionRender) === null || _item$actionRender === void 0 ? void 0 : _item$actionRender.call(item, record, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-          return regeneratorRuntime.wrap(function _callee4$(_context4) {
-            while (1) {
-              switch (_context4.prev = _context4.next) {
-                case 0:
-                  if (!item.actionMethod) {
-                    _context4.next = 3;
-                    break;
-                  }
+          function onOk() {
+            return _onOk.apply(this, arguments);
+          }
+
+          return onOk;
+        }()
+      });
+    },
+    extraAction: function extraAction(item, record, index) {
+      var _item$actionRender;
 
+      return (_item$actionRender = item.actionRender) === null || _item$actionRender === void 0 ? void 0 : _item$actionRender.call(item, record, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                if (!item.actionMethod) {
                   _context4.next = 3;
-                  return item.actionMethod(record, function () {
-                    var _actionRef$current3;
+                  break;
+                }
 
-                    actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : _actionRef$current3.reload();
-                  });
+                _context4.next = 3;
+                return item.actionMethod(record, function () {
+                  var _actionRef$current3;
 
-                case 3:
-                case "end":
-                  return _context4.stop();
-              }
+                  actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current3 = actionRef.current) === null || _actionRef$current3 === void 0 ? void 0 : _actionRef$current3.reload();
+                });
+
+              case 3:
+              case "end":
+                return _context4.stop();
             }
-          }, _callee4);
-        })), index);
+          }
+        }, _callee4);
+      })), index);
+    },
+    more: function more(item, record, index) {
+      var menus = !item.subMenus ? [] : item.subMenus.map(function (b) {
+        var btn = actionConfig[b.key];
+
+        if (btn) {
+          b.name = btn.title;
+          b.icon = btn.icon;
+        }
+
+        return b;
+      });
+
+      var selectHandler = function selectHandler(key, item, record, index) {
+        var _item$actionMethod;
+
+        if (key == 'more') {
+          // No more recursion
+          return;
+        }
+
+        var customMenu = menus.find(function (m) {
+          return m.key === key;
+        });
+
+        var _item = _objectSpread2(_objectSpread2({}, customMenu), {}, {
+          type: key
+        });
+
+        var handler = actionHandler[key];
+
+        if (handler) {
+          return handler(_item, record, index);
+        }
+
+        return (_item$actionMethod = _item.actionMethod) === null || _item$actionMethod === void 0 ? void 0 : _item$actionMethod.call(_item, record, function () {
+          var _actionRef$current4;
+
+          actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : _actionRef$current4.reload();
+        });
+      };
+
+      var m = _toConsumableArray(menus).map(function (e) {
+        if (!('actionMethod' in e)) {
+          return e;
+        }
+
+        var actionMethod = e.actionMethod,
+            b = _objectWithoutProperties(e, _excluded2$3);
+
+        return _objectSpread2({}, b);
+      });
+
+      return /*#__PURE__*/React.createElement(TableDropdown, {
+        key: "actionGroup",
+        children: /*#__PURE__*/React.createElement(MoreOutlined, null),
+        menus: m,
+        onSelect: function onSelect(key) {
+          return selectHandler(key, item, record, index);
+        }
+      });
+    }
+  };
+  var actionConfig = {
+    view: {
+      title: '查看',
+      key: 'view',
+      icon: /*#__PURE__*/React.createElement(EyeOutlined, null)
+    },
+    edit: {
+      title: '编辑',
+      key: 'edit',
+      icon: /*#__PURE__*/React.createElement(EditOutlined, null)
+    },
+    delete: {
+      title: '删除',
+      key: 'delete',
+      icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+    }
+  };
+
+  var tableActionDom = function tableActionDom(record, index) {
+    return tableAction === null || tableAction === void 0 ? void 0 : tableAction.map(function (item) {
+      var _actionHandler$item$t2;
+
+      var btn = actionConfig[item.type];
+
+      if (btn) {
+        return /*#__PURE__*/React.createElement(_Tooltip, {
+          title: btn.title,
+          key: btn.key
+        }, /*#__PURE__*/React.createElement("a", {
+          key: btn.key,
+          onClick: function onClick() {
+            var _actionHandler$item$t;
+
+            return (_actionHandler$item$t = actionHandler[item.type]) === null || _actionHandler$item$t === void 0 ? void 0 : _actionHandler$item$t.call(actionHandler, item, record, index);
+          }
+        }, btn.icon, " ", btn.title));
       }
+
+      return (_actionHandler$item$t2 = actionHandler[item.type]) === null || _actionHandler$item$t2 === void 0 ? void 0 : _actionHandler$item$t2.call(actionHandler, item, record, index);
     });
   };
 
@@ -10347,10 +10427,10 @@ var TabelCard = function TabelCard(props, ref) {
 
                           _context5.next = 3;
                           return item.actionMethod(values, function () {
-                            var _actionRef$current4;
+                            var _actionRef$current5;
 
                             loading();
-                            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : _actionRef$current4.reload();
+                            actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : _actionRef$current5.reload();
                           });
 
                         case 3:
@@ -10375,9 +10455,9 @@ var TabelCard = function TabelCard(props, ref) {
 
         return (_item$actionRender2 = item.actionRender) === null || _item$actionRender2 === void 0 ? void 0 : _item$actionRender2.call(item, actionRef, function () {
           item.actionMethod && item.actionMethod(actionRef, function () {
-            var _actionRef$current5;
+            var _actionRef$current6;
 
-            return actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : _actionRef$current5.reload();
+            return actionRef === null || actionRef === void 0 ? void 0 : (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : _actionRef$current6.reload();
           });
         });
       }
@@ -10423,7 +10503,19 @@ var TabelCard = function TabelCard(props, ref) {
     onFormChange: onFormChange,
     extraColumns: extraColumns || [],
     columns: (columns || []).filter(function (item) {
-      return !item.hiddenInModalForm;
+      if (item.hiddenInModalForm) {
+        return false;
+      }
+
+      if (item.onlyShowInView) {
+        if (modalFormConfig.type === '查看') {
+          return true;
+        } else {
+          return false;
+        }
+      }
+
+      return true;
     })
   })), /*#__PURE__*/React.createElement(ProTable, _objectSpread2({
     actionRef: actionRef,
@@ -10440,7 +10532,23 @@ var TabelCard = function TabelCard(props, ref) {
       render: function render(_, record, index) {
         return tableActionDom(record, index);
       }
-    }, optionColumnConfig)]) : columns || [],
+    }, optionColumnConfig)]).map(function (item) {
+      var obj = _objectSpread2({}, item);
+
+      if (item.notInitialValueInSearch) {
+        delete obj.initialValue;
+      }
+
+      return obj;
+    }) : (columns || []).map(function (item) {
+      var obj = _objectSpread2({}, item);
+
+      if (item.notInitialValueInSearch) {
+        delete obj.initialValue;
+      }
+
+      return obj;
+    }),
     search: {
       labelWidth: 'auto',
       optionRender: function optionRender(searchConfig, formProps, dom) {