@kdcloudjs/kdesign 1.7.59 → 1.7.61

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.58
+ *   @kdcloudjs/kdesign v1.7.60
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -154,6 +154,7 @@ var map = {
 	"./rate/style/index.tsx": "./components/rate/style/index.tsx",
 	"./search/style/index.tsx": "./components/search/style/index.tsx",
 	"./select/style/index.tsx": "./components/select/style/index.tsx",
+	"./signature/style/index.tsx": "./components/signature/style/index.tsx",
 	"./slider/style/index.tsx": "./components/slider/style/index.tsx",
 	"./space/style/index.tsx": "./components/space/style/index.tsx",
 	"./spin/style/index.tsx": "./components/spin/style/index.tsx",
@@ -818,6 +819,35 @@ var warned = {};
 
 /***/ }),
 
+/***/ "./components/_utils/domUtil.ts":
+/*!**************************************!*\
+  !*** ./components/_utils/domUtil.ts ***!
+  \**************************************/
+/*! exports provided: scrollToDirectory */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "scrollToDirectory", function() { return scrollToDirectory; });
+/* harmony import */ var dom_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dom-scroll-into-view */ "./node_modules/dom-scroll-into-view/dist-web/index.js");
+
+var scrollToDirectory = function scrollToDirectory(ref) {
+  var directoryElement = ref.current;
+  if (directoryElement) {
+    var rect = ref.current.getBoundingClientRect();
+    var parent = ref.current.parentElement;
+    var parentRect = parent.getBoundingClientRect();
+    var relativeTop = rect.top - parentRect.top;
+    var relativeBottom = rect.bottom - parentRect.top;
+    var isHide = relativeTop < 0 || relativeBottom > parent.clientHeight;
+    if (isHide) {
+      Object(dom_scroll_into_view__WEBPACK_IMPORTED_MODULE_0__["default"])(ref.current, ref.current.parentElement);
+    }
+  }
+};
+
+/***/ }),
+
 /***/ "./components/_utils/formatUtil.ts":
 /*!*****************************************!*\
   !*** ./components/_utils/formatUtil.ts ***!
@@ -6609,16 +6639,16 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CascaderPlacement", function() { return CascaderPlacement; });
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
-/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
@@ -6651,12 +6681,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
 /* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
-/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../input */ "./components/input/index.tsx");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
-/* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../empty */ "./components/empty/index.tsx");
-/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.tsx");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../tag */ "./components/tag/index.tsx");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./util */ "./components/cascader/util.ts");
+/* harmony import */ var _utils_domUtil__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils/domUtil */ "./components/_utils/domUtil.ts");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../input */ "./components/input/index.tsx");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var _empty__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../empty */ "./components/empty/index.tsx");
+/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../checkbox */ "./components/checkbox/index.tsx");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../tag */ "./components/tag/index.tsx");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./util */ "./components/cascader/util.ts");
 
 
 
@@ -6664,7 +6695,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var _excluded = ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls", "allowClear", "popupPlacement", "maxTagCount", "autoFocus"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 
 
 
@@ -6690,6 +6722,28 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 var CascaderPlacement = Object(_utils_type__WEBPACK_IMPORTED_MODULE_19__["tuple"])('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
+var CascaderMenuSubmenu = function CascaderMenuSubmenu(props) {
+  var optionProps = props.optionProps,
+    label = props.label,
+    children = props.children,
+    selected = props.selected,
+    isMultiple = props.isMultiple;
+  var ref = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
+  var isFirst = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(!isMultiple);
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
+    if (typeof selected === 'boolean' && isFirst.current && ref.current) {
+      isFirst.current = false;
+      if (selected && !isMultiple) {
+        Object(_utils_domUtil__WEBPACK_IMPORTED_MODULE_23__["scrollToDirectory"])(ref);
+      }
+    }
+  }, [selected]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
+    ref: ref
+  }, optionProps, {
+    title: label
+  }), children);
+};
 var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwardRef(function (props, ref) {
   var _React$useContext = react__WEBPACK_IMPORTED_MODULE_17___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_21__["ConfigContext"]),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -6725,7 +6779,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
     popupPlacement = allProps.popupPlacement,
     maxTagCount = allProps.maxTagCount,
     autoFocus = allProps.autoFocus,
-    otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_4___default()(allProps, _excluded);
+    otherProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(allProps, _excluded);
 
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
@@ -6733,27 +6787,32 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
   var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
   var suffixRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])(null);
   var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_17__["useRef"])();
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(!!props.popperVisible || !!props.popupVisible || defaultPopupVisible),
-    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState, 2),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(false),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
     setVisible(!!props.popperVisible || !!props.popupVisible);
   }, [props.popperVisible, props.popupVisible]);
+  react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
+    if (!!props.popperVisible || !!props.popupVisible || defaultPopupVisible) {
+      setVisible(true);
+    }
+  }, []);
   var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([options]),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState3, 2),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
     menus = _useState4[0],
     setMenus = _useState4[1];
   var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([]),
-    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState5, 2),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2),
     currentOptions = _useState6[0],
     setCurrentOptions = _useState6[1];
   var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])([]),
-    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState7, 2),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState7, 2),
     selectedOptions = _useState8[0],
     setSelectedOptions = _useState8[1];
   var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(props.value || defaultValue || []),
-    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState9, 2),
+    _useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState9, 2),
     value = _useState10[0],
     setValue = _useState10[1];
   react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
@@ -6763,12 +6822,12 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
     return mode === 'multiple';
   }, [mode]);
   var _useMemo = Object(react__WEBPACK_IMPORTED_MODULE_17__["useMemo"])(function () {
-      return Object(_util__WEBPACK_IMPORTED_MODULE_28__["flattenAll"])(options, []);
+      return Object(_util__WEBPACK_IMPORTED_MODULE_29__["flattenAll"])(options, []);
     }, [options]),
     flattenData = _useMemo.flattenData,
     keysData = _useMemo.keysData;
-  var _useChecked = Object(_util__WEBPACK_IMPORTED_MODULE_28__["useChecked"])(value, flattenData, keysData, isMultiple),
-    _useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useChecked, 2),
+  var _useChecked = Object(_util__WEBPACK_IMPORTED_MODULE_29__["useChecked"])(value, flattenData, keysData, isMultiple),
+    _useChecked2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useChecked, 2),
     checkedKeys = _useChecked2[0],
     halfCheckedKeys = _useChecked2[1];
   react__WEBPACK_IMPORTED_MODULE_17___default.a.useEffect(function () {
@@ -6903,28 +6962,28 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
     var _classNames;
     var suffixIcon = allProps.suffixIcon;
     // 选择器下拉icon样式
-    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames, "".concat(prefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames, "".concat(prefixCls, "-icon-arrow-up"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames, "".concat(prefixCls, "-icon-arrow-down"), !visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames, "".concat(prefixCls, "-icon-arrow-focus"), visible), _classNames));
+    var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-icon-arrow-up"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-icon-arrow-down"), !visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-icon-arrow-focus"), visible), _classNames));
     var iconShow = allowClear && !disabled && currentOptions.length > 0;
-    var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({}, "".concat(prefixCls, "-icon-clear"), true));
+    var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(prefixCls, "-icon-clear"), true));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
       onClick: handleClear,
       className: clearIconCls
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_25__["default"], {
       type: "close-solid"
     }) || clearIcon), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
       className: arrowIconCls
-    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
+    }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_25__["default"], {
       type: "arrow-down"
     })));
   };
   var handleMaxTagHolder = Object(react__WEBPACK_IMPORTED_MODULE_17__["useCallback"])(function () {
     if (typeof maxTagPlaceholder === 'function') {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_27__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_28__["default"], {
         type: "edit",
         disabled: disabled
       }, maxTagPlaceholder(currentOptions));
     } else {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_27__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_28__["default"], {
         type: "edit",
         disabled: disabled
       }, maxTagPlaceholder);
@@ -6932,17 +6991,17 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
   }, [disabled, maxTagPlaceholder, currentOptions]);
   var handleRemove = function handleRemove(e, opt) {
     e.stopPropagation();
-    onMultipleChecked(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(opt).pop(), false);
+    onMultipleChecked(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(opt).pop(), false);
   };
   var renderMultiple = function renderMultiple() {
     var _classNames3, _classNames4;
-    var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-expand"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-multiple"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames3, "".concat(prefixCls, "-bordered"), bordered), _classNames3));
-    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames4, "".concat(prefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames4, "".concat(prefixCls, "-tag-describe"), true), _classNames4));
+    var multipleCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(prefixCls, "-expand"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(prefixCls, "-multiple"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames3, "".concat(prefixCls, "-bordered"), bordered), _classNames3));
+    var itemCls = classnames__WEBPACK_IMPORTED_MODULE_18___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(prefixCls, "-selection-item"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(prefixCls, "-tag-describe"), true), _classNames4));
     var TagStyle = {
       margin: '2px 8px 2px 0',
       maxWidth: '100%'
     };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
       className: multipleCls,
       ref: mergeRef,
       style: style
@@ -6955,7 +7014,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
         key: JSON.stringify(values[index]),
         className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-selection-tag"))
-      }, (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_27__["default"], {
+      }, (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_tag__WEBPACK_IMPORTED_MODULE_28__["default"], {
         type: "edit",
         disabled: disabled,
         style: TagStyle,
@@ -6987,7 +7046,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
       className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker-input"), {
         expand: visible
       }),
-      suffix: props.suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
+      suffix: props.suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_25__["default"], {
         type: "arrow-down",
         className: classnames__WEBPACK_IMPORTED_MODULE_18___default()({
           expand: visible
@@ -6997,16 +7056,16 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
     var singleProps = {
       style: style,
       tabIndex: 0,
-      className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker"), className, (_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames5, "".concat(prefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames5, "".concat(prefixCls, "-expand"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames5, "allowClear", allowClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames5, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames5, "".concat(prefixCls, "-bordered"), bordered), _classNames5))
+      className: classnames__WEBPACK_IMPORTED_MODULE_18___default()("".concat(prefixCls, "-picker"), className, (_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(prefixCls, "-single"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(prefixCls, "-expand"), visible), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "allowClear", allowClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(prefixCls, "-bordered"), bordered), _classNames5))
     };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, singleProps, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({}, singleProps, {
       ref: mergeRef
     }, otherProps), react__WEBPACK_IMPORTED_MODULE_17___default.a.Children.count(children) === 1 && children.type ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.cloneElement(children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
       className: "".concat(prefixCls, "-single-wrapper"),
       ref: wrapperRef
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_23__["default"], inputProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_24__["default"], inputProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
       className: "".concat(prefixCls, "-picker-label")
-    }, labels !== null && labels !== void 0 && labels.length ? displayRender(labels, currentOptions) : ''), allowClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
+    }, labels !== null && labels !== void 0 && labels.length ? displayRender(labels, currentOptions) : ''), allowClear && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_25__["default"], {
       type: "close-solid",
       className: "".concat(prefixCls, "-picker-close"),
       onClick: handleClear
@@ -7020,7 +7079,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
       onChange(selectedOptions);
     }
     !(opts !== null && opts !== void 0 && opts.length) && opt.isLeaf !== false && setVisible(false);
-    var newMenus = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(menus);
+    var newMenus = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(menus);
     if (opts !== null && opts !== void 0 && opts.length || opt.isLeaf === false) {
       newMenus.splice(index + 1, newMenus.length - index + 1, opts);
     }
@@ -7030,7 +7089,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
   var onMultipleExpend = function onMultipleExpend(index, opt, opts) {
     selectedOptions.splice(index, selectedOptions.length - index, opt);
     setSelectedOptions(selectedOptions);
-    var newMenus = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(menus);
+    var newMenus = _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(menus);
     if (opts !== null && opts !== void 0 && opts.length || opt.isLeaf === false) {
       newMenus.splice(index + 1, newMenus.length - index + 1, opts);
     }
@@ -7039,8 +7098,8 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
   };
   var onMultipleChecked = function onMultipleChecked(opt, checked) {
     var _props$onChange;
-    var checkState = Object(_util__WEBPACK_IMPORTED_MODULE_28__["getAllCheckedKeys"])(opt.value, checked, checkedKeys, keysData, halfCheckedKeys);
-    var newValue = Object(_util__WEBPACK_IMPORTED_MODULE_28__["getMultipleCheckValue"])(value, opt, checked, flattenData, checkState.checkedKeys);
+    var checkState = Object(_util__WEBPACK_IMPORTED_MODULE_29__["getAllCheckedKeys"])(opt.value, checked, checkedKeys, keysData, halfCheckedKeys);
+    var newValue = Object(_util__WEBPACK_IMPORTED_MODULE_29__["getMultipleCheckValue"])(value, opt, checked, flattenData, checkState.checkedKeys);
     var newMultipleOptions = newValue === null || newValue === void 0 ? void 0 : newValue.map(function (item) {
       return Array.isArray(item) ? item.map(function (key) {
         return keysData[key];
@@ -7062,11 +7121,11 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
     }
     props.onChange && props.onChange(selectedValue, selectedOptions);
   };
-  var onVisibleChange = function onVisibleChange(visible) {
-    setVisible(visible);
-    onPopupVisibleChange && onPopupVisibleChange(visible);
-    onPopperVisibleChange && onPopperVisibleChange(visible);
-    visible && setSelectedOptions(currentOptions.slice(0));
+  var onVisibleChange = function onVisibleChange(v) {
+    setVisible(v);
+    onPopupVisibleChange && onPopupVisibleChange(v);
+    onPopperVisibleChange && onPopperVisibleChange(v);
+    v && setSelectedOptions(currentOptions.slice(0));
   };
   var cascaderMenus = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, options !== null && options !== void 0 && options.length ? (menus === null || menus === void 0 ? void 0 : menus.length) && menus.map(function (opts, index) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("ul", {
@@ -7093,19 +7152,21 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
       }
       var node = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("span", {
         className: "".concat(prefixCls, "-menu-item-label")
-      }, label), loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
+      }, label), loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_25__["default"], {
         type: "loadding-circle",
         spin: true
-      }) : ((children === null || children === void 0 ? void 0 : children.length) || isLeaf === false) && (props.expandIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_24__["default"], {
+      }) : ((children === null || children === void 0 ? void 0 : children.length) || isLeaf === false) && (props.expandIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_25__["default"], {
         type: "arrow-right"
       })));
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-        key: value
-      }, optionProps, {
-        title: label
-      }), isMultiple ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_26__["default"], {
-        checked: Object(_util__WEBPACK_IMPORTED_MODULE_28__["getChecked"])(checkedKeys, value),
-        indeterminate: Object(_util__WEBPACK_IMPORTED_MODULE_28__["getHalfChecked"])(halfCheckedKeys, value),
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(CascaderMenuSubmenu, {
+        key: value,
+        isMultiple: isMultiple,
+        optionProps: optionProps,
+        label: label,
+        selected: selected
+      }, isMultiple ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_27__["default"], {
+        checked: Object(_util__WEBPACK_IMPORTED_MODULE_29__["getChecked"])(checkedKeys, value),
+        indeterminate: Object(_util__WEBPACK_IMPORTED_MODULE_29__["getHalfChecked"])(halfCheckedKeys, value),
         disabled: opt.disabled,
         onChange: function onChange(e) {
           return onMultipleChecked(opt, e.target.checked);
@@ -7113,7 +7174,7 @@ var Cascader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwar
         className: "".concat(prefixCls, "-checkbox")
       }), node) : node);
     }));
-  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_empty__WEBPACK_IMPORTED_MODULE_25__["default"], {
+  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_empty__WEBPACK_IMPORTED_MODULE_26__["default"], {
     description: notFoundContent
   }));
   var cascaderPopper = dropdownRender(cascaderMenus);
@@ -10961,6 +11022,13 @@ var compDefaultProps = {
     type: 'canvas',
     errorLevel: 'H',
     color: '#000000'
+  },
+  Signature: {
+    penColor: 'black',
+    backgroundColor: 'white',
+    containerWidth: 610,
+    containerHeight: 500,
+    canFullScreen: true
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (compDefaultProps);
@@ -11410,7 +11478,7 @@ function Panel(props) {
   };
   var renderDateHeader = function renderDateHeader() {
     var year = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_18__["getYear"])(viewDate);
-    var month = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_18__["getMonth"])(viewDate) + 1;
+    var month = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_18__["getMonth"])(viewDate);
     var headerCls = classnames__WEBPACK_IMPORTED_MODULE_10___default()("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
       children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_9___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
@@ -11419,7 +11487,7 @@ function Panel(props) {
       }, year + locale.year), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("span", {
         className: classnames__WEBPACK_IMPORTED_MODULE_10___default()("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
         onClick: onHeaderMonthClick
-      }, month + locale.month)),
+      }, locale.monthTitle[month])),
       className: headerCls
     };
   };
@@ -11544,51 +11612,64 @@ function Panel(props) {
 /*!************************************************!*\
   !*** ./components/date-picker/date-picker.tsx ***!
   \************************************************/
-/*! exports provided: default */
+/*! exports provided: mergeDateLocale, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mergeDateLocale", function() { return mergeDateLocale; });
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
-/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./context */ "./components/date-picker/context.tsx");
-/* harmony import */ var _date_panel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./date-panel */ "./components/date-picker/date-panel.tsx");
-/* harmony import */ var _single_input_date__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./single/input-date */ "./components/date-picker/single/input-date.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils */ "./components/date-picker/utils/index.ts");
-/* harmony import */ var _hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./hooks/use-value-texts */ "./components/date-picker/hooks/use-value-texts.ts");
-/* harmony import */ var _hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./hooks/use-hover-value */ "./components/date-picker/hooks/use-hover-value.ts");
-/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
-/* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
-/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
-/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.replace.js */ "./node_modules/core-js/modules/es.string.replace.js");
+/* harmony import */ var core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_replace_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./context */ "./components/date-picker/context.tsx");
+/* harmony import */ var _date_panel__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./date-panel */ "./components/date-picker/date-panel.tsx");
+/* harmony import */ var _single_input_date__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./single/input-date */ "./components/date-picker/single/input-date.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./utils */ "./components/date-picker/utils/index.ts");
+/* harmony import */ var _hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./hooks/use-value-texts */ "./components/date-picker/hooks/use-value-texts.ts");
+/* harmony import */ var _hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./hooks/use-hover-value */ "./components/date-picker/hooks/use-hover-value.ts");
+/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
+/* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
+/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
+/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 
 
 
@@ -11618,14 +11699,41 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
+
+
+
+
+
+var MONTH_DEFAULT_SUFFIX = '月';
+var mergeDateLocale = function mergeDateLocale(globalLocale) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var mergeLocale = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({}, globalLocale, locale);
+  mergeLocale.weekTitle = Array.from({
+    length: 7
+  }, function (_, index) {
+    return mergeLocale.weekTitle[index] || globalLocale.weekTitle[index];
+  });
+  mergeLocale.monthTitle = Array.from({
+    length: 12
+  }, function (_, index) {
+    return mergeLocale.monthTitle[index] || globalLocale.monthTitle[index];
+  });
+  if (mergeLocale !== null && mergeLocale !== void 0 && mergeLocale.month && mergeLocale.month !== MONTH_DEFAULT_SUFFIX) {
+    mergeLocale.monthTitle = mergeLocale.monthTitle.map(function (d) {
+      return d.toString().replace(MONTH_DEFAULT_SUFFIX, mergeLocale.month);
+    });
+  }
+  return mergeLocale;
+};
 var InternalDatePicker = function InternalDatePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_17__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_19__["default"]),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps,
     globalLocale = _useContext.locale;
-  var datePickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_15__["getCompProps"])('DatePicker', userDefaultProps, props);
+  var datePickerProps = Object(_utils__WEBPACK_IMPORTED_MODULE_21__["getCompProps"])('DatePicker', userDefaultProps, props);
   var datePickerPrefixCls = getPrefixCls(prefixCls, 'date-picker', customPrefixcls);
   var id = datePickerProps.id,
     style = datePickerProps.style,
@@ -11684,29 +11792,34 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     _onOk = datePickerProps.onOk,
     status = datePickerProps.status,
     cellRender = datePickerProps.cellRender;
-  var inputDivRefDefault = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
+  var inputDivRefDefault = react__WEBPACK_IMPORTED_MODULE_17___default.a.useRef(null);
   var inputDivRef = ref || inputDivRefDefault;
-  var popperRefDefault = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
+  var popperRefDefault = react__WEBPACK_IMPORTED_MODULE_17___default.a.useRef(null);
   var popperRef = popupRef || popperRefDefault;
-  var inputRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
+  var inputRef = react__WEBPACK_IMPORTED_MODULE_17___default.a.useRef(null);
   var isHourStepValid = 24 % hourStep === 0;
   var isMinuteStepValid = 60 % minuteStep === 0;
   var isSecondStepValid = 60 % secondStep === 0;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-  var datePickerLang = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({}, globalLocale.getCompLangMsg({
+  var datePickerLang = mergeDateLocale(globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
   }), locale || {});
-  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(null, {
+  var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(null, {
       value: value,
       defaultValue: defaultValue
     }),
     _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState, 2),
     dateValue = _useMergedState2[0],
     setDateValue = _useMergedState2[1];
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_11___default.a.useState(dateValue),
-    _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
-    selectedValue = _React$useState2[0],
-    setSelectedValue = _React$useState2[1];
+  var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(null, {
+      value: dateValue,
+      postState: function postState(v) {
+        return v && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["isValid"])(v) ? null : v;
+      }
+    }),
+    _useMergedState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState3, 2),
+    selectedValue = _useMergedState4[0],
+    setSelectedValue = _useMergedState4[1];
   var hours;
   var minutes;
   var seconds;
@@ -11715,12 +11828,12 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var second;
   var disabledTimePanel = false;
   if (picker === 'time' || picker === 'date' && showTime) {
-    originHour = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getHours"])(selectedValue) : -1;
-    minute = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getMinutes"])(selectedValue) : -1;
-    second = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getSeconds"])(selectedValue) : -1;
-    hours = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["generateUnits"])(0, 23, hourStep, disabledHours && disabledHours());
-    minutes = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["generateUnits"])(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
-    seconds = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["generateUnits"])(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
+    originHour = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getHours"])(selectedValue) : -1;
+    minute = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getMinutes"])(selectedValue) : -1;
+    second = selectedValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getSeconds"])(selectedValue) : -1;
+    hours = Object(_utils__WEBPACK_IMPORTED_MODULE_25__["generateUnits"])(0, 23, hourStep, disabledHours && disabledHours());
+    minutes = Object(_utils__WEBPACK_IMPORTED_MODULE_25__["generateUnits"])(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
+    seconds = Object(_utils__WEBPACK_IMPORTED_MODULE_25__["generateUnits"])(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
     if (hours && !hours.find(function (n) {
       return !n.disabled;
     }) || minutes && !minutes.find(function (n) {
@@ -11731,33 +11844,33 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       disabledTimePanel = true;
     }
   }
-  var _format = Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getDefaultFormat"])(format, picker, showTime && !disabledTimePanel, use12Hours);
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(defaultPickerValue || dateValue || new Date()),
+  var _format = Object(_utils__WEBPACK_IMPORTED_MODULE_25__["getDefaultFormat"])(format, picker, showTime && !disabledTimePanel, use12Hours);
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(defaultPickerValue || dateValue || new Date()),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
     viewDate = _useState2[0],
     setInnerViewDate = _useState2[1];
   var setViewDate = function setViewDate(date) {
-    setInnerViewDate(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["isDate"])(date) ? date : new Date());
+    setInnerViewDate(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["isValid"])(date) ? date : new Date());
   };
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     setViewDate(dateValue);
   }, [dateValue]);
-  var valueText = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_20__["default"])(selectedValue, {
+  var valueText = Object(_hooks_use_value_texts__WEBPACK_IMPORTED_MODULE_26__["default"])(selectedValue, {
     format: _format
   });
-  var _useTextValueMapping = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_23__["default"])({
+  var _useTextValueMapping = Object(_hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_29__["default"])({
       valueText: valueText,
       onTextChange: function onTextChange(newText) {
         if (newText === '') {
           triggerChange(null);
           setViewDate(null);
         } else if (newText && newText.length >= _format.length) {
-          var inputTempDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["parseDate"])(newText, _format);
+          var inputTempDate = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["parseDate"])(newText, _format);
           if (inputTempDate && (!disabledDate || !disabledDate(inputTempDate))) {
             if (picker !== 'year') {
               triggerChange(inputTempDate);
               setViewDate(inputTempDate);
-            } else if (Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["isValid"])(inputTempDate)) {
+            } else if (Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["isValid"])(inputTempDate)) {
               triggerChange(inputTempDate);
               setViewDate(inputTempDate);
             }
@@ -11769,14 +11882,14 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     text = _useTextValueMapping2[0],
     triggerTextChange = _useTextValueMapping2[1],
     resetText = _useTextValueMapping2[2];
-  var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_21__["default"])(text, {
+  var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_27__["default"])(text, {
       format: _format
     }),
     _useHoverValue2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useHoverValue, 3),
     hoverValue = _useHoverValue2[0],
     onEnter = _useHoverValue2[1],
     onLeave = _useHoverValue2[2];
-  var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(false, {
+  var _useMergedState5 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(false, {
       value: open,
       defaultValue: defaultOpen,
       postState: function postState(postOpen) {
@@ -11791,28 +11904,28 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         // }
       }
     }),
-    _useMergedState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState3, 2),
-    openValue = _useMergedState4[0],
-    triggerInnerOpen = _useMergedState4[1];
-  var _useMergedState5 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useMergedState"])(function () {
+    _useMergedState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState5, 2),
+    openValue = _useMergedState6[0],
+    triggerInnerOpen = _useMergedState6[1];
+  var _useMergedState7 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useMergedState"])(function () {
       if (picker === 'time') {
         return 'time';
       }
-      return Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getInternalNextMode"])('date', picker);
+      return Object(_utils__WEBPACK_IMPORTED_MODULE_25__["getInternalNextMode"])('date', picker);
     }, {
       value: mode
     }),
-    _useMergedState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState5, 2),
-    mergedMode = _useMergedState6[0],
-    setInnerMode = _useMergedState6[1];
-  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(undefined),
+    _useMergedState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState7, 2),
+    mergedMode = _useMergedState8[0],
+    setInnerMode = _useMergedState8[1];
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_17__["useState"])(undefined),
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
     innerPicker = _useState4[0],
     setInnerPicker = _useState4[1];
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     setInnerMode(picker);
   }, [picker]);
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     if (!openValue) {
       setSelectedValue(dateValue);
       if (valueText !== text) {
@@ -11826,25 +11939,22 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [openValue, valueText]);
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
+  Object(react__WEBPACK_IMPORTED_MODULE_17__["useEffect"])(function () {
     if (!openValue) {
       resetText();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [picker]);
-  Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
-    setSelectedValue(dateValue);
-  }, [dateValue]);
-  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useOnClickOutside"])([popperRef, inputDivRef], function () {
-    setViewDate(selectedValue || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])());
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_20__["useOnClickOutside"])([popperRef, inputDivRef], function () {
+    setViewDate(selectedValue || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["newDate"])());
     triggerOpen(false);
   });
   var triggerChange = function triggerChange(newValue) {
     if (onSelect) {
       onSelect(newValue);
     }
-    if (onChange && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["isEqual"])(dateValue, newValue)) {
-      onChange(newValue, newValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["formatDate"])(newValue, _format) : '');
+    if (onChange && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["isEqual"])(dateValue, newValue)) {
+      onChange(newValue, newValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["formatDate"])(newValue, _format) : '');
     }
     setSelectedValue(newValue);
     setDateValue(newValue);
@@ -11870,9 +11980,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
   };
   var onNow = function onNow() {
-    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])();
-    var lowerBoundTime = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getLowerBoundTime"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getHours"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getMinutes"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["getSeconds"])(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);
-    var adjustedNow = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["setTime"])(now, {
+    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["newDate"])();
+    var lowerBoundTime = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getLowerBoundTime"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getHours"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getMinutes"])(now), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["getSeconds"])(now), isHourStepValid ? hourStep : 1, isMinuteStepValid ? minuteStep : 1, isSecondStepValid ? secondStep : 1);
+    var adjustedNow = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["setTime"])(now, {
       hour: lowerBoundTime[0],
       minute: lowerBoundTime[1],
       second: lowerBoundTime[2]
@@ -11882,8 +11992,8 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
     onContextSelect(adjustedNow, 'submit');
   };
-  var extraFooter = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_24__["default"])(datePickerPrefixCls, mergedMode, renderExtraFooter);
-  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_25__["default"])({
+  var extraFooter = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_30__["default"])(datePickerPrefixCls, mergedMode, renderExtraFooter);
+  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_31__["default"])({
     prefixCls: datePickerPrefixCls,
     components: components,
     needConfirmButton: needConfirmButton,
@@ -11902,11 +12012,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   });
   var todayNode;
   if (showToday && mergedMode === 'date' && picker === 'date' && !showTime) {
-    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["newDate"])();
+    var now = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_28__["newDate"])();
     var todayCls = "".concat(datePickerPrefixCls, "-today-btn");
     var _disabled = disabledDate && disabledDate(now);
-    todayNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
-      className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(todayCls, _disabled && "".concat(datePickerPrefixCls, "-btn-disabled")),
+    todayNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
+      className: classnames__WEBPACK_IMPORTED_MODULE_18___default()(todayCls, _disabled && "".concat(datePickerPrefixCls, "-btn-disabled")),
       "aria-disabled": _disabled,
       onClick: function onClick() {
         if (!_disabled) {
@@ -11920,11 +12030,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     onChange: setSelectedValue
   });
   var renderPanel = function renderPanel() {
-    var panelNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_17__["default"], panelProps);
+    var panelNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_date_panel__WEBPACK_IMPORTED_MODULE_23__["default"], panelProps);
     if (panelRender) {
       panelNode = panelRender(panelNode);
     }
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_16__["default"].Provider, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_22__["default"].Provider, {
       value: {
         hours: hours,
         minutes: minutes,
@@ -11946,7 +12056,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         setInnerPicker: setInnerPicker,
         cellRender: cellRender
       }
-    }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+    }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")
     }, extraFooter, rangesNode, todayNode) : null);
   };
@@ -11975,7 +12085,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     readOnly: inputReadOnly,
     prefixCls: datePickerPrefixCls,
     locale: datePickerLang,
-    dataOrAriaProps: Object(_utils__WEBPACK_IMPORTED_MODULE_19__["getDataOrAriaProps"])(datePickerProps),
+    dataOrAriaProps: Object(_utils__WEBPACK_IMPORTED_MODULE_25__["getDataOrAriaProps"])(datePickerProps),
     disabledDate: disabledDate,
     onFocus: onFocus,
     onBlur: onBlur,
@@ -11992,9 +12102,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     resetText: resetText,
     status: status
   };
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_26__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_single_input_date__WEBPACK_IMPORTED_MODULE_18__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_32__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_single_input_date__WEBPACK_IMPORTED_MODULE_24__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_2___default()({
     ref: inputDivRef
-  }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+  }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement("div", {
     ref: popperRef,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
@@ -12010,7 +12120,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     getPopupContainer: getPopupContainer
   });
 };
-var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(InternalDatePicker);
+var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_17___default.a.forwardRef(InternalDatePicker);
 DatePicker.displayName = 'DatePicker';
 /* harmony default export */ __webpack_exports__["default"] = (DatePicker);
 
