@kdcloudjs/kdesign 1.7.58 → 1.7.60

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.57
+ *   @kdcloudjs/kdesign v1.7.59
  * 
  *   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);
@@ -11703,10 +11771,15 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     _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_14__["useMergedState"])(null, {
+      value: dateValue,
+      postState: function postState(v) {
+        return v && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_22__["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;
@@ -11737,7 +11810,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     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_22__["isValid"])(date) ? date : new Date());
   };
   Object(react__WEBPACK_IMPORTED_MODULE_11__["useEffect"])(function () {
     setViewDate(dateValue);
@@ -11776,7 +11849,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     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_14__["useMergedState"])(false, {
       value: open,
       defaultValue: defaultOpen,
       postState: function postState(postOpen) {
@@ -11791,10 +11864,10 @@ 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_14__["useMergedState"])(function () {
       if (picker === 'time') {
         return 'time';
       }
@@ -11802,9 +11875,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }, {
       value: mode
     }),
-    _useMergedState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useMergedState5, 2),
-    mergedMode = _useMergedState6[0],
-    setInnerMode = _useMergedState6[1];
+    _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_11__["useState"])(undefined),
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
     innerPicker = _useState4[0],
@@ -11832,9 +11905,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     }
     // 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"])());
     triggerOpen(false);
@@ -12431,6 +12501,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 +12527,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) {
@@ -13333,7 +13409,9 @@ function TimePanel(props) {
     minutes = _context$minutes === void 0 ? [] : _context$minutes,
     _context$seconds = context.seconds,
     seconds = _context$seconds === void 0 ? [] : _context$seconds,
-    disabledTimePanel = context.disabledTimePanel;
+    disabledTimePanel = context.disabledTimePanel,
+    rangeValue = context.rangeValue,
+    panelPosition = context.panelPosition;
   var picker = props.picker,
     _props$format = props.format,
     format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
@@ -13373,9 +13451,22 @@ function TimePanel(props) {
   // const minute = value ? getMinutes(value) : -1
   // const second = value ? getSeconds(value) : -1
 
+  var getDefaultDate = function getDefaultDate() {
+    if (panelPosition) {
+      if (rangeValue && rangeValue[0] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_14__["isValid"])(rangeValue[0])) {
+        return rangeValue[0];
+      }
+      if (rangeValue && rangeValue[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_14__["isValid"])(rangeValue[1])) {
+        return rangeValue[1];
+      }
+    } else if (value && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_14__["isValid"])(value)) {
+      return value;
+    }
+    return Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_14__["newDate"])();
+  };
   var setTime = function setTime(isPM, newHour, newMinute, newSecond) {
     var _rawHours$find, _minutes$find, _seconds$find;
-    var date = value || Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_14__["newDate"])();
+    var date = getDefaultDate();
     var _hour = newHour > -1 ? newHour : (_rawHours$find = rawHours.find(function (n) {
       return !n.disabled;
     })) === null || _rawHours$find === void 0 ? void 0 : _rawHours$find.value;
@@ -14066,15 +14157,6 @@ function reorderValues(values) {
   return values;
 }
 
-// 范围时间顺序错误时报错
-function isErrorValues(values) {
-  if (values && values[0] && values[1] && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isAfter"])(values[0], values[1])) {
-    console.error('开始日期在结束日期之后');
-    return true;
-  }
-  return false;
-}
-
 // 是否可以切换选择器
 function canValueTrigger(value, index, disabled, allowEmpty) {
   if (value) {
@@ -14184,17 +14266,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   // 原始数据
   var _useMergedState3 = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_15__["useMergedState"])(null, {
       value: value,
-      defaultValue: defaultValue,
-      postState: function postState(values) {
-        if (picker === 'time' || picker === 'date' && showTime) {
-          return order ? reorderValues(values) : values;
-        } else {
-          if (isErrorValues(values)) {
-            return [values[0], null];
-          }
-          return values;
-        }
-      }
+      defaultValue: defaultValue
     }),
     _useMergedState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_5___default()(_useMergedState3, 2),
     dateValue = _useMergedState4[0],
@@ -14211,8 +14283,11 @@ 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;
@@ -14397,12 +14472,20 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       }
     }, 0);
   };
+  var triggerChangeInner = function triggerChangeInner(values) {
+    if (typeof value === 'undefined') {
+      setInnerValue(values);
+    }
+    if (onChange && (!Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(dateValue, 0), Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, 0)) || !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(dateValue, 1), Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, 1)))) {
+      onChange(values, [values && values[0] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(values[0], _format) : '', values && values[1] ? Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["formatDate"])(values[1], _format) : '']);
+    }
+  };
   var triggerChange = function triggerChange(newValue, sourceIndex) {
     var values = newValue;
     var startValue = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, 0);
     var endValue = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, 1);
     if (startValue && endValue && Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isAfter"])(startValue, endValue)) {
-      if (picker === 'week' && !Object(date_fns_isSameWeek__WEBPACK_IMPORTED_MODULE_13__["default"])(startValue, endValue) || picker === 'quarter' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isSameQuarter"])(startValue, endValue) || picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isSameDay"])(startValue, endValue)) {
+      if (picker === 'week' && !Object(date_fns_isSameWeek__WEBPACK_IMPORTED_MODULE_13__["default"])(startValue, endValue) || picker === 'quarter' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isSameQuarter"])(startValue, endValue) || picker === 'time' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(startValue, endValue) || picker !== 'week' && picker !== 'quarter' && picker !== 'time' && !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isSameDay"])(startValue, endValue)) {
         if (sourceIndex === 0) {
           values = [startValue, null];
           endValue = null;
@@ -14411,8 +14494,6 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
           values = [null, endValue];
         }
         openRecordsRef.current = _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_4___default()({}, sourceIndex, true);
-      } else if (picker === 'time' && order === true) {
-        values = reorderValues(values);
       }
     }
     setSelectedValue(values);
@@ -14428,11 +14509,10 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     var canEndValueTrigger = canValueTrigger(endValue, 1, mergedDisabled, allowEmpty);
     var canTrigger = values === null || canStartValueTrigger && canEndValueTrigger;
     if (canTrigger) {
-      if (typeof value === 'undefined') {
-        setInnerValue(values);
-      }
-      if (onChange && (!Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(dateValue, 0), startValue) || !Object(_utils_date_fns__WEBPACK_IMPORTED_MODULE_23__["isEqual"])(Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(dateValue, 1), endValue))) {
-        onChange(values, [startStr, endStr]);
+      if (order) {
+        triggerChangeInner(reorderValues(values));
+      } else {
+        triggerChangeInner(values);
       }
     }
     var curValue = Object(_utils__WEBPACK_IMPORTED_MODULE_20__["getValue"])(values, sourceIndex);
@@ -21452,7 +21532,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";
@@ -21648,6 +21728,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";
@@ -21718,6 +21801,7 @@ typeof window !== 'undefined') {
 
 
 
+
 
 
 /***/ }),
@@ -24116,7 +24200,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);
 
@@ -31243,6 +31332,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":
@@ -37262,7 +38640,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
     onClear === null || onClear === void 0 ? void 0 : onClear('');
     setSearchValue('');
-    onChange === null || onChange === void 0 ? void 0 : onChange(undefined, undefined);
+    isMultiple ? onChange === null || onChange === void 0 ? void 0 : onChange('', '') : onChange === null || onChange === void 0 ? void 0 : onChange(undefined, undefined);
   };
 
   // 多选模式下清除某一项
@@ -45949,13 +47327,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getRichVisibleRectsStream", function() { return getRichVisibleRectsStream; });
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime-corejs3/core-js-stable/instance/includes */ "./node_modules/@babel/runtime-corejs3/core-js-stable/instance/includes.js");
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_instance_includes__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _popperjs_core_lib_dom_utils_getNodeName__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getNodeName */ "./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
-/* harmony import */ var _popperjs_core_lib_dom_utils_getOffsetParent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getOffsetParent */ "./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
-/* harmony import */ var _popperjs_core_lib_dom_utils_getParentNode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getParentNode */ "./node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
-/* harmony import */ var _popperjs_core_lib_dom_utils_getWindow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getWindow */ "./node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
-/* harmony import */ var _popperjs_core_lib_dom_utils_getWindowScroll__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getWindowScroll */ "./node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js");
-/* harmony import */ var _popperjs_core_lib_dom_utils_instanceOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/instanceOf */ "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
-/* harmony import */ var _popperjs_core_lib_dom_utils_isScrollParent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/isScrollParent */ "./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_getNodeName__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getNodeName */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_getOffsetParent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getOffsetParent */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_getParentNode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getParentNode */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_getWindow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getWindow */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_getWindowScroll__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/getWindowScroll */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_instanceOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/instanceOf */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _popperjs_core_lib_dom_utils_isScrollParent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @popperjs/core/lib/dom-utils/isScrollParent */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js");
 /* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! resize-observer-polyfill */ "./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js");
 /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js");
 /* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js");
@@ -58814,17 +60192,17 @@ var TreeDataHelper = /*#__PURE__*/function () {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js ***!
-  \***********************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js":
+/*!*****************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.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 getComputedStyle; });
-/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
 
 function getComputedStyle(element) {
   return Object(_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element).getComputedStyle(element);
@@ -58832,17 +60210,17 @@ function getComputedStyle(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js":
-/*!*************************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js ***!
-  \*************************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js":
+/*!*******************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.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 getDocumentElement; });
-/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instanceOf.js */ "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./instanceOf.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
 
 function getDocumentElement(element) {
   // $FlowFixMe[incompatible-return]: assume body is always available
@@ -58852,10 +60230,10 @@ function getDocumentElement(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js":
-/*!******************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js ***!
-  \******************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js":
+/*!************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js ***!
+  \************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -58868,23 +60246,23 @@ function getNodeName(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js ***!
-  \**********************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js":
+/*!****************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.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 getOffsetParent; });
-/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
-/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getNodeName.js */ "./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
-/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getComputedStyle.js */ "./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
-/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./instanceOf.js */ "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
-/* harmony import */ var _isTableElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isTableElement.js */ "./node_modules/@popperjs/core/lib/dom-utils/isTableElement.js");
-/* harmony import */ var _getParentNode_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getParentNode.js */ "./node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
-/* harmony import */ var _utils_userAgent_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/userAgent.js */ "./node_modules/@popperjs/core/lib/utils/userAgent.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getNodeName.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./getComputedStyle.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./instanceOf.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _isTableElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./isTableElement.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/isTableElement.js");
+/* harmony import */ var _getParentNode_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./getParentNode.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getParentNode.js");
+/* harmony import */ var _utils_userAgent_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/userAgent.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/utils/userAgent.js");
 
 
 
@@ -58957,19 +60335,19 @@ function getOffsetParent(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getParentNode.js":
-/*!********************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getParentNode.js ***!
-  \********************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getParentNode.js":
+/*!**************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getParentNode.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 getParentNode; });
-/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getNodeName.js */ "./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
-/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getDocumentElement.js */ "./node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
-/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./instanceOf.js */ "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getNodeName.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _getDocumentElement_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./getDocumentElement.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js");
+/* harmony import */ var _instanceOf_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./instanceOf.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js");
 
 
 
@@ -58992,10 +60370,10 @@ function getParentNode(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getWindow.js":
-/*!****************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js ***!
-  \****************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js":
+/*!**********************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js ***!
+  \**********************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -59017,17 +60395,17 @@ function getWindow(node) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js":
-/*!**********************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js ***!
-  \**********************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js":
+/*!****************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.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 getWindowScroll; });
-/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
 
 function getWindowScroll(node) {
   var win = Object(_getWindow_js__WEBPACK_IMPORTED_MODULE_0__["default"])(node);
@@ -59041,10 +60419,10 @@ function getWindowScroll(node) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js":
-/*!*****************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/instanceOf.js ***!
-  \*****************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js":
+/*!***********************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/instanceOf.js ***!
+  \***********************************************************************************************/
 /*! exports provided: isElement, isHTMLElement, isShadowRoot */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -59053,7 +60431,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isElement", function() { return isElement; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isHTMLElement", function() { return isHTMLElement; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isShadowRoot", function() { return isShadowRoot; });
-/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
+/* harmony import */ var _getWindow_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getWindow.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getWindow.js");
 
 
 function isElement(node) {
@@ -59080,17 +60458,17 @@ function isShadowRoot(node) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js ***!
-  \*********************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js":
+/*!***************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.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 isScrollParent; });
-/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getComputedStyle.js */ "./node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
+/* harmony import */ var _getComputedStyle_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getComputedStyle.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js");
 
 function isScrollParent(element) {
   // Firefox wants us to check `-x` and `-y` variations as well
@@ -59104,17 +60482,17 @@ function isScrollParent(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/dom-utils/isTableElement.js":
-/*!*********************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/dom-utils/isTableElement.js ***!
-  \*********************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/isTableElement.js":
+/*!***************************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/isTableElement.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 isTableElement; });
-/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getNodeName.js */ "./node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
+/* harmony import */ var _getNodeName_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getNodeName.js */ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/dom-utils/getNodeName.js");
 
 function isTableElement(element) {
   return ['table', 'td', 'th'].indexOf(Object(_getNodeName_js__WEBPACK_IMPORTED_MODULE_0__["default"])(element)) >= 0;
@@ -59122,10 +60500,10 @@ function isTableElement(element) {
 
 /***/ }),
 
-/***/ "./node_modules/@popperjs/core/lib/utils/userAgent.js":
-/*!************************************************************!*\
-  !*** ./node_modules/@popperjs/core/lib/utils/userAgent.js ***!
-  \************************************************************/
+/***/ "./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/utils/userAgent.js":
+/*!******************************************************************************************!*\
+  !*** ./node_modules/@kdcloudjs/table/node_modules/@popperjs/core/lib/utils/userAgent.js ***!
+  \******************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -107688,6 +109066,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":