uiw 4.10.1 → 4.10.5

package/dist/uiw.js

@@ -1007,7 +1007,7 @@ try {
 
 /***/ }),
 
-/***/ 215:
+/***/ 523:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1089,7 +1089,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Tree": function() { return /* reexport */ Tree; },
   "TreeChecked": function() { return /* reexport */ TreeChecked; },
   "canUseDOM": function() { return /* reexport */ canUseDOM; },
-  "formatter": function() { return /* reexport */ esm_formatter; },
+  "formatter": function() { return /* reexport */ formatter; },
   "getChildKeys": function() { return /* reexport */ getChildKeys; },
   "randomid": function() { return /* reexport */ randomid; }
 });
@@ -2643,9 +2643,7 @@ function Icon(props) {
     className: [prefixCls, className, prefixCls && verticalAlign ? prefixCls + "-" + verticalAlign : null, spin && prefixCls ? prefixCls + "-spin" : null].filter(Boolean).join(' ').trim()
   });
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)(TagName, _extends({}, propps, {
-    children: svg
-  }));
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TagName, _extends({}, propps), svg);
 }
 ;// CONCATENATED MODULE: ../react-button/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -3365,7 +3363,7 @@ var react_button_group_esm_excluded = ["prefixCls", "vertical", "children", "cla
 }));
 ;// CONCATENATED MODULE: ../../node_modules/@uiw/formatter/esm/index.js
 /**! 
- * @uiw/formatter v1.3.1 
+ * @uiw/formatter v1.3.2 
  * Get a formatted date. 
  * 
  * Copyright (c) 2022 Kenny Wang <wowohoo@qq.com> 
@@ -6220,32 +6218,376 @@ function Dropdown(props) {
     children: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, Object.assign({}, children.props))
   }));
 }
-;// CONCATENATED MODULE: ../react-file-input/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ var react_file_input_esm_style = ({});
-;// CONCATENATED MODULE: ../react-file-input/esm/index.js
-
+;// CONCATENATED MODULE: ../react-file-input/esm/Input.js
 
-var react_file_input_esm_excluded = ["className", "prefixCls"];
 
+var Input_excluded = ["className", "dataLabel", "prefixCls"];
 
 
 
-/* harmony default export */ var react_file_input_esm = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+/* harmony default export */ var Input = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
   var className = props.className,
+      _props$dataLabel = props.dataLabel,
+      dataLabel = _props$dataLabel === void 0 ? 'Browse' : _props$dataLabel,
       _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-fileinput' : _props$prefixCls,
-      other = _objectWithoutPropertiesLoose(props, react_file_input_esm_excluded);
+      other = _objectWithoutPropertiesLoose(props, Input_excluded);
 
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
   return /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, _extends({
     ref: ref,
-    "data-label": "Browse",
+    "data-label": dataLabel,
     className: cls
   }, other, {
     type: "file"
   }));
 }));
