wargerm 0.2.21 → 0.2.25

package/dist/index.js

@@ -40,6 +40,8 @@ var _Checkbox = require('antd/es/checkbox');
 require('antd/es/tree-select/style');
 var _TreeSelect = require('antd/es/tree-select');
 var uniqBy = require('lodash/uniqBy');
+require('antd/es/cascader/style');
+var _Cascader = require('antd/es/cascader');
 var CountUp = require('react-countup');
 var react = require('swiper/react');
 var SwiperCore = require('swiper');
@@ -48,6 +50,9 @@ var _Breadcrumb = require('antd/es/breadcrumb');
 var ReactDOM = require('react-dom');
 require('antd/es/modal/style');
 var _Modal = require('antd/es/modal');
+require('antd/es/config-provider/style');
+require('antd/es/config-provider');
+require('antd/es/locale/zh_CN');
 var ProTable = require('@ant-design/pro-table');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -72,6 +77,7 @@ var _Radio__default = /*#__PURE__*/_interopDefaultLegacy(_Radio);
 var _Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(_Checkbox);
 var _TreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(_TreeSelect);
 var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
+var _Cascader__default = /*#__PURE__*/_interopDefaultLegacy(_Cascader);
 var CountUp__default = /*#__PURE__*/_interopDefaultLegacy(CountUp);
 var SwiperCore__default = /*#__PURE__*/_interopDefaultLegacy(SwiperCore);
 var _Breadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(_Breadcrumb);
@@ -7162,11 +7168,18 @@ function Table(_ref) {
                 flex: c.width ? '0 1 auto' : '1',
                 overflow: 'hidden'
               }
+            }, /*#__PURE__*/React__default['default'].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]));
+            })) === null || _columnsFields$c$data === void 0 ? void 0 : _columnsFields$c$data.label : record[c.dataIndex])));
           } else {
-            var _columnsFields$c$data2;
+            var _columnsFields$c$data2, _columnsFields$c$data3;
 
             return /*#__PURE__*/React__default['default'].createElement("div", {
               key: c.dataIndex,
@@ -7177,9 +7190,18 @@ function Table(_ref) {
                 overflow: 'hidden'
               },
               title: record[c.dataIndex]
+            }, c.ellipsis ? /*#__PURE__*/React__default['default'].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]);
+            })) === 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]);
           }
         }
       });
@@ -7628,7 +7650,60 @@ RangePicker$2.defaultProps = {};
 var Index$6 = WDatePicker$1;
 Index$6.RangePicker = RangePicker$2;
 
-var _excluded$6 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "onFormChange", "onSubmit", "onReset"];
+var _excluded$6 = ["request", "options", "onLoad", "value", "onChange"];
+
+var WCascader = function WCascader(props) {
+  var request = props.request,
+      options = props.options,
+      onLoad = props.onLoad,
+      value = props.value,
+      _onChange = props.onChange,
+      extraProps = _objectWithoutProperties(props, _excluded$6);
+
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      resList = _useState2[0],
+      setResList = _useState2[1];
+
+  React.useEffect(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;
+              }
+
+              _context.next = 3;
+              return request();
+
+            case 3:
+              res = _context.sent;
+              setResList(res);
+              onLoad && onLoad(res);
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  }, [JSON.stringify(resList)]);
+  return /*#__PURE__*/React__default['default'].createElement(_Cascader__default['default'], _objectSpread2({
+    value: typeof value === 'string' ? [value] : value,
+    onChange: function onChange(v, options) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(v, options);
+    },
+    placeholder: "\u8BF7\u9009\u62E9",
+    options: request ? resList : options
+  }, extraProps));
+};
+
+var _excluded$7 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "onFormChange", "onSubmit", "onReset"];
 var RangePicker$3 = Index$6.RangePicker;
 
 var WForm = function WForm(props, ref) {
@@ -7642,7 +7717,7 @@ var WForm = function WForm(props, ref) {
       onFormChange = props.onFormChange,
       onSubmit = props.onSubmit,
       onReset = props.onReset,
-      extraProps = _objectWithoutProperties(props, _excluded$6);
+      extraProps = _objectWithoutProperties(props, _excluded$7);
 
   var _Form$useForm = _Form__default['default'].useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -7728,7 +7803,7 @@ var WForm = function WForm(props, ref) {
             });
           }
         }, c.fieldProps), _extraProps))));
-      } else if (c.valueType == 'treeSelect') {
+      } else if (c.valueType == 'cascader') {
         var _extraProps2 = {};
 
         if (c.request) {
@@ -7756,16 +7831,53 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol
+        }), /*#__PURE__*/React__default['default'].createElement(WCascader, _objectSpread2(_objectSpread2({
+          placeholder: "\u8BF7\u9009\u62E9",
+          disabled: disabled,
+          onLoad: function onLoad(opt) {
+            setColumnsFields(function (preColumnsFields) {
+              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
+            });
+          }
+        }, c.fieldProps), _extraProps2))));
+      } else if (c.valueType == 'treeSelect') {
+        var _extraProps3 = {};
+
+        if (c.request) {
+          _extraProps3.request = c.request;
+        }
+
+        var _labelCol2 = {};
+
+        if (search && search.labelWidth) {
+          _labelCol2.style = {
+            width: search.labelWidth
+          };
+        }
+
+        return /*#__PURE__*/React__default['default'].createElement(_Col__default['default'], _objectSpread2(_objectSpread2({
+          style: {
+            paddingLeft: '12px',
+            paddingRight: '12px'
+          }
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol2
         }), /*#__PURE__*/React__default['default'].createElement(Index$5, _objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u9009\u62E9",
           onLoad: function onLoad(opt) {}
-        }, c.fieldProps), _extraProps2))));
+        }, c.fieldProps), _extraProps3))));
       } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
-        var _labelCol2 = {};
+        var _labelCol3 = {};
 
         if (search && search.labelWidth) {
-          _labelCol2.style = {
+          _labelCol3.style = {
             width: search.labelWidth
           };
         }
@@ -7805,16 +7917,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol2
+          labelCol: _labelCol3
         }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
       } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
