wargerm 0.5.6 → 0.5.9

package/dist/index.js

@@ -13,6 +13,12 @@ var _Menu = require('antd/es/menu');
 var icons = require('@ant-design/icons');
 require('antd/es/input/style');
 var _Input = require('antd/es/input');
+require('antd/es/modal/style');
+var _Modal = require('antd/es/modal');
+require('antd/es/upload/style');
+var _Upload = require('antd/es/upload');
+require('antd/es/message/style');
+var _message = require('antd/es/message');
 require('antd/es/input-number/style');
 var _InputNumber = require('antd/es/input-number');
 require('antd/es/pagination/style');
@@ -50,8 +56,6 @@ var SwiperCore = require('swiper');
 require('antd/es/breadcrumb/style');
 var _Breadcrumb = require('antd/es/breadcrumb');
 var ReactDOM = require('react-dom');
-require('antd/es/modal/style');
-var _Modal = require('antd/es/modal');
 var ProTable = require('@ant-design/pro-table');
 var Player = require('xgplayer');
 var FlvPlayer = require('xgplayer-flv.js');
@@ -89,6 +93,9 @@ var _Button__default = /*#__PURE__*/_interopDefaultLegacy(_Button);
 var _Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(_Dropdown);
 var _Menu__default = /*#__PURE__*/_interopDefaultLegacy(_Menu);
 var _Input__default = /*#__PURE__*/_interopDefaultLegacy(_Input);
+var _Modal__default = /*#__PURE__*/_interopDefaultLegacy(_Modal);
+var _Upload__default = /*#__PURE__*/_interopDefaultLegacy(_Upload);
+var _message__default = /*#__PURE__*/_interopDefaultLegacy(_message);
 var _InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(_InputNumber);
 var _Pagination__default = /*#__PURE__*/_interopDefaultLegacy(_Pagination);
 var _Spin__default = /*#__PURE__*/_interopDefaultLegacy(_Spin);
@@ -110,7 +117,6 @@ var CountUp__default = /*#__PURE__*/_interopDefaultLegacy(CountUp);
 var SwiperCore__default = /*#__PURE__*/_interopDefaultLegacy(SwiperCore);
 var _Breadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(_Breadcrumb);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var _Modal__default = /*#__PURE__*/_interopDefaultLegacy(_Modal);
 var ProTable__default = /*#__PURE__*/_interopDefaultLegacy(ProTable);
 var Player__default = /*#__PURE__*/_interopDefaultLegacy(Player);
 var FlvPlayer__default = /*#__PURE__*/_interopDefaultLegacy(FlvPlayer);
@@ -640,6 +646,200 @@ var Index = WInput;
 Index.TextArea = _Input__default['default'].TextArea;
 WInput.defaultProps = {};
 
+var _excluded$1 = ["value", "onChange", "beforeUpload", "uploadButton", "maxCount", "fetchMethod", "getFileList"];
+
+function Index$1(_ref, ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      beforeUpload = _ref.beforeUpload,
+      uploadButton = _ref.uploadButton,
+      maxCount = _ref.maxCount,
+      fetchMethod = _ref.fetchMethod,
+      getFileList = _ref.getFileList,
+      props = _objectWithoutProperties(_ref, _excluded$1);
+
+  var _useState = React.useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      fileList = _useState2[0],
+      setFileList = _useState2[1];
+
+  React.useEffect(function () {
+    setFileList(value ? value.split(',').map(function (url) {
+      return {
+        uid: Math.random().toString(36).slice(2, 36),
+        name: '',
+        status: 'done',
+        url: url
+      };
+    }) : []);
+  }, [value]);
+  React.useEffect(function () {
+    getFileList && getFileList(fileList.map(function (file) {
+      return file.url;
+    }), fileList);
+  }, [fileList]);
+
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      previewVisible = _useState4[0],
+      setPreviewVisible = _useState4[1];
+
+  var _useState5 = React.useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      previewImage = _useState6[0],
+      setPreviewImage = _useState6[1];
+
+  var _useState7 = React.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__default['default'].error('You can only upload JPG/PNG file!');
+    }
+
+    var isLt2M = file.size / 1024 / 1024 < 2;
+
+    if (!isLt2M) {
+      _message__default['default'].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 fetchMethod ? fetchMethod(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__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(icons.PlusOutlined, null), /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      marginTop: 8
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, "\u4E0A\u4F20")));
+  React.useImperativeHandle(ref, function () {
+    return {
+      fileList: fileList
+    };
+  });
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(_Upload__default['default'], _objectSpread2({
+    fileList: fileList,
+    listType: "picture-card",
+    beforeUpload: beforeUploadIn,
+    onPreview: handlePreview,
+    onChange: handleChange
+  }, props), fileList.length >= maxCount ? null : uploadButton ? uploadButton : uploadButtonDom), /*#__PURE__*/React__default['default'].createElement(_Modal__default['default'], {
+    visible: previewVisible,
+    title: previewTitle,
+    footer: null,
+    onCancel: handleCancel
+  }, /*#__PURE__*/React__default['default'].createElement("img", {
+    alt: "example",
+    style: {
+      width: '100%'
+    },
+    src: previewImage
+  })));
+}
+
+var Upload = /*#__PURE__*/React__default['default'].forwardRef(Index$1);
+
 var WInputNumber = function WInputNumber(props) {
   var extraProps = _extends({}, props);
 
@@ -663,8 +863,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);
@@ -672,9 +872,9 @@ var WRadio = function WRadio(props) {
   return /*#__PURE__*/React__default['default'].createElement(_Radio__default['default'], _objectSpread2({}, extraProps));
 };
 
