wargerm 0.5.5 → 0.5.8

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect, useMemo, memo, useState, useImperativeHandle, forwardRef, createRef, useCallback } from 'react';
+import React, { useRef, useEffect, useMemo, useState, useImperativeHandle, memo, forwardRef, createRef, useCallback } from 'react';
 import { cloneDeep, isEmpty } from 'lodash';
 import 'antd/es/button/style';
 import _Button from 'antd/es/button';
@@ -6,9 +6,15 @@ import 'antd/es/dropdown/style';
 import _Dropdown from 'antd/es/dropdown';
 import 'antd/es/menu/style';
 import _Menu from 'antd/es/menu';
-import { createFromIconfontCN, SearchOutlined, ReloadOutlined, CloseCircleOutlined, PlusOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
+import { createFromIconfontCN, PlusOutlined, SearchOutlined, ReloadOutlined, CloseCircleOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
 import 'antd/es/input/style';
 import _Input from 'antd/es/input';
+import 'antd/es/modal/style';
+import _Modal from 'antd/es/modal';
+import 'antd/es/upload/style';
+import _Upload from 'antd/es/upload';
+import 'antd/es/message/style';
+import _message from 'antd/es/message';
 import 'antd/es/input-number/style';
 import _InputNumber from 'antd/es/input-number';
 import 'antd/es/pagination/style';
@@ -46,8 +52,6 @@ import SwiperCore, { Pagination, Navigation, Autoplay, Virtual } from 'swiper';
 import 'antd/es/breadcrumb/style';
 import _Breadcrumb from 'antd/es/breadcrumb';
 import ReactDOM from 'react-dom';
-import 'antd/es/modal/style';
-import _Modal from 'antd/es/modal';
 import ProTable from '@ant-design/pro-table';
 import Player from 'xgplayer';
 import FlvPlayer from 'xgplayer-flv.js';
@@ -581,6 +585,200 @@ var Index = WInput;
 Index.TextArea = _Input.TextArea;
 WInput.defaultProps = {};
 
+var _excluded$1 = ["value", "onChange", "beforeUpload", "uploadButton", "maxCount", "fetchMethord", "getFileList"];
+
+function Index$1(_ref, ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      beforeUpload = _ref.beforeUpload,
+      uploadButton = _ref.uploadButton,
+      maxCount = _ref.maxCount,
+      fetchMethord = _ref.fetchMethord,
+      getFileList = _ref.getFileList,
+      props = _objectWithoutProperties(_ref, _excluded$1);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      fileList = _useState2[0],
+      setFileList = _useState2[1];
+
+  useEffect(function () {
+    setFileList(value ? value.split(',').map(function (url) {
+      return {
+        uid: Math.random().toString(36).slice(2, 36),
+        name: '',
+        status: 'done',
+        url: url
+      };
+    }) : []);
+  }, [value]);
+  useEffect(function () {
+    getFileList && getFileList(fileList.map(function (file) {
+      return file.url;
+    }), fileList);
+  }, [fileList]);
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewVisible = _useState4[0],
+      setPreviewVisible = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      previewImage = _useState6[0],
+      setPreviewImage = _useState6[1];
+
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      previewTitle = _useState8[0],
+      setPreviewTitle = _useState8[1];
+
+  var getBase64 = function getBase64(file) {
+    return new Promise(function (resolve, reject) {
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
+
+      reader.onload = function () {
+        return resolve(reader.result);
+      };
+
+      reader.onerror = function (error) {
+        return reject(error);
+      };
+    });
+  };
+
+  var handleCancel = function handleCancel() {
+    return setPreviewVisible(false);
+  };
+
+  var beforeUploadIn = function beforeUploadIn(file) {
+    var isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
+
+    if (!isJpgOrPng) {
+      _message.error('You can only upload JPG/PNG file!');
+    }
+
+    var isLt2M = file.size / 1024 / 1024 < 2;
+
+    if (!isLt2M) {
+      _message.error('Image must smaller than 2MB!');
+    }
+
+    return beforeUpload ? beforeUpload(file) : isJpgOrPng && isLt2M;
+  };
+
+  var handleChange = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(_ref2) {
+      var file, newFileList, url, urls;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              file = _ref2.file, newFileList = _ref2.fileList;
+
+              if (!(file.status === 'done')) {
+                _context.next = 6;
+                break;
+              }
+
+              _context.next = 4;
+              return fetchMethord ? fetchMethord(file.originFileObj) : getBase64(file.originFileObj);
+
+            case 4:
+              url = _context.sent;
+
+              if (!file.url) {
+                file.url = url;
+              }
+
+            case 6:
+              urls = newFileList.map(function (file) {
+                return file.url;
+              }).join(',');
+              onChange && onChange(urls);
+              setFileList(newFileList);
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleChange(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var handlePreview = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(file) {
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(!file.url && !file.preview)) {
+                _context2.next = 4;
+                break;
+              }
+
+              _context2.next = 3;
+              return getBase64(file.originFileObj);
+
+            case 3:
+              file.preview = _context2.sent;
+
+            case 4:
+              setPreviewImage(file.url || file.preview);
+              setPreviewVisible(true);
+              setPreviewTitle(file.name || file.url.substring(file.url.lastIndexOf('/') + 1));
+
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function handlePreview(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var uploadButtonDom = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/React.createElement("div", null, "\u4E0A\u4F20")));
+  useImperativeHandle(ref, function () {
+    return {
+      fileList: fileList
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Upload, _objectSpread2({
+    fileList: fileList,
+    listType: "picture-card",
+    beforeUpload: beforeUploadIn,
+    onPreview: handlePreview,
+    onChange: handleChange
+  }, props), fileList.length >= maxCount ? null : uploadButton ? uploadButton : uploadButtonDom), /*#__PURE__*/React.createElement(_Modal, {
+    visible: previewVisible,
+    title: previewTitle,
+    footer: null,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: previewImage
+  })));
+}
+
+var Upload = /*#__PURE__*/React.forwardRef(Index$1);
+
 var WInputNumber = function WInputNumber(props) {
   var extraProps = _extends({}, props);
 
@@ -604,8 +802,8 @@ var RangePicker = function RangePicker(props) {
 };
 
 RangePicker.defaultProps = {};
-var Index$1 = WDatePicker;
-Index$1.RangePicker = RangePicker;
+var Index$2 = WDatePicker;
+Index$2.RangePicker = RangePicker;
 
 var WRadio = function WRadio(props) {
   var extraProps = _extends({}, props);
@@ -613,9 +811,9 @@ var WRadio = function WRadio(props) {
   return /*#__PURE__*/React.createElement(_Radio, _objectSpread2({}, extraProps));
 };
 
-var Index$2 = WRadio;
-Index$2.Group = _Radio.Group;
-Index$2.Button = _Radio.Button;
+var Index$3 = WRadio;
+Index$3.Group = _Radio.Group;
+Index$3.Button = _Radio.Button;
 WRadio.defaultProps = {};
 
 var WCheckbox = function WCheckbox(props) {
@@ -625,8 +823,8 @@ var WCheckbox = function WCheckbox(props) {
 };
 
 WCheckbox.defaultProps = {};
-var Index$3 = WCheckbox;
-Index$3.Group = _Checkbox.Group;
+var Index$4 = WCheckbox;
+Index$4.Group = _Checkbox.Group;
 
 /*
  * @Author: lijin
@@ -699,7 +897,7 @@ var calcHeight = function calcHeight(height) {
   return document.body.clientHeight / 2160 * height;
 };
 
-var _excluded$1 = ["className", "frameStyle", "style", "direction", "children"];
+var _excluded$2 = ["className", "frameStyle", "style", "direction", "children"];
 function FrameBox(_ref) {
   var _classnames;
 
@@ -709,7 +907,7 @@ function FrameBox(_ref) {
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? 'in' : _ref$direction,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1);
+      props = _objectWithoutProperties(_ref, _excluded$2);
 
   return /*#__PURE__*/React.createElement("div", _objectSpread2({
     className: classnames((_classnames = {}, _defineProperty(_classnames, 'frame', true), _defineProperty(_classnames, className || '', true), _classnames)),
@@ -741,7 +939,7 @@ function FrameBox(_ref) {
   }), children);
 }
 
-var _excluded$2 = ["request", "valueEnum", "onLoad", "children", "params"],
+var _excluded$3 = ["request", "valueEnum", "onLoad", "children", "params"],
     _excluded2 = ["children"];
 
 var WSelect = function WSelect(props) {
@@ -750,7 +948,7 @@ var WSelect = function WSelect(props) {
       onLoad = props.onLoad,
       children = props.children,
       params = props.params,
-      extraProps = _objectWithoutProperties(props, _excluded$2);
+      extraProps = _objectWithoutProperties(props, _excluded$3);
 
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -862,9 +1060,9 @@ var Option = function Option(props) {
   return /*#__PURE__*/React.createElement(_Select.Option, _objectSpread2({}, extraProps), children);
 };
 
-var Index$4 = WSelect;
-Index$4.Option = Option;
-var Select = /*#__PURE__*/memo(Index$4);
+var Index$5 = WSelect;
+Index$5.Option = Option;
+var Select = /*#__PURE__*/memo(Index$5);
 
 //! moment.js
 //! version : 2.29.1
@@ -6527,7 +6725,7 @@ hooks.HTML5_FMT = {
     MONTH: 'YYYY-MM', // <input type="month" />
 };
 
-var _excluded$3 = ["defaultValue", "format", "value", "onChange"],
+var _excluded$4 = ["defaultValue", "format", "value", "onChange"],
     _excluded2$1 = ["defaultValue", "value", "format", "showTime", "onChange"];
 
 var momentValue = function momentValue(value) {
@@ -6543,7 +6741,7 @@ var WDatePicker$1 = function WDatePicker(props) {
       format = props.format,
       value = props.value,
       _onChange = props.onChange,
-      extraProps = _objectWithoutProperties(props, _excluded$3);
+      extraProps = _objectWithoutProperties(props, _excluded$4);
 
   return /*#__PURE__*/React.createElement(_DatePicker, _objectSpread2({
     defaultValue: momentValue(defaultValue),
@@ -6579,8 +6777,8 @@ var RangePicker$1 = function RangePicker(props) {
 };
 
 RangePicker$1.defaultProps = {};
-var Index$5 = WDatePicker$1;
-Index$5.RangePicker = RangePicker$1;
+var Index$6 = WDatePicker$1;
+Index$6.RangePicker = RangePicker$1;
 
 var WSwitch = function WSwitch(props) {
   var extraProps = _extends({}, props);
@@ -6680,7 +6878,7 @@ var NumericInput = /*#__PURE__*/function (_React$Component) {
   return NumericInput;
 }(React.Component);
 
-var _excluded$4 = ["treeNodeLabelProp", "treeNodeValueProp", "treeNodeChildrenProp", "request", "onLoad", "params", "treeData"];
+var _excluded$5 = ["treeNodeLabelProp", "treeNodeValueProp", "treeNodeChildrenProp", "request", "onLoad", "params", "treeData"];
 
 var TreeSelect = function TreeSelect(_ref) {
   var _ref$treeNodeLabelPro = _ref.treeNodeLabelProp,
@@ -6693,7 +6891,7 @@ var TreeSelect = function TreeSelect(_ref) {
       onLoad = _ref.onLoad,
       params = _ref.params,
       treePropsData = _ref.treeData,
-      props = _objectWithoutProperties(_ref, _excluded$4);
+      props = _objectWithoutProperties(_ref, _excluded$5);
 
   var renderTree = function renderTree(data) {
     return data === null || data === void 0 ? void 0 : data.map(function (item) {
@@ -6765,10 +6963,10 @@ var TreeSelect = function TreeSelect(_ref) {
   }, props), !props.children ? renderTree(treeData) : props.children);
 };
 
-var Index$6 = TreeSelect;
-Index$6.TreeNode = _TreeSelect.TreeNode;
+var Index$7 = TreeSelect;
+Index$7.TreeNode = _TreeSelect.TreeNode;
 
-var _excluded$5 = ["request", "options", "onLoad", "value", "onChange", "params"];
+var _excluded$6 = ["request", "options", "onLoad", "value", "onChange", "params"];
 
 var WCascader = function WCascader(props) {
   var request = props.request,
@@ -6777,7 +6975,7 @@ var WCascader = function WCascader(props) {
       value = props.value,
       _onChange = props.onChange,
       params = props.params,
-      extraProps = _objectWithoutProperties(props, _excluded$5);
+      extraProps = _objectWithoutProperties(props, _excluded$6);
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -6844,8 +7042,8 @@ var WCascader = function WCascader(props) {
   }, extraProps));
 };
 
-var _excluded$6 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "disabledRuler", "onFormChange", "onSubmit", "onReset", "setForm"];
-var RangePicker$2 = Index$5.RangePicker;
+var _excluded$7 = ["columns", "extraColumns", "className", "style", "search", "disabled", "disabledHideInSearch", "disabledRuler", "onFormChange", "onSubmit", "onReset", "setForm"];
+var RangePicker$2 = Index$6.RangePicker;
 
 var WForm = function WForm(props, ref) {
   var columns = props.columns,
@@ -6860,7 +7058,7 @@ var WForm = function WForm(props, ref) {
       onSubmit = props.onSubmit,
       onReset = props.onReset,
       setForm = props.setForm,
-      extraProps = _objectWithoutProperties(props, _excluded$6);
+      extraProps = _objectWithoutProperties(props, _excluded$7);
 
   var _Form$useForm = _Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -6984,6 +7182,36 @@ var WForm = function WForm(props, ref) {
             });
           }
         }, c.fieldProps), _extraProps2))));
+      } else if (c.valueType == 'upload') {
+        var _labelCol2 = {};
+
+        if (search && search.labelWidth) {
+          _labelCol2.style = {
+            width: search.labelWidth
+          };
+        }
+
+        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+          className: "pl12 pr12"
+        }, 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(Upload, _objectSpread2({
+          getFileList: function getFileList(fileListUrls, fileList) {
+            setColumnsFields(function (preColumnsFields) {
+              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, {
+                fileListUrls: fileListUrls,
+                fileList: fileList
+              }));
+            });
+          },
+          disabled: disabled
+        }, c.fieldProps))));
       } else if (c.valueType == 'treeSelect') {
         var _extraProps3 = {};
 
@@ -6991,10 +7219,10 @@ var WForm = function WForm(props, ref) {
           _extraProps3.request = c.request;
         }
 
-        var _labelCol2 = {};
+        var _labelCol3 = {};
 
         if (search && search.labelWidth) {
-          _labelCol2.style = {
+          _labelCol3.style = {
             width: search.labelWidth
           };
         }
@@ -7008,17 +7236,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol2
-        }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol3
+        }), /*#__PURE__*/React.createElement(Index$7, _objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u9009\u62E9",
           onLoad: function onLoad(opt) {}
         }, c.fieldProps), _extraProps3))));
       } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