+;// CONCATENATED MODULE: ../react-file-input/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_file_input_esm_style = ({});
+;// CONCATENATED MODULE: ../react-file-input/esm/List.js
+
+
+
+
+
+
+var Picture = function Picture(props) {
+  var className = props.className,
+      _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-fileinput-list' : _props$prefixCls,
+      _props$dataList = props.dataList,
+      dataList = _props$dataList === void 0 ? [] : _props$dataList,
+      uploadType = props.uploadType,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'round' : _props$shape,
+      readonly = props.readonly,
+      children = props.children,
+      _props$showFileIcon = props.showFileIcon,
+      showFileIcon = _props$showFileIcon === void 0 ? {
+    showPreviewIcon: true,
+    showRemoveIcon: true
+  } : _props$showFileIcon,
+      onPreview = props.onPreview,
+      onAdd = props.onAdd,
+      onRemove = props.onRemove;
+  var cls = [prefixCls, prefixCls + "-size-" + size, prefixCls + "-shape-" + shape, className].filter(Boolean).join(' ').trim();
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: cls,
+    children: [children && !readonly && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, {
+      onClick: onAdd
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      children: dataList.map(function (item, index) {
+        return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          className: prefixCls + "-" + uploadType,
+          children: [uploadType === 'picture' && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            className: prefixCls + "-info " + prefixCls + "-" + uploadType + "-info",
+            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+              src: item['dataURL'],
+              alt: ""
+            }), (showFileIcon == null ? void 0 : showFileIcon.showPreviewIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+              className: prefixCls + "-actions",
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                className: prefixCls + "-actions-search",
+                onClick: function onClick() {
+                  return onPreview == null ? void 0 : onPreview(item);
+                },
+                children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+                  type: "search",
+                  style: {
+                    color: '#fff',
+                    fontSize: 16
+                  }
+                })
+              })
+            })]
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: prefixCls + "-" + uploadType + "-text",
+            children: item.name
+          }), (showFileIcon == null ? void 0 : showFileIcon.showRemoveIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: prefixCls + "-" + uploadType + "-icon",
+            onClick: function onClick() {
+              return onRemove == null ? void 0 : onRemove(index);
+            },
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              type: "delete",
+              style: {
+                color: '#999'
+              }
+            })
+          })]
+        }, index);
+      })
+    })]
+  });
+};
+
+/* harmony default export */ var List = (Picture);
+;// CONCATENATED MODULE: ../react-file-input/esm/Card.js
+
+
+
+
+
+
+var Card = function Card(props) {
+  var className = props.className,
+      _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-fileinput-card' : _props$prefixCls,
+      _props$dataList = props.dataList,
+      dataList = _props$dataList === void 0 ? [] : _props$dataList,
+      _props$maxNumber = props.maxNumber,
+      maxNumber = _props$maxNumber === void 0 ? 3 : _props$maxNumber,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'round' : _props$shape,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      readonly = props.readonly,
+      children = props.children,
+      _props$showFileIcon = props.showFileIcon,
+      showFileIcon = _props$showFileIcon === void 0 ? {
+    showPreviewIcon: true,
+    showRemoveIcon: true
+  } : _props$showFileIcon,
+      onAdd = props.onAdd,
+      onPreview = props.onPreview,
+      onRemove = props.onRemove;
+  var cls = [prefixCls, prefixCls + "-size-" + size, prefixCls + "-shape-" + shape, className].filter(Boolean).join(' ').trim();
+  var isAction = showFileIcon.showPreviewIcon || showFileIcon.showRemoveIcon ? true : false;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: cls,
+    children: [dataList.map(function (item, index) {
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: prefixCls + "-box",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: prefixCls + "-box-info",
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+            src: item['dataURL'],
+            alt: ""
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          className: isAction ? prefixCls + "-actions" : '',
+          children: [(showFileIcon == null ? void 0 : showFileIcon.showPreviewIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: prefixCls + "-actions-remove",
+            onClick: function onClick() {
+              return onPreview == null ? void 0 : onPreview(item);
+            },
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              type: "search",
+              style: {
+                color: '#fff',
+                fontSize: 16
+              }
+            })
+          }), (showFileIcon == null ? void 0 : showFileIcon.showRemoveIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: prefixCls + "-actions-remove",
+            onClick: function onClick() {
+              return onRemove == null ? void 0 : onRemove(index);
+            },
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              type: "delete",
+              style: {
+                color: '#fff',
+                fontSize: 16
+              }
+            })
+          })]
+        })]
+      }, index);
+    }), maxNumber > dataList.length && !readonly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: prefixCls + "-box " + prefixCls + "-btn",
+      onClick: onAdd,
+      children: children
+    })]
+  });
+};
+
+/* harmony default export */ var esm_Card = (Card);
+;// CONCATENATED MODULE: ../react-file-input/esm/utils.js
+
+var openFileDialog = function openFileDialog(inputRef) {
+  if (inputRef.current) inputRef.current.click();
+};
+var getAcceptTypeString = function getAcceptTypeString(accept) {
+  return accept && accept.length > 0 ? accept.map(function (item) {
+    return "." + item;
+  }).join(', ') : 'image/*';
+};
+var getBase64 = function getBase64(file) {
+  var reader = new FileReader();
+  return new Promise(function (resolve) {
+    reader.addEventListener('load', function () {
+      return resolve(String(reader.result));
+    });
+    reader.readAsDataURL(file);
+  });
+};
+var getListFiles = function getListFiles(files, dataURLKey) {
+  var promiseFiles = [];
+
+  for (var i = 0; i < files.length; i += 1) {
+    promiseFiles.push(getBase64(files[i]));
+  }
+
+  return Promise.all(promiseFiles).then(function (fileListBase64) {
+    var fileList = fileListBase64.map(function (base64, index) {
+      var _ref;
+
+      return _ref = {}, _defineProperty(_ref, dataURLKey, base64), _defineProperty(_ref, "file", files[index]), _defineProperty(_ref, "name", files[index].name), _ref;
+    });
+    return fileList;
+  });
+};
+var isUploadType = function isUploadType(type) {
+  return ['picture', 'text', 'card'].includes(type);
+};
+;// CONCATENATED MODULE: ../react-file-input/esm/FileList.js
+
+
+
+
+
+
+
+
+
+
+
+var FileList = function FileList(props) {
+  var uploadType = props.uploadType,
+      _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      _props$maxNumber = props.maxNumber,
+      maxNumber = _props$maxNumber === void 0 ? 3 : _props$maxNumber,
+      onChange = props.onChange;
+  var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var inValue = value || [];
+
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      fileList = _useState2[0],
+      setFileList = _useState2[1];
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    setFileList(inValue);
+  }, []);
+  var handleClickInput = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
+    return openFileDialog(inputRef);
+  }, [inputRef]);
+  var onFileUpload = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
+    if (inputRef.current) inputRef.current.value = '';
+    handleClickInput();
+  }, [handleClickInput]);
+
+  var onInputChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee(e) {
+      var files, updatedFileList, updatedList;
+      return regenerator_default().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              files = e.target.files;
+
+              if (files) {
+                _context.next = 3;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 3:
+              _context.next = 5;
+              return getListFiles(files, 'dataURL');
+
+            case 5:
+              updatedFileList = _context.sent;
+              updatedList = [].concat(_toConsumableArray(fileList), _toConsumableArray(updatedFileList));
+
+              if (maxNumber < updatedList.length) {
+                updatedList = updatedList.slice(0, maxNumber);
+              }
+
+              setFileList(updatedList);
+              onChange == null ? void 0 : onChange(updatedList);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function onInputChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var onRemove = function onRemove(index) {
+    var updatedList = _toConsumableArray(fileList);
+
+    updatedList.splice(index, 1);
+    setFileList(updatedList);
+    onChange == null ? void 0 : onChange(updatedList);
+  };
+
+  var Comp;
+
+  if (uploadType === 'card') {
+    Comp = esm_Card;
+  }
+
+  if (uploadType === 'picture' || uploadType === 'text') {
+    Comp = List;
+  }
+
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", {
+      type: "file",
+      ref: inputRef,
+      multiple: multiple,
+      style: {
+        display: 'none'
+      },
+      onChange: onInputChange
+    }), Comp && /*#__PURE__*/(0,jsx_runtime.jsx)(Comp, _extends({}, props, {
+      maxNumber: maxNumber || 3,
+      dataList: fileList,
+      onAdd: onFileUpload,
+      onRemove: onRemove
+    }))]
+  });
+};
+/* harmony default export */ var esm_FileList = (FileList);
+;// CONCATENATED MODULE: ../react-file-input/esm/index.js
+
+
+
+
+
+
+
+
+function Upload(props) {
+  var _props$uploadType = props.uploadType,
+      uploadType = _props$uploadType === void 0 ? 'input' : _props$uploadType;
+
+  if (uploadType === 'input') {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(Input, _extends({}, props));
+  }
+
+  if (isUploadType(uploadType)) {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)(esm_FileList, _extends({}, props));
+  }
+
+  return null;
+}
+
+/* harmony default export */ var react_file_input_esm = (Upload);
 ;// CONCATENATED MODULE: ../react-grid/esm/style/col.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var col = ({});
@@ -6497,6 +6839,15 @@ function Form(_ref, ref) {
       data = _useState2[0],
       setData = _useState2[1];
 
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, function () {
+    return {
+      onSubmit: handleSubmit,
+      resetForm: handleReset,
+      getFieldValues: function getFieldValues() {
+        return data.current;
+      }
+    };
+  }, [data]);
   var formUnits = {};
 
   for (var name in fields) {
@@ -6596,12 +6947,12 @@ function Form(_ref, ref) {
     };
 
     try {
-      var afterSubmitPromise = onSubmit({
+      var afterSubmitPromise = onSubmit ? onSubmit({
         initial: initial,
         current: current
-      });
+      }, e) : undefined;
 
-      if (isPromise(afterSubmitPromise)) {
+      if (afterSubmitPromise && isPromise(afterSubmitPromise)) {
         return afterSubmitPromise.then(onSuccess).catch(onError);
       } else {
         return onSuccess(afterSubmitPromise);
@@ -6798,9 +7149,9 @@ function InternalList(props, ref) {
   }));
 }
 
-var List = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalList);
-List.Item = ListItem;
-/* harmony default export */ var react_list_esm = (List);
+var esm_List = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalList);
+esm_List.Item = ListItem;
+/* harmony default export */ var react_list_esm = (esm_List);
 ;// CONCATENATED MODULE: ../../node_modules/@uiw/react-layout/esm/Layout.js
 
 