-var Index$2 = WRadio;
-Index$2.Group = _Radio__default['default'].Group;
-Index$2.Button = _Radio__default['default'].Button;
+var Index$3 = WRadio;
+Index$3.Group = _Radio__default['default'].Group;
+Index$3.Button = _Radio__default['default'].Button;
 WRadio.defaultProps = {};
 
 var WCheckbox = function WCheckbox(props) {
@@ -684,13 +884,13 @@ var WCheckbox = function WCheckbox(props) {
 };
 
 WCheckbox.defaultProps = {};
-var Index$3 = WCheckbox;
-Index$3.Group = _Checkbox__default['default'].Group;
+var Index$4 = WCheckbox;
+Index$4.Group = _Checkbox__default['default'].Group;
 
 /*
  * @Author: lijin
  * @Date: 2021-10-27 22:18:49
- * @LastEditTime: 2022-07-22 15:17:01
+ * @LastEditTime: 2022-08-09 09:35:23
  * @LastEditors: lijin
  * @Description:
  * @FilePath: \wargerm-components\src\utils\index.ts
@@ -758,7 +958,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;
 
@@ -768,7 +968,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__default['default'].createElement("div", _objectSpread2({
     className: classnames__default['default']((_classnames = {}, _defineProperty(_classnames, 'frame', true), _defineProperty(_classnames, className || '', true), _classnames)),
@@ -800,7 +1000,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) {
@@ -809,7 +1009,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 = React.useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -921,9 +1121,9 @@ var Option = function Option(props) {
   return /*#__PURE__*/React__default['default'].createElement(_Select__default['default'].Option, _objectSpread2({}, extraProps), children);
 };
 
-var Index$4 = WSelect;
-Index$4.Option = Option;
-var Select = /*#__PURE__*/React.memo(Index$4);
+var Index$5 = WSelect;
+Index$5.Option = Option;
+var Select = /*#__PURE__*/React.memo(Index$5);
 
 //! moment.js
 //! version : 2.29.1