-        var _labelCol3 = {};
+        var _labelCol4 = {};
 
         if (search && search.labelWidth) {
-          _labelCol3.style = {
+          _labelCol4.style = {
             width: search.labelWidth
           };
         }
@@ -7055,16 +7283,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol3
-        }), /*#__PURE__*/React.createElement(Index$5, _objectSpread2(_objectSpread2(_objectSpread2({
+          labelCol: _labelCol4
+        }), /*#__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 _labelCol4 = {};
+        var _labelCol5 = {};
 
         if (search && search.labelWidth) {
-          _labelCol4.style = {
+          _labelCol5.style = {
             width: search.labelWidth
           };
         }
@@ -7088,7 +7316,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol4
+          labelCol: _labelCol5
         }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime), c.fieldProps))));
@@ -7115,10 +7343,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
           };
         }
@@ -7132,8 +7360,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol5
-        }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2({
+          labelCol: _labelCol6
+        }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
         }, c.fieldProps))));
@@ -7161,10 +7389,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options));
         });
-        var _labelCol6 = {};
+        var _labelCol7 = {};
 
         if (search && search.labelWidth) {
-          _labelCol6.style = {
+          _labelCol7.style = {
             width: search.labelWidth
           };
         }
@@ -7187,8 +7415,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol6
-        }), /*#__PURE__*/React.createElement(Index$2.Group, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol7
+        }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
           options: _options
@@ -7207,10 +7435,10 @@ var WForm = function WForm(props, ref) {
           }
         }
 
-        var _labelCol7 = {};
+        var _labelCol8 = {};
 
         if (search && search.labelWidth) {
-          _labelCol7.style = {
+          _labelCol8.style = {
             width: search.labelWidth
           };
         } // if (columnsFieldsRef.current) {
@@ -7231,15 +7459,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol7
+          labelCol: _labelCol8
         }), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
           disabled: disabled
         }, c.fieldProps))));
       } else if (c.valueType === 'digit') {
-        var _labelCol8 = {};
+        var _labelCol9 = {};
 
         if (search && search.labelWidth) {
-          _labelCol8.style = {
+          _labelCol9.style = {
             width: search.labelWidth
           };
         }
@@ -7253,16 +7481,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol8
+          labelCol: _labelCol9
         }), /*#__PURE__*/React.createElement(NumericInput, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
         }, c.fieldProps))));
       } else if (c.renderFormItem) {
-        var _labelCol9 = {};
+        var _labelCol10 = {};
 
         if (search && search.labelWidth) {
-          _labelCol9.style = {
+          _labelCol10.style = {
             width: search.labelWidth
           };
         }
@@ -7283,13 +7511,13 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol9
+          labelCol: _labelCol10
         }), baseitem)) : null;
       } else if (c.valueType === 'textarea') {
-        var _labelCol10 = {};
+        var _labelCol11 = {};
 
         if (search && search.labelWidth) {
-          _labelCol10.style = {
+          _labelCol11.style = {
             width: search.labelWidth
           };
         }
@@ -7303,17 +7531,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol10
+          labelCol: _labelCol11
         }), /*#__PURE__*/React.createElement(Index.TextArea, _objectSpread2({
           rows: 4,
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else if (c.valueType === 'inputNumber') {
-        var _labelCol11 = {};
+        var _labelCol12 = {};
 
         if (search && search.labelWidth) {
-          _labelCol11.style = {
+          _labelCol12.style = {
             width: search.labelWidth
           };
         }
@@ -7327,16 +7555,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol11
+          labelCol: _labelCol12
         }), /*#__PURE__*/React.createElement(WInputNumber, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else {
-        var _labelCol12 = {};
+        var _labelCol13 = {};
 
         if (search && search.labelWidth) {
-          _labelCol12.style = {
+          _labelCol13.style = {
             width: search.labelWidth
           };
         }
@@ -7350,7 +7578,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol12
+          labelCol: _labelCol13
         }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -7423,6 +7651,36 @@ var WForm = function WForm(props, ref) {
             }
           }
         }, c.fieldProps), _extraProps4))));