-        var _labelCol3 = {};
+        var _labelCol4 = {};
 
         if (search && search.labelWidth) {
-          _labelCol3.style = {
+          _labelCol4.style = {
             width: search.labelWidth
           };
         }
@@ -7841,7 +7953,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol3
+          labelCol: _labelCol4
         }), /*#__PURE__*/React__default['default'].createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime), c.fieldProps))));
@@ -7868,10 +7980,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
         });
-        var _labelCol4 = {};
+        var _labelCol5 = {};
 
         if (search && search.labelWidth) {
-          _labelCol4.style = {
+          _labelCol5.style = {
             width: search.labelWidth
           };
         }
@@ -7888,7 +8000,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol4
+          labelCol: _labelCol5
         }), /*#__PURE__*/React__default['default'].createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
@@ -7917,10 +8029,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options));
         });
-        var _labelCol5 = {};
+        var _labelCol6 = {};
 
         if (search && search.labelWidth) {
-          _labelCol5.style = {
+          _labelCol6.style = {
             width: search.labelWidth
           };
         }
@@ -7946,7 +8058,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol5
+          labelCol: _labelCol6
         }), /*#__PURE__*/React__default['default'].createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
@@ -7966,10 +8078,10 @@ var WForm = function WForm(props, ref) {
           }
         }
 
-        var _labelCol6 = {};
+        var _labelCol7 = {};
 
         if (search && search.labelWidth) {
-          _labelCol6.style = {
+          _labelCol7.style = {
             width: search.labelWidth
           };
         } // if (columnsFieldsRef.current) {
@@ -7993,15 +8105,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol6
+          labelCol: _labelCol7
         }), /*#__PURE__*/React__default['default'].createElement(WSwitch, _objectSpread2({
           disabled: disabled
         }, c.fieldProps))));
       } else if (c.valueType === 'digit') {
-        var _labelCol7 = {};
+        var _labelCol8 = {};
 
         if (search && search.labelWidth) {
-          _labelCol7.style = {
+          _labelCol8.style = {
             width: search.labelWidth
           };
         }
@@ -8018,16 +8130,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol7
+          labelCol: _labelCol8
         }), /*#__PURE__*/React__default['default'].createElement(NumericInput, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
         }, c.fieldProps))));
       } else if (c.renderFormItem) {
-        var _labelCol8 = {};
+        var _labelCol9 = {};
 
         if (search && search.labelWidth) {
-          _labelCol8.style = {
+          _labelCol9.style = {
             width: search.labelWidth
           };
         }
@@ -8050,13 +8162,13 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol8
+          labelCol: _labelCol9
         }), baseitem)) : null;
       } else if (c.valueType === 'textarea') {
-        var _labelCol9 = {};
+        var _labelCol10 = {};
 
         if (search && search.labelWidth) {
-          _labelCol9.style = {
+          _labelCol10.style = {
             width: search.labelWidth
           };
         }
@@ -8073,17 +8185,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol9
+          labelCol: _labelCol10
         }), /*#__PURE__*/React__default['default'].createElement(Index.TextArea, _objectSpread2({
           rows: 4,
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else if (c.valueType === 'inputNumber') {
-        var _labelCol10 = {};
+        var _labelCol11 = {};
 
         if (search && search.labelWidth) {
-          _labelCol10.style = {
+          _labelCol11.style = {
             width: search.labelWidth
           };
         }
@@ -8100,16 +8212,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol10
+          labelCol: _labelCol11
         }), /*#__PURE__*/React__default['default'].createElement(WInputNumber, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else {
-        var _labelCol11 = {};
+        var _labelCol12 = {};
 
         if (search && search.labelWidth) {
-          _labelCol11.style = {
+          _labelCol12.style = {
             width: search.labelWidth
           };
         }
@@ -8126,7 +8238,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol11
+          labelCol: _labelCol12
         }), /*#__PURE__*/React__default['default'].createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -8150,12 +8262,12 @@ var WForm = function WForm(props, ref) {
       }
 
       if (c.valueType == 'select') {
-        var _extraProps3 = {};
+        var _extraProps4 = {};
 
         if (c.request) {
-          _extraProps3.request = c.request;
+          _extraProps4.request = c.request;
         } else if (c.valueEnum) {
-          _extraProps3.valueEnum = c.valueEnum;
+          _extraProps4.valueEnum = c.valueEnum;
         }
 
         var labelCol = {};
@@ -8190,18 +8302,55 @@ var WForm = function WForm(props, ref) {
               return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
             });
           }
-        }, c.fieldProps), _extraProps3))));
+        }, c.fieldProps), _extraProps4))));
+      } else if (c.valueType == 'cascader') {
+        var _extraProps5 = {};
+
+        if (c.request) {
+          _extraProps5.request = c.request;
+        }
+
+        var _labelCol13 = {};
+
+        if (search && search.labelWidth) {
+          _labelCol13.style = {
+            width: search.labelWidth
+          };
+        }
+
+        return /*#__PURE__*/React__default['default'].createElement(_Col__default['default'], _objectSpread2(_objectSpread2({
+          style: {
+            paddingLeft: '12px',
+            paddingRight: '12px'
+          }
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol13
+        }), /*#__PURE__*/React__default['default'].createElement(WCascader, _objectSpread2(_objectSpread2({
+          placeholder: "\u8BF7\u9009\u62E9",
+          disabled: disabled,
+          onLoad: function onLoad(opt) {
+            setColumnsFields(function (preColumnsFields) {
+              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, opt));
+            });
+          }
+        }, c.fieldProps), _extraProps5))));
       } else if (c.valueType == 'treeSelect') {
-        var _extraProps4 = {};
+        var _extraProps6 = {};
 
         if (c.request) {
-          _extraProps4.request = c.request;
+          _extraProps6.request = c.request;
         }
 
-        var _labelCol12 = {};
+        var _labelCol14 = {};
 
         if (search && search.labelWidth) {
-          _labelCol12.style = {
+          _labelCol14.style = {
             width: search.labelWidth
           };
         }
@@ -8218,17 +8367,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol12
+          labelCol: _labelCol14
         }), /*#__PURE__*/React__default['default'].createElement(Index$5, _objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u9009\u62E9",
           onLoad: function onLoad(opt) {}
-        }, c.fieldProps), _extraProps4))));
+        }, c.fieldProps), _extraProps6))));
       } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
-        var _labelCol13 = {};
+        var _labelCol15 = {};
 
         if (search && search.labelWidth) {
-          _labelCol13.style = {
+          _labelCol15.style = {
             width: search.labelWidth
           };
         }
@@ -8268,16 +8417,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol13
+          labelCol: _labelCol15
         }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
       } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
-        var _labelCol14 = {};
+        var _labelCol16 = {};
 
         if (search && search.labelWidth) {
-          _labelCol14.style = {
+          _labelCol16.style = {
             width: search.labelWidth
           };
         }
@@ -8304,7 +8453,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol14
+          labelCol: _labelCol16
         }), /*#__PURE__*/React__default['default'].createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime2), c.fieldProps))));
@@ -8331,10 +8480,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
         });
-        var _labelCol15 = {};
+        var _labelCol17 = {};
 
         if (search && search.labelWidth) {
-          _labelCol15.style = {
+          _labelCol17.style = {
             width: search.labelWidth
           };
         }
@@ -8351,7 +8500,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol15
+          labelCol: _labelCol17
         }), /*#__PURE__*/React__default['default'].createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
@@ -8380,10 +8529,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options3));
         });
-        var _labelCol16 = {};
+        var _labelCol18 = {};
 
         if (search && search.labelWidth) {
-          _labelCol16.style = {
+          _labelCol18.style = {
             width: search.labelWidth
           };
         }
@@ -8409,7 +8558,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol16
+          labelCol: _labelCol18
         }), /*#__PURE__*/React__default['default'].createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
@@ -8429,10 +8578,10 @@ var WForm = function WForm(props, ref) {
           }
         }
 