@@ -6586,7 +6786,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) {
@@ -6602,7 +6802,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__default['default'].createElement(_DatePicker__default['default'], _objectSpread2({
     defaultValue: momentValue(defaultValue),
@@ -6638,8 +6838,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);
@@ -6739,7 +6939,7 @@ var NumericInput = /*#__PURE__*/function (_React$Component) {
   return NumericInput;
 }(React__default['default'].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,
@@ -6752,7 +6952,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) {
@@ -6824,10 +7024,10 @@ var TreeSelect = function TreeSelect(_ref) {
   }, props), !props.children ? renderTree(treeData) : props.children);
 };
 
-var Index$6 = TreeSelect;
-Index$6.TreeNode = _TreeSelect__default['default'].TreeNode;
+var Index$7 = TreeSelect;
+Index$7.TreeNode = _TreeSelect__default['default'].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,
@@ -6836,7 +7036,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 = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -6903,8 +7103,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,
@@ -6919,7 +7119,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__default['default'].useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -7043,6 +7243,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__default['default'].createElement(_Col__default['default'], _objectSpread2(_objectSpread2({
+          className: "pl12 pr12"
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol2
+        }), /*#__PURE__*/React__default['default'].createElement(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 = {};
 
@@ -7050,10 +7280,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
           };
         }
@@ -7067,17 +7297,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol2
-        }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol3
+        }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7114,16 +7344,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol3
-        }), /*#__PURE__*/React__default['default'].createElement(Index$5, _objectSpread2(_objectSpread2(_objectSpread2({
+          labelCol: _labelCol4
+        }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
       } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
-        var _labelCol4 = {};
+        var _labelCol5 = {};
 
         if (search && search.labelWidth) {
-          _labelCol4.style = {
+          _labelCol5.style = {
             width: search.labelWidth
           };
         }
@@ -7147,7 +7377,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol4
+          labelCol: _labelCol5
         }), /*#__PURE__*/React__default['default'].createElement(RangePicker$2, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime), c.fieldProps))));
@@ -7174,10 +7404,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
           };
         }
@@ -7191,8 +7421,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol5
-        }), /*#__PURE__*/React__default['default'].createElement(Index$3.Group, _objectSpread2({
+          labelCol: _labelCol6
+        }), /*#__PURE__*/React__default['default'].createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
         }, c.fieldProps))));
@@ -7220,10 +7450,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
           };
         }
@@ -7246,8 +7476,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol6
-        }), /*#__PURE__*/React__default['default'].createElement(Index$2.Group, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol7
+        }), /*#__PURE__*/React__default['default'].createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
           options: _options
@@ -7266,10 +7496,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) {
@@ -7290,15 +7520,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol7
+          labelCol: _labelCol8
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7312,16 +7542,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol8
+          labelCol: _labelCol9
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7342,13 +7572,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
           };
         }
@@ -7362,17 +7592,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol10
+          labelCol: _labelCol11
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7386,16 +7616,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol11
+          labelCol: _labelCol12
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7409,7 +7639,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol12
+          labelCol: _labelCol13
         }), /*#__PURE__*/React__default['default'].createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -7482,6 +7712,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__default['default'].createElement(_Col__default['default'], _objectSpread2(_objectSpread2({
+          className: "pl12 pr12"
+        }, colProps), {}, {
+          key: c.dataIndex
+        }), /*#__PURE__*/React__default['default'].createElement(_Form__default['default'].Item, _objectSpread2(_objectSpread2({
+          initialValue: c.initialValue
+        }, c.formItemProps), {}, {
+          name: c.dataIndex,
+          label: c.title,
+          labelCol: _labelCol14
+        }), /*#__PURE__*/React__default['default'].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 = {};
 
@@ -7489,10 +7749,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
           };
         }
@@ -7506,7 +7766,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol13
+          labelCol: _labelCol15
         }), /*#__PURE__*/React__default['default'].createElement(WCascader, _objectSpread2(_objectSpread2({
           placeholder: "\u8BF7\u9009\u62E9",
           disabled: disabled,
@@ -7523,10 +7783,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
           };
         }
@@ -7540,17 +7800,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol14
-        }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol16
+        }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7587,16 +7847,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol15
-        }), /*#__PURE__*/React__default['default'].createElement(Index$5, _objectSpread2(_objectSpread2(_objectSpread2({
+          labelCol: _labelCol17
+        }), /*#__PURE__*/React__default['default'].createElement(Index$6, _objectSpread2(_objectSpread2(_objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
         }, picker), showTime), c.fieldProps))));
       } else if (c.valueType === 'dateRange' || c.valueType === 'dateTimeRange') {
-        var _labelCol16 = {};
+        var _labelCol18 = {};
 
         if (search && search.labelWidth) {
-          _labelCol16.style = {
+          _labelCol18.style = {
             width: search.labelWidth
           };
         }
@@ -7620,7 +7880,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol16
+          labelCol: _labelCol18
         }), /*#__PURE__*/React__default['default'].createElement(RangePicker$2, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, _showTime2), c.fieldProps))));
@@ -7647,10 +7907,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
           };
         }