+      } else if (c.valueType == 'upload') {
+        var _labelCol14 = {};
+
+        if (search && search.labelWidth) {
+          _labelCol14.style = {
+            width: search.labelWidth
+          };
+        }
+
+        return /*#__PURE__*/React.createElement(_Col, _objectSpread2(_objectSpread2({
+          className: "pl12 pr12"
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React.createElement(_Form.Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol14
+        }), /*#__PURE__*/React.createElement(Upload, _objectSpread2({
+          getFileList: function getFileList(fileListUrls, fileList) {
+            setColumnsFields(function (preColumnsFields) {
+              return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, {
+                fileListUrls: fileListUrls,
+                fileList: fileList
+              }));
+            });
+          },
+          disabled: disabled
+        }, c.fieldProps))));
       } else if (c.valueType == 'cascader') {
         var _extraProps5 = {};
 
@@ -7430,10 +7688,10 @@ var WForm = function WForm(props, ref) {
           _extraProps5.request = c.request;
         }
 
-        var _labelCol13 = {};
+        var _labelCol15 = {};
 
         if (search && search.labelWidth) {
-          _labelCol13.style = {
+          _labelCol15.style = {
             width: search.labelWidth
           };
         }
@@ -7447,7 +7705,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol13
+          labelCol: _labelCol15
         }), /*#__PURE__*/React.createElement(WCascader, _objectSpread2(_objectSpread2({
           placeholder: "\u8BF7\u9009\u62E9",
           disabled: disabled,
@@ -7464,10 +7722,10 @@ var WForm = function WForm(props, ref) {
           _extraProps6.request = c.request;
         }
 
-        var _labelCol14 = {};
+        var _labelCol16 = {};
 
         if (search && search.labelWidth) {
-          _labelCol14.style = {
+          _labelCol16.style = {
             width: search.labelWidth
           };
         }
@@ -7481,17 +7739,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol14
-        }), /*#__PURE__*/React.createElement(Index$6, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol16
+        }), /*#__PURE__*/React.createElement(Index$7, _objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u9009\u62E9",
           onLoad: function onLoad(opt) {}
         }, c.fieldProps), _extraProps6))));
       } else if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear'].includes(c.valueType)) {