@@ -12431,6 +12541,12 @@ function getRangeViewDate(values, index, picker) {
   }
   return startDate;
 }
+function checkViewDate(value) {
+  if (value && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["isValid"])(value)) {
+    return false;
+  }
+  return value;
+}
 function useRangeViewDates(_ref) {
   var values = _ref.values,
     picker = _ref.picker,
@@ -12451,7 +12567,7 @@ function useRangeViewDates(_ref) {
     if (defaultViewDates[index]) {
       return defaultViewDates[index];
     }
-    return Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getValue"])(viewDates, index) || getRangeViewDate(values, index, picker) || startDate || endDate || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["newDate"])();
+    return checkViewDate(Object(_utils__WEBPACK_IMPORTED_MODULE_5__["getValue"])(viewDates, index)) || checkViewDate(getRangeViewDate(values, index, picker)) || checkViewDate(startDate) || checkViewDate(endDate) || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["newDate"])();
   }
   function setViewDate(viewDate, index) {
     if (viewDate) {
@@ -12618,28 +12734,7 @@ var locale = {
   'DatePicker.month': '月',
   'DatePicker.year': '年',
   'DatePicker.weekTitle': ['日', '一', '二', '三', '四', '五', '六'],
-  // 'DatePicker.backToToday': '返回今天',
-  // 'DatePicker.timeSelect': '选择时间',
-  // 'DatePicker.dateSelect': '选择日期',
-  // 'DatePicker.weekSelect': '选择周',
-  // 'DatePicker.clear': '清除',
-  // 'DatePicker.month': '月',
-  // 'DatePicker.year': '年',
-  // 'DatePicker.previousMonth': '上个月 (翻页上键)',
-  // 'DatePicker.nextMonth': '下个月 (翻页下键)',
-  // 'DatePicker.monthSelect': '选择月份',
-  // 'DatePicker.yearSelect': '选择年份',
-  // 'DatePicker.decadeSelect': '选择年代',
-  // 'DatePicker.yearFormat': 'YYYY年',
-  // 'DatePicker.dayFormat': 'D日',
-  // 'DatePicker.dateFormat': 'YYYY年M月D日',
-  // 'DatePicker.dateTimeFormat': 'YYYY年M月D日 HH时mm分ss秒',
-  // 'DatePicker.previousYear': '上一年 (Control键加左方向键)',
-  // 'DatePicker.nextYear': '下一年 (Control键加右方向键)',
-  // 'DatePicker.previousDecade': '上一年代',
-  // 'DatePicker.nextDecade': '下一年代',
-  // 'DatePicker.previousCentury': '上一世纪',
-  // 'DatePicker.nextCentury': '下一世纪',
+  'DatePicker.monthTitle': ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
   'DatePicker.rangePlaceholder': ['开始日期', '结束日期'],
   'DatePicker.rangeYearPlaceholder': ['开始年份', '结束年份'],
   'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],
@@ -12824,16 +12919,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
 /* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../context */ "./components/date-picker/context.tsx");
-/* harmony import */ var _hooks_use_range_cls__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../hooks/use-range-cls */ "./components/date-picker/hooks/use-range-cls.ts");
-
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _utils_date_fns__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/date-fns */ "./components/date-picker/utils/date-fns.ts");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../context */ "./components/date-picker/context.tsx");
+/* harmony import */ var _hooks_use_range_cls__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks/use-range-cls */ "./components/date-picker/hooks/use-range-cls.ts");
 
 
 
@@ -12844,7 +12936,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var monthsThreeColumns = [[0, 1, 2], [3, 4, 5], [6, 7, 8], [9, 10, 11]];
 function Month(props) {
-  var context = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_context__WEBPACK_IMPORTED_MODULE_7__["default"]);
+  var context = Object(react__WEBPACK_IMPORTED_MODULE_3__["useContext"])(_context__WEBPACK_IMPORTED_MODULE_6__["default"]);
   var prefixCls = context.prefixCls,
     dateValue = context.dateValue,
     viewDate = context.viewDate,
@@ -12871,9 +12963,9 @@ function Month(props) {
   var getMonthSelected = function getMonthSelected(month) {
     if (hasFindSelected) return false;
     if (Array.isArray(_dateValue)) {
-      return _dateValue[0] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(_dateValue[0]) === month && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(_dateValue[0]) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(viewDate) || _dateValue[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(_dateValue[1]) === month && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(_dateValue[1]) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(viewDate);
+      return _dateValue[0] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(_dateValue[0]) === month && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(_dateValue[0]) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(viewDate) || _dateValue[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(_dateValue[1]) === month && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(_dateValue[1]) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(viewDate);
     } else {
-      if (_dateValue && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(_dateValue) === month && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(_dateValue) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(viewDate)) {
+      if (_dateValue && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(_dateValue) === month && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(_dateValue) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(viewDate)) {
         hasFindSelected = true;
         return true;
       }
@@ -12882,35 +12974,35 @@ function Month(props) {
   };
   var getMonthToday = function getMonthToday(month) {
     if (hasFindToday) return false;
-    if (Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(viewDate) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getYear"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["newDate"])()) && month === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["newDate"])())) {
+    if (Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(viewDate) === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getYear"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["newDate"])()) && month === Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["newDate"])())) {
       hasFindToday = true;
       if (Array.isArray(_dateValue)) {
-        return _dateValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(_dateValue[0]) !== month : _dateValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(_dateValue[1]) !== month : true;
+        return _dateValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(_dateValue[0]) !== month : _dateValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(_dateValue[1]) !== month : true;
       } else {
-        return _dateValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getMonth"])(_dateValue) !== month : true;
+        return _dateValue ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getMonth"])(_dateValue) !== month : true;
       }
     }
   };
   var getMonthClassNames = function getMonthClassNames(i) {
     var _classnames;
-    return classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-month-text"), (_classnames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classnames, "".concat(prefixCls, "-month-text-selected"), getMonthSelected(i)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classnames, "".concat(prefixCls, "-month-text-today"), getMonthToday(i)), _classnames));
+    return classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-month-text"), (_classnames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classnames, "".concat(prefixCls, "-month-text-selected"), getMonthSelected(i)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classnames, "".concat(prefixCls, "-month-text-today"), getMonthToday(i)), _classnames));
   };
-  var getRangeCls = Object(_hooks_use_range_cls__WEBPACK_IMPORTED_MODULE_8__["default"])({
+  var getRangeCls = Object(_hooks_use_range_cls__WEBPACK_IMPORTED_MODULE_7__["default"])({
     prefixCls: prefixCls,
     rangeValue: rangeValue,
     hoverRangedValue: hoverRangedValue,
     isRange: !!panelPosition,
     isAfterStart: function isAfterStart(date, rangedValue) {
-      return rangedValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["isAfter"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getStartOfMonth"])(date), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getStartOfMonth"])(rangedValue[0])) : false;
+      return rangedValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["isAfter"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getStartOfMonth"])(date), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getStartOfMonth"])(rangedValue[0])) : false;
     },
     isBeforeEnd: function isBeforeEnd(date, rangedValue) {
-      return rangedValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["isBefore"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getStartOfMonth"])(date), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["getStartOfMonth"])(rangedValue[1])) : false;
+      return rangedValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["isBefore"])(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getStartOfMonth"])(date), Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["getStartOfMonth"])(rangedValue[1])) : false;
     },
     isStart: function isStart(date, rangedValue) {
-      return rangedValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["isSameMonth"])(date, rangedValue[0]) : false;
+      return rangedValue[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["isSameMonth"])(date, rangedValue[0]) : false;
     },
     isEnd: function isEnd(date, rangedValue) {
-      return rangedValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["isSameMonth"])(date, rangedValue[1]) : false;
+      return rangedValue[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["isSameMonth"])(date, rangedValue[1]) : false;
     }
   });
   var handleClick = function handleClick(date) {
@@ -12921,19 +13013,19 @@ function Month(props) {
     } else {
       //
       var _viewDate = viewDate;
-      onSelect(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["setYearOrMonthOfDate"])(_viewDate, date, 'month'), 'inner');
+      onSelect(Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["setYearOrMonthOfDate"])(_viewDate, date, 'month'), 'inner');
       setInnerPicker(undefined);
     }
   };
   var renderMonth = function renderMonth() {
     var monthLayout = monthsThreeColumns;
-    var monthLineCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-month-line"));
+    var monthLineCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-month-line"));
     return monthLayout.map(function (month, i) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
         className: monthLineCls,
         key: i
       }, month.map(function (m, j) {
-        var month = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_6__["setMonth"])(viewDate, m);
+        var month = Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_5__["setMonth"])(viewDate, m);
         var _props = {
           onClick: function onClick() {
             return handleClick(month);
@@ -12949,11 +13041,11 @@ function Month(props) {
             }
           }
         };
-        var monthItemCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-month-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month)), getRangeCls(month));
-        var originNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
+        var monthItemCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-month-item"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(prefixCls, "-month-item-disabled"), disabledDate && disabledDate(month)), getRangeCls(month));
+        var originNode = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
           className: getMonthClassNames(m)
-        }, "".concat(m + 1).concat(locale.month));
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+        }, "".concat(locale.monthTitle[m]));
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
           className: monthItemCls,
           key: j
         }, _props), typeof cellRender === 'function' ? cellRender(m + 1, {
@@ -12965,11 +13057,11 @@ function Month(props) {
       }));
     });
   };
-  var monthCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-month"));
-  var monthWarpperCls = classnames__WEBPACK_IMPORTED_MODULE_5___default()("".concat(prefixCls, "-month-warpper"));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
+  var monthCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-month"));
+  var monthWarpperCls = classnames__WEBPACK_IMPORTED_MODULE_4___default()("".concat(prefixCls, "-month-warpper"));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
     className: monthCls
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("div", {
     className: monthWarpperCls
   }, renderMonth()));
 }
@@ -14000,12 +14092,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
 /* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
 /* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
@@ -14032,11 +14124,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _hooks_use_text_value_mapping__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./hooks/use-text-value-mapping */ "./components/date-picker/hooks/use-text-value-mapping.ts");
 /* harmony import */ var _hooks_use_range_view_dates__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./hooks/use-range-view-dates */ "./components/date-picker/hooks/use-range-view-dates.ts");
 /* harmony import */ var _hooks_use_range_disabled__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./hooks/use-range-disabled */ "./components/date-picker/hooks/use-range-disabled.ts");
-/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
-/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_29___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_29__);
-/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _date_picker__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./date-picker */ "./components/date-picker/date-picker.tsx");
+/* harmony import */ var _utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./utils/get-extra-footer */ "./components/date-picker/utils/get-extra-footer.tsx");
+/* harmony import */ var _utils_get_ranges__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./utils/get-ranges */ "./components/date-picker/utils/get-ranges.tsx");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_30___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_30__);
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
 
 
 
@@ -14045,7 +14138,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 
 
 
@@ -14157,7 +14251,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     status = _ref.status,
     cellRender = _ref.cellRender;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
-  var datePickerLang = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({}, globalLocale.getCompLangMsg({
+  var datePickerLang = Object(_date_picker__WEBPACK_IMPORTED_MODULE_27__["mergeDateLocale"])(globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
   }), locale || {});
   // ref
@@ -14184,7 +14278,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var _useMergedState = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(0, {
       // value: activePickerIndex,
     }),
-    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState, 2),
+    _useMergedState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState, 2),
     mergedActivePickerIndex = _useMergedState2[0],
     setMergedActivePickerIndex = _useMergedState2[1];
   // 原始数据
@@ -14192,7 +14286,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       value: value,
       defaultValue: defaultValue
     }),
-    _useMergedState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState3, 2),
+    _useMergedState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState3, 2),
     dateValue = _useMergedState4[0],
     setInnerValue = _useMergedState4[1];
 
@@ -14207,14 +14301,17 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
 
         // Fill disabled unit
         for (var i = 0; i < 2; i++) {
-          if (mergedDisabled[i] && !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(postValues, i) && !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(allowEmpty, i)) {
+          var v = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(postValues, i);
+          if (mergedDisabled[i] && !v && !Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(allowEmpty, i)) {
             postValues = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(postValues, Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["newDate"])(), i);
+          } else if (v && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isValid"])(v)) {
+            postValues = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["updateValues"])(postValues, null, i);
           }
         }
         return postValues;
       }
     }),
-    _useMergedState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState5, 2),
+    _useMergedState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState5, 2),
     selectedValue = _useMergedState6[0],
     setSelectedValue = _useMergedState6[1];
   var hours;
@@ -14253,7 +14350,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       picker: picker,
       defaultDates: defaultPickerValue
     }),
-    _useRangeViewDates2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useRangeViewDates, 2),
+    _useRangeViewDates2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useRangeViewDates, 2),
     getViewDate = _useRangeViewDates2[0],
     setViewDate = _useRangeViewDates2[1];
 
@@ -14290,7 +14387,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         return _onTextChange(newText, 0);
       }
     }),
-    _useTextValueMapping2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useTextValueMapping, 3),
+    _useTextValueMapping2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useTextValueMapping, 3),
     startText = _useTextValueMapping2[0],
     triggerStartTextChange = _useTextValueMapping2[1],
     resetStartText = _useTextValueMapping2[2];
@@ -14300,25 +14397,25 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         return _onTextChange(newText, 1);
       }
     }),
-    _useTextValueMapping4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useTextValueMapping3, 3),
+    _useTextValueMapping4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useTextValueMapping3, 3),
     endText = _useTextValueMapping4[0],
     triggerEndTextChange = _useTextValueMapping4[1],
     resetEndText = _useTextValueMapping4[2];
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])([null, null]),
-    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState, 2),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState, 2),
     hoverRangedValue = _useState2[0],
     setHoverRangedValue = _useState2[1];
   var _useHoverValue = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__["default"])(startText, {
       format: _format
     }),
-    _useHoverValue2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useHoverValue, 3),
+    _useHoverValue2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useHoverValue, 3),
     startHoverValue = _useHoverValue2[0],
     onStartEnter = _useHoverValue2[1],
     onStartLeave = _useHoverValue2[2];
   var _useHoverValue3 = Object(_hooks_use_hover_value__WEBPACK_IMPORTED_MODULE_22__["default"])(endText, {
       format: _format
     }),
-    _useHoverValue4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useHoverValue3, 3),
+    _useHoverValue4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useHoverValue3, 3),
     endHoverValue = _useHoverValue4[0],
     onEndEnter = _useHoverValue4[1],
     onEndLeave = _useHoverValue4[2];
@@ -14334,7 +14431,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         }
       }
     }),
-    _useMergedState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState7, 2),
+    _useMergedState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState7, 2),
     mergedOpen = _useMergedState8[0],
     triggerInnerOpen = _useMergedState8[1];
   var startOpen = mergedOpen && mergedActivePickerIndex === 0;
@@ -14342,11 +14439,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var _useMergedState9 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])([picker, picker], {
       value: mode
     }),
-    _useMergedState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState9, 2),
+    _useMergedState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useMergedState9, 2),
     mergedModes = _useMergedState10[0],
     setInnerModes = _useMergedState10[1];
   var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_12__["useState"])(undefined),
-    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useState3, 2),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState3, 2),
     innerPicker = _useState4[0],
     setInnerPicker = _useState4[1];
   Object(react__WEBPACK_IMPORTED_MODULE_12__["useEffect"])(function () {
@@ -14358,7 +14455,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       disabled: mergedDisabled,
       disabledDate: disabledDate
     }, openRecordsRef.current[1], openRecordsRef.current[0]),
-    _useRangeDisabled2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useRangeDisabled, 2),
+    _useRangeDisabled2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useRangeDisabled, 2),
     disabledStartDate = _useRangeDisabled2[0],
     disabledEndDate = _useRangeDisabled2[1];
   var triggerRef = Object(react__WEBPACK_IMPORTED_MODULE_12__["useRef"])();
@@ -14414,7 +14511,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           startValue = null;
           values = [null, endValue];
         }
-        openRecordsRef.current = _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()({}, sourceIndex, true);
+        openRecordsRef.current = _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5___default()({}, sourceIndex, true);
       }
     }
     setSelectedValue(values);
@@ -14516,8 +14613,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     }
     return panelNode;
   };
-  var extraNode = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_27__["default"])(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
-  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_28__["default"])({
+  var extraNode = Object(_utils_get_extra_footer__WEBPACK_IMPORTED_MODULE_28__["default"])(datePickerPrefixCls, mergedModes[mergedActivePickerIndex], renderExtraFooter);
+  var rangesNode = Object(_utils_get_ranges__WEBPACK_IMPORTED_MODULE_29__["default"])({
     prefixCls: datePickerPrefixCls,
     components: components,
     needConfirmButton: needConfirmButton,
@@ -14580,7 +14677,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
         }
       }, renderPanel());
       panels = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_29___default()("".concat(datePickerPrefixCls, "-container-date"))
+        className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-container-date"))
       }, leftPanel, innerPicker === undefined ? rightPanel : null);
     } else {
       panels = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_17__["default"].Provider, {
@@ -14700,12 +14797,12 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       });
       if (rangeArray.length) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
-          className: classnames__WEBPACK_IMPORTED_MODULE_29___default()("".concat(datePickerPrefixCls, "-ranges"))
+          className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-ranges"))
         }, rangeArray.map(function (_ref2) {
           var key = _ref2.key,
             newValue = _ref2.newValue;
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
-            className: classnames__WEBPACK_IMPORTED_MODULE_29___default()("".concat(datePickerPrefixCls, "-ranges-item")),
+            className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-ranges-item")),
             key: key,
             onClick: function onClick() {
               triggerChange(newValue, 1);
@@ -14720,14 +14817,14 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     }
     return null;
   };
-  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_30__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_range_input_range__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_6___default()({
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_31__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement(_range_input_range__WEBPACK_IMPORTED_MODULE_19__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_4___default()({
     ref: inputDivRef
   }, inputProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
     ref: popperRef,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     },
-    className: classnames__WEBPACK_IMPORTED_MODULE_29___default()("".concat(datePickerPrefixCls, "-container"))
+    className: classnames__WEBPACK_IMPORTED_MODULE_30___default()("".concat(datePickerPrefixCls, "-container"))
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", null, renderPanels(), extraNode || rangesNode ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", {
     className: "".concat(datePickerPrefixCls, "-footer")
   }, extraNode, rangesNode) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", null, renderConfig())), {
@@ -21453,7 +21550,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./components/index.tsx ***!
   \******************************/
-/*! exports provided: Alert, Breadcrumb, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect, ColorPicker, Clipboard, QRCode, Divider */
+/*! exports provided: Alert, Breadcrumb, Button, Card, Collapse, Checkbox, ConfigProvider, Carousel, Cascader, Dropdown, DatePicker, RangePicker, Drawer, Empty, Filter, Form, Row, Col, Input, TextArea, InputNumber, Icon, Image, Layout, Modal, Menu, Message, Notification, Pagination, Progress, Popconfirm, Radio, Rate, Select, Switch, Steps, Step, Space, SplitPanel, Spin, Timeline, Tooltip, Tabs, Transfer, Tree, TreeNode, Tag, Upload, Typography, Search, Badge, ImageCropper, CityPicker, Anchor, Avatar, Slider, Table, Stepper, BaseData, Link, TreeSelect, ColorPicker, Clipboard, QRCode, Divider, Signature */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -21649,6 +21746,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ./divider */ "./components/divider/index.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Divider", function() { return _divider__WEBPACK_IMPORTED_MODULE_60__["default"]; });
 
+/* harmony import */ var _signature__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ./signature */ "./components/signature/index.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Signature", function() { return _signature__WEBPACK_IMPORTED_MODULE_61__["default"]; });
+
 /* @remove-on-es-build-begin */
 // this file is not used if use https://github.com/ant-design/babel-plugin-import
 var ENV = "development";
@@ -21719,6 +21819,7 @@ typeof window !== 'undefined') {
 
 
 
+
 
 
 /***/ }),
@@ -24117,7 +24218,12 @@ var locale = _objectSpread(_objectSpread({
   'Table.resetFilter': '重置',
   'Table.confirmFilter': '确定',
   'Select.selectAll': '全选',
-  'Select.seleted': '已选{size}项'
+  'Select.seleted': '已选{size}项',
+  'Signature.clickToSign': '点击签名',
+  'Signature.pleaseWriteHere': '请在此处横向书写签名',
+  'Signature.okText': '确定',
+  'Signature.cancelText': '取消',
+  'Signature.handwrittenSignature': '手写签名'
 });
 /* harmony default export */ __webpack_exports__["default"] = (locale);
 
@@ -25608,7 +25714,9 @@ var InternalModal = function InternalModal(props, ref) {
   }, [isForceController, closeModal]);
   var escapeToCloseModal = Object(react__WEBPACK_IMPORTED_MODULE_6__["useCallback"])(function (evt) {
     // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
-    if (['Escape', 'Esc'].includes(evt.key)) {
+    var isModalVisible = destroyOnClose || (isForceController ? visible : innerVisible);
+    if (['Escape', 'Esc'].includes(evt.key) && isModalVisible) {
+      evt.preventDefault();
       proxyCloseModal(onCancel);
     }
   }, [proxyCloseModal, onCancel]);
@@ -27291,7 +27399,7 @@ var Popconfirm = function Popconfirm(props) {
   }, [props.visible]);
   var confirmLocator = react__WEBPACK_IMPORTED_MODULE_10__["Children"].count(children) === 1 && children.type ? children : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10__["createElement"]("span", null, children);
   var confirmTitle = typeof title === 'function' ? title() : title;
-  var confirmMsg = typeof title === 'function' ? message() : message;
+  var confirmMsg = typeof message === 'function' ? message() : message;
   var handleCancel = function handleCancel(e) {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
@@ -30766,7 +30874,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: clearIconCls,
       ref: clearRef
     }, clearIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_28___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_35__["Icon"], {
-      type: "close-solid"
+      type: "close"
     })) : null, showArrow ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_28___default.a.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_28___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_35__["Icon"], {
@@ -31244,6 +31352,1295 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_0__);
 
 
+/***/ }),
+
+/***/ "./components/signature/drawingBoard.tsx":
+/*!***********************************************!*\
+  !*** ./components/signature/drawingBoard.tsx ***!
+  \***********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+var DrawingBoard = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"])(function (props, ref) {
+  var _classNames;
+  var prefixCls = props.prefixCls,
+    isEmpty = props.isEmpty,
+    setIsEmpty = props.setIsEmpty,
+    onClear = props.onClear,
+    signaturePad = props.signaturePad,
+    undo = props.undo,
+    redo = props.redo,
+    signatureLangMsg = props.signatureLangMsg;
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_5__["useState"])(-1),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
+    currentHistoryIndex = _useState2[0],
+    setCurrentHistoryIndex = _useState2[1];
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_5__["useState"])([]),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
+    signatureHistory = _useState4[0],
+    setSignatureHistory = _useState4[1];
+  var canvasRef = Object(react__WEBPACK_IMPORTED_MODULE_5__["useRef"])();
+  var canvasWrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_5__["useRef"])();
+  var handleOnClear = function handleOnClear() {
+    var _signaturePad;
+    (_signaturePad = signaturePad()) === null || _signaturePad === void 0 ? void 0 : _signaturePad.clear();
+    setIsEmpty(true);
+    setSignatureHistory(signatureHistory.slice(0, 1));
+    setCurrentHistoryIndex(0);
+    onClear && onClear();
+  };
+  var saveSignatureToHistory = function saveSignatureToHistory() {
+    if (signaturePad()) {
+      var _signaturePad2;
+      var data = (_signaturePad2 = signaturePad()) === null || _signaturePad2 === void 0 ? void 0 : _signaturePad2.toDataURL();
+      if (data !== undefined) setSignatureHistory(function (prevHistory) {
+        return [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_1___default()(prevHistory), [{
+          data: data
+        }]);
+      });
+      setCurrentHistoryIndex(function (prevIndex) {
+        return prevIndex + 1;
+      });
+    }
+  };
+  var handleUndo = function handleUndo() {
+    if (currentHistoryIndex > 0) {
+      setCurrentHistoryIndex(function (prevIndex) {
+        return prevIndex - 1;
+      });
+      var historyItem = signatureHistory[currentHistoryIndex - 1];
+      if (signaturePad() && historyItem) {
+        var _signaturePad3, _signaturePad4;
+        (_signaturePad3 = signaturePad()) === null || _signaturePad3 === void 0 ? void 0 : _signaturePad3.clear();
+        (_signaturePad4 = signaturePad()) === null || _signaturePad4 === void 0 ? void 0 : _signaturePad4.fromDataURL(historyItem.data, {
+          ratio: 1
+        });
+        undo && undo();
+      }
+    }
+  };
+  var handleRedo = function handleRedo() {
+    if (currentHistoryIndex < signatureHistory.length - 1) {
+      setCurrentHistoryIndex(function (prevIndex) {
+        return prevIndex + 1;
+      });
+      var historyItem = signatureHistory[currentHistoryIndex + 1];
+      if (signaturePad() && historyItem) {
+        var _signaturePad5;
+        (_signaturePad5 = signaturePad()) === null || _signaturePad5 === void 0 ? void 0 : _signaturePad5.fromDataURL(historyItem.data, {
+          ratio: 1
+        });
+        redo && redo();
+      }
+    }
+  };
+  Object(react__WEBPACK_IMPORTED_MODULE_5__["useEffect"])(function () {
+    currentHistoryIndex > 0 ? setIsEmpty(false) : setIsEmpty(true);
+  }, [currentHistoryIndex]);
+  Object(react__WEBPACK_IMPORTED_MODULE_5__["useImperativeHandle"])(ref, function () {
+    return {
+      getCanvasRef: function getCanvasRef() {
+        return canvasRef.current;
+      },
+      getCanvasWrapperRef: function getCanvasWrapperRef() {
+        return canvasWrapperRef.current;
+      },
+      saveSignatureToHistory: saveSignatureToHistory,
+      signatureHistory: signatureHistory,
+      setSignatureHistory: setSignatureHistory,
+      setCurrentHistoryIndex: setCurrentHistoryIndex
+    };
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+    className: "".concat(prefixCls, "-drawing-board"),
+    ref: canvasWrapperRef
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(prefixCls, "-drawing-board-operation"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "enabled", !isEmpty), _classNames))
+  }, undo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
+    onClick: function onClick() {
+      return handleUndo();
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g", {
+    id: "1016.\u64A4\u9500",
+    stroke: "none",
+    "stroke-width": "1",
+    fill: "none",
+    "fill-rule": "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g", {
+    id: "\u7F16\u7EC4",
+    transform: "translate(2.000000, 1.000000)",
+    fill: "#000000",
+    "fill-rule": "nonzero"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path", {
+    d: "M9.16767025,16.9762781 C9.5300869,17.3386948 9.5300869,17.9262881 9.16767025,18.2887049 C8.84552213,18.6108529 8.34545651,18.6466472 7.98377112,18.3960875 L7.85524348,18.2887049 L0.815437446,11.2488988 C-0.203859357,10.229602 -0.267565411,8.61657722 0.624319283,7.52306442 L0.815437446,7.31161852 L7.85524348,0.271812484 C8.21766013,-0.0906041612 8.80525361,-0.0906041612 9.16767025,0.271812484 C9.48981838,0.593960608 9.5256126,1.09402626 9.27505297,1.45571158 L9.16767025,1.58423925 L2.39801882,8.35223283 L18.7197413,8.35223283 C24.8235066,8.35223283 28,11.88167 28,18.5605173 C28,25.0286774 25.0409921,28.8154573 19.1996764,29.6367412 L18.7197413,29.6968277 L3.87132753,29.6968277 C3.358793,29.6968277 2.94330165,29.2813365 2.94330165,28.7688019 C2.94330165,28.3132156 3.27159111,27.9343054 3.70451369,27.8557278 L3.87132753,27.840776 L18.6172581,27.846452 C23.6969089,27.2820464 26.1439483,24.2912204 26.1439483,18.5605173 C26.1439483,13.0283959 23.8870007,10.3626156 19.1446408,10.2148013 L18.7197413,10.2082845 L2.39987488,10.2082845 L9.16767025,16.9762781 Z",
+    id: "\u8DEF\u5F84",
+    fill: "currentColor"
+  }))))) : null, redo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
+    onClick: function onClick() {
+      return handleRedo();
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g", {
+    id: "1016.\u64A4\u9500",
+    stroke: "none",
+    "stroke-width": "1",
+    fill: "none",
+    "fill-rule": "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("g", {
+    id: "\u7F16\u7EC4",
+    transform: "translate(2.000000, 1.000000)",
+    fill: "#000000",
+    "fill-rule": "nonzero"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("path", {
+    d: "M9.16767025,16.9762781 C9.5300869,17.3386948 9.5300869,17.9262881 9.16767025,18.2887049 C8.84552213,18.6108529 8.34545651,18.6466472 7.98377112,18.3960875 L7.85524348,18.2887049 L0.815437446,11.2488988 C-0.203859357,10.229602 -0.267565411,8.61657722 0.624319283,7.52306442 L0.815437446,7.31161852 L7.85524348,0.271812484 C8.21766013,-0.0906041612 8.80525361,-0.0906041612 9.16767025,0.271812484 C9.48981838,0.593960608 9.5256126,1.09402626 9.27505297,1.45571158 L9.16767025,1.58423925 L2.39801882,8.35223283 L18.7197413,8.35223283 C24.8235066,8.35223283 28,11.88167 28,18.5605173 C28,25.0286774 25.0409921,28.8154573 19.1996764,29.6367412 L18.7197413,29.6968277 L3.87132753,29.6968277 C3.358793,29.6968277 2.94330165,29.2813365 2.94330165,28.7688019 C2.94330165,28.3132156 3.27159111,27.9343054 3.70451369,27.8557278 L3.87132753,27.840776 L18.6172581,27.846452 C23.6969089,27.2820464 26.1439483,24.2912204 26.1439483,18.5605173 C26.1439483,13.0283959 23.8870007,10.3626156 19.1446408,10.2148013 L18.7197413,10.2082845 L2.39987488,10.2082845 L9.16767025,16.9762781 Z",
+    id: "\u8DEF\u5F84",
+    fill: "currentColor"
+  }))))) : null, onClear ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
+    type: "delete",
+    className: "".concat(prefixCls, "-drawing-board-clear"),
+    onClick: function onClick() {
+      return handleOnClear();
+    }
+  }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("span", {
+    className: "".concat(prefixCls, "-drawing-board-tip")
+  }, isEmpty ? signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.pleaseWriteHere : ''), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("canvas", {
+    ref: canvasRef
+  }));
+});
+/* harmony default export */ __webpack_exports__["default"] = (DrawingBoard);
+
+/***/ }),
+
+/***/ "./components/signature/index.tsx":
+/*!****************************************!*\
+  !*** ./components/signature/index.tsx ***!
+  \****************************************/
+/*! exports provided: DataUrlTypes, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _signature__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./signature */ "./components/signature/signature.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataUrlTypes", function() { return _signature__WEBPACK_IMPORTED_MODULE_0__["DataUrlTypes"]; });
+
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_signature__WEBPACK_IMPORTED_MODULE_0__["default"]);
+
+/***/ }),
+
+/***/ "./components/signature/signature.tsx":
+/*!********************************************!*\
+  !*** ./components/signature/signature.tsx ***!
+  \********************************************/
+/*! exports provided: DataUrlTypes, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataUrlTypes", function() { return DataUrlTypes; });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _utils_signature_pad__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/signature_pad */ "./components/signature/utils/signature_pad.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../modal */ "./components/modal/index.tsx");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
+/* harmony import */ var _image__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../image */ "./components/image/index.tsx");
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../button */ "./components/button/index.tsx");
+/* harmony import */ var _drawingBoard__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./drawingBoard */ "./components/signature/drawingBoard.tsx");
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
+
+
+
+var _excluded = ["className", "style", "prefixCls", "containerWidth", "containerHeight", "getSignatureData", "onStart", "onEnd", "onClear", "undo", "redo", "penColor", "backgroundColor", "dataUrlType", "title", "onClose", "disabled", "preview", "canFullScreen"];
+
+
+
+
+
+
+
+
+
+
+
+
+var DataUrlTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_15__["tuple"])('png', 'jpeg', 'svg');
+var typeMapping = {
+  png: 'image/png',
+  jpeg: 'image/jpeg',
+  svg: 'image/svg+xml'
+};
+var Signature = function Signature(props) {
+  var _classNames2;
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__["default"]),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    locale = _useContext.locale;
+  var signatureProps = Object(_utils__WEBPACK_IMPORTED_MODULE_13__["getCompProps"])('Signature', userDefaultProps, props);
+  var signatureLangMsg = locale.getCompLangMsg({
+    componentName: 'Signature'
+  });
+  var className = signatureProps.className,
+    style = signatureProps.style,
+    customPrefixcls = signatureProps.prefixCls,
+    containerWidth = signatureProps.containerWidth,
+    containerHeight = signatureProps.containerHeight,
+    getSignatureData = signatureProps.getSignatureData,
+    onStart = signatureProps.onStart,
+    onEnd = signatureProps.onEnd,
+    onClear = signatureProps.onClear,
+    undo = signatureProps.undo,
+    redo = signatureProps.redo,
+    penColor = signatureProps.penColor,
+    backgroundColor = signatureProps.backgroundColor,
+    _signatureProps$dataU = signatureProps.dataUrlType,
+    dataUrlType = _signatureProps$dataU === void 0 ? 'png' : _signatureProps$dataU,
+    title = signatureProps.title,
+    onClose = signatureProps.onClose,
+    disabled = signatureProps.disabled,
+    preview = signatureProps.preview,
+    canFullScreen = signatureProps.canFullScreen,
+    restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(signatureProps, _excluded);
+  var signaturePrefixCls = getPrefixCls(prefixCls, 'signature', customPrefixcls);
+  var signatureClass = classnames__WEBPACK_IMPORTED_MODULE_5___default()(signaturePrefixCls, className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()({}, "".concat(signaturePrefixCls, "-disabled"), disabled));
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false),
+    _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
+    modalVisible = _useState2[0],
+    setModalVisible = _useState2[1];
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(''),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
+    dataUrl = _useState4[0],
+    setDataUrl = _useState4[1];
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(true),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),
+    isEmpty = _useState6[0],
+    setIsEmpty = _useState6[1];
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(false),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState7, 2),
+    isFullScreen = _useState8[0],
+    setIsFullScreen = _useState8[1];
+  var modalRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])();
+  var modalBodyRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])();
+  var triggerRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])();
+  var signaturePadRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])();
+  var handleOnClick = function handleOnClick() {
+    if (disabled) return;
+    setModalVisible(true);
+  };
+  var setJpegBgColor = function setJpegBgColor() {
+    var canvas = modalBodyRef.current.getCanvasRef();
+    var ctx = canvas.getContext('2d');
+    ctx.globalCompositeOperation = 'destination-over';
+    ctx.fillStyle = backgroundColor;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+  };
+  var handleModalOk = function handleModalOk() {
+    var _signaturePadRef$curr, _signaturePadRef$curr2;
+    var type = typeMapping[dataUrlType] || '';
+    if (type === 'image/jpeg') setJpegBgColor();
+    var result = (_signaturePadRef$curr = signaturePadRef.current) === null || _signaturePadRef$curr === void 0 ? void 0 : _signaturePadRef$curr.toDataURL(type);
+    result && setDataUrl(result);
+    getSignatureData && getSignatureData(result);
+    (_signaturePadRef$curr2 = signaturePadRef.current) === null || _signaturePadRef$curr2 === void 0 ? void 0 : _signaturePadRef$curr2.clear();
+    setModalVisible(false);
+  };
+  var handleDelete = function handleDelete() {
+    if (disabled) return;
+    setDataUrl('');
+  };
+  var handleModalCancel = function handleModalCancel() {
+    onClose && onClose();
+    setModalVisible(false);
+  };
+  var handleFullScreen = function handleFullScreen(type) {
+    setIsFullScreen(true);
+    type === 'open' ? setIsFullScreen(true) : setIsFullScreen(false);
+  };
+  Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useResizeObserver"])(modalRef.current, function (rect) {
+    var width = rect.width,
+      height = rect.height;
+    var canvas = modalBodyRef.current.getCanvasRef();
+    canvas.width = width - 40;
+    canvas.height = height - 142;
+  });
+  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
+    if (modalBodyRef.current) {
+      var canvas = modalBodyRef.current.getCanvasRef();
+      signaturePadRef.current = new _utils_signature_pad__WEBPACK_IMPORTED_MODULE_6__["default"](canvas, {
+        penColor: penColor
+      });
+      signaturePadRef.current.addEventListener('beginStroke', function () {
+        setIsEmpty(false);
+        onStart && onStart();
+      });
+      signaturePadRef.current.addEventListener('endStroke', function () {
+        modalBodyRef.current.saveSignatureToHistory();
+        onEnd && onEnd();
+      });
+    }
+    return function () {
+      if (signaturePadRef.current) {
+        signaturePadRef.current.off();
+      }
+    };
+  }, []);
+  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
+    if (modalVisible) {
+      var _signaturePadRef$curr3;
+      (_signaturePadRef$curr3 = signaturePadRef.current) === null || _signaturePadRef$curr3 === void 0 ? void 0 : _signaturePadRef$curr3.on();
+      modalBodyRef.current.saveSignatureToHistory();
+    } else {
+      var _signaturePadRef$curr4;
+      (_signaturePadRef$curr4 = signaturePadRef.current) === null || _signaturePadRef$curr4 === void 0 ? void 0 : _signaturePadRef$curr4.off();
+      modalBodyRef.current.setSignatureHistory([]);
+      modalBodyRef.current.setCurrentHistoryIndex(-1);
+    }
+  }, [modalVisible]);
+  Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
+    signaturePadRef.current && (signaturePadRef.current.penColor = penColor);
+  }, [penColor]);
+  var DrawingBoardProps = {
+    prefixCls: signaturePrefixCls,
+    signatureLangMsg: signatureLangMsg,
+    undo: undo,
+    redo: redo,
+    isEmpty: isEmpty,
+    onClear: onClear,
+    setDataUrl: setDataUrl,
+    setIsEmpty: setIsEmpty,
+    signaturePad: function signaturePad() {
+      return signaturePadRef.current;
+    }
+  };
+  var modalClasses = classnames__WEBPACK_IMPORTED_MODULE_5___default()((_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames2, "".concat(signaturePrefixCls, "-modal"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_classNames2, "".concat(signaturePrefixCls, "-modal-fullscreen"), isFullScreen), _classNames2));
+  var footer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
+    className: "".concat(signaturePrefixCls, "-modal-footer")
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_button__WEBPACK_IMPORTED_MODULE_10__["default"], {
+    onClick: handleModalCancel
+  }, signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.cancelText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_button__WEBPACK_IMPORTED_MODULE_10__["default"], {
+    type: "primary",
+    onClick: handleModalOk,
+    disabled: isEmpty
+  }, signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.okText));
+  var titleIcon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, !isFullScreen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
+    className: "kd-modal-expand-icon",
+    onClick: function onClick() {
+      return handleFullScreen('open');
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("g", {
+    id: "977.\u5168\u5C4F",
+    stroke: "none",
+    "stroke-width": "1",
+    fill: "none",
+    "fill-rule": "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("g", {
+    id: "\u7F16\u7EC4",
+    transform: "translate(2.000000, 2.000000)",
+    fill: "#000000",
+    "fill-rule": "nonzero"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("path", {
+    d: "M1.07692308,17.4339622 C1.67169125,17.4339622 2.15384615,17.9161171 2.15384615,18.5108853 L2.15169231,24.8518084 L8.50424095,18.2911144 C8.91128276,17.8706218 9.58213195,17.8597178 10.0026246,18.2667596 L10.0077312,18.2717362 C10.4291221,18.6851765 10.4378354,19.3612143 10.0272402,19.7853779 L4.12030769,25.8856545 L10.2510885,25.8867924 C10.8346347,25.8867924 11.3076923,26.35985 11.3076923,26.9433963 C11.3076923,27.5269424 10.8346347,28 10.2510885,28 L1.0566038,28 C0.473057639,28 0,27.5269424 0,26.9433963 L0,18.5108853 C0,17.9161171 0.4821549,17.4339622 1.07692308,17.4339622 Z M26.9230769,16.9056604 C27.5178452,16.9056604 28,17.3878153 28,17.9825835 L28,17.9825835 L28,26.4150942 C28,26.9986405 27.5269424,27.4716981 26.9433963,27.4716981 L26.9433963,27.4716981 L17.7489115,27.4716981 C17.1653653,27.4716981 16.6923077,26.9986405 16.6923077,26.4150942 C16.6923077,25.8315482 17.1653653,25.3584905 17.7489115,25.3584905 L17.7489115,25.3584905 L25.8461538,25.3573527 L25.8461538,17.9825835 C25.8461538,17.3878153 26.3283087,16.9056604 26.9230769,16.9056604 Z M26.9433963,0 C27.5269424,0 28,0.473057639 28,1.0566038 L28,9.48911467 C28,10.0838829 27.5178452,10.5660378 26.9230769,10.5660378 C26.3283087,10.5660378 25.8461538,10.0838829 25.8461538,9.48911467 L25.8483077,3.1481916 L19.495759,9.70888562 C19.0887172,10.1293782 18.417868,10.1402822 17.9973754,9.73324042 L17.9922688,9.72826376 C17.5708779,9.31482358 17.5621646,8.63878569 17.9727599,8.21462222 L23.8796923,2.11434544 L17.7489115,2.11320756 C17.1653653,2.11320756 16.6923077,1.64014992 16.6923077,1.0566038 C16.6923077,0.473057639 17.1653653,0 17.7489115,0 L26.9433963,0 Z M10.2510885,0 C10.8346347,0 11.3076923,0.473057639 11.3076923,1.0566038 C11.3076923,1.64014992 10.8346347,2.11320756 10.2510885,2.11320756 L10.2510885,2.11320756 L2.15384615,2.11434544 L2.15384615,9.48911467 C2.15384615,10.0838829 1.67169125,10.5660378 1.07692308,10.5660378 C0.4821549,10.5660378 0,10.0838829 0,9.48911467 L0,9.48911467 L0,1.0566038 C0,0.473057639 0.473057639,0 1.0566038,0 L1.0566038,0 L10.2510885,0 Z",
+    id: "\u5F62\u72B6",
+    fill: "#666666"
+  }))))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
+    className: "kd-modal-expand-icon",
+    onClick: function onClick() {
+      return handleFullScreen('close');
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("svg", {
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 32 32"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("g", {
+    id: "1226-\u5173\u95ED\u5168\u5C4F",
+    stroke: "none",
+    "stroke-width": "1",
+    fill: "none",
+    "fill-rule": "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("g", {
+    id: "\u7F16\u7EC4",
+    transform: "translate(4.000000, 4.000000)",
+    fill: "#000000",
+    "fill-rule": "nonzero"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("path", {
+    d: "M15.9569224,17.3691573 L15.9569224,22.6490507 C15.9569224,23.385811 16.0714999,23.9626957 15.336072,23.9626957 C14.6019762,23.9626957 14.6566004,23.385811 14.6566004,22.6490507 L14.6566004,15.9875652 C14.6566004,15.5932053 14.8191407,15.2747863 15.076274,15.0549573 C15.3252286,14.7994658 15.66681,14.6553386 16.0235372,14.6552681 L22.6370601,14.6552681 C23.3711558,14.6552681 23.9520373,14.6073054 23.9520373,15.3427334 C23.9520373,16.0794937 23.3711558,15.9022982 22.6370601,15.9022982 L17.2545798,15.9022982 L15.9569224,17.367825 L15.9569224,17.3691573 Z M8.00977019,17.4064616 L6.7107805,15.9382702 L1.32963251,15.9382702 C0.595536804,15.9382702 0.0146552671,16.116798 0.0146552671,15.3800378 C0.0146552671,14.6446098 0.595536804,14.6939048 1.32963251,14.6939048 L7.94315534,14.6939048 C8.31486623,14.6939048 8.6492728,14.8471189 8.88908626,15.0935939 C9.16260631,15.3252747 9.31724071,15.6678192 9.31009215,16.0262018 L9.31009215,22.6876874 C9.31009215,23.4231154 9.36471634,24 8.63062063,24 C7.89519263,24 8.00977017,23.4231153 8.00977019,22.6863551 L8.00977019,17.4064616 L8.00977019,17.4064616 Z M15.9569224,6.59487065 L17.2559121,8.06172976 L22.6370601,8.06172976 C23.3711558,8.06172976 23.9520373,7.88453425 23.9520373,8.62129455 C23.9520373,9.35539026 23.3711558,9.30742755 22.6370601,9.30742755 L16.0235372,9.30742755 C15.66681,9.30735708 15.3252286,9.16322991 15.076274,8.90773844 C14.8032501,8.675801 14.649122,8.33329396 14.6566004,7.97513047 L14.6566004,1.31364494 C14.6552817,0.578216941 14.6019762,0 15.3347396,0 C16.0701676,0 15.9555901,0.578216941 15.9555901,1.31364494 L15.9555901,6.59487065 L15.9569224,6.59487065 Z M7.9951149,6.59487065 L7.9951149,1.31364494 C7.99378262,0.578216941 7.88053736,0 8.61596536,0 C9.34872876,0 9.29543688,0.578216941 9.29543688,1.31364494 L9.29543688,7.97513047 C9.30291535,8.33329396 9.14878718,8.675801 8.87576331,8.90773844 C8.62648612,9.16356115 8.2843572,9.30771659 7.92716776,9.30742755 L1.31497725,9.30742755 C0.579549251,9.30742755 0,9.35539026 0,8.61996227 C0,7.88453427 0.579549251,8.06172978 1.31497725,8.06172976 L6.69612523,8.06172976 L7.99378262,6.59487065 L7.9951149,6.59487065 Z",
+    id: "\u5F62\u72B6",
+    fill: "#666666"
+  }))))));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment, null, dataUrl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_image__WEBPACK_IMPORTED_MODULE_9__["default"], {
+    preview: preview,
+    src: dataUrl,
+    title: "\u5220\u9664",
+    operations: !disabled ? [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_8__["default"], {
+      type: "delete",
+      key: "delete",
+      onClick: function onClick() {
+        return handleDelete();
+      }
+    })] : undefined
+  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", {
+    className: signatureClass,
+    ref: triggerRef,
+    onClick: handleOnClick,
+    style: style
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    type: "edit"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", null, signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.clickToSign)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_modal__WEBPACK_IMPORTED_MODULE_7__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
+    width: containerWidth,
+    height: containerHeight,
+    ref: modalRef,
+    className: modalClasses,
+    visible: modalVisible,
+    onOk: handleModalOk,
+    onCancel: handleModalCancel,
+    resizable: true,
+    title: title || (signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.handwrittenSignature),
+    titleIcon: canFullScreen && titleIcon,
+    body: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_drawingBoard__WEBPACK_IMPORTED_MODULE_11__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, DrawingBoardProps, {
+      ref: modalBodyRef
+    })),
+    footer: footer
+  }, restProps)));
+};
+Signature.displayName = 'Signature';
+/* harmony default export */ __webpack_exports__["default"] = (Signature);
+
+/***/ }),
+
+/***/ "./components/signature/style/index.less":
+/*!***********************************************!*\
+  !*** ./components/signature/style/index.less ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "./components/signature/style/index.tsx":
+/*!**********************************************!*\
+  !*** ./components/signature/style/index.tsx ***!
+  \**********************************************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../style/index.less */ "./components/style/index.less");
+/* harmony import */ var _style_index_less__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_index_less__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./index.less */ "./components/signature/style/index.less");
+/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_index_less__WEBPACK_IMPORTED_MODULE_1__);
+
+
+
+/***/ }),
+
+/***/ "./components/signature/utils/signature_pad.js":
+/*!*****************************************************!*\
+  !*** ./components/signature/utils/signature_pad.js ***!
+  \*****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return SignaturePad; });
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.reflect.construct.js */ "./node_modules/core-js/modules/es.reflect.construct.js");
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
+/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.promise.js */ "./node_modules/core-js/modules/es.promise.js");
+/* harmony import */ var core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_promise_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
+/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.array.fill.js */ "./node_modules/core-js/modules/es.array.fill.js");
+/* harmony import */ var core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_fill_js__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
+/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ "./node_modules/core-js/modules/es.number.to-fixed.js");
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_23__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_14___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_14___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_13___default()(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+
+
+
+
+
+
+/*!
+ * Signature Pad v4.1.7 | https://github.com/szimek/signature_pad
+ * (c) 2023 Szymon Nowak | Released under the MIT license
+ */
+var Point = /*#__PURE__*/function () {
+  function Point(x, y, pressure, time) {
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15___default()(this, Point);
+    if (isNaN(x) || isNaN(y)) {
+      throw new Error("Point is invalid: (".concat(x, ", ").concat(y, ")"));
+    }
+    this.x = +x;
+    this.y = +y;
+    this.pressure = pressure || 0;
+    this.time = time || Date.now();
+  }
+  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16___default()(Point, [{
+    key: "distanceTo",
+    value: function distanceTo(start) {
+      return Math.sqrt(Math.pow(this.x - start.x, 2) + Math.pow(this.y - start.y, 2));
+    }
+  }, {
+    key: "equals",
+    value: function equals(other) {
+      return this.x === other.x && this.y === other.y && this.pressure === other.pressure && this.time === other.time;
+    }
+  }, {
+    key: "velocityFrom",
+    value: function velocityFrom(start) {
+      return this.time !== start.time ? this.distanceTo(start) / (this.time - start.time) : 0;
+    }
+  }]);
+  return Point;
+}();
+var Bezier = /*#__PURE__*/function () {
+  function Bezier(startPoint, control2, control1, endPoint, startWidth, endWidth) {
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15___default()(this, Bezier);
+    this.startPoint = startPoint;
+    this.control2 = control2;
+    this.control1 = control1;
+    this.endPoint = endPoint;
+    this.startWidth = startWidth;
+    this.endWidth = endWidth;
+  }
+  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16___default()(Bezier, [{
+    key: "length",
+    value: function length() {
+      var steps = 10;
+      var length = 0;
+      var px;
+      var py;
+      for (var i = 0; i <= steps; i += 1) {
+        var t = i / steps;
+        var cx = this.point(t, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x);
+        var cy = this.point(t, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+        if (i > 0) {
+          var xdiff = cx - px;
+          var ydiff = cy - py;
+          length += Math.sqrt(xdiff * xdiff + ydiff * ydiff);
+        }
+        px = cx;
+        py = cy;
+      }
+      return length;
+    }
+  }, {
+    key: "point",
+    value: function point(t, start, c1, c2, end) {
+      return start * (1.0 - t) * (1.0 - t) * (1.0 - t) + 3.0 * c1 * (1.0 - t) * (1.0 - t) * t + 3.0 * c2 * (1.0 - t) * t * t + end * t * t * t;
+    }
+  }], [{
+    key: "fromPoints",
+    value: function fromPoints(points, widths) {
+      var c2 = this.calculateControlPoints(points[0], points[1], points[2]).c2;
+      var c3 = this.calculateControlPoints(points[1], points[2], points[3]).c1;
+      return new Bezier(points[1], c2, c3, points[2], widths.start, widths.end);
+    }
+  }, {
+    key: "calculateControlPoints",
+    value: function calculateControlPoints(s1, s2, s3) {
+      var dx1 = s1.x - s2.x;
+      var dy1 = s1.y - s2.y;
+      var dx2 = s2.x - s3.x;
+      var dy2 = s2.y - s3.y;
+      var m1 = {
+        x: (s1.x + s2.x) / 2.0,
+        y: (s1.y + s2.y) / 2.0
+      };
+      var m2 = {
+        x: (s2.x + s3.x) / 2.0,
+        y: (s2.y + s3.y) / 2.0
+      };
+      var l1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);
+      var l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);
+      var dxm = m1.x - m2.x;
+      var dym = m1.y - m2.y;
+      var k = l2 / (l1 + l2);
+      var cm = {
+        x: m2.x + dxm * k,
+        y: m2.y + dym * k
+      };
+      var tx = s2.x - cm.x;
+      var ty = s2.y - cm.y;
+      return {
+        c1: new Point(m1.x + tx, m1.y + ty),
+        c2: new Point(m2.x + tx, m2.y + ty)
+      };
+    }
+  }]);
+  return Bezier;
+}();
+var SignatureEventTarget = /*#__PURE__*/function () {
+  function SignatureEventTarget() {
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15___default()(this, SignatureEventTarget);
+    try {
+      this._et = new EventTarget();
+    } catch (error) {
+      this._et = document;
+    }
+  }
+  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16___default()(SignatureEventTarget, [{
+    key: "addEventListener",
+    value: function addEventListener(type, listener) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      this._et.addEventListener(type, listener, options);
+    }
+  }, {
+    key: "dispatchEvent",
+    value: function dispatchEvent(event) {
+      return this._et.dispatchEvent(event);
+    }
+  }, {
+    key: "removeEventListener",
+    value: function removeEventListener(type, callback) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      this._et.removeEventListener(type, callback, options);
+    }
+  }]);
+  return SignatureEventTarget;
+}();
+function throttle(fn) {
+  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
+  var previous = 0;
+  var timeout = null;
+  var result;
+  var storedContext;
+  var storedArgs;
+  var later = function later() {
+    previous = Date.now();
+    timeout = null;
+    result = fn.apply(storedContext, storedArgs);
+    if (!timeout) {
+      storedContext = null;
+      storedArgs = [];
+    }
+  };
+  return function wrapper() {
+    var now = Date.now();
+    var remaining = wait - (now - previous);
+    storedContext = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    storedArgs = args;
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      result = fn.apply(storedContext, storedArgs);
+      if (!timeout) {
+        storedContext = null;
+        storedArgs = [];
+      }
+    } else if (!timeout) {
+      timeout = window.setTimeout(later, remaining);
+    }
+    return result;
+  };
+}
+var SignaturePad = /*#__PURE__*/function (_SignatureEventTarget) {
+  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_12___default()(SignaturePad, _SignatureEventTarget);
+  var _super = _createSuper(SignaturePad);
+  function SignaturePad(canvas) {
+    var _this;
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_15___default()(this, SignaturePad);
+    _this = _super.call(this);
+    _this.canvas = canvas;
+    _this._drawingStroke = false;
+    _this._isEmpty = true;
+    _this._lastPoints = [];
+    _this._data = [];
+    _this._lastVelocity = 0;
+    _this._lastWidth = 0;
+    _this._handleMouseDown = function (event) {
+      if (event.buttons === 1) {
+        _this._strokeBegin(event);
+      }
+    };
+    _this._handleMouseMove = function (event) {
+      _this._strokeMoveUpdate(event);
+    };
+    _this._handleMouseUp = function (event) {
+      if (event.buttons === 1) {
+        _this._strokeEnd(event);
+      }
+    };
+    _this._handleTouchStart = function (event) {
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      if (event.targetTouches.length === 1) {
+        var touch = event.changedTouches[0];
+        _this._strokeBegin(touch);
+      }
+    };
+    _this._handleTouchMove = function (event) {
+      if (event.cancelable) {
+        event.preventDefault();
+      }
+      var touch = event.targetTouches[0];
+      _this._strokeMoveUpdate(touch);
+    };
+    _this._handleTouchEnd = function (event) {
+      var wasCanvasTouched = event.target === _this.canvas;
+      if (wasCanvasTouched) {
+        if (event.cancelable) {
+          event.preventDefault();
+        }
+        var touch = event.changedTouches[0];
+        _this._strokeEnd(touch);
+      }
+    };
+    _this._handlePointerStart = function (event) {
+      event.preventDefault();
+      _this._strokeBegin(event);
+    };
+    _this._handlePointerMove = function (event) {
+      _this._strokeMoveUpdate(event);
+    };
+    _this._handlePointerEnd = function (event) {
+      if (_this._drawingStroke) {
+        event.preventDefault();
+        _this._strokeEnd(event);
+      }
+    };
+    _this.velocityFilterWeight = options.velocityFilterWeight || 0.7;
+    _this.minWidth = options.minWidth || 0.5;
+    _this.maxWidth = options.maxWidth || 2.5;
+    _this.throttle = 'throttle' in options ? options.throttle : 16;
+    _this.minDistance = 'minDistance' in options ? options.minDistance : 5;
+    _this.dotSize = options.dotSize || 0;
+    _this.penColor = options.penColor || 'black';
+    _this.backgroundColor = options.backgroundColor || 'rgba(0,0,0,0)';
+    _this.compositeOperation = options.compositeOperation || 'source-over';
+    _this._strokeMoveUpdate = _this.throttle ? throttle(SignaturePad.prototype._strokeUpdate, _this.throttle) : SignaturePad.prototype._strokeUpdate;
+    _this._ctx = canvas.getContext('2d');
+    _this.clear();
+    _this.on();
+    return _this;
+  }
+  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_16___default()(SignaturePad, [{
+    key: "clear",
+    value: function clear() {
+      var ctx = this._ctx,
+        canvas = this.canvas;
+      ctx.fillStyle = this.backgroundColor;
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.fillRect(0, 0, canvas.width, canvas.height);
+      this._data = [];
+      this._reset(this._getPointGroupOptions());
+      this._isEmpty = true;
+    }
+  }, {
+    key: "fromDataURL",
+    value: function fromDataURL(dataUrl) {
+      var _this2 = this;
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return new Promise(function (resolve, reject) {
+        var image = new Image();
+        var ratio = options.ratio || window.devicePixelRatio || 1;
+        var width = options.width || _this2.canvas.width / ratio;
+        var height = options.height || _this2.canvas.height / ratio;
+        var xOffset = options.xOffset || 0;
+        var yOffset = options.yOffset || 0;
+        _this2._reset(_this2._getPointGroupOptions());
+        image.onload = function () {
+          _this2._ctx.drawImage(image, xOffset, yOffset, width, height);
+          resolve();
+        };
+        image.onerror = function (error) {
+          reject(error);
+        };
+        image.crossOrigin = 'anonymous';
+        image.src = dataUrl;
+        _this2._isEmpty = false;
+      });
+    }
+  }, {
+    key: "toDataURL",
+    value: function toDataURL() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'image/png';
+      var encoderOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      switch (type) {
+        case 'image/svg+xml':
+          if (_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_11___default()(encoderOptions) !== 'object') {
+            encoderOptions = undefined;
+          }
+          return "data:image/svg+xml;base64,".concat(btoa(this.toSVG(encoderOptions)));
+        default:
+          if (typeof encoderOptions !== 'number') {
+            encoderOptions = undefined;
+          }
+          return this.canvas.toDataURL(type, encoderOptions);
+      }
+    }
+  }, {
+    key: "on",
+    value: function on() {
+      this.canvas.style.touchAction = 'none';
+      this.canvas.style.msTouchAction = 'none';
+      this.canvas.style.userSelect = 'none';
+      var isIOS = /Macintosh/.test(navigator.userAgent) && 'ontouchstart' in document;
+      if (window.PointerEvent && !isIOS) {
+        this._handlePointerEvents();
+      } else {
+        this._handleMouseEvents();
+        if ('ontouchstart' in window) {
+          this._handleTouchEvents();
+        }
+      }
+    }
+  }, {
+    key: "off",
+    value: function off() {
+      this.canvas.style.touchAction = 'auto';
+      this.canvas.style.msTouchAction = 'auto';
+      this.canvas.style.userSelect = 'auto';
+      this.canvas.removeEventListener('pointerdown', this._handlePointerStart);
+      this.canvas.removeEventListener('pointermove', this._handlePointerMove);
+      this.canvas.ownerDocument.removeEventListener('pointerup', this._handlePointerEnd);
+      this.canvas.removeEventListener('mousedown', this._handleMouseDown);
+      this.canvas.removeEventListener('mousemove', this._handleMouseMove);
+      this.canvas.ownerDocument.removeEventListener('mouseup', this._handleMouseUp);
+      this.canvas.removeEventListener('touchstart', this._handleTouchStart);
+      this.canvas.removeEventListener('touchmove', this._handleTouchMove);
+      this.canvas.removeEventListener('touchend', this._handleTouchEnd);
+    }
+  }, {
+    key: "isEmpty",
+    value: function isEmpty() {
+      return this._isEmpty;
+    }
+  }, {
+    key: "fromData",
+    value: function fromData(pointGroups) {
+      var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref$clear = _ref.clear,
+        clear = _ref$clear === void 0 ? true : _ref$clear;
+      if (clear) {
+        this.clear();
+      }
+      this._fromData(pointGroups, this._drawCurve.bind(this), this._drawDot.bind(this));
+      this._data = this._data.concat(pointGroups);
+    }
+  }, {
+    key: "toData",
+    value: function toData() {
+      return this._data;
+    }
+  }, {
+    key: "_getPointGroupOptions",
+    value: function _getPointGroupOptions(group) {
+      return {
+        penColor: group && 'penColor' in group ? group.penColor : this.penColor,
+        dotSize: group && 'dotSize' in group ? group.dotSize : this.dotSize,
+        minWidth: group && 'minWidth' in group ? group.minWidth : this.minWidth,
+        maxWidth: group && 'maxWidth' in group ? group.maxWidth : this.maxWidth,
+        velocityFilterWeight: group && 'velocityFilterWeight' in group ? group.velocityFilterWeight : this.velocityFilterWeight,
+        compositeOperation: group && 'compositeOperation' in group ? group.compositeOperation : this.compositeOperation
+      };
+    }
+  }, {
+    key: "_strokeBegin",
+    value: function _strokeBegin(event) {
+      // const cancelled = !this.dispatchEvent(new CustomEvent('beginStroke', { detail: event, cancelable: true }));
+      var customEvent = document.createEvent('CustomEvent');
+      customEvent.initCustomEvent('beginStroke', true, true, event);
+      var cancelled = !this.dispatchEvent(customEvent);
+      if (cancelled) {
+        return;
+      }
+      this._drawingStroke = true;
+      var pointGroupOptions = this._getPointGroupOptions();
+      var newPointGroup = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_10___default()(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_10___default()({}, pointGroupOptions), {
+        points: []
+      });
+      this._data.push(newPointGroup);
+      this._reset(pointGroupOptions);
+      this._strokeUpdate(event);
+    }
+  }, {
+    key: "_strokeUpdate",
+    value: function _strokeUpdate(event) {
+      if (!this._drawingStroke) {
+        return;
+      }
+      if (this._data.length === 0) {
+        this._strokeBegin(event);
+        return;
+      }
+      // this.dispatchEvent(new CustomEvent('beforeUpdateStroke', { detail: event }));
+      var customEvent_one = document.createEvent('CustomEvent');
+      customEvent_one.initCustomEvent('beforeUpdateStroke', true, true, event);
+      this.dispatchEvent(customEvent_one);
+      var x = event.clientX;
+      var y = event.clientY;
+      var pressure = event.pressure !== undefined ? event.pressure : event.force !== undefined ? event.force : 0;
+      var point = this._createPoint(x, y, pressure);
+      var lastPointGroup = this._data[this._data.length - 1];
+      var lastPoints = lastPointGroup.points;
+      var lastPoint = lastPoints.length > 0 && lastPoints[lastPoints.length - 1];
+      var isLastPointTooClose = lastPoint ? point.distanceTo(lastPoint) <= this.minDistance : false;
+      var pointGroupOptions = this._getPointGroupOptions(lastPointGroup);
+      if (!lastPoint || !(lastPoint && isLastPointTooClose)) {
+        var curve = this._addPoint(point, pointGroupOptions);
+        if (!lastPoint) {
+          this._drawDot(point, pointGroupOptions);
+        } else if (curve) {
+          this._drawCurve(curve, pointGroupOptions);
+        }
+        lastPoints.push({
+          time: point.time,
+          x: point.x,
+          y: point.y,
+          pressure: point.pressure
+        });
+      }
+      // this.dispatchEvent(new CustomEvent('afterUpdateStroke', { detail: event }));
+      var customEvent_two = document.createEvent('CustomEvent');
+      customEvent_two.initCustomEvent('afterUpdateStroke', true, true, event);
+      this.dispatchEvent(customEvent_two);
+    }
+  }, {
+    key: "_strokeEnd",
+    value: function _strokeEnd(event) {
+      if (!this._drawingStroke) {
+        return;
+      }
+      this._strokeUpdate(event);
+      this._drawingStroke = false;
+      // this.dispatchEvent(new CustomEvent('endStroke', { detail: event }));
+      var customEvent = document.createEvent('CustomEvent');
+      customEvent.initCustomEvent('endStroke', true, true, event);
+      this.dispatchEvent(customEvent);
+    }
+  }, {
+    key: "_handlePointerEvents",
+    value: function _handlePointerEvents() {
+      this._drawingStroke = false;
+      this.canvas.addEventListener('pointerdown', this._handlePointerStart);
+      this.canvas.addEventListener('pointermove', this._handlePointerMove);
+      this.canvas.ownerDocument.addEventListener('pointerup', this._handlePointerEnd);
+    }
+  }, {
+    key: "_handleMouseEvents",
+    value: function _handleMouseEvents() {
+      this._drawingStroke = false;
+      this.canvas.addEventListener('mousedown', this._handleMouseDown);
+      this.canvas.addEventListener('mousemove', this._handleMouseMove);
+      this.canvas.ownerDocument.addEventListener('mouseup', this._handleMouseUp);
+    }
+  }, {
+    key: "_handleTouchEvents",
+    value: function _handleTouchEvents() {
+      this.canvas.addEventListener('touchstart', this._handleTouchStart);
+      this.canvas.addEventListener('touchmove', this._handleTouchMove);
+      this.canvas.addEventListener('touchend', this._handleTouchEnd);
+    }
+  }, {
+    key: "_reset",
+    value: function _reset(options) {
+      this._lastPoints = [];
+      this._lastVelocity = 0;
+      this._lastWidth = (options.minWidth + options.maxWidth) / 2;
+      this._ctx.fillStyle = options.penColor;
+      this._ctx.globalCompositeOperation = options.compositeOperation;
+    }
+  }, {
+    key: "_createPoint",
+    value: function _createPoint(x, y, pressure) {
+      var rect = this.canvas.getBoundingClientRect();
+      return new Point(x - rect.left, y - rect.top, pressure, new Date().getTime());
+    }
+  }, {
+    key: "_addPoint",
+    value: function _addPoint(point, options) {
+      var _lastPoints = this._lastPoints;
+      _lastPoints.push(point);
+      if (_lastPoints.length > 2) {
+        if (_lastPoints.length === 3) {
+          _lastPoints.unshift(_lastPoints[0]);
+        }
+        var widths = this._calculateCurveWidths(_lastPoints[1], _lastPoints[2], options);
+        var curve = Bezier.fromPoints(_lastPoints, widths);
+        _lastPoints.shift();
+        return curve;
+      }
+      return null;
+    }
+  }, {
+    key: "_calculateCurveWidths",
+    value: function _calculateCurveWidths(startPoint, endPoint, options) {
+      var velocity = options.velocityFilterWeight * endPoint.velocityFrom(startPoint) + (1 - options.velocityFilterWeight) * this._lastVelocity;
+      var newWidth = this._strokeWidth(velocity, options);
+      var widths = {
+        end: newWidth,
+        start: this._lastWidth
+      };
+      this._lastVelocity = velocity;
+      this._lastWidth = newWidth;
+      return widths;
+    }
+  }, {
+    key: "_strokeWidth",
+    value: function _strokeWidth(velocity, options) {
+      return Math.max(options.maxWidth / (velocity + 1), options.minWidth);
+    }
+  }, {
+    key: "_drawCurveSegment",
+    value: function _drawCurveSegment(x, y, width) {
+      var ctx = this._ctx;
+      ctx.moveTo(x, y);
+      ctx.arc(x, y, width, 0, 2 * Math.PI, false);
+      this._isEmpty = false;
+    }
+  }, {
+    key: "_drawCurve",
+    value: function _drawCurve(curve, options) {
+      var ctx = this._ctx;
+      var widthDelta = curve.endWidth - curve.startWidth;
+      var drawSteps = Math.ceil(curve.length()) * 2;
+      ctx.beginPath();
+      ctx.fillStyle = options.penColor;
+      for (var i = 0; i < drawSteps; i += 1) {
+        var t = i / drawSteps;
+        var tt = t * t;
+        var ttt = tt * t;
+        var u = 1 - t;
+        var uu = u * u;
+        var uuu = uu * u;
+        var x = uuu * curve.startPoint.x;
+        x += 3 * uu * t * curve.control1.x;
+        x += 3 * u * tt * curve.control2.x;
+        x += ttt * curve.endPoint.x;
+        var y = uuu * curve.startPoint.y;
+        y += 3 * uu * t * curve.control1.y;
+        y += 3 * u * tt * curve.control2.y;
+        y += ttt * curve.endPoint.y;
+        var width = Math.min(curve.startWidth + ttt * widthDelta, options.maxWidth);
+        this._drawCurveSegment(x, y, width);
+      }
+      ctx.closePath();
+      ctx.fill();
+    }
+  }, {
+    key: "_drawDot",
+    value: function _drawDot(point, options) {
+      var ctx = this._ctx;
+      var width = options.dotSize > 0 ? options.dotSize : (options.minWidth + options.maxWidth) / 2;
+      ctx.beginPath();
+      this._drawCurveSegment(point.x, point.y, width);
+      ctx.closePath();
+      ctx.fillStyle = options.penColor;
+      ctx.fill();
+    }
+  }, {
+    key: "_fromData",
+    value: function _fromData(pointGroups, drawCurve, drawDot) {
+      var _iterator = _createForOfIteratorHelper(pointGroups),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var group = _step.value;
+          var points = group.points;
+          var pointGroupOptions = this._getPointGroupOptions(group);
+          if (points.length > 1) {
+            for (var j = 0; j < points.length; j += 1) {
+              var basicPoint = points[j];
+              var point = new Point(basicPoint.x, basicPoint.y, basicPoint.pressure, basicPoint.time);
+              if (j === 0) {
+                this._reset(pointGroupOptions);
+              }
+              var curve = this._addPoint(point, pointGroupOptions);
+              if (curve) {
+                drawCurve(curve, pointGroupOptions);
+              }
+            }
+          } else {
+            this._reset(pointGroupOptions);
+            drawDot(points[0], pointGroupOptions);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "toSVG",
+    value: function toSVG() {
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref2$includeBackgrou = _ref2.includeBackgroundColor,
+        includeBackgroundColor = _ref2$includeBackgrou === void 0 ? false : _ref2$includeBackgrou;
+      var pointGroups = this._data;
+      var ratio = Math.max(window.devicePixelRatio || 1, 1);
+      var minX = 0;
+      var minY = 0;
+      var maxX = this.canvas.width / ratio;
+      var maxY = this.canvas.height / ratio;
+      var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+      svg.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
+      svg.setAttribute('viewBox', "".concat(minX, " ").concat(minY, " ").concat(maxX, " ").concat(maxY));
+      svg.setAttribute('width', maxX.toString());
+      svg.setAttribute('height', maxY.toString());
+      if (includeBackgroundColor && this.backgroundColor) {
+        var rect = document.createElement('rect');
+        rect.setAttribute('width', '100%');
+        rect.setAttribute('height', '100%');
+        rect.setAttribute('fill', this.backgroundColor);
+        svg.appendChild(rect);
+      }
+      this._fromData(pointGroups, function (curve, _ref3) {
+        var penColor = _ref3.penColor;
+        var path = document.createElement('path');
+        if (!isNaN(curve.control1.x) && !isNaN(curve.control1.y) && !isNaN(curve.control2.x) && !isNaN(curve.control2.y)) {
+          var attr = "M ".concat(curve.startPoint.x.toFixed(3), ",").concat(curve.startPoint.y.toFixed(3), " ") + "C ".concat(curve.control1.x.toFixed(3), ",").concat(curve.control1.y.toFixed(3), " ") + "".concat(curve.control2.x.toFixed(3), ",").concat(curve.control2.y.toFixed(3), " ") + "".concat(curve.endPoint.x.toFixed(3), ",").concat(curve.endPoint.y.toFixed(3));
+          path.setAttribute('d', attr);
+          path.setAttribute('stroke-width', (curve.endWidth * 2.25).toFixed(3));
+          path.setAttribute('stroke', penColor);
+          path.setAttribute('fill', 'none');
+          path.setAttribute('stroke-linecap', 'round');
+          svg.appendChild(path);
+        }
+      }, function (point, _ref4) {
+        var penColor = _ref4.penColor,
+          dotSize = _ref4.dotSize,
+          minWidth = _ref4.minWidth,
+          maxWidth = _ref4.maxWidth;
+        var circle = document.createElement('circle');
+        var size = dotSize > 0 ? dotSize : (minWidth + maxWidth) / 2;
+        circle.setAttribute('r', size.toString());
+        circle.setAttribute('cx', point.x.toString());
+        circle.setAttribute('cy', point.y.toString());
+        circle.setAttribute('fill', penColor);
+        svg.appendChild(circle);
+      });
+      return svg.outerHTML;
+    }
+  }]);
+  return SignaturePad;
+}(SignatureEventTarget);
+
+
 /***/ }),
 
 /***/ "./components/slider/index.tsx":