@@ -7664,8 +7924,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol17
-        }), /*#__PURE__*/React__default['default'].createElement(Index$3.Group, _objectSpread2({
+          labelCol: _labelCol19
+        }), /*#__PURE__*/React__default['default'].createElement(Index$4.Group, _objectSpread2({
           disabled: disabled,
           options: options
         }, c.fieldProps))));
@@ -7693,10 +7953,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
           };
         }
@@ -7719,8 +7979,8 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol18
-        }), /*#__PURE__*/React__default['default'].createElement(Index$2.Group, _objectSpread2(_objectSpread2({
+          labelCol: _labelCol20
+        }), /*#__PURE__*/React__default['default'].createElement(Index$3.Group, _objectSpread2(_objectSpread2({
           disabled: disabled
         }, radioButtonProps), {}, {
           options: _options3
@@ -7739,10 +7999,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) {
@@ -7763,15 +8023,15 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol19
+          labelCol: _labelCol21
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7785,16 +8045,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol20
+          labelCol: _labelCol22
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7815,13 +8075,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
           };
         }
@@ -7835,17 +8095,17 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol22
+          labelCol: _labelCol24
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7859,16 +8119,16 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol23
+          labelCol: _labelCol25
         }), /*#__PURE__*/React__default['default'].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
           };
         }