-        var _labelCol15 = {};
+        var _labelCol17 = {};
 
         if (search && search.labelWidth) {
-          _labelCol15.style = {
+          _labelCol17.style = {
             width: search.labelWidth
           };
         }
@@ -7528,16 +7786,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol15
-        }), /*#__PURE__*/React.createElement(Index$5, _objectSpread2(_objectSpread2(_objectSpread2({
+          labelCol: _labelCol17
+        }), /*#__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 _labelCol16 = {};
+        var _labelCol18 = {};
 
         if (search && search.labelWidth) {
-          _labelCol16.style = {
+          _labelCol18.style = {
             width: search.labelWidth
           };
         }
@@ -7561,7 +7819,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol16
+          labelCol: _labelCol18
         }), /*#__PURE__*/React.createElement(RangePicker$2, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime2), c.fieldProps))));
@@ -7588,10 +7846,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, options));
         });
-        var _labelCol17 = {};
+        var _labelCol19 = {};
 
         if (search && search.labelWidth) {
-          _labelCol17.style = {
+          _labelCol19.style = {
             width: search.labelWidth
           };
         }
@@ -7605,8 +7863,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol17
-        }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2({
+          labelCol: _labelCol19
+        }), /*#__PURE__*/React.createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
         }, c.fieldProps))));
