wargerm 0.3.3 → 0.3.7

package/dist/index.css

@@ -208,6 +208,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
   min-height: 32px;
@@ -259,6 +260,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
 }

package/dist/index.esm.css

@@ -208,6 +208,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
   min-height: 32px;
@@ -259,6 +260,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
   position: relative;
   z-index: 2;
 }

package/dist/index.esm.js

@@ -737,7 +737,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, [JSON.stringify(resList)]);
+  }, [JSON.stringify(resList), request]);
   return /*#__PURE__*/React.createElement(_Select, _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -7891,7 +7891,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$curren3, _classnames2;
+  var _formSearchRef$curren4, _classnames2;
 
   var columns = _ref.columns,
       tableList = _ref.dataSource,
@@ -7973,13 +7973,15 @@ function Table(_ref) {
     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;
 
-      if (formRef === null || formRef === void 0 ? void 0 : formRef.current) {
-        formRef.current = formSearchRef === null || formSearchRef === void 0 ? void 0 : formSearchRef.current;
-      }
-
       setColumnsFields(formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren2 = formSearchRef.current) === null || _formSearchRef$curren2 === void 0 ? void 0 : _formSearchRef$curren2.columnsFields);
     }
-  }, [JSON.stringify(formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren3 = formSearchRef.current) === null || _formSearchRef$curren3 === void 0 ? void 0 : _formSearchRef$curren3.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) {
@@ -7992,12 +7994,16 @@ function Table(_ref) {
     return arr;
   };
 
-  var filterFormColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInSearch;
-  });
-  var filterColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInTable;
-  });
+  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 renderTh = useMemo(function () {
     var renderThFc = function renderThFc(columns, parentHeight, isChild) {
       var showColumns = columns.filter(function (c) {
@@ -8204,18 +8210,23 @@ function Table(_ref) {
       dataSource = _useState10[0],
       setDataSource = _useState10[1];
 
-  var _useState11 = useState({}),
+  var _useState11 = useState(0),
       _useState12 = _slicedToArray(_useState11, 2),
-      pageParams = _useState12[0],
-      setPageParams = _useState12[1];
+      total = _useState12[0],
+      setTotal = _useState12[1];
 
-  var _useState13 = useState(false),
+  var _useState13 = useState({}),
       _useState14 = _slicedToArray(_useState13, 2),
-      loading = _useState14[0],
-      setLoading = _useState14[1];
+      pageParams = _useState14[0],
+      setPageParams = _useState14[1];
+
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      loading = _useState16[0],
+      setLoading = _useState16[1];
 
-  var _useState15 = useState({
-    total: dataSource.length,
+  var _useState17 = useState({
+    total: total,
     pageSize: 20,
     size: 'small',
     current: 1,
@@ -8230,9 +8241,9 @@ function Table(_ref) {
       });
     }
   }),
-      _useState16 = _slicedToArray(_useState15, 2),
-      paginationParams = _useState16[0],
-      setpaginationParams = _useState16[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      paginationParams = _useState18[0],
+      setpaginationParams = _useState18[1];
 
   useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -8242,7 +8253,7 @@ function Table(_ref) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!request) {
-                _context.next = 14;
+                _context.next = 15;
                 break;
               }
 
@@ -8263,15 +8274,16 @@ function Table(_ref) {
               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 = 15;
+              _context.next = 16;
               break;
 
-            case 14:
+            case 15:
               setpaginationParams(function (c) {
                 var obj = _objectSpread2(_objectSpread2(_objectSpread2({}, c), {}, {
                   total: tableList && tableList.length || 0
@@ -8283,7 +8295,7 @@ function Table(_ref) {
                 return obj;
               });
 
-            case 15:
+            case 16:
             case "end":
               return _context.stop();
           }
@@ -9836,19 +9848,19 @@ var Modal$1 = /*#__PURE__*/function (_React$PureComponent) {
           display: 'flex'
         }
       }, /*#__PURE__*/React.createElement(WButton, {
-        className: "okbtn",
+        className: "concellbtn",
         onClick: function onClick(e) {
-          onOk && onOk(e);
+          onCancel && onCancel(e);
         }
-      }, okText || '确定'), /*#__PURE__*/React.createElement(WButton, {
-        className: "concellbtn",
+      }, cancelText || '取消'), /*#__PURE__*/React.createElement(WButton, {
+        className: "okbtn",
         style: {
           marginLeft: '10px'
         },
         onClick: function onClick(e) {
-          onCancel && onCancel(e);
+          onOk && onOk(e);
         }
-      }, cancelText || '取消')));
+      }, okText || '确定')));
     };
 
     _this.renderTop = function () {

package/dist/index.js

@@ -771,7 +771,7 @@ var WSelect = function WSelect(props) {
 
     onLoad && onLoad(options);
     setValueEnumList(valueEnumNode);
-  }, [JSON.stringify(resList)]);
+  }, [JSON.stringify(resList), request]);
   return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'], _objectSpread2({}, extraProps), request ? childrenNode : valueEnum ? valueEnumList : children);
 };
 