@@ -7882,7 +8142,7 @@ var WForm = function WForm(props, ref) {
         }, c.formItemProps), {}, {
           name: c.dataIndex,
           label: c.title,
-          labelCol: _labelCol24
+          labelCol: _labelCol26
         }), /*#__PURE__*/React__default['default'].createElement(Index, _objectSpread2({
           disabled: disabled,
           placeholder: "\u8BF7\u8F93\u5165"
@@ -8117,7 +8377,7 @@ var WForm = function WForm(props, ref) {
 
 var WForm$1 = /*#__PURE__*/React__default['default'].forwardRef(WForm);
 
-var _excluded$7 = ["columns", "dataSource", "request", "onLoad", "params", "onSubmit", "rowKey", "onRow", "className", "rowClassName", "rowSelection", "style", "tbodyStyle", "thStyle", "border", "scroll", "pagination", "search", "frameBoxTable", "frameBoxDirection", "formRef", "none"];
+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;
@@ -8149,7 +8409,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 = React.useState(_toConsumableArray((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || [])),
       _useState2 = _slicedToArray(_useState, 2),
@@ -8410,7 +8670,7 @@ function Table(_ref) {
         left: 6
       } : {}),
       className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
-    }, /*#__PURE__*/React__default['default'].createElement(Index$3, {
+    }, /*#__PURE__*/React__default['default'].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();
@@ -8450,7 +8710,7 @@ function Table(_ref) {
         left: 6
       } : {}),
       className: "td ".concat(showColumns[0].fixed == 'left' ? 'fixedLeft' : '')
-    }, /*#__PURE__*/React__default['default'].createElement(Index$2, {
+    }, /*#__PURE__*/React__default['default'].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();
@@ -8630,7 +8890,7 @@ function Table(_ref) {
       left: 6
     } : {}),
     className: "td ".concat(((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.fixed) == 'left' ? 'fixedLeft' : '')
-  }, /*#__PURE__*/React__default['default'].createElement(Index$3, {
+  }, /*#__PURE__*/React__default['default'].createElement(Index$4, {
     checked: dataSource.every(function (record) {
       return selectedRowKeys.includes(typeof rowKey === 'function' ? record[rowKey(record)] : record[rowKey]);
     }),
@@ -8689,7 +8949,7 @@ Table.defaultProps = {
 };
 var index$1 = /*#__PURE__*/React.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) {
@@ -8699,7 +8959,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 = React.useState(0),
@@ -8819,7 +9079,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,
@@ -8863,20 +9123,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__default['default'].createElement(CountUp__default['default'], _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 = React.useRef();
@@ -8955,13 +9215,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 = React.useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -9044,11 +9304,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__default['default'].use([SwiperCore.Pagination, SwiperCore.Navigation, SwiperCore.Autoplay, SwiperCore.Virtual]);
 
-var Index$a = function Index(props) {
+var Index$b = function Index(props) {
   var data = props.data,
       _onClick = props.onClick,
       _props$slidesPerView = props.slidesPerView,
@@ -9056,7 +9316,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 = React.useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -9111,7 +9371,7 @@ var Index$a = function Index(props) {
   }));
 };
 
-Index$a.defaultProps = {};
+Index$b.defaultProps = {};
 
 function _extends$1() {
   _extends$1 = Object.assign || function (target) {
@@ -9707,7 +9967,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) {
@@ -9722,10 +9982,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__default['default'].createElement(_Breadcrumb__default['default'], _objectSpread2({
     className: className || 'default',
@@ -9735,9 +9995,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,
@@ -9746,7 +10006,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);
 
   React.useImperativeHandle(ref, function () {
     return {
@@ -9788,7 +10048,7 @@ var Index$c = function Index(_ref, ref) {
   }))));
 };
 
-var index$2 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Index$c));
+var index$2 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Index$d));
 
 var controlShow = function controlShow(f1, f2, value, timer) {
   f1(value);
@@ -9990,7 +10250,7 @@ function DialogModel(props, ref) {
 
 var Dialog = /*#__PURE__*/React__default['default'].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) {
@@ -10107,7 +10367,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__default['default'].createElement(Dialog, _objectSpread2({
         ref: this.containerRef,
@@ -10290,7 +10550,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);
@@ -10430,7 +10690,7 @@ Modal$1.show = function (config) {
     manager.setShow = setShow;
 
     var visible = props.visible,
-        trueProps = _objectWithoutProperties(props, _excluded$f);
+        trueProps = _objectWithoutProperties(props, _excluded$g);
 
     React.useEffect(function () {
       manager.mounted = true;
@@ -10630,7 +10890,7 @@ function DragBox(_ref) {
   }, children)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].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,
@@ -10645,7 +10905,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 = React.useRef(null);
 
@@ -10707,6 +10968,7 @@ var ModalForm = function ModalForm(props, ref) {
   }();
 
   var handleCancel = function handleCancel() {
+    onCancel && onCancel();
     setVisible(false);
   };
 
@@ -10776,7 +11038,7 @@ var ModalForm = function ModalForm(props, ref) {
 
 var ModalForm$1 = /*#__PURE__*/React__default['default'].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,
@@ -10794,7 +11056,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 = React.useRef();
   var modalFormRef = React.useRef(null);
@@ -11744,7 +12006,7 @@ function VideoPlayer(_ref, ref) {
 
 var index$4 = /*#__PURE__*/React.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)
 
@@ -11775,7 +12037,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 = React.useRef();
   var currentPlayerIndex = React.useRef(0); // 内置的 index 状态管理
@@ -12753,14 +13015,14 @@ function WaterLevelCharts(config) {
   });
 }
 
-exports.AutoScroll = Index$9;
-exports.Breadcrumb = Index$b;
+exports.AutoScroll = Index$a;
+exports.Breadcrumb = Index$c;
 exports.Button = WButton;
 exports.Card = index$2;
 exports.Cascader = WCascader;
-exports.Checkbox = Index$3;
-exports.CountUp = Index$8;
-exports.DatePicker = Index$1;
+exports.Checkbox = Index$4;
+exports.CountUp = Index$9;
+exports.DatePicker = Index$2;
 exports.DragBox = DragBox;
 exports.IconFont = index;
 exports.Input = Index;
@@ -12769,18 +13031,19 @@ exports.LineEcharts = LineEcharts;
 exports.Modal = Modal;
 exports.ModalForm = ModalForm$1;
 exports.ModalTips = Modal$1;
-exports.Number = Index$7;
+exports.Number = Index$8;
 exports.NumericInput = NumericInput;
-exports.Radio = Index$2;
+exports.Radio = Index$3;
 exports.Select = Select;
-exports.Swiper = Index$a;
+exports.Swiper = Index$b;
 exports.Switch = WSwitch;
 exports.TabelCard = index$3;
 exports.Table = index$1;
-exports.TreeSelect = Index$6;
+exports.TreeSelect = Index$7;
+exports.Upload = Upload;
 exports.Video = index$5;
 exports.VideoPlayer = index$4;
-exports.WDatePicker = Index$5;
+exports.WDatePicker = Index$6;
 exports.WForm = WForm$1;
 exports.WaterLevelCharts = WaterLevelCharts;
 exports.WebsocketHeart = WebsocketHeart;