@@ -7634,10 +7892,10 @@ var WForm = function WForm(props, ref) {
         setColumnsFields(function (preColumnsFields) {
           return _objectSpread2(_objectSpread2({}, preColumnsFields), {}, _defineProperty({}, c.dataIndex, _options3));
         });
-        var _labelCol18 = {};
+        var _labelCol20 = {};
 
         if (search && search.labelWidth) {
-          _labelCol18.style = {
+          _labelCol20.style = {
             width: search.labelWidth
           };
         }
@@ -7660,8 +7918,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol18
-        }), /*#__PURE__*/React.createElement(Index$2.Group, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol20
+        }), /*#__PURE__*/React.createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
           options: _options3
@@ -7680,10 +7938,10 @@ var WForm = function WForm(props, ref) {
           }
         }
 
-        var _labelCol19 = {};
+        var _labelCol21 = {};
 
         if (search && search.labelWidth) {
-          _labelCol19.style = {
+          _labelCol21.style = {
             width: search.labelWidth
           };
         } // if (columnsFieldsRef.current) {
@@ -7704,15 +7962,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol19
+          labelCol: _labelCol21
         }), /*#__PURE__*/React.createElement(WSwitch, _objectSpread2({
           disabled: disabled
         }, c.fieldProps))));
       } else if (c.valueType === 'digit') {
-        var _labelCol20 = {};
+        var _labelCol22 = {};
 
         if (search && search.labelWidth) {
-          _labelCol20.style = {
+          _labelCol22.style = {
             width: search.labelWidth
           };
         }
@@ -7726,16 +7984,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol20
+          labelCol: _labelCol22
         }), /*#__PURE__*/React.createElement(NumericInput, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165\u53C2\u6570(double/int)"
         }, c.fieldProps))));
       } else if (c.renderFormItem) {
-        var _labelCol21 = {};
+        var _labelCol23 = {};
 
         if (search && search.labelWidth) {
-          _labelCol21.style = {
+          _labelCol23.style = {
             width: search.labelWidth
           };
         }
@@ -7756,13 +8014,13 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol21
+          labelCol: _labelCol23
         }), baseitem)) : null;
       } else if (c.valueType === 'textarea') {
-        var _labelCol22 = {};
+        var _labelCol24 = {};
 
         if (search && search.labelWidth) {
-          _labelCol22.style = {
+          _labelCol24.style = {
             width: search.labelWidth
           };
         }
@@ -7776,17 +8034,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol22
+          labelCol: _labelCol24
         }), /*#__PURE__*/React.createElement(Index.TextArea, _objectSpread2({
           rows: 4,
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else if (c.valueType === 'inputNumber') {
-        var _labelCol23 = {};
+        var _labelCol25 = {};
 
         if (search && search.labelWidth) {
-          _labelCol23.style = {
+          _labelCol25.style = {
             width: search.labelWidth
           };
         }
@@ -7800,16 +8058,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol23
+          labelCol: _labelCol25
         }), /*#__PURE__*/React.createElement(WInputNumber, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, c.fieldProps))));
       } else {
-        var _labelCol24 = {};
+        var _labelCol26 = {};
 
         if (search && search.labelWidth) {
-          _labelCol24.style = {
+          _labelCol26.style = {
             width: search.labelWidth
           };
         }
@@ -7823,7 +8081,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol24
+          labelCol: _labelCol26
         }), /*#__PURE__*/React.createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -7892,6 +8150,65 @@ var WForm = function WForm(props, ref) {
     return filterObj(searchForm);
   };
 
