uiw 4.9.11 → 4.10.3

package/dist/uiw.js

@@ -202,6 +202,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
+var __webpack_unused_export__;
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -217,12 +218,12 @@ __webpack_require__(115);
 var f = __webpack_require__(787),
     g = 60103;
 
-exports.Fragment = 60107;
+__webpack_unused_export__ = 60107;
 
 if ("function" === typeof Symbol && Symbol.for) {
   var h = Symbol.for;
   g = h("react.element");
-  exports.Fragment = h("react.fragment");
+  __webpack_unused_export__ = h("react.fragment");
 }
 
 var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
@@ -1006,7 +1007,7 @@ try {
 
 /***/ }),
 
-/***/ 715:
+/***/ 523:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1050,8 +1051,11 @@ __webpack_require__.d(__webpack_exports__, {
   "Layout": function() { return /* reexport */ react_layout_esm; },
   "LayoutContext": function() { return /* reexport */ LayoutContext; },
   "List": function() { return /* reexport */ react_list_esm; },
+  "ListItem": function() { return /* reexport */ ListItem; },
   "Loader": function() { return /* reexport */ react_loader_esm; },
   "Menu": function() { return /* reexport */ react_menu_esm; },
+  "MenuDivider": function() { return /* reexport */ MenuDivider; },
+  "MenuItem": function() { return /* reexport */ MenuItem; },
   "Message": function() { return /* reexport */ Message; },
   "Modal": function() { return /* reexport */ react_modal_esm; },
   "MonthPicker": function() { return /* reexport */ MonthPicker; },
@@ -1073,6 +1077,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Slider": function() { return /* reexport */ Slider; },
   "Split": function() { return /* reexport */ Split; },
   "Steps": function() { return /* reexport */ react_steps_esm; },
+  "SubMenu": function() { return /* reexport */ SubMenu; },
   "Switch": function() { return /* reexport */ react_switch_esm; },
   "Table": function() { return /* reexport */ react_table_esm; },
   "Tabs": function() { return /* reexport */ Tabs; },
@@ -1084,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; }
 });
@@ -1248,6 +1253,8 @@ function _extends() {
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(787);
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
+;// CONCATENATED MODULE: ../utils/esm/noop.js
+function noop() {}
 ;// CONCATENATED MODULE: ../utils/esm/getScroll.js
 /**
  * Gets the scroll value of the given element in the given side (top and left)
@@ -1273,32 +1280,16 @@ function getScroll(target, top) {
 
   return ret;
 }
-;// CONCATENATED MODULE: ../utils/esm/noop.js
-function noop() {}
-// EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(770);
-;// CONCATENATED MODULE: ../react-affix/esm/index.js
-
-
-
-
-
-
-
-var _excluded = ["prefixCls", "className", "children", "offsetTop", "offsetBottom", "target", "onChange"];
-
-
+;// CONCATENATED MODULE: ../react-affix/esm/utils.js
 
-
-function getTargetRect(target) {
+var getTargetRect = function getTargetRect(target) {
   return target !== window ? target.getBoundingClientRect() : {
     top: 0,
     left: 0,
     bottom: 0
   };
-}
-
-function getOffset(element, target) {
+};
+var getOffset = function getOffset(element, target) {
   var elemRect = element.getBoundingClientRect();
   var targetRect = getTargetRect(target);
   var scrollTop = getScroll(target, true);
@@ -1312,11 +1303,25 @@ function getOffset(element, target) {
     width: elemRect.width,
     height: elemRect.height
   };
-}
-
-function getDefaultTarget() {
+};
+var getDefaultTarget = function getDefaultTarget() {
   return typeof window !== 'undefined' ? window : null;
-}
+};
+// EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(770);
+;// CONCATENATED MODULE: ../react-affix/esm/index.js
+
+
+
+
+
+
+
+var _excluded = ["prefixCls", "className", "children", "offsetTop", "offsetBottom", "target", "onChange"];
+
+
+
+
 
 var Affix = /*#__PURE__*/function (_React$Component) {
   _inherits(Affix, _React$Component);
@@ -2638,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
@@ -3360,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> 
@@ -3684,7 +3687,11 @@ function getStyle(options) {
       usePortal = _ref.usePortal,
       autoAdjustOverflow = _ref.autoAdjustOverflow;
 
-  var sty = {};
+  var sty = {
+    left: 0,
+    top: 0,
+    placement: placement
+  };
 
   if (!triggerDom || !popupDom || !document) {
     return sty;
@@ -6211,22 +6218,18 @@ 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", "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$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({
@@ -6237,6 +6240,331 @@ var react_file_input_esm_excluded = ["className", "prefixCls"];
     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,
+      children = props.children,
+      onPreview = props.onPreview,
+      onAdd = props.onAdd,
+      onRemove = props.onRemove;
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: cls,
+    children: [children && /*#__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: cls + "_" + uploadType,
+          children: [uploadType === 'picture' && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+            className: cls + "_info " + cls + "_" + uploadType + "_info",
+            children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+              src: item['dataURL'],
+              alt: ""
+            }), onPreview && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+              className: cls + "_actions",
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                className: cls + "_actions_search",
+                onClick: function onClick() {
+                  return onPreview(item);
+                },
+                children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+                  type: "search",
+                  style: {
+                    color: '#fff',
+                    fontSize: 16
+                  }
+                })
+              })
+            })]
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: cls + "_" + uploadType + "_text",
+            children: item.name
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: cls + "_" + uploadType + "_icon",
+            onClick: function onClick() {
+              return 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,
+      readonly = props.readonly,
+      children = props.children,
+      onAdd = props.onAdd,
+      onPreview = props.onPreview,
+      onRemove = props.onRemove;
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: cls,
+    children: [dataList.map(function (item, index) {
+      return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: cls + "_box",
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+          className: cls + "_box_info",
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
+            src: item['dataURL'],
+            alt: ""
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          className: cls + "_actions",
+          children: [onPreview && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: cls + "_actions_remove",
+            onClick: function onClick() {
+              return onPreview(item);
+            },
+            children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              type: "search",
+              style: {
+                color: '#fff',
+                fontSize: 16
+              }
+            })
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: cls + "_actions_remove",
+            onClick: function onClick() {
+              return 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: cls + "_box " + cls + "_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 () {
+    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(fileList);
+  };
+
+  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 = ({});
@@ -6693,8 +7021,7 @@ var esm_Item_excluded = ["prefixCls", "className", "children", "extra", "tagName
 
 
 
-
-var Item_Item = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+var ListItem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-list-item' : _props$prefixCls,
       className = props.className,
@@ -6711,20 +7038,17 @@ var Item_Item = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(TagName, _extends({}, resetProps, {
     className: cls,
     ref: ref
-  }), /*#__PURE__*/(0,jsx_runtime.jsx)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
-    children: !extra || resetProps.href ? children : /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: prefixCls + "-main",
-        children: children
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-        className: prefixCls + "-extra",
-        children: extra
-      })]
-    })
+  }), !extra || resetProps.href ? children : /*#__PURE__*/(0,jsx_runtime.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment, {
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: prefixCls + "-main",
+      children: children
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      className: prefixCls + "-extra",
+      children: extra
+    })]
   }));
 });
-Item_Item.displayName = 'List.Item';
-/* harmony default export */ var esm_Item = (Item_Item);
+ListItem.displayName = 'List.Item';
 ;// CONCATENATED MODULE: ../react-list/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_list_esm_style = ({});
@@ -6793,9 +7117,9 @@ function InternalList(props, ref) {
   }));
 }
 
-var List = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalList);
-List.Item = esm_Item;
-/* 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
 
 
@@ -7159,7 +7483,8 @@ var disabledProps = {
   onMouseLeave: undefined,
   tabIndex: -1
 };
-var MenuItem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+
+function Internal(props, ref) {
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-menu-item' : _props$prefixCls,
       className = props.className,
@@ -7198,47 +7523,42 @@ var MenuItem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_a
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("li", {
     children: [" ", tagComp, " "]
   });
-});
+}
+
+var MenuItem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(Internal);
 MenuItem.displayName = 'uiw.MenuItem';
-/* harmony default export */ var esm_MenuItem = (MenuItem);
 ;// CONCATENATED MODULE: ../react-menu/esm/Divider.js
 
 
 var Divider_excluded = ["prefixCls", "className", "title"];
 
 
-
-function Divider(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      _props$prefixCls = _props.prefixCls,
+var MenuDivider = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-menu-divider' : _props$prefixCls,
-      className = _props.className,
-      title = _props.title,
+      className = props.className,
+      title = props.title,
       htmlProps = _objectWithoutPropertiesLoose(props, Divider_excluded);
 
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
 
   if (!title) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
+      ref: ref,
       className: cls
     }));
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)("li", _extends({}, htmlProps, {
+    ref: ref,
     className: cls,
     "data-menu": "divider",
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("strong", {
       children: title
     })
   }));
-}
-
-Divider.displayName = 'uiw.MenuDivider';
-/* harmony default export */ var esm_Divider = (Divider);
+});
+MenuDivider.displayName = 'uiw.MenuDivider';
 ;// CONCATENATED MODULE: ../react-menu/esm/style/submenu.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var submenu = ({});
@@ -7390,7 +7710,7 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
           paddingLeft: inlineIndent
         } : {}
       })),
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(esm_MenuItem, _extends({}, other, {
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(MenuItem, _extends({}, other, {
         ref: null,
         disabled: disabled,
         isSubMenuItem: true,
@@ -7405,7 +7725,6 @@ var SubMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_am
   });
 });
 SubMenu.displayName = 'uiw.SubMenu';
-/* harmony default export */ var esm_SubMenu = (SubMenu);
 ;// CONCATENATED MODULE: ../react-menu/esm/style/menu.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var menu = ({});
@@ -7443,7 +7762,7 @@ var Menu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_r
       if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) return child;
       var props = {}; // Sub Menu
 
-      if (child.props.children && child.type === esm_SubMenu) {
+      if (child.props.children && child.type === SubMenu) {
         props.inlineIndent = inlineIndent;
       }
 
@@ -7453,10 +7772,10 @@ var Menu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_r
     })
   }));
 });
-Menu.Item = esm_MenuItem;
-Menu.SubMenu = esm_SubMenu;
-Menu.Divider = esm_Divider;
 Menu.displayName = 'uiw.Menu';
+Menu.Item = MenuItem;
+Menu.SubMenu = SubMenu;
+Menu.Divider = MenuDivider;
 /* harmony default export */ var esm_Menu = (Menu);
 ;// CONCATENATED MODULE: ../react-menu/esm/index.js
 
@@ -7984,12 +8303,13 @@ function NotificationCreate(props, type) {
 
 
 
-var react_pagination_esm_excluded = ["className", "prefixCls", "alignment", "size", "total", "pageSize", "current", "onChange", "divider"];
+var react_pagination_esm_excluded = ["className", "style", "prefixCls", "alignment", "size", "total", "pageSize", "current", "onChange", "divider"];
 
 
 
 function Pagination(props) {
   var className = props.className,
+      style = props.style,
       _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-pagination' : _props$prefixCls,
       _props$alignment = props.alignment,
@@ -8134,7 +8454,10 @@ function Pagination(props) {
   }
 
   return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", _extends({
-    className: cls
+    className: cls,
+    style: _extends({}, style, {
+      textAlign: alignment
+    })
   }, other, {
     children: initPageSoure.map(function (item, idx) {
       // eslint-disable-next-line jsx-a11y/anchor-is-valid
@@ -10736,56 +11059,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
 
 
@@ -10989,7 +11262,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__(715);
+/******/ 	var __webpack_exports__ = __webpack_require__(523);
 /******/ 	
 /******/ 	return __webpack_exports__;
 /******/ })()