@@ -107689,6 +109086,664 @@ function yearsToQuarters(years) {
   return Math.floor(years * _constants_index_js__WEBPACK_IMPORTED_MODULE_1__["quartersInYear"]);
 }
 
+/***/ }),
+
+/***/ "./node_modules/dom-scroll-into-view/dist-web/index.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/dom-scroll-into-view/dist-web/index.js ***!
+  \*************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+function _typeof(obj) {
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function (obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function (obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(source, true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(source).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
+
+function getClientPosition(elem) {
+  var box;
+  var x;
+  var y;
+  var doc = elem.ownerDocument;
+  var body = doc.body;
+  var docElem = doc && doc.documentElement; // 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式
+
+  box = elem.getBoundingClientRect(); // 注：jQuery 还考虑减去 docElem.clientLeft/clientTop
+  // 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
+  // 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin
+
+  x = box.left;
+  y = box.top; // In IE, most of the time, 2 extra pixels are added to the top and left
+  // due to the implicit 2-pixel inset border.  In IE6/7 quirks mode and
+  // IE6 standards mode, this border can be overridden by setting the
+  // document element's border to zero -- thus, we cannot rely on the
+  // offset always being 2 pixels.
+  // In quirks mode, the offset can be determined by querying the body's
+  // clientLeft/clientTop, but in standards mode, it is found by querying
+  // the document element's clientLeft/clientTop.  Since we already called
+  // getClientBoundingRect we have already forced a reflow, so it is not
+  // too expensive just to query them all.
+  // ie 下应该减去窗口的边框吧，毕竟默认 absolute 都是相对窗口定位的
+  // 窗口边框标准是设 documentElement ,quirks 时设置 body
+  // 最好禁止在 body 和 html 上边框 ，但 ie < 9 html 默认有 2px ，减去
+  // 但是非 ie 不可能设置窗口边框，body html 也不是窗口 ,ie 可以通过 html,body 设置
+  // 标准 ie 下 docElem.clientTop 就是 border-top
+  // ie7 html 即窗口边框改变不了。永远为 2
+  // 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框，即使设了 border-top 也为 0
+
+  x -= docElem.clientLeft || body.clientLeft || 0;
+  y -= docElem.clientTop || body.clientTop || 0;
+  return {
+    left: x,
+    top: y
+  };
+}
+
+function getScroll(w, top) {
+  var ret = w["page".concat(top ? 'Y' : 'X', "Offset")];
+  var method = "scroll".concat(top ? 'Top' : 'Left');
+
+  if (typeof ret !== 'number') {
+    var d = w.document; // ie6,7,8 standard mode
+
+    ret = d.documentElement[method];
+
+    if (typeof ret !== 'number') {
+      // quirks mode
+      ret = d.body[method];
+    }
+  }
+
+  return ret;
+}
+
+function getScrollLeft(w) {
+  return getScroll(w);
+}
+
+function getScrollTop(w) {
+  return getScroll(w, true);
+}
+
+function getOffset(el) {
+  var pos = getClientPosition(el);
+  var doc = el.ownerDocument;
+  var w = doc.defaultView || doc.parentWindow;
+  pos.left += getScrollLeft(w);
+  pos.top += getScrollTop(w);
+  return pos;
+}
+
+function _getComputedStyle(elem, name, computedStyle_) {
+  var val = '';
+  var d = elem.ownerDocument;
+  var computedStyle = computedStyle_ || d.defaultView.getComputedStyle(elem, null); // https://github.com/kissyteam/kissy/issues/61
+
+  if (computedStyle) {
+    val = computedStyle.getPropertyValue(name) || computedStyle[name];
+  }
+
+  return val;
+}
+
+var _RE_NUM_NO_PX = new RegExp("^(".concat(RE_NUM, ")(?!px)[a-z%]+$"), 'i');
+
+var RE_POS = /^(top|right|bottom|left)$/;
+var CURRENT_STYLE = 'currentStyle';
+var RUNTIME_STYLE = 'runtimeStyle';
+var LEFT = 'left';
+var PX = 'px';
+
+function _getComputedStyleIE(elem, name) {
+  // currentStyle maybe null
+  // http://msdn.microsoft.com/en-us/library/ms535231.aspx
+  var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name]; // 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值
+  // 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19
+  // 在 ie 下不对，需要直接用 offset 方式
+  // borderWidth 等值也有问题，但考虑到 borderWidth 设为百分比的概率很小，这里就不考虑了
+  // From the awesome hack by Dean Edwards
+  // http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+  // If we're not dealing with a regular pixel number
+  // but a number that has a weird ending, we need to convert it to pixels
+  // exclude left right for relativity
+
+  if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) {
+    // Remember the original values
+    var style = elem.style;
+    var left = style[LEFT];
+    var rsLeft = elem[RUNTIME_STYLE][LEFT]; // prevent flashing of content
+
+    elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT]; // Put in the new values to get a computed value out
+
+    style[LEFT] = name === 'fontSize' ? '1em' : ret || 0;
+    ret = style.pixelLeft + PX; // Revert the changed values
+
+    style[LEFT] = left;
+    elem[RUNTIME_STYLE][LEFT] = rsLeft;
+  }
+
+  return ret === '' ? 'auto' : ret;
+}
+
+var getComputedStyleX;
+
+if (typeof window !== 'undefined') {
+  getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE;
+}
+
+function each(arr, fn) {
+  for (var i = 0; i < arr.length; i++) {
+    fn(arr[i]);
+  }
+}
+
+function isBorderBoxFn(elem) {
+  return getComputedStyleX(elem, 'boxSizing') === 'border-box';
+}
+
+var BOX_MODELS = ['margin', 'border', 'padding'];
+var CONTENT_INDEX = -1;
+var PADDING_INDEX = 2;
+var BORDER_INDEX = 1;
+var MARGIN_INDEX = 0;
+
+function swap(elem, options, callback) {
+  var old = {};
+  var style = elem.style;
+  var name; // Remember the old values, and insert the new ones
+
+  for (name in options) {
+    if (options.hasOwnProperty(name)) {
+      old[name] = style[name];
+      style[name] = options[name];
+    }
+  }
+
+  callback.call(elem); // Revert the old values
+
+  for (name in options) {
+    if (options.hasOwnProperty(name)) {
+      style[name] = old[name];
+    }
+  }
+}
+
+function getPBMWidth(elem, props, which) {
+  var value = 0;
+  var prop;
+  var j;
+  var i;
+
+  for (j = 0; j < props.length; j++) {
+    prop = props[j];
+
+    if (prop) {
+      for (i = 0; i < which.length; i++) {
+        var cssProp = void 0;
+
+        if (prop === 'border') {
+          cssProp = "".concat(prop + which[i], "Width");
+        } else {
+          cssProp = prop + which[i];
+        }
+
+        value += parseFloat(getComputedStyleX(elem, cssProp)) || 0;
+      }
+    }
+  }
+
+  return value;
+}
+/**
+ * A crude way of determining if an object is a window
+ * @member util
+ */
+
+
+function isWindow(obj) {
+  // must use == for ie8
+
+  /* eslint eqeqeq:0 */
+  return obj != null && obj == obj.window;
+}
+
+var domUtils = {};
+each(['Width', 'Height'], function (name) {
+  domUtils["doc".concat(name)] = function (refWin) {
+    var d = refWin.document;
+    return Math.max( // firefox chrome documentElement.scrollHeight< body.scrollHeight
+    // ie standard mode : documentElement.scrollHeight> body.scrollHeight
+    d.documentElement["scroll".concat(name)], // quirks : documentElement.scrollHeight 最大等于可视窗口多一点？
+    d.body["scroll".concat(name)], domUtils["viewport".concat(name)](d));
+  };
+
+  domUtils["viewport".concat(name)] = function (win) {
+    // pc browser includes scrollbar in window.innerWidth
+    var prop = "client".concat(name);
+    var doc = win.document;
+    var body = doc.body;
+    var documentElement = doc.documentElement;
+    var documentElementProp = documentElement[prop]; // 标准模式取 documentElement
+    // backcompat 取 body
+
+    return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp;
+  };
+});
+/*
+ 得到元素的大小信息
+ @param elem
+ @param name
+ @param {String} [extra]  'padding' : (css width) + padding
+ 'border' : (css width) + padding + border
+ 'margin' : (css width) + padding + border + margin
+ */
+
+function getWH(elem, name, extra) {
+  if (isWindow(elem)) {
+    return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem);
+  } else if (elem.nodeType === 9) {
+    return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem);
+  }
+
+  var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
+  var borderBoxValue = name === 'width' ? elem.offsetWidth : elem.offsetHeight;
+  var computedStyle = getComputedStyleX(elem);
+  var isBorderBox = isBorderBoxFn(elem);
+  var cssBoxValue = 0;
+
+  if (borderBoxValue == null || borderBoxValue <= 0) {
+    borderBoxValue = undefined; // Fall back to computed then un computed css if necessary
+
+    cssBoxValue = getComputedStyleX(elem, name);
+
+    if (cssBoxValue == null || Number(cssBoxValue) < 0) {
+      cssBoxValue = elem.style[name] || 0;
+    } // Normalize '', auto, and prepare for extra
+
+
+    cssBoxValue = parseFloat(cssBoxValue) || 0;
+  }
+
+  if (extra === undefined) {
+    extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX;
+  }
+
+  var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox;
+  var val = borderBoxValue || cssBoxValue;
+
+  if (extra === CONTENT_INDEX) {
+    if (borderBoxValueOrIsBorderBox) {
+      return val - getPBMWidth(elem, ['border', 'padding'], which);
+    }
+
+    return cssBoxValue;
+  }
+
+  if (borderBoxValueOrIsBorderBox) {
+    var padding = extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which) : getPBMWidth(elem, ['margin'], which);
+    return val + (extra === BORDER_INDEX ? 0 : padding);
+  }
+
+  return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which);
+}
+
+var cssShow = {
+  position: 'absolute',
+  visibility: 'hidden',
+  display: 'block'
+}; // fix #119 : https://github.com/kissyteam/kissy/issues/119
+
+function getWHIgnoreDisplay(elem) {
+  var val;
+  var args = arguments; // in case elem is window
+  // elem.offsetWidth === undefined
+
+  if (elem.offsetWidth !== 0) {
+    val = getWH.apply(undefined, args);
+  } else {
+    swap(elem, cssShow, function () {
+      val = getWH.apply(undefined, args);
+    });
+  }
+
+  return val;
+}
+
+function css(el, name, v) {
+  var value = v;
+
+  if (_typeof(name) === 'object') {
+    for (var i in name) {
+      if (name.hasOwnProperty(i)) {
+        css(el, i, name[i]);
+      }
+    }
+
+    return undefined;
+  }
+
+  if (typeof value !== 'undefined') {
+    if (typeof value === 'number') {
+      value += 'px';
+    }
+
+    el.style[name] = value;
+    return undefined;
+  }
+
+  return getComputedStyleX(el, name);
+}
+
+each(['width', 'height'], function (name) {
+  var first = name.charAt(0).toUpperCase() + name.slice(1);
+
+  domUtils["outer".concat(first)] = function (el, includeMargin) {
+    return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX);
+  };
+
+  var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
+
+  domUtils[name] = function (elem, val) {
+    if (val !== undefined) {
+      if (elem) {
+        var computedStyle = getComputedStyleX(elem);
+        var isBorderBox = isBorderBoxFn(elem);
+
+        if (isBorderBox) {
+          val += getPBMWidth(elem, ['padding', 'border'], which);
+        }
+
+        return css(elem, name, val);
+      }
+
+      return undefined;
+    }
+
+    return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX);
+  };
+}); // 设置 elem 相对 elem.ownerDocument 的坐标
+
+function setOffset(elem, offset) {
+  // set position first, in-case top/left are set even on static elem
+  if (css(elem, 'position') === 'static') {
+    elem.style.position = 'relative';
+  }
+
+  var old = getOffset(elem);
+  var ret = {};
+  var current;
+  var key;
+
+  for (key in offset) {
+    if (offset.hasOwnProperty(key)) {
+      current = parseFloat(css(elem, key)) || 0;
+      ret[key] = current + offset[key] - old[key];
+    }
+  }
+
+  css(elem, ret);
+}
+
+var util = _objectSpread2({
+  getWindow: function getWindow(node) {
+    var doc = node.ownerDocument || node;
+    return doc.defaultView || doc.parentWindow;
+  },
+  offset: function offset(el, value) {
+    if (typeof value !== 'undefined') {
+      setOffset(el, value);
+    } else {
+      return getOffset(el);
+    }
+  },
+  isWindow: isWindow,
+  each: each,
+  css: css,
+  clone: function clone(obj) {
+    var ret = {};
+
+    for (var i in obj) {
+      if (obj.hasOwnProperty(i)) {
+        ret[i] = obj[i];
+      }
+    }
+
+    var overflow = obj.overflow;
+
+    if (overflow) {
+      for (var _i in obj) {
+        if (obj.hasOwnProperty(_i)) {
+          ret.overflow[_i] = obj.overflow[_i];
+        }
+      }
+    }
+
+    return ret;
+  },
+  scrollLeft: function scrollLeft(w, v) {
+    if (isWindow(w)) {
+      if (v === undefined) {
+        return getScrollLeft(w);
+      }
+
+      window.scrollTo(v, getScrollTop(w));
+    } else {
+      if (v === undefined) {
+        return w.scrollLeft;
+      }
+
+      w.scrollLeft = v;
+    }
+  },
+  scrollTop: function scrollTop(w, v) {
+    if (isWindow(w)) {
+      if (v === undefined) {
+        return getScrollTop(w);
+      }
+
+      window.scrollTo(getScrollLeft(w), v);
+    } else {
+      if (v === undefined) {
+        return w.scrollTop;
+      }
+
+      w.scrollTop = v;
+    }
+  },
+  viewportWidth: 0,
+  viewportHeight: 0
+}, domUtils);
+
+function scrollIntoView(elem, container, config) {
+  config = config || {}; // document 归一化到 window
+
+  if (container.nodeType === 9) {
+    container = util.getWindow(container);
+  }
+
+  var allowHorizontalScroll = config.allowHorizontalScroll;
+  var onlyScrollIfNeeded = config.onlyScrollIfNeeded;
+  var alignWithTop = config.alignWithTop;
+  var alignWithLeft = config.alignWithLeft;
+  var offsetTop = config.offsetTop || 0;
+  var offsetLeft = config.offsetLeft || 0;
+  var offsetBottom = config.offsetBottom || 0;
+  var offsetRight = config.offsetRight || 0;
+  allowHorizontalScroll = allowHorizontalScroll === undefined ? true : allowHorizontalScroll;
+  var isWin = util.isWindow(container);
+  var elemOffset = util.offset(elem);
+  var eh = util.outerHeight(elem);
+  var ew = util.outerWidth(elem);
+  var containerOffset;
+  var ch;
+  var cw;
+  var containerScroll;
+  var diffTop;
+  var diffBottom;
+  var win;
+  var winScroll;
+  var ww;
+  var wh;
+
+  if (isWin) {
+    win = container;
+    wh = util.height(win);
+    ww = util.width(win);
+    winScroll = {
+      left: util.scrollLeft(win),
+      top: util.scrollTop(win)
+    }; // elem 相对 container 可视视窗的距离
+
+    diffTop = {
+      left: elemOffset.left - winScroll.left - offsetLeft,
+      top: elemOffset.top - winScroll.top - offsetTop
+    };
+    diffBottom = {
+      left: elemOffset.left + ew - (winScroll.left + ww) + offsetRight,
+      top: elemOffset.top + eh - (winScroll.top + wh) + offsetBottom
+    };
+    containerScroll = winScroll;
+  } else {
+    containerOffset = util.offset(container);
+    ch = container.clientHeight;
+    cw = container.clientWidth;
+    containerScroll = {
+      left: container.scrollLeft,
+      top: container.scrollTop
+    }; // elem 相对 container 可视视窗的距离
+    // 注意边框, offset 是边框到根节点
+
+    diffTop = {
+      left: elemOffset.left - (containerOffset.left + (parseFloat(util.css(container, 'borderLeftWidth')) || 0)) - offsetLeft,
+      top: elemOffset.top - (containerOffset.top + (parseFloat(util.css(container, 'borderTopWidth')) || 0)) - offsetTop
+    };
+    diffBottom = {
+      left: elemOffset.left + ew - (containerOffset.left + cw + (parseFloat(util.css(container, 'borderRightWidth')) || 0)) + offsetRight,
+      top: elemOffset.top + eh - (containerOffset.top + ch + (parseFloat(util.css(container, 'borderBottomWidth')) || 0)) + offsetBottom
+    };
+  }
+
+  if (diffTop.top < 0 || diffBottom.top > 0) {
+    // 强制向上
+    if (alignWithTop === true) {
+      util.scrollTop(container, containerScroll.top + diffTop.top);
+    } else if (alignWithTop === false) {
+      util.scrollTop(container, containerScroll.top + diffBottom.top);
+    } else {
+      // 自动调整
+      if (diffTop.top < 0) {
+        util.scrollTop(container, containerScroll.top + diffTop.top);
+      } else {
+        util.scrollTop(container, containerScroll.top + diffBottom.top);
+      }
+    }
+  } else {
+    if (!onlyScrollIfNeeded) {
+      alignWithTop = alignWithTop === undefined ? true : !!alignWithTop;
+
+      if (alignWithTop) {
+        util.scrollTop(container, containerScroll.top + diffTop.top);
+      } else {
+        util.scrollTop(container, containerScroll.top + diffBottom.top);
+      }
+    }
+  }
+
+  if (allowHorizontalScroll) {
+    if (diffTop.left < 0 || diffBottom.left > 0) {
+      // 强制向上
+      if (alignWithLeft === true) {
+        util.scrollLeft(container, containerScroll.left + diffTop.left);
+      } else if (alignWithLeft === false) {
+        util.scrollLeft(container, containerScroll.left + diffBottom.left);
+      } else {
+        // 自动调整
+        if (diffTop.left < 0) {
+          util.scrollLeft(container, containerScroll.left + diffTop.left);
+        } else {
+          util.scrollLeft(container, containerScroll.left + diffBottom.left);
+        }
+      }
+    } else {
+      if (!onlyScrollIfNeeded) {
+        alignWithLeft = alignWithLeft === undefined ? true : !!alignWithLeft;
+
+        if (alignWithLeft) {
+          util.scrollLeft(container, containerScroll.left + diffTop.left);
+        } else {
+          util.scrollLeft(container, containerScroll.left + diffBottom.left);
+        }
+      }
+    }
+  }
+}
+
+/* harmony default export */ __webpack_exports__["default"] = (scrollIntoView);
+//# sourceMappingURL=index.js.map
+
+
 /***/ }),
 
 /***/ "./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js":