+  var getFormValues = function getFormValues() {
+    var searchForm = form.getFieldsValue();
+    filterFormColumns.forEach(function (c) {
+      if (c.search && c.search.transform) {
+        var transformObj = c.search.transform(searchForm[c.dataIndex]);
+        searchForm = _objectSpread2(_objectSpread2({}, searchForm), transformObj);
+
+        if (!transformObj[c.dataIndex]) {
+          delete searchForm[c.dataIndex];
+        }
+
+        return false;
+      }
+
+      if (c.valueType && ['date', 'dateTime', 'dateMonth', 'dateYear', 'dateRange', 'dateTimeRange'].includes(c.valueType)) {
+        if (c.valueType === 'date' && searchForm[c.dataIndex]) {
+          var _c$fieldProps7;
+
+          searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format((c === null || c === void 0 ? void 0 : (_c$fieldProps7 = c.fieldProps) === null || _c$fieldProps7 === void 0 ? void 0 : _c$fieldProps7.format) || 'YYYY-MM-DD');
+        }
+
+        if (c.valueType === 'dateTime' && searchForm[c.dataIndex]) {
+          var _c$fieldProps8;
+
+          searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format((c === null || c === void 0 ? void 0 : (_c$fieldProps8 = c.fieldProps) === null || _c$fieldProps8 === void 0 ? void 0 : _c$fieldProps8.format) || 'YYYY-MM-DD HH:mm:ss');
+        }
+
+        if (c.valueType === 'dateMonth' && searchForm[c.dataIndex]) {
+          var _c$fieldProps9;
+
+          searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format((c === null || c === void 0 ? void 0 : (_c$fieldProps9 = c.fieldProps) === null || _c$fieldProps9 === void 0 ? void 0 : _c$fieldProps9.format) || 'YYYY-MM');
+        }
+
+        if (c.valueType === 'dateYear' && searchForm[c.dataIndex]) {
+          var _c$fieldProps10;
+
+          searchForm[c.dataIndex] = searchForm[c.dataIndex] && hooks(searchForm[c.dataIndex]).format((c === null || c === void 0 ? void 0 : (_c$fieldProps10 = c.fieldProps) === null || _c$fieldProps10 === void 0 ? void 0 : _c$fieldProps10.format) || 'YYYY');
+        }
+
+        if (c.valueType === 'dateRange' && searchForm[c.dataIndex]) {
+          searchForm[c.dataIndex] = searchForm[c.dataIndex].map(function (item) {
+            var _c$fieldProps11;
+
+            return item && searchForm[c.dataIndex] && hooks(item).format((c === null || c === void 0 ? void 0 : (_c$fieldProps11 = c.fieldProps) === null || _c$fieldProps11 === void 0 ? void 0 : _c$fieldProps11.format) || 'YYYY-MM-DD');
+          });
+        }
+
+        if (c.valueType === 'dateTimeRange' && searchForm[c.dataIndex]) {
+          searchForm[c.dataIndex] = searchForm[c.dataIndex].map(function (item) {
+            var _c$fieldProps12;
+
+            return item && hooks(item).format((c === null || c === void 0 ? void 0 : (_c$fieldProps12 = c.fieldProps) === null || _c$fieldProps12 === void 0 ? void 0 : _c$fieldProps12.format) || 'YYYY-MM-DD HH:mm:ss');
+          });
+        }
+      }
+    });
+    return filterObj(searchForm);
+  };
+
   var handleRest = function handleRest() {
     var _form$resetFields;
 
@@ -7926,7 +8243,8 @@ var WForm = function WForm(props, ref) {
       handleSubmit: form.submit,
       handleRest: handleRest,
       resetFields: handleRest,
-      setFieldsValue: setFieldsValue
+      setFieldsValue: setFieldsValue,
+      getFormValues: getFormValues
     };
   });
   useEffect(function () {
@@ -7998,7 +8316,7 @@ var WForm = function WForm(props, ref) {
 
 var WForm$1 = /*#__PURE__*/React.forwardRef(WForm);
 
-var _excluded$7 = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable", "frameBoxDirection", "formRef", "none"];
+var _excluded$8 = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable", "frameBoxDirection", "formRef", "none"];
 
 function Table(_ref) {
   var _formSearchRef$curren4, _classnames2, _columns$, _columns$2;
@@ -8030,7 +8348,7 @@ function Table(_ref) {
       frameBoxDirection = _ref$frameBoxDirectio === void 0 ? 'out' : _ref$frameBoxDirectio,
       formRef = _ref.formRef,
       none = _ref.none,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   var _useState = useState(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [])),
       _useState2 = _slicedToArray(_useState, 2),
@@ -8291,7 +8609,7 @@ function Table(_ref) {
         left: 6
       } : {}),
       className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
-    }, /*#__PURE__*/React.createElement(Index$3, {
+    }, /*#__PURE__*/React.createElement(Index$4, {
       checked: (_ref2 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref2 === void 0 ? void 0 : _ref2.includes(key),
       onClick: function onClick(e) {
         return e.stopPropagation();
@@ -8331,7 +8649,7 @@ function Table(_ref) {
         left: 6
       } : {}),
       className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
-    }, /*#__PURE__*/React.createElement(Index$2, {
+    }, /*#__PURE__*/React.createElement(Index$3, {
       checked: (_ref3 = [].concat(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []), _toConsumableArray(selectedRowKeys))) === null || _ref3 === void 0 ? void 0 : _ref3.includes(key),
       onClick: function onClick(e) {
         return e.stopPropagation();
@@ -8511,7 +8829,7 @@ function Table(_ref) {
       left: 6
     } : {}),
     className: "td ".concat(((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.fixed) == 'left' ? 'fixedLeft' : '')
-  }, /*#__PURE__*/React.createElement(Index$3, {
+  }, /*#__PURE__*/React.createElement(Index$4, {
     checked: dataSource.every(function (record) {
       return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
     }),
@@ -8570,7 +8888,7 @@ Table.defaultProps = {
 };
 var index$1 = /*#__PURE__*/memo(Table);
 
-var _excluded$8 = ["height", "width", "count", "style", "numberStyle"],
+var _excluded$9 = ["height", "width", "count", "style", "numberStyle"],
     _excluded2$2 = ["count", "numberCount", "width", "height", "marginRight"];
 
 var Number = function Number(_ref) {
@@ -8580,7 +8898,7 @@ var Number = function Number(_ref) {
       count = _ref$count === void 0 ? 0 : _ref$count,
       style = _ref.style,
       numberStyle = _ref.numberStyle,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$9);
 
   // 上次的值
   var _useState = useState(0),
@@ -8700,7 +9018,7 @@ Number.defaultProps = {
   height: 40
 };
 
-var Index$7 = function Index(props) {
+var Index$8 = function Index(props) {
   var count = props.count,
       _props$numberCount = props.numberCount,
       numberCount = _props$numberCount === void 0 ? 5 : _props$numberCount,
@@ -8744,20 +9062,20 @@ var Index$7 = function Index(props) {
   }));
 };
 
-var _excluded$9 = ["duration"];
+var _excluded$a = ["duration"];
 
-var Index$8 = function Index(props) {
+var Index$9 = function Index(props) {
   var _props$duration = props.duration,
       duration = _props$duration === void 0 ? 2.75 : _props$duration,
-      extraProps = _objectWithoutProperties(props, _excluded$9);
+      extraProps = _objectWithoutProperties(props, _excluded$a);
   return /*#__PURE__*/React.createElement(CountUp, _objectSpread2({
     duration: duration
   }, extraProps));
 };
 
-Index$8.defaultProps = {};
+Index$9.defaultProps = {};
 
-var _excluded$a = ["list", "render", "none", "partSize"];
+var _excluded$b = ["list", "render", "none", "partSize"];
 
 function AutoScroll(props) {
   var inner1 = useRef();
@@ -8836,13 +9154,13 @@ function AutoScroll(props) {
   }));
 }
 
-var Index$9 = function Index(_ref) {
+var Index$a = function Index(_ref) {
   var list = _ref.list,
       render = _ref.render,
       none = _ref.none,
       _ref$partSize = _ref.partSize,
       partSize = _ref$partSize === void 0 ? 4 : _ref$partSize,
-      otherProps = _objectWithoutProperties(_ref, _excluded$a);
+      otherProps = _objectWithoutProperties(_ref, _excluded$b);
 
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -8925,11 +9243,11 @@ var Index$9 = function Index(_ref) {
   }, none || '暂无数据');
 };
 
-var _excluded$b = ["data", "onClick", "slidesPerView", "rowKey", "onSwiperChange", "renderItem"];
+var _excluded$c = ["data", "onClick", "slidesPerView", "rowKey", "onSwiperChange", "renderItem"];
 
 SwiperCore.use([Pagination, Navigation, Autoplay, Virtual]);
 
-var Index$a = function Index(props) {
+var Index$b = function Index(props) {
   var data = props.data,
       _onClick = props.onClick,
       _props$slidesPerView = props.slidesPerView,
@@ -8937,7 +9255,7 @@ var Index$a = function Index(props) {
       rowKey = props.rowKey,
       onSwiperChange = props.onSwiperChange,
       renderItem = props.renderItem,
-      extraProps = _objectWithoutProperties(props, _excluded$b);
+      extraProps = _objectWithoutProperties(props, _excluded$c);
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -8992,7 +9310,7 @@ var Index$a = function Index(props) {
   }));
 };
 
-Index$a.defaultProps = {};
+Index$b.defaultProps = {};
 
 function _extends$1() {
   _extends$1 = Object.assign || function (target) {
@@ -9588,7 +9906,7 @@ function createBrowserHistory(props) {
   return history;
 }
 
-var _excluded$c = ["routes", "className"];
+var _excluded$d = ["routes", "className"];
 var history = createBrowserHistory();
 
 function itemRender(route, params, routes, paths) {
@@ -9603,10 +9921,10 @@ function itemRender(route, params, routes, paths) {
   }, route.breadcrumbName);
 }
 
-var Index$b = function Index(_ref) {
+var Index$c = function Index(_ref) {
   var routes = _ref.routes,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$c);
+      props = _objectWithoutProperties(_ref, _excluded$d);
 
   return /*#__PURE__*/React.createElement(_Breadcrumb, _objectSpread2({
     className: className || 'default',
@@ -9616,9 +9934,9 @@ var Index$b = function Index(_ref) {
   }, props));
 };
 
-var _excluded$d = ["title", "className", "headerTail", "headerCenter", "sliderTabs"];
+var _excluded$e = ["title", "className", "headerTail", "headerCenter", "sliderTabs"];
 
-var Index$c = function Index(_ref, ref) {
+var Index$d = function Index(_ref, ref) {
   var _classNames, _sliderTabs$component, _sliderTabs$tabs;
 
   var title = _ref.title,
@@ -9627,7 +9945,7 @@ var Index$c = function Index(_ref, ref) {
       headerTail = _ref.headerTail,
       headerCenter = _ref.headerCenter,
       sliderTabs = _ref.sliderTabs,
-      props = _objectWithoutProperties(_ref, _excluded$d);
+      props = _objectWithoutProperties(_ref, _excluded$e);
 
   useImperativeHandle(ref, function () {
     return {
@@ -9669,7 +9987,7 @@ var Index$c = function Index(_ref, ref) {
   }))));
 };
 
-var index$2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Index$c));
+var index$2 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Index$d));
 
 var controlShow = function controlShow(f1, f2, value, timer) {
   f1(value);
@@ -9871,7 +10189,7 @@ function DialogModel(props, ref) {
 
 var Dialog = /*#__PURE__*/React.forwardRef(DialogModel);
 
-var _excluded$e = ["visible", "width", "closeCb", "onClose", "className", "style"],
+var _excluded$f = ["visible", "width", "closeCb", "onClose", "className", "style"],
     _excluded2$3 = ["visible"];
 
 var Modal = /*#__PURE__*/function (_React$PureComponent) {
@@ -9988,7 +10306,7 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
           onClose = _this$props4.onClose,
           className = _this$props4.className,
           style = _this$props4.style,
-          other = _objectWithoutProperties(_this$props4, _excluded$e);
+          other = _objectWithoutProperties(_this$props4, _excluded$f);
 
       return /*#__PURE__*/React.createElement(Dialog, _objectSpread2({
         ref: this.containerRef,
@@ -10171,7 +10489,7 @@ function DialogModel$1(props) {
   return renderChildren;
 }
 
-var _excluded$f = ["visible"];
+var _excluded$g = ["visible"];
 
 var Modal$1 = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Modal, _React$PureComponent);
@@ -10311,7 +10629,7 @@ Modal$1.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$f);
+        trueProps = _objectWithoutProperties(props, _excluded$g);
 
     useEffect(function () {
       manager.mounted = true;
@@ -10511,7 +10829,7 @@ function DragBox(_ref) {
   }, children)) : /*#__PURE__*/React.createElement(React.Fragment, null);
 }
 
-var _excluded$g = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange", "formItemChild"];
+var _excluded$h = ["columns", "extraColumns", "search", "visible", "setVisible", "disabled", "submitMethod", "onSubmitSuccess", "title", "record", "onFormChange", "formItemChild", "onCancel"];
 
 var ModalForm = function ModalForm(props, ref) {
   var columns = props.columns,
@@ -10526,7 +10844,8 @@ var ModalForm = function ModalForm(props, ref) {
       record = props.record,
       onFormChange = props.onFormChange,
       formItemChild = props.formItemChild,
-      extraProps = _objectWithoutProperties(props, _excluded$g);
+      onCancel = props.onCancel,
+      extraProps = _objectWithoutProperties(props, _excluded$h);
 
   var formRef = useRef(null);
 
@@ -10588,6 +10907,7 @@ var ModalForm = function ModalForm(props, ref) {
   }();
 
   var handleCancel = function handleCancel() {
+    onCancel && onCancel();
     setVisible(false);
   };
 
@@ -10657,7 +10977,7 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React.forwardRef(ModalForm);
 
-var _excluded$h = ["columns", "extraColumns", "request", "modalFormSearch", "search", "tableAction", "fliterAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig", "pagination", "noBordered"];
+var _excluded$i = ["columns", "extraColumns", "request", "modalFormSearch", "search", "tableAction", "fliterAction", "renderTableBar", "className", "style", "onFormChange", "modalConfig", "optionColumnConfig", "pagination", "noBordered"];
 
 var TabelCard = function TabelCard(props, ref) {
   var columns = props.columns,
@@ -10675,7 +10995,7 @@ var TabelCard = function TabelCard(props, ref) {
       optionColumnConfig = props.optionColumnConfig,
       pagination = props.pagination,
       noBordered = props.noBordered,
-      extraProps = _objectWithoutProperties(props, _excluded$h);
+      extraProps = _objectWithoutProperties(props, _excluded$i);
 
   var actionRef = useRef();
   var modalFormRef = useRef(null);
@@ -11625,7 +11945,7 @@ function VideoPlayer(_ref, ref) {
 
 var index$4 = /*#__PURE__*/forwardRef(VideoPlayer);
 
-var _excluded$i = ["id", "videoUrls", "definitionList", "isLoop", "muted", "currentIndex", "setCurrentIndex", "className", "style", "visible", "autoplay", "videoInit", "enableMemory", "lastPlayTimeHideDelay"];
+var _excluded$j = ["id", "videoUrls", "definitionList", "isLoop", "muted", "currentIndex", "setCurrentIndex", "className", "style", "visible", "autoplay", "videoInit", "enableMemory", "lastPlayTimeHideDelay"];
 
 var DEFAULT_PLAY_BACK_RATE = [0.5, 0.75, 1, 1.5, 2]; // 默认记忆提示文字展示时长(s)
 
@@ -11656,7 +11976,7 @@ var index$5 = (function (_ref) {
       enableMemory = _ref$enableMemory === void 0 ? false : _ref$enableMemory,
       _ref$lastPlayTimeHide = _ref.lastPlayTimeHideDelay,
       lastPlayTimeHideDelay = _ref$lastPlayTimeHide === void 0 ? DEFAULT_LAST_PLAY_TIME_DELAY : _ref$lastPlayTimeHide,
-      props = _objectWithoutProperties(_ref, _excluded$i);
+      props = _objectWithoutProperties(_ref, _excluded$j);
 
   var player = useRef();
   var currentPlayerIndex = useRef(0); // 内置的 index 状态管理
@@ -12634,4 +12954,4 @@ function WaterLevelCharts(config) {
   });
 }
 
-export { Index$9 as AutoScroll, Index$b as Breadcrumb, WButton as Button, index$2 as Card, WCascader as Cascader, Index$3 as Checkbox, Index$8 as CountUp, Index$1 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$7 as Number, NumericInput, Index$2 as Radio, Select, Index$a as Swiper, WSwitch as Switch, index$3 as TabelCard, index$1 as Table, Index$6 as TreeSelect, index$5 as Video, index$4 as VideoPlayer, Index$5 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter };
+export { Index$a as AutoScroll, Index$c as Breadcrumb, WButton as Button, index$2 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$9 as CountUp, Index$2 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$8 as Number, NumericInput, Index$3 as Radio, Select, Index$b as Swiper, WSwitch as Switch, index$3 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$5 as Video, index$4 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter };