wargerm 0.2.21 → 0.2.25

package/dist/index.esm.js

@@ -4,7 +4,7 @@ import 'antd/es/dropdown/style';
 import _Dropdown from 'antd/es/dropdown';
 import 'antd/es/menu/style';
 import _Menu from 'antd/es/menu';
-import React, { useState, useEffect, useMemo, useImperativeHandle, useRef } from 'react';
+import React, { useState, useEffect, useMemo, useImperativeHandle, useRef, createContext, useContext, createElement, useLayoutEffect } from 'react';
 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';
@@ -36,6 +36,8 @@ import _Checkbox from 'antd/es/checkbox';
 import 'antd/es/tree-select/style';
 import _TreeSelect from 'antd/es/tree-select';
 import uniqBy from 'lodash/uniqBy';
+import 'antd/es/cascader/style';
+import _Cascader from 'antd/es/cascader';
 import CountUp from 'react-countup';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import SwiperCore, { Pagination, Navigation, Autoplay } from 'swiper';
@@ -44,6 +46,9 @@ import _Breadcrumb from 'antd/es/breadcrumb';
 import ReactDOM from 'react-dom';
 import 'antd/es/modal/style';
 import _Modal from 'antd/es/modal';
+import 'antd/es/config-provider/style';
+import 'antd/es/config-provider';
+import 'antd/es/locale/zh_CN';
 import ProTable, { TableDropdown } from '@ant-design/pro-table';
 
 function ownKeys(object, enumerableOnly) {
@@ -7129,11 +7134,18 @@ function Table(_ref) {
                 flex: c.width ? '0 1 auto' : '1',
                 overflow: 'hidden'
               }
+            }, /*#__PURE__*/React.createElement("div", {
+              style: {
+                width: '100%',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+              }
             }, c.render ? c.render(record[c.dataIndex], record, index) : columnsFields[c.dataIndex] ? (_columnsFields$c$data = columnsFields[c.dataIndex].find(function (item) {
               return item.value == record[c.dataIndex];
-            })) === null || _columnsFields$c$data === void 0 ? void 0 : _columnsFields$c$data.label : record[c.dataIndex]));
+            })) === 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.createElement("div", {
               key: c.dataIndex,
@@ -7144,9 +7156,18 @@ function Table(_ref) {
                 overflow: 'hidden'
               },
               title: record[c.dataIndex]
+            }, c.ellipsis ? /*#__PURE__*/React.createElement("div", {
+              style: {
+                width: '100%',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis'
+              }
             }, c.render ? c.render(record[c.dataIndex], record, index) : columnsFields[c.dataIndex] ? (_columnsFields$c$data2 = columnsFields[c.dataIndex].find(function (item) {
               return item.value == record[c.dataIndex];
-            })) === null || _columnsFields$c$data2 === void 0 ? void 0 : _columnsFields$c$data2.label : record[c.dataIndex]);
+            })) === 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]);
           }
         }
       });
@@ -7595,7 +7616,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 = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      resList = _useState2[0],
+      setResList = _useState2[1];
+
+  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.createElement(_Cascader, _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) {
@@ -7609,7 +7683,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.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -7695,7 +7769,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) {
@@ -7723,16 +7797,53 @@ var WForm = function WForm(props, ref) {
           name: c.dataIndex,
           label: c.title,
           labelCol: _labelCol
+        }), /*#__PURE__*/React.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.createElement(_Col, _objectSpread2(_objectSpread2({
+          style: {
+            paddingLeft: '12px',
+            paddingRight: '12px'
+          }
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol2
         }), /*#__PURE__*/React.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
           };
         }
@@ -7772,16 +7883,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol2
+          labelCol: _labelCol3
         }), /*#__PURE__*/React.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
           };
         }
@@ -7808,7 +7919,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol3
+          labelCol: _labelCol4
         }), /*#__PURE__*/React.createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime), c.fieldProps))));
@@ -7835,10 +7946,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
           };
         }
@@ -7855,7 +7966,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol4
+          labelCol: _labelCol5
         }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
@@ -7884,10 +7995,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
           };
         }
@@ -7913,7 +8024,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol5
+          labelCol: _labelCol6
         }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
@@ -7933,10 +8044,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) {
@@ -7960,15 +8071,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol6
+          labelCol: _labelCol7
         }), /*#__PURE__*/React.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
           };
         }
@@ -7985,16 +8096,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol7
+          labelCol: _labelCol8
         }), /*#__PURE__*/React.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
           };
         }
@@ -8017,13 +8128,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
           };
         }
@@ -8040,17 +8151,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol9
+          labelCol: _labelCol10
         }), /*#__PURE__*/React.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
           };
         }
@@ -8067,16 +8178,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol10
+          labelCol: _labelCol11
         }), /*#__PURE__*/React.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
           };
         }
@@ -8093,7 +8204,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol11
+          labelCol: _labelCol12
         }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -8117,12 +8228,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 = {};
@@ -8157,18 +8268,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.createElement(_Col, _objectSpread2(_objectSpread2({
+          style: {
+            paddingLeft: '12px',
+            paddingRight: '12px'
+          }
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol13
+        }), /*#__PURE__*/React.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
           };
         }
@@ -8185,17 +8333,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol12
+          labelCol: _labelCol14
         }), /*#__PURE__*/React.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
           };
         }
@@ -8235,16 +8383,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol13
+          labelCol: _labelCol15
         }), /*#__PURE__*/React.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
           };
         }
@@ -8271,7 +8419,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol14
+          labelCol: _labelCol16
         }), /*#__PURE__*/React.createElement(RangePicker$3, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime2), c.fieldProps))));
@@ -8298,10 +8446,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
           };
         }
@@ -8318,7 +8466,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol15
+          labelCol: _labelCol17
         }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
@@ -8347,10 +8495,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
           };
         }
@@ -8376,7 +8524,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol16
+          labelCol: _labelCol18
         }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
@@ -8396,10 +8544,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) {
@@ -8423,15 +8571,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol17
+          labelCol: _labelCol19
         }), /*#__PURE__*/React.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
           };
         }
@@ -8448,16 +8596,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol18
+          labelCol: _labelCol20
         }), /*#__PURE__*/React.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
           };
         }
@@ -8480,13 +8628,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
           };
         }
@@ -8503,17 +8651,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol20
+          labelCol: _labelCol22
         }), /*#__PURE__*/React.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
           };
         }
@@ -8530,16 +8678,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol21
+          labelCol: _labelCol23
         }), /*#__PURE__*/React.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
           };
         }
@@ -8556,7 +8704,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol22
+          labelCol: _labelCol24
         }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -8699,8 +8847,8 @@ var WForm = function WForm(props, ref) {
 
 var WForm$1 = /*#__PURE__*/React.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,
@@ -8709,7 +8857,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 = useState(0),
@@ -8831,6 +8979,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,
@@ -8844,6 +8994,11 @@ var Index$7 = function Index(props) {
 
   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;
     }));
@@ -8866,12 +9021,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.createElement(CountUp, _objectSpread2({
     duration: duration
   }, extraProps));
@@ -8879,7 +9034,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 = useRef();
@@ -8963,7 +9118,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 = useState([]),
@@ -9040,28 +9195,42 @@ var Index$9 = function Index(_ref) {
   }
 };
 
-var _excluded$a = ["data", "onClick", "renderItem"];
+var _excluded$b = ["data", "onClick", "slidesPerView", "rowKey", "onSwiperChange", "renderItem"];
 
 SwiperCore.use([Pagination, Navigation, 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.createElement(Swiper, _objectSpread2({
-    onClick: function onClick(swiper, event) {
-      if (swiper.clickedIndex - 4 > data.length) {
-        swiper.slideNext();
-      } else {
-        swiper.clickedIndex && swiper.slideTo(swiper.clickedIndex);
-      }
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      controlledSwiper = _useState2[0],
+      setControlledSwiper = _useState2[1];
 
-      _onClick && _onClick(swiper, event);
+  return /*#__PURE__*/React.createElement(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,
@@ -9069,10 +9238,26 @@ var Index$a = function Index(props) {
     navigation: true
   }, extraProps), data.map(function (item, index) {
     return /*#__PURE__*/React.createElement(SwiperSlide, {
-      key: index
+      key: rowKey ? item[rowKey] : index
     }, function (_ref) {
       var isActive = _ref.isActive;
-      return renderItem(item, index, isActive);
+      return /*#__PURE__*/React.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));
     });
   }));
 };
@@ -9673,7 +9858,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) {
@@ -9691,7 +9876,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.createElement(_Breadcrumb, _objectSpread2({
     className: className || 'default',
@@ -9701,7 +9886,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;
@@ -9711,7 +9896,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.createElement("div", _objectSpread2({
     className: classnames((_classNames = {}, _defineProperty(_classNames, 'card-container', true), _defineProperty(_classNames, className, true), _classNames))
@@ -9788,7 +9973,7 @@ function DialogModel(props) {
         height: '100%',
         position: 'relative'
       }
-    }, ' ', props.children, ' '))), /*#__PURE__*/React.createElement("div", {
+    }, props.children))), /*#__PURE__*/React.createElement("div", {
       className: 'mask',
       onClick: function onClick() {
         return onClose && onClose();
@@ -9818,7 +10003,7 @@ function DialogModel(props) {
   return renderChildren;
 }
 
-var _excluded$d = ["visible"];
+var _excluded$e = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -9907,7 +10092,9 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
         style: style
       }, this.renderTop(), /*#__PURE__*/React.createElement("div", {
         className: "model-content"
-      }, this.renderContent()), this.renderFooter());
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "model-content-in"
+      }, this.renderContent())), this.renderFooter());
     }
   }]);
 
@@ -9950,7 +10137,7 @@ Modal.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$d);
+        trueProps = _objectWithoutProperties(props, _excluded$e);
 
     useEffect(function () {
       manager.mounted = true;
@@ -9974,7 +10161,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,
@@ -9988,7 +10175,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 = useRef(null);
 
@@ -10119,7 +10306,748 @@ 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"],
+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 ? useEffect : 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 = createContext({});
+var SWRConfig$1 = function (props) {
+    var value = props.value;
+    // Extend parent context values and middleware.
+    var extendedConfig = mergeConfigs$1(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 = 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 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.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) {
@@ -10134,7 +11062,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 = useRef();
   var formRef = useRef(null);
@@ -10463,6 +11391,7 @@ var TabelCard = function TabelCard(props, ref) {
       }
     });
   }, [actionRef]);
+  var values = useContext(ConfigContext);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ModalForm$1, _objectSpread2(_objectSpread2({
     ref: formRef,
     title: modalFormConfig.type || '新增',
@@ -10517,7 +11446,25 @@ var TabelCard = function TabelCard(props, ref) {
 
       return true;
     })
-  })), /*#__PURE__*/React.createElement(ProTable, _objectSpread2({
+  })), /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+    value: _objectSpread2(_objectSpread2({}, values), {}, {
+      valueTypeMap: {
+        treeSelect: {
+          render: function render(text) {
+            return /*#__PURE__*/React.createElement("span", null, text);
+          },
+          renderFormItem: function renderFormItem(text, props) {
+            return /*#__PURE__*/React.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.createElement(ProTable, _objectSpread2({
     actionRef: actionRef,
     rowKey: "id",
     bordered: true,
@@ -10558,9 +11505,9 @@ var TabelCard = function TabelCard(props, ref) {
     pagination: {
       pageSize: 20
     }
-  }, extraProps)));
+  }, extraProps))));
 };
 
 var index$1 = /*#__PURE__*/React.forwardRef(TabelCard);
 
-export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, Index$4 as Checkbox, Index$8 as CountUp, Index$2 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$7 as Number, NumericInput, Index$3 as Radio, Index$1 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$5 as TreeSelect, Index$6 as WDatePicker, WForm$1 as WForm };
+export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, Index$c as Card, WCascader as Cascader, Index$4 as Checkbox, Index$8 as CountUp, Index$2 as DatePicker, index as IconFont, Index as Input, WInputNumber as InputNumber, Modal, ModalForm$1 as ModalForm, Index$7 as Number, NumericInput, Index$3 as Radio, Index$1 as Select, Index$a as Swiper, WSwitch as Switch, index$1 as TabelCard, Table, Index$5 as TreeSelect, Index$6 as WDatePicker, WForm$1 as WForm };