-        var _labelCol17 = {};
+        var _labelCol19 = {};
 
         if (search && search.labelWidth) {
-          _labelCol17.style = {
+          _labelCol19.style = {
             width: search.labelWidth
           };
         } // if (columnsFieldsRef.current) {
@@ -8456,15 +8605,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol17
+          labelCol: _labelCol19
         }), /*#__PURE__*/React__default['default'].createElement(WSwitch, _objectSpread2({
           disabled: disabled
         }, c.fieldProps))));
       } else if (c.valueType === 'digit') {
-        var _labelCol18 = {};
+        var _labelCol20 = {};
 
         if (search && search.labelWidth) {
-          _labelCol18.style = {
+          _labelCol20.style = {
             width: search.labelWidth
           };
         }
@@ -8481,16 +8630,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol18
+          labelCol: _labelCol20
         }), /*#__PURE__*/React__default['default'].createElement(NumericInput, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
         }, c.fieldProps))));
       } else if (c.renderFormItem) {
-        var _labelCol19 = {};
+        var _labelCol21 = {};
 
         if (search && search.labelWidth) {
-          _labelCol19.style = {
+          _labelCol21.style = {
             width: search.labelWidth
           };
         }
@@ -8513,13 +8662,13 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol19
+          labelCol: _labelCol21
         }), baseitem)) : null;
       } else if (c.valueType === 'textarea') {
-        var _labelCol20 = {};
+        var _labelCol22 = {};
 
         if (search && search.labelWidth) {
-          _labelCol20.style = {
+          _labelCol22.style = {
             width: search.labelWidth
           };
         }
@@ -8536,17 +8685,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol20
+          labelCol: _labelCol22
         }), /*#__PURE__*/React__default['default'].createElement(Index.TextArea, _objectSpread2({
           rows: 4,
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else if (c.valueType === 'inputNumber') {
-        var _labelCol21 = {};
+        var _labelCol23 = {};
 
         if (search && search.labelWidth) {
-          _labelCol21.style = {
+          _labelCol23.style = {
             width: search.labelWidth
           };
         }
@@ -8563,16 +8712,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol21
+          labelCol: _labelCol23
         }), /*#__PURE__*/React__default['default'].createElement(WInputNumber, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else {
-        var _labelCol22 = {};
+        var _labelCol24 = {};
 
         if (search && search.labelWidth) {
-          _labelCol22.style = {
+          _labelCol24.style = {
             width: search.labelWidth
           };
         }
@@ -8589,7 +8738,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol22
+          labelCol: _labelCol24
         }), /*#__PURE__*/React__default['default'].createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -8732,8 +8881,8 @@ var WForm = function WForm(props, ref) {
 
 var WForm$1 = /*#__PURE__*/React__default['default'].forwardRef(WForm);
 
-var _excluded$7 = ["height", "width", "count", "style", "numberStyle"],
-    _excluded2$2 = ["count", "width", "height", "marginRight"];
+var _excluded$8 = ["height", "width", "count", "style", "numberStyle"],
+    _excluded2$2 = ["count", "numberCount", "width", "height", "marginRight"];
 
 var Number = function Number(_ref) {
   var height = _ref.height,
@@ -8742,7 +8891,7 @@ var Number = function Number(_ref) {
       count = _ref$count === void 0 ? 0 : _ref$count,
       style = _ref.style,
       numberStyle = _ref.numberStyle,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   // 上次的值
   var _useState = React.useState(0),
@@ -8864,6 +9013,8 @@ Number.defaultProps = {
 
 var Index$7 = function Index(props) {
   var count = props.count,
+      _props$numberCount = props.numberCount,
+      numberCount = _props$numberCount === void 0 ? 5 : _props$numberCount,
       width = props.width,
       height = props.height,
       _props$marginRight = props.marginRight,
@@ -8877,6 +9028,11 @@ var Index$7 = function Index(props) {
 
   React.useEffect(function () {
     var countArray = count.toString().split('');
+
+    if (numberCount > countArray.length) {
+      countArray = [].concat(_toConsumableArray(Array(numberCount - countArray.length).fill(0)), _toConsumableArray(countArray));
+    }
+
     setNumberList(countArray.map(function (num) {
       return +num;
     }));
@@ -8899,12 +9055,12 @@ var Index$7 = function Index(props) {
   }));
 };
 
-var _excluded$8 = ["duration"];
+var _excluded$9 = ["duration"];
 
 var Index$8 = function Index(props) {
   var _props$duration = props.duration,
       duration = _props$duration === void 0 ? 2.75 : _props$duration,
-      extraProps = _objectWithoutProperties(props, _excluded$8);
+      extraProps = _objectWithoutProperties(props, _excluded$9);
   return /*#__PURE__*/React__default['default'].createElement(CountUp__default['default'], _objectSpread2({
     duration: duration
   }, extraProps));
@@ -8912,7 +9068,7 @@ var Index$8 = function Index(props) {
 
 Index$8.defaultProps = {};
 
-var _excluded$9 = ["list", "render", "partSize"];
+var _excluded$a = ["list", "render", "partSize"];
 
 function AutoScroll(props) {
   var inner1 = React.useRef();
@@ -8996,7 +9152,7 @@ var Index$9 = function Index(_ref) {
       render = _ref.render,
       _ref$partSize = _ref.partSize,
       partSize = _ref$partSize === void 0 ? 4 : _ref$partSize,
-      otherProps = _objectWithoutProperties(_ref, _excluded$9);
+      otherProps = _objectWithoutProperties(_ref, _excluded$a);
 
   {
     var _useState = React.useState([]),
@@ -9073,28 +9229,42 @@ var Index$9 = function Index(_ref) {
   }
 };
 
-var _excluded$a = ["data", "onClick", "renderItem"];
+var _excluded$b = ["data", "onClick", "slidesPerView", "rowKey", "onSwiperChange", "renderItem"];
 
 SwiperCore__default['default'].use([SwiperCore.Pagination, SwiperCore.Navigation, SwiperCore.Autoplay]);
 
 var Index$a = function Index(props) {
   var data = props.data,
       _onClick = props.onClick,
+      _props$slidesPerView = props.slidesPerView,
+      slidesPerView = _props$slidesPerView === void 0 ? 4 : _props$slidesPerView,
+      rowKey = props.rowKey,
+      onSwiperChange = props.onSwiperChange,
       renderItem = props.renderItem,
-      extraProps = _objectWithoutProperties(props, _excluded$a);
+      extraProps = _objectWithoutProperties(props, _excluded$b);
 
-  return /*#__PURE__*/React__default['default'].createElement(react.Swiper, _objectSpread2({
-    onClick: function onClick(swiper, event) {
-      if (swiper.clickedIndex - 4 > data.length) {
-        swiper.slideNext();
-      } else {
-        swiper.clickedIndex && swiper.slideTo(swiper.clickedIndex);
-      }
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      controlledSwiper = _useState2[0],
+      setControlledSwiper = _useState2[1];
 
-      _onClick && _onClick(swiper, event);
+  return /*#__PURE__*/React__default['default'].createElement(react.Swiper, _objectSpread2({
+    onSwiper: function onSwiper(swiper) {
+      return setControlledSwiper(swiper);
+    },
+    // onClick={(swiper, event) => {
+    //   if (swiper.clickedIndex - 4 > data.length) {
+    //     swiper.slideNext();
+    //   } else {
+    //     swiper.clickedIndex && swiper.slideTo(swiper.clickedIndex);
+    //   }
+    //   onClick && onClick(swiper, event);
+    // }}
+    onSlideChange: function onSlideChange(swiper) {
+      onSwiperChange && onSwiperChange(swiper.realIndex, data[swiper.realIndex]);
     },
     className: "mySwiper",
-    slidesPerView: 4,
+    slidesPerView: slidesPerView,
     spaceBetween: 30,
     loop: true,
     loopFillGroupWithBlank: true,
@@ -9102,10 +9272,26 @@ var Index$a = function Index(props) {
     navigation: true
   }, extraProps), data.map(function (item, index) {
     return /*#__PURE__*/React__default['default'].createElement(react.SwiperSlide, {
-      key: index
+      key: rowKey ? item[rowKey] : index
     }, function (_ref) {
       var isActive = _ref.isActive;
-      return renderItem(item, index, isActive);
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          width: '100%',
+          height: '100%'
+        },
+        onClick: function onClick(event) {
+          if (controlledSwiper) {
+            if (controlledSwiper.clickedIndex - slidesPerView > data.length) {
+              controlledSwiper.slideNext();
+            } else {
+              controlledSwiper.clickedIndex && controlledSwiper.slideTo(controlledSwiper.clickedIndex);
+            }
+
+            _onClick && _onClick(controlledSwiper, event);
+          }
+        }
+      }, renderItem(item, index, isActive));
     });
   }));
 };
@@ -9706,7 +9892,7 @@ function createBrowserHistory(props) {
   return history;
 }
 
-var _excluded$b = ["routes", "className"];
+var _excluded$c = ["routes", "className"];
 var history = createBrowserHistory();
 
 function itemRender(route, params, routes, paths) {
@@ -9724,7 +9910,7 @@ function itemRender(route, params, routes, paths) {
 var Index$b = function Index(_ref) {
   var routes = _ref.routes,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$b);
+      props = _objectWithoutProperties(_ref, _excluded$c);
 
   return /*#__PURE__*/React__default['default'].createElement(_Breadcrumb__default['default'], _objectSpread2({
     className: className || 'default',
@@ -9734,7 +9920,7 @@ var Index$b = function Index(_ref) {
   }, props));
 };
 
-var _excluded$c = ["title", "className", "headerTail", "headerCenter"];
+var _excluded$d = ["title", "className", "headerTail", "headerCenter"];
 
 var Index$c = function Index(_ref) {
   var _classNames;
@@ -9744,7 +9930,7 @@ var Index$c = function Index(_ref) {
       className = _ref$className === void 0 ? 'default' : _ref$className,
       headerTail = _ref.headerTail,
       headerCenter = _ref.headerCenter,
-      props = _objectWithoutProperties(_ref, _excluded$c);
+      props = _objectWithoutProperties(_ref, _excluded$d);
 
   return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2({
     className: classnames__default['default']((_classNames = {}, _defineProperty(_classNames, 'card-container', true), _defineProperty(_classNames, className, true), _classNames))
@@ -9821,7 +10007,7 @@ function DialogModel(props) {
         height: '100%',
         position: 'relative'
       }
-    }, ' ', props.children, ' '))), /*#__PURE__*/React__default['default'].createElement("div", {
+    }, props.children))), /*#__PURE__*/React__default['default'].createElement("div", {
       className: 'mask',
       onClick: function onClick() {
         return onClose && onClose();
@@ -9851,7 +10037,7 @@ function DialogModel(props) {
   return renderChildren;
 }
 
-var _excluded$d = ["visible"];
+var _excluded$e = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -9940,7 +10126,9 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
         style: style
       }, this.renderTop(), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "model-content"
-      }, this.renderContent()), this.renderFooter());
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "model-content-in"
+      }, this.renderContent())), this.renderFooter());
     }
   }]);
 
@@ -9983,7 +10171,7 @@ Modal.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$d);
+        trueProps = _objectWithoutProperties(props, _excluded$e);
 
     React.useEffect(function () {
       manager.mounted = true;
@@ -10007,7 +10195,7 @@ Modal.hidden = function () {
   ModalContainer[modelSysbol] && ModalContainer[modelSysbol].hidden();
 };
 
-var _excluded$e = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
+var _excluded$f = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange"];
 
 var ModalForm = function ModalForm(props, ref) {
   var columns = props.columns,
@@ -10021,7 +10209,7 @@ var ModalForm = function ModalForm(props, ref) {
       title = props.title,
       record = props.record,
       onFormChange = props.onFormChange,
-      extraProps = _objectWithoutProperties(props, _excluded$e);
+      extraProps = _objectWithoutProperties(props, _excluded$f);
 
   var formRef = React.useRef(null);
 
@@ -10152,7 +10340,748 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React__default['default'].forwardRef(ModalForm);
 
-var _excluded$f = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys$1(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys$1(Object(source), true).forEach(function (key) {
+        _defineProperty$1(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$1(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+function _arrayLikeToArray$1(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray$1(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+}
+
+function _createForOfIteratorHelper$1(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+
+  if (!it) {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it) o = it;
+      var i = 0;
+
+      var F = function F() {};
+
+      return {
+        s: F,
+        n: function n() {
+          if (i >= o.length) return {
+            done: true
+          };
+          return {
+            done: false,
+            value: o[i++]
+          };
+        },
+        e: function e(_e) {
+          throw _e;
+        },
+        f: F
+      };
+    }
+
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  var normalCompletion = true,
+      didErr = false,
+      err;
+  return {
+    s: function s() {
+      it = it.call(o);
+    },
+    n: function n() {
+      var step = it.next();
+      normalCompletion = step.done;
+      return step;
+    },
+    e: function e(_e2) {
+      didErr = true;
+      err = _e2;
+    },
+    f: function f() {
+      try {
+        if (!normalCompletion && it["return"] != null) it["return"]();
+      } finally {
+        if (didErr) throw err;
+      }
+    }
+  };
+}
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+var noop = function () { };
+// Using noop() as the undefined value as undefined can possibly be replaced
+// by something else.  Prettier ignore and extra parentheses are necessary here
+// to ensure that tsc doesn't remove the __NOINLINE__ comment.
+// prettier-ignore
+var UNDEFINED = ( /*#__NOINLINE__*/noop());
+var OBJECT = Object;
+var isUndefined$1 = function (v) { return v === UNDEFINED; };
+var isFunction$1 = function (v) { return typeof v == 'function'; };
+var mergeObjects = function (a, b) { return OBJECT.assign({}, a, b); };
+var STR_UNDEFINED = 'undefined';
+var hasWindow = function () { return typeof window != STR_UNDEFINED; };
+var hasDocument = function () { return typeof document != STR_UNDEFINED; };
+
+// use WeakMap to store the object->key mapping
+// so the objects can be garbage collected.
+// WeakMap uses a hashtable under the hood, so the lookup
+// complexity is almost O(1).
+var table = new WeakMap();
+// counter of the key
+var counter = 0;
+// A stable hash implementation that supports:
+// - Fast and ensures unique hash properties
+// - Handles unserializable values
+// - Handles object key ordering
+// - Generates short results
+//
+// This is not a serialization function, and the result is not guaranteed to be
+// parsible.
+var stableHash = function (arg) {
+    var type = typeof arg;
+    var constructor = arg && arg.constructor;
+    var isDate = constructor == Date;
+    var result;
+    var index;
+    if (OBJECT(arg) === arg && !isDate && constructor != RegExp) {
+        // Object/function, not null/date/regexp. Use WeakMap to store the id first.
+        // If it's already hashed, directly return the result.
+        result = table.get(arg);
+        if (result)
+            return result;
+        // Store the hash first for circular reference detection before entering the
+        // recursive `stableHash` calls.
+        // For other objects like set and map, we use this id directly as the hash.
+        result = ++counter + '~';
+        table.set(arg, result);
+        if (constructor == Array) {
+            // Array.
+            result = '@';
+            for (index = 0; index < arg.length; index++) {
+                result += stableHash(arg[index]) + ',';
+            }
+            table.set(arg, result);
+        }
+        if (constructor == OBJECT) {
+            // Object, sort keys.
+            result = '#';
+            var keys = OBJECT.keys(arg).sort();
+            while (!isUndefined$1((index = keys.pop()))) {
+                if (!isUndefined$1(arg[index])) {
+                    result += index + ':' + stableHash(arg[index]) + ',';
+                }
+            }
+            table.set(arg, result);
+        }
+    }
+    else {
+        result = isDate
+            ? arg.toJSON()
+            : type == 'symbol'
+                ? arg.toString()
+                : type == 'string'
+                    ? JSON.stringify(arg)
+                    : '' + arg;
+    }
+    return result;
+};
+
+/**
+ * Due to bug https://bugs.chromium.org/p/chromium/issues/detail?id=678075,
+ * it's not reliable to detect if the browser is currently online or offline
+ * based on `navigator.onLine`.
+ * As a work around, we always assume it's online on first load, and change
+ * the status upon `online` or `offline` events.
+ */
+var online = true;
+var isOnline = function () { return online; };
+var hasWin = hasWindow();
+var hasDoc = hasDocument();
+// For node and React Native, `add/removeEventListener` doesn't exist on window.
+var onWindowEvent = hasWin && window.addEventListener
+    ? window.addEventListener.bind(window)
+    : noop;
+var onDocumentEvent = hasDoc ? document.addEventListener.bind(document) : noop;
+var offWindowEvent = hasWin && window.removeEventListener
+    ? window.removeEventListener.bind(window)
+    : noop;
+var offDocumentEvent = hasDoc
+    ? document.removeEventListener.bind(document)
+    : noop;
+var isVisible = function () {
+    var visibilityState = hasDoc && document.visibilityState;
+    if (!isUndefined$1(visibilityState)) {
+        return visibilityState !== 'hidden';
+    }
+    return true;
+};
+var initFocus = function (cb) {
+    // focus revalidate
+    onDocumentEvent('visibilitychange', cb);
+    onWindowEvent('focus', cb);
+    return function () {
+        offDocumentEvent('visibilitychange', cb);
+        offWindowEvent('focus', cb);
+    };
+};
+var initReconnect = function (cb) {
+    // revalidate on reconnected
+    var onOnline = function () {
+        online = true;
+        cb();
+    };
+    // nothing to revalidate, just update the status
+    var onOffline = function () {
+        online = false;
+    };
+    onWindowEvent('online', onOnline);
+    onWindowEvent('offline', onOffline);
+    return function () {
+        offWindowEvent('online', onOnline);
+        offWindowEvent('offline', onOffline);
+    };
+};
+var preset = {
+    isOnline: isOnline,
+    isVisible: isVisible
+};
+var defaultConfigOptions = {
+    initFocus: initFocus,
+    initReconnect: initReconnect
+};
+
+var IS_SERVER = !hasWindow() || 'Deno' in window;
+// React currently throws a warning when using useLayoutEffect on the server.
+// To get around it, we can conditionally useEffect on the server (no-op) and
+// useLayoutEffect in the browser.
+var useIsomorphicLayoutEffect = IS_SERVER ? React.useEffect : React.useLayoutEffect;
+// This assignment is to extend the Navigator type to use effectiveType.
+var navigatorConnection = typeof navigator !== 'undefined' &&
+    navigator.connection;
+// Adjust the config based on slow connection status (<= 70Kbps).
+var slowConnection = !IS_SERVER &&
+    navigatorConnection &&
+    (['slow-2g', '2g'].includes(navigatorConnection.effectiveType) ||
+        navigatorConnection.saveData);
+
+var serialize = function (key) {
+    if (isFunction$1(key)) {
+        try {
+            key = key();
+        }
+        catch (err) {
+            // dependencies not ready
+            key = '';
+        }
+    }
+    var args = [].concat(key);
+    // If key is not falsy, or not an empty array, hash it.
+    key =
+        typeof key == 'string'
+            ? key
+            : (Array.isArray(key)
+                ? key.length
+                : key)
+                ? stableHash(key)
+                : '';
+    var errorKey = key ? '$err$' + key : '';
+    var isValidatingKey = key ? '$req$' + key : '';
+    return [key, args, errorKey, isValidatingKey];
+};
+
+// Global state used to deduplicate requests and store listeners
+var SWRGlobalState = new WeakMap();
+
+var FOCUS_EVENT = 0;
+var RECONNECT_EVENT = 1;
+var MUTATE_EVENT = 2;
+
+var broadcastState = function (cache, key, data, error, isValidating, revalidate) {
+    var _a = SWRGlobalState.get(cache), EVENT_REVALIDATORS = _a[0], STATE_UPDATERS = _a[1], CONCURRENT_PROMISES = _a[4], CONCURRENT_PROMISES_TS = _a[5];
+    var revalidators = EVENT_REVALIDATORS[key];
+    var updaters = STATE_UPDATERS[key] || [];
+    // Always update states of all hooks.
+    for (var i = 0; i < updaters.length; ++i) {
+        updaters[i](data, error, isValidating);
+    }
+    // If we also need to revalidate, only do it for the first hook.
+    if (revalidate) {
+        // Invalidate the key by deleting the concurrent request markers so new
+        // requests will not be deduped.
+        delete CONCURRENT_PROMISES[key];
+        delete CONCURRENT_PROMISES_TS[key];
+        if (revalidators && revalidators[0]) {
+            return revalidators[0](MUTATE_EVENT).then(function () {
+                return cache.get(key);
+            });
+        }
+    }
+    return cache.get(key);
+};
+
+// Global timestamp.
+var __timestamp = 0;
+var getTimestamp = function () { return ++__timestamp; };
+
+var internalMutate = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, void 0, void 0, function () {
+        var cache, _key, revalidate, _data, _a, key, keyErr, _b, MUTATION_TS, MUTATION_END_TS, data, error, beforeMutationTs, res;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    cache = args[0], _key = args[1];
+                    revalidate = args[3] !== false;
+                    _data = args[2];
+                    _a = serialize(_key), key = _a[0], keyErr = _a[2];
+                    if (!key)
+                        return [2 /*return*/];
+                    _b = SWRGlobalState.get(cache), MUTATION_TS = _b[2], MUTATION_END_TS = _b[3];
+                    // If there is no new data provided, revalidate the key with current state.
+                    if (args.length < 3) {
+                        // Revalidate and broadcast state.
+                        return [2 /*return*/, broadcastState(cache, key, cache.get(key), cache.get(keyErr), UNDEFINED, revalidate)];
+                    }
+                    beforeMutationTs = (MUTATION_TS[key] = getTimestamp());
+                    MUTATION_END_TS[key] = 0;
+                    if (isFunction$1(_data)) {
+                        // `_data` is a function, call it passing current cache value.
+                        try {
+                            _data = _data(cache.get(key));
+                        }
+                        catch (err) {
+                            // If it throws an error synchronously, we shouldn't update the cache.
+                            error = err;
+                        }
+                    }
+                    if (!(_data && isFunction$1(_data.then))) return [3 /*break*/, 2];
+                    return [4 /*yield*/, _data.catch(function (err) {
+                            error = err;
+                        })
+                        // Check if other mutations have occurred since we've started this mutation.
+                        // If there's a race we don't update cache or broadcast the change,
+                        // just return the data.
+                    ];
+                case 1:
+                    // This means that the mutation is async, we need to check timestamps to
+                    // avoid race conditions.
+                    data = _c.sent();
+                    // Check if other mutations have occurred since we've started this mutation.
+                    // If there's a race we don't update cache or broadcast the change,
+                    // just return the data.
+                    if (beforeMutationTs !== MUTATION_TS[key]) {
+                        if (error)
+                            throw error;
+                        return [2 /*return*/, data];
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    data = _data;
+                    _c.label = 3;
+                case 3:
+                    // Only update cached data if there's no error. Data can be `undefined` here.
+                    if (!error) {
+                        cache.set(key, data);
+                    }
+                    // Always update or reset the error.
+                    cache.set(keyErr, error);
+                    // Reset the timestamp to mark the mutation has ended.
+                    MUTATION_END_TS[key] = getTimestamp();
+                    return [4 /*yield*/, broadcastState(cache, key, data, error, UNDEFINED, revalidate)
+                        // Throw error or return data
+                    ];
+                case 4:
+                    res = _c.sent();
+                    // Throw error or return data
+                    if (error)
+                        throw error;
+                    return [2 /*return*/, res];
+            }
+        });
+    });
+};
+
+var revalidateAllKeys = function (revalidators, type) {
+    for (var key in revalidators) {
+        if (revalidators[key][0])
+            revalidators[key][0](type);
+    }
+};
+var initCache = function (provider, options) {
+    // The global state for a specific provider will be used to deduplicate
+    // requests and store listeners. As well as a mutate function that bound to
+    // the cache.
+    // Provider's global state might be already initialized. Let's try to get the
+    // global state associated with the provider first.
+    if (!SWRGlobalState.has(provider)) {
+        var opts = mergeObjects(defaultConfigOptions, options);
+        // If there's no global state bound to the provider, create a new one with the
+        // new mutate function.
+        var EVENT_REVALIDATORS = {};
+        var mutate = internalMutate.bind(UNDEFINED, provider);
+        var unmount = noop;
+        // Update the state if it's new, or the provider has been extended.
+        SWRGlobalState.set(provider, [
+            EVENT_REVALIDATORS,
+            {},
+            {},
+            {},
+            {},
+            {},
+            mutate
+        ]);
+        // This is a new provider, we need to initialize it and setup DOM events
+        // listeners for `focus` and `reconnect` actions.
+        if (!IS_SERVER) {
+            var releaseFocus_1 = opts.initFocus(revalidateAllKeys.bind(UNDEFINED, EVENT_REVALIDATORS, FOCUS_EVENT));
+            var releaseReconnect_1 = opts.initReconnect(revalidateAllKeys.bind(UNDEFINED, EVENT_REVALIDATORS, RECONNECT_EVENT));
+            unmount = function () {
+                releaseFocus_1 && releaseFocus_1();
+                releaseReconnect_1 && releaseReconnect_1();
+                // When un-mounting, we need to remove the cache provider from the state
+                // storage too because it's a side-effect. Otherwise when re-mounting we
+                // will not re-register those event listeners.
+                SWRGlobalState.delete(provider);
+            };
+        }
+        // We might want to inject an extra layer on top of `provider` in the future,
+        // such as key serialization, auto GC, etc.
+        // For now, it's just a `Map` interface without any modifications.
+        return [provider, mutate, unmount];
+    }
+    return [provider, SWRGlobalState.get(provider)[6]];
+};
+
+// error retry
+var onErrorRetry = function (_, __, config, revalidate, opts) {
+    if (!preset.isVisible()) {
+        // If it's hidden, stop. It will auto revalidate when refocusing.
+        return;
+    }
+    var maxRetryCount = config.errorRetryCount;
+    var currentRetryCount = opts.retryCount;
+    // Exponential backoff
+    var timeout = ~~((Math.random() + 0.5) *
+        (1 << (currentRetryCount < 8 ? currentRetryCount : 8))) * config.errorRetryInterval;
+    if (!isUndefined$1(maxRetryCount) && currentRetryCount > maxRetryCount) {
+        return;
+    }
+    setTimeout(revalidate, timeout, opts);
+};
+// Default cache provider
+var _a = initCache(new Map()), cache = _a[0], mutate = _a[1];
+// Default config
+var defaultConfig = mergeObjects({
+    // events
+    onLoadingSlow: noop,
+    onSuccess: noop,
+    onError: noop,
+    onErrorRetry: onErrorRetry,
+    onDiscarded: noop,
+    // switches
+    revalidateOnFocus: true,
+    revalidateOnReconnect: true,
+    revalidateIfStale: true,
+    shouldRetryOnError: true,
+    // timeouts
+    errorRetryInterval: slowConnection ? 10000 : 5000,
+    focusThrottleInterval: 5 * 1000,
+    dedupingInterval: 2 * 1000,
+    loadingTimeout: slowConnection ? 5000 : 3000,
+    // providers
+    compare: function (currentData, newData) {
+        return stableHash(currentData) == stableHash(newData);
+    },
+    isPaused: function () { return false; },
+    cache: cache,
+    mutate: mutate,
+    fallback: {}
+}, 
+// use web preset by default
+preset);
+
+var mergeConfigs$1 = function (a, b) {
+    // Need to create a new object to avoid mutating the original here.
+    var v = mergeObjects(a, b);
+    // If two configs are provided, merge their `use` and `fallback` options.
+    if (b) {
+        var u1 = a.use, f1 = a.fallback;
+        var u2 = b.use, f2 = b.fallback;
+        if (u1 && u2) {
+            v.use = u1.concat(u2);
+        }
+        if (f1 && f2) {
+            v.fallback = mergeObjects(f1, f2);
+        }
+    }
+    return v;
+};
+
+var SWRConfigContext = React.createContext({});
+var SWRConfig$1 = function (props) {
+    var value = props.value;
+    // Extend parent context values and middleware.
+    var extendedConfig = mergeConfigs$1(React.useContext(SWRConfigContext), value);
+    // Should not use the inherited provider.
+    var provider = value && value.provider;
+    // Use a lazy initialized state to create the cache on first access.
+    var cacheContext = React.useState(function () {
+        return provider
+            ? initCache(provider(extendedConfig.cache || cache), value)
+            : UNDEFINED;
+    })[0];
+    // Override the cache if a new provider is given.
+    if (cacheContext) {
+        extendedConfig.cache = cacheContext[0];
+        extendedConfig.mutate = cacheContext[1];
+    }
+    // Unsubscribe events.
+    useIsomorphicLayoutEffect(function () { return (cacheContext ? cacheContext[2] : UNDEFINED); }, []);
+    return React.createElement(SWRConfigContext.Provider, mergeObjects(props, {
+        value: extendedConfig
+    }));
+};
+var SWRConfig = OBJECT.defineProperty(SWRConfig$1, 'default', {
+    value: defaultConfig
+});
+
+var zhCN = {
+  moneySymbol: '￥',
+  form: {
+    lightFilter: {
+      more: '更多筛选',
+      clear: '清除',
+      confirm: '确认',
+      itemUnit: '项'
+    }
+  },
+  tableForm: {
+    search: '查询',
+    reset: '重置',
+    submit: '提交',
+    collapsed: '展开',
+    expand: '收起',
+    inputPlaceholder: '请输入',
+    selectPlaceholder: '请选择'
+  },
+  alert: {
+    clear: '取消选择',
+    selected: '已选择',
+    item: '项'
+  },
+  pagination: {
+    total: {
+      range: '第',
+      total: '条/总共',
+      item: '条'
+    }
+  },
+  tableToolBar: {
+    leftPin: '固定在列首',
+    rightPin: '固定在列尾',
+    noPin: '不固定',
+    leftFixedTitle: '固定在左侧',
+    rightFixedTitle: '固定在右侧',
+    noFixedTitle: '不固定',
+    reset: '重置',
+    columnDisplay: '列展示',
+    columnSetting: '列设置',
+    fullScreen: '全屏',
+    exitFullScreen: '退出全屏',
+    reload: '刷新',
+    density: '密度',
+    densityDefault: '正常',
+    densityLarger: '默认',
+    densityMiddle: '中等',
+    densitySmall: '紧凑'
+  },
+  editableTable: {
+    action: {
+      save: '保存',
+      cancel: '取消',
+      delete: '删除'
+    }
+  },
+  switch: {
+    open: '打开',
+    close: '关闭'
+  },
+  loginForm: {
+    submitText: '登录'
+  }
+};
+
+function get$3(source, path, defaultValue) {
+  // a[3].b -> a.3.b
+  var paths = path.replace(/\[(\d+)\]/g, '.$1').split('.');
+  var result = source;
+  var message = defaultValue; // eslint-disable-next-line no-restricted-syntax
+
+  var _iterator = _createForOfIteratorHelper$1(paths),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var p = _step.value;
+      message = Object(result)[p];
+      result = Object(result)[p];
+
+      if (message === undefined) {
+        return defaultValue;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return message;
+}
+/**
+ * 创建一个操作函数
+ *
+ * @param locale
+ * @param localeMap
+ */
+
+
+var createIntl = function createIntl(locale, localeMap) {
+  return {
+    getMessage: function getMessage(id, defaultMessage) {
+      return get$3(localeMap, id, defaultMessage) || defaultMessage;
+    },
+    locale: locale
+  };
+};
+var zhCNIntl = createIntl('zh_CN', zhCN);
+var ConfigContext = /*#__PURE__*/React__default['default'].createContext({
+  intl: _objectSpread2$1(_objectSpread2$1({}, zhCNIntl), {}, {
+    locale: 'default'
+  }),
+  valueTypeMap: {}
+});
+var ConfigConsumer = ConfigContext.Consumer,
+    ConfigProvider = ConfigContext.Provider;
+
+var _excluded$g = ["columns", "extraColumns", "request", "modalFormSearch", "tableAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig"],
     _excluded2$3 = ["actionMethod"];
 
 var TabelCard = function TabelCard(props, ref) {
@@ -10167,7 +11096,7 @@ var TabelCard = function TabelCard(props, ref) {
       onFormChange = props.onFormChange,
       modalConfig = props.modalConfig,
       optionColumnConfig = props.optionColumnConfig,
-      extraProps = _objectWithoutProperties(props, _excluded$f);
+      extraProps = _objectWithoutProperties(props, _excluded$g);
 
   var actionRef = React.useRef();
   var formRef = React.useRef(null);
@@ -10496,6 +11425,7 @@ var TabelCard = function TabelCard(props, ref) {
       }
     });
   }, [actionRef]);
+  var values = React.useContext(ConfigContext);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(ModalForm$1, _objectSpread2(_objectSpread2({
     ref: formRef,
     title: modalFormConfig.type || '新增',
@@ -10550,7 +11480,25 @@ var TabelCard = function TabelCard(props, ref) {
 
       return true;
     })
-  })), /*#__PURE__*/React__default['default'].createElement(ProTable__default['default'], _objectSpread2({
+  })), /*#__PURE__*/React__default['default'].createElement(ConfigContext.Provider, {
+    value: _objectSpread2(_objectSpread2({}, values), {}, {
+      valueTypeMap: {
+        treeSelect: {
+          render: function render(text) {
+            return /*#__PURE__*/React__default['default'].createElement("span", null, text);
+          },
+          renderFormItem: function renderFormItem(text, props) {
+            return /*#__PURE__*/React__default['default'].createElement(Index$5, _objectSpread2({
+              request: props.request,
+              showSearch: true,
+              placeholder: "\u8BF7\u9009\u62E9",
+              allowClear: true
+            }, props === null || props === void 0 ? void 0 : props.fieldProps));
+          }
+        }
+      }
+    })
+  }, /*#__PURE__*/React__default['default'].createElement(ProTable__default['default'], _objectSpread2({
     actionRef: actionRef,
     rowKey: "id",
     bordered: true,
@@ -10591,7 +11539,7 @@ var TabelCard = function TabelCard(props, ref) {
     pagination: {
       pageSize: 20
     }
-  }, extraProps)));
+  }, extraProps))));
 };
 
 var index$1 = /*#__PURE__*/React__default['default'].forwardRef(TabelCard);
@@ -10600,6 +11548,7 @@ exports.AutoScroll = Index$9;
 exports.Breadcrumb = Index$b;
 exports.Button = WButton;
 exports.Card = Index$c;
+exports.Cascader = WCascader;
 exports.Checkbox = Index$4;
 exports.CountUp = Index$8;
 exports.DatePicker = Index$2;