@@ -7925,7 +7925,7 @@ var WForm$1 = /*#__PURE__*/React__default['default'].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$curren3, _classnames2;
+  var _formSearchRef$curren4, _classnames2;
 
   var columns = _ref.columns,
       tableList = _ref.dataSource,
@@ -8007,13 +8007,15 @@ function Table(_ref) {
     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;
 
-      if (formRef === null || formRef === void 0 ? void 0 : formRef.current) {
-        formRef.current = formSearchRef === null || formSearchRef === void 0 ? void 0 : formSearchRef.current;
-      }
-
       setColumnsFields(formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren2 = formSearchRef.current) === null || _formSearchRef$curren2 === void 0 ? void 0 : _formSearchRef$curren2.columnsFields);
     }
-  }, [JSON.stringify(formSearchRef === null || formSearchRef === void 0 ? void 0 : (_formSearchRef$curren3 = formSearchRef.current) === null || _formSearchRef$curren3 === void 0 ? void 0 : _formSearchRef$curren3.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) {
@@ -8026,12 +8028,16 @@ function Table(_ref) {
     return arr;
   };
 
-  var filterFormColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInSearch;
-  });
-  var filterColumns = flattenColumns(columns).filter(function (c) {
-    return !c.hideInTable;
-  });
+  var filterFormColumns = React.useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInSearch;
+    });
+  }, [columns]);
+  var filterColumns = React.useMemo(function () {
+    return flattenColumns(columns).filter(function (c) {
+      return !c.hideInTable;
+    });
+  }, [columns]);
   var renderTh = React.useMemo(function () {
     var renderThFc = function renderThFc(columns, parentHeight, isChild) {
       var showColumns = columns.filter(function (c) {
@@ -8238,18 +8244,23 @@ function Table(_ref) {
       dataSource = _useState10[0],
       setDataSource = _useState10[1];
 
-  var _useState11 = React.useState({}),
+  var _useState11 = React.useState(0),
       _useState12 = _slicedToArray(_useState11, 2),
-      pageParams = _useState12[0],
-      setPageParams = _useState12[1];
+      total = _useState12[0],
+      setTotal = _useState12[1];
 
-  var _useState13 = React.useState(false),
+  var _useState13 = React.useState({}),
       _useState14 = _slicedToArray(_useState13, 2),
-      loading = _useState14[0],
-      setLoading = _useState14[1];
+      pageParams = _useState14[0],
+      setPageParams = _useState14[1];
+
+  var _useState15 = React.useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      loading = _useState16[0],
+      setLoading = _useState16[1];
 
-  var _useState15 = React.useState({
-    total: dataSource.length,
+  var _useState17 = React.useState({
+    total: total,
     pageSize: 20,
     size: 'small',
     current: 1,
@@ -8264,9 +8275,9 @@ function Table(_ref) {
       });
     }
   }),
-      _useState16 = _slicedToArray(_useState15, 2),
-      paginationParams = _useState16[0],
-      setpaginationParams = _useState16[1];
+      _useState18 = _slicedToArray(_useState17, 2),
+      paginationParams = _useState18[0],
+      setpaginationParams = _useState18[1];
 
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -8276,7 +8287,7 @@ function Table(_ref) {
           switch (_context.prev = _context.next) {
             case 0:
               if (!request) {
-                _context.next = 14;
+                _context.next = 15;
                 break;
               }
 
@@ -8297,15 +8308,16 @@ function Table(_ref) {
               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 = 15;
+              _context.next = 16;
               break;
 
-            case 14:
+            case 15:
               setpaginationParams(function (c) {
                 var obj = _objectSpread2(_objectSpread2(_objectSpread2({}, c), {}, {
                   total: tableList && tableList.length || 0
@@ -8317,7 +8329,7 @@ function Table(_ref) {
                 return obj;
               });
 
-            case 15:
+            case 16:
             case "end":
               return _context.stop();
           }
@@ -9870,19 +9882,19 @@ var Modal$1 = /*#__PURE__*/function (_React$PureComponent) {
           display: 'flex'
         }
       }, /*#__PURE__*/React__default['default'].createElement(WButton, {
-        className: "okbtn",
+        className: "concellbtn",
         onClick: function onClick(e) {
-          onOk && onOk(e);
+          onCancel && onCancel(e);
         }
-      }, okText || '确定'), /*#__PURE__*/React__default['default'].createElement(WButton, {
-        className: "concellbtn",
+      }, cancelText || '取消'), /*#__PURE__*/React__default['default'].createElement(WButton, {
+        className: "okbtn",
         style: {
           marginLeft: '10px'
         },
         onClick: function onClick(e) {
-          onCancel && onCancel(e);
+          onOk && onOk(e);
         }
-      }, cancelText || '取消')));
+      }, okText || '确定')));
     };
 
     _this.renderTop = function () {

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "wargerm",
-  "version": "0.3.3",
+  "version": "0.3.7",
   "scripts": {
     "dev": "dumi dev",
     "docs:build": "dumi build",