@@ -10740,56 +11091,6 @@ function TreeChecked(_ref) {
     }
   }, props));
 }
-;// CONCATENATED MODULE: ./node_modules/@uiw/formatter/esm/index.js
-/**! 
- * @uiw/formatter v1.3.1 
- * Get a formatted date. 
- * 
- * Copyright (c) 2022 Kenny Wang <wowohoo@qq.com> 
- * https://github.com/uiwjs/date-formatter.git 
- * Licensed under the MIT license 
- */
-var esm_dateRegex = /(?=(YYYY|YY|MM|DD|HH|mm|ss|ms))\1([:/]*)/g;
-var esm_timespan = {
-  YYYY: ['getFullYear', 4],
-  YY: ['getFullYear', 2],
-  MM: ['getMonth', 2, 1],
-  DD: ['getDate', 2],
-  HH: ['getHours', 2],
-  mm: ['getMinutes', 2],
-  ss: ['getSeconds', 2],
-  ms: ['getMilliseconds', 3]
-};
-
-function esm_formatter(str, date, utc) {
-  if (typeof str !== 'string') {
-    date = str;
-    str = 'YYYY-MM-DD';
-  }
-
-  return str.replace(esm_dateRegex, function (match, key, rest) {
-    var args = esm_timespan[key];
-    var chars = args[1];
-    var name = args[0];
-
-    if (utc === true) {
-      name = "getUTC".concat(name.slice(3));
-    }
-
-    if (!date) {
-      date = new Date();
-    }
-
-    var val = "00".concat(String(date[name]() + (args[2] || 0)));
-    return val.slice(-chars) + (rest || '');
-  });
-}
-
-esm_formatter.utc = function (str, date) {
-  return esm_formatter(str, date, true);
-};
-
-
 ;// CONCATENATED MODULE: ./esm/index.js
 
 
@@ -10993,7 +11294,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__156__;
 /******/ 	// startup
 /******/ 	// Load entry module and return exports
 /******/ 	// This entry module doesn't tell about it's top-level declarations so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__(215);
+/******/ 	var __webpack_exports__ = __webpack_require__(523);
 /******/ 	
 /******/ 	return __webpack_exports__;
 /******/ })()