@kdcloudjs/kdesign 1.7.40 → 1.7.41

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.39
+ *   @kdcloudjs/kdesign v1.7.40
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -5368,7 +5368,7 @@ ButtonGroup.displayName = 'ButtonGroup';
 /*!*************************************!*\
   !*** ./components/button/index.tsx ***!
   \*************************************/
-/*! exports provided: ButtonType, IButtonProps, default */
+/*! exports provided: ButtonType, IButtonProps, ButtonSize, ButtonShape, ButtonIconPlace, ButtonHTMLType, OverlayType, ButtonGroupType, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5379,11 +5379,24 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IButtonProps", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["IButtonProps"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonSize", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["ButtonSize"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonShape", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["ButtonShape"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonIconPlace", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["ButtonIconPlace"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonHTMLType", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["ButtonHTMLType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "OverlayType", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["OverlayType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupType", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["ButtonGroupType"]; });
+
 
 
 var Button = _button__WEBPACK_IMPORTED_MODULE_0__["default"];
 Button.Dropdown = _group__WEBPACK_IMPORTED_MODULE_1__["default"];
 
+
 /* harmony default export */ __webpack_exports__["default"] = (Button);
 
 /***/ }),
@@ -6012,7 +6025,7 @@ var FadeList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.forward
 /*!***************************************!*\
   !*** ./components/carousel/index.tsx ***!
   \***************************************/
-/*! exports provided: DotPositionTypes, EffectTypes, CarouselProps, Slidebar, FadeList, SlideList, default */
+/*! exports provided: DotPositionTypes, EffectTypes, CarouselProps, DotPositionType, EffectType, Slidebar, FadeList, SlideList, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -6020,6 +6033,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _carousel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./carousel */ "./components/carousel/carousel.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CarouselProps", function() { return _carousel__WEBPACK_IMPORTED_MODULE_0__["CarouselProps"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DotPositionType", function() { return _carousel__WEBPACK_IMPORTED_MODULE_0__["DotPositionType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "EffectType", function() { return _carousel__WEBPACK_IMPORTED_MODULE_0__["EffectType"]; });
+
 /* harmony import */ var _slidebar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./slidebar */ "./components/carousel/slidebar.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Slidebar", function() { return _slidebar__WEBPACK_IMPORTED_MODULE_1__["Slidebar"]; });
 
@@ -8105,18 +8122,53 @@ Select.displayName = 'CityPicker';
 /*!******************************************!*\
   !*** ./components/city-picker/index.tsx ***!
   \******************************************/
-/*! exports provided: default */
+/*! exports provided: City, BorderType, Size, Type, CityList, CityPickerProps, ICityPickerOptionProps, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _city_picker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./city-picker */ "./components/city-picker/city-picker.tsx");
+/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./interface */ "./components/city-picker/interface.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "City", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["City"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BorderType", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["BorderType"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Size", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["Size"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Type", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["Type"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CityList", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["CityList"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CityPickerProps", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["CityPickerProps"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ICityPickerOptionProps", function() { return _interface__WEBPACK_IMPORTED_MODULE_1__["ICityPickerOptionProps"]; });
+
 /* empty/unused harmony star reexport */
 
+
+
 /* harmony default export */ __webpack_exports__["default"] = (_city_picker__WEBPACK_IMPORTED_MODULE_0__["default"]);
 
 /***/ }),
 
+/***/ "./components/city-picker/interface.tsx":
+/*!**********************************************!*\
+  !*** ./components/city-picker/interface.tsx ***!
+  \**********************************************/
+/*! exports provided: BorderTypes, Sizes */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BorderTypes", function() { return BorderTypes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Sizes", function() { return Sizes; });
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
+var BorderTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_0__["tuple"])('none', 'underline', 'bordered');
+var Sizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_0__["tuple"])('large', 'middle', 'small'); // 选择框大小
+
+/***/ }),
+
 /***/ "./components/city-picker/option.tsx":
 /*!*******************************************!*\
   !*** ./components/city-picker/option.tsx ***!
@@ -8805,12 +8857,14 @@ InternalCollapse.displayName = 'Collapse';
 /*!***************************************!*\
   !*** ./components/collapse/index.tsx ***!
   \***************************************/
-/*! exports provided: PanelProps, Panel, default */
+/*! exports provided: PanelProps, Panel, IconPositionType, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _collapse__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./collapse */ "./components/collapse/collapse.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IconPositionType", function() { return _collapse__WEBPACK_IMPORTED_MODULE_0__["IconPositionType"]; });
+
 /* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./panel */ "./components/collapse/panel.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Panel", function() { return _panel__WEBPACK_IMPORTED_MODULE_1__["default"]; });
 
@@ -10197,7 +10251,8 @@ var compDefaultProps = {
     cancelButtonProps: {},
     okButtonProps: {},
     showline: true,
-    overroll: false
+    overroll: false,
+    resizable: false
   },
   Menu: {
     mode: 'vertical',
@@ -21817,6 +21872,10 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState5, 2),
     showNumberMark = _useState6[0],
     setShowNumberMark = _useState6[1];
+  var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_7__["useState"])(false),
+    _useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_3___default()(_useState7, 2),
+    numberMarkError = _useState8[0],
+    setNumberMarkError = _useState8[1];
   var resizeTextarea = Object(react__WEBPACK_IMPORTED_MODULE_7__["useCallback"])(function () {
     if (!autoSize || !textareaRef.current) {
       return;
@@ -21865,21 +21924,25 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     onChange && onChange(event);
   };
   var renderNumberMark = function renderNumberMark() {
-    var enteredLength = value ? value.length : 0;
-    if (enteredLength >= maxLength) {
-      enteredLength = maxLength;
-    }
-    if (count && showNumberMark && !disabled && maxLength !== '' && maxLength >= 0) {
-      var countClass = classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(textAreaPrefixCls, "-textarea-mark"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'));
+    if (count && (showNumberMark || numberMarkError) && !disabled && maxLength !== '' && maxLength >= 0) {
+      var _classNames;
+      var countClass = classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(textAreaPrefixCls, "-textarea-mark"), (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(textAreaPrefixCls, "-textarea-mark-error"), numberMarkError), _classNames));
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default.a.createElement("div", {
         className: countClass
-      }, enteredLength, "/", maxLength);
+      }, value ? value.length : 0, "/", maxLength);
     }
     return null;
   };
   Object(react__WEBPACK_IMPORTED_MODULE_7__["useEffect"])(function () {
     resizeTextarea();
   }, [value, resizeTextarea]);
+  Object(react__WEBPACK_IMPORTED_MODULE_7__["useEffect"])(function () {
+    if (value && maxLength && value.length > maxLength) {
+      setNumberMarkError(true);
+    } else {
+      setNumberMarkError(false);
+    }
+  }, [value]);
   Object(react__WEBPACK_IMPORTED_MODULE_7__["useEffect"])(function () {
     if (propsValue !== undefined) {
       setValue(propsValue);
@@ -21921,7 +21984,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       ref: textareaRef,
       disabled: disabled,
       style: _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, textareaStyles, hadCount || !!allowClear ? otherStyles : style),
-      className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, className, className && !allowClear && !hadCount)),
+      className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-textarea"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-borderless"), borderType === 'none'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-underline"), borderType === 'underline'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-no-resize"), canResize !== true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-allowClear-spacing"), !!allowClear), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-error"), status === 'error' || numberMarkError), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _classNames2), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, className, className && !allowClear && !hadCount)),
       onChange: handleChange,
       onFocus: !disabled ? handleFocus : undefined,
       onBlur: !disabled ? handleBlur : undefined,
@@ -24796,7 +24859,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var _excluded = ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll"];
+var _excluded = ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll", "resizable"];
 
 
 
@@ -24813,6 +24876,28 @@ var _excluded = ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "can
 
 var ConfirmModalTypes = ['confirm', 'normal'];
 var ModalTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_10__["tuple"])('confirm', 'warning', 'error', 'normal');
+var DragDirection;
+(function (DragDirection) {
+  DragDirection["N"] = "n";
+  DragDirection["E"] = "e";
+  DragDirection["S"] = "s";
+  DragDirection["W"] = "w";
+  DragDirection["NE"] = "ne";
+  DragDirection["NW"] = "nw";
+  DragDirection["SE"] = "se";
+  DragDirection["SW"] = "sw";
+})(DragDirection || (DragDirection = {}));
+var initPosition = {
+  initialX: 0,
+  initialY: 0,
+  initialWidth: 0,
+  initialHeight: 0,
+  top: 0,
+  left: 0,
+  x: 0,
+  y: 0,
+  type: null
+};
 var InternalModal = function InternalModal(props, ref) {
   var _classNames3, _classNames4;
   var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_6__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_12__["default"]),
@@ -24858,12 +24943,14 @@ var InternalModal = function InternalModal(props, ref) {
     onDragStop = modalProps.onDragStop,
     bounds = modalProps.bounds,
     overroll = modalProps.overroll,
+    resizable = modalProps.resizable,
     others = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(modalProps, _excluded);
   var isForceController = visible !== undefined;
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_6__["useState"])(isForceController ? visible : true),
     _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
     innerVisible = _useState2[0],
     setInnerVisible = _useState2[1]; // 需要根据visible来判断，不能一开始为true再去设置false
+
   var previousActiveElement = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])(null);
   var innerRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])(null);
   var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])(null);
@@ -24879,6 +24966,16 @@ var InternalModal = function InternalModal(props, ref) {
     }
     modalContainer = document.body;
   }
+  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_6__["useState"])(modalContainer && !overroll ? {
+      x: -(width / 2),
+      y: -(height / 2)
+    } : {
+      x: 0,
+      y: 0
+    }),
+    _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
+    position = _useState4[0],
+    setPosition = _useState4[1];
   Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_17__["useHideDocumentScrollBar"])(isForceController ? !!visible : !!innerVisible, modalContainer === document.body, !!mask);
   var closeModal = Object(react__WEBPACK_IMPORTED_MODULE_6__["useCallback"])(function () {
     setInnerVisible(false);
@@ -24968,6 +25065,153 @@ var InternalModal = function InternalModal(props, ref) {
       document.body.removeEventListener('keydown', escapeToCloseModal);
     };
   }, [keyboard, escapeToCloseModal, proxyCloseModal, onCancel]);
+  var isResizing = false;
+  var initPositionRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])(initPosition);
+  var startResize = Object(react__WEBPACK_IMPORTED_MODULE_6__["useCallback"])(function (event) {
+    var targetElement = event.target;
+    if (!targetElement.classList.contains("".concat(modalPrefixCls, "-resise-handle")) || !containerRef.current) {
+      return;
+    }
+    var _containerRef$current = containerRef.current.getBoundingClientRect(),
+      initialWidth = _containerRef$current.width,
+      initialHeight = _containerRef$current.height,
+      top = _containerRef$current.top,
+      left = _containerRef$current.left;
+    initPositionRef.current = {
+      initialX: event.clientX,
+      initialY: event.clientY,
+      initialWidth: initialWidth,
+      initialHeight: initialHeight,
+      top: top,
+      left: left,
+      x: position.x,
+      y: position.y,
+      type: targetElement.dataset.type
+    };
+    event.preventDefault();
+    isResizing = true;
+    if (overroll && wrapperRef.current) {
+      wrapperRef.current.classList.add("".concat(modalPrefixCls, "-wrapper-resizable"));
+      setPosition({
+        x: left,
+        y: top
+      });
+      initPositionRef.current.x = left;
+      initPositionRef.current.y = top;
+    }
+    document.addEventListener('mousemove', resize);
+    document.addEventListener('mouseup', stopResize);
+  }, [position]);
+  Object(react__WEBPACK_IMPORTED_MODULE_6__["useEffect"])(function () {
+    if (containerRef.current && visible) {
+      containerRef.current.addEventListener('mousedown', startResize);
+    }
+    return function () {
+      if (containerRef.current) {
+        containerRef.current.removeEventListener('mousedown', startResize);
+      }
+    };
+  }, [containerRef, startResize, visible]);
+  var resize = function resize(event) {
+    if (!containerRef.current) return;
+    if (!isResizing || !containerRef.current) return;
+    var _initPositionRef$curr = initPositionRef.current,
+      initialX = _initPositionRef$curr.initialX,
+      initialY = _initPositionRef$curr.initialY,
+      initialHeight = _initPositionRef$curr.initialHeight,
+      initialWidth = _initPositionRef$curr.initialWidth,
+      y = _initPositionRef$curr.y,
+      x = _initPositionRef$curr.x,
+      type = _initPositionRef$curr.type;
+    var curNHeight = initialY - event.clientY;
+    var curSHeight = -curNHeight;
+    var curEWidth = event.clientX - initialX;
+    var curWWidth = -curEWidth;
+    switch (type) {
+      case DragDirection.N:
+        {
+          containerRef.current.style.height = "".concat(curNHeight + initialHeight, "px");
+          setPosition(function (pre) {
+            return {
+              y: y - curNHeight,
+              x: pre.x
+            };
+          });
+          break;
+        }
+      case DragDirection.E:
+        {
+          containerRef.current.style.width = "".concat(curEWidth + initialWidth, "px");
+          break;
+        }
+      case DragDirection.S:
+        {
+          containerRef.current.style.height = "".concat(curSHeight + initialHeight, "px");
+          break;
+        }
+      case DragDirection.W:
+        {
+          containerRef.current.style.width = "".concat(curWWidth + initialWidth, "px");
+          setPosition(function (pre) {
+            return {
+              y: pre.y,
+              x: x - curWWidth
+            };
+          });
+          break;
+        }
+      case DragDirection.NE:
+        {
+          containerRef.current.style.height = "".concat(curNHeight + initialHeight, "px");
+          containerRef.current.style.width = "".concat(curEWidth + initialWidth, "px");
+          setPosition(function (pre) {
+            return {
+              y: y - curNHeight,
+              x: pre.x
+            };
+          });
+          break;
+        }
+      case DragDirection.NW:
+        {
+          containerRef.current.style.height = "".concat(curNHeight + initialHeight, "px");
+          containerRef.current.style.width = "".concat(curWWidth + initialWidth, "px");
+          setPosition({
+            y: y - curNHeight,
+            x: x - curWWidth
+          });
+          break;
+        }
+      case DragDirection.SE:
+        {
+          containerRef.current.style.height = "".concat(curSHeight + initialHeight, "px");
+          containerRef.current.style.width = "".concat(curEWidth + initialWidth, "px");
+          break;
+        }
+      case DragDirection.SW:
+        {
+          containerRef.current.style.width = "".concat(curWWidth + initialWidth, "px");
+          containerRef.current.style.height = "".concat(curSHeight + initialHeight, "px");
+          setPosition(function (pre) {
+            return {
+              y: pre.y,
+              x: x - curWWidth
+            };
+          });
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  };
+  var stopResize = function stopResize() {
+    isResizing = false;
+    initPositionRef.current = initPosition;
+    document.removeEventListener('mousemove', resize);
+    document.removeEventListener('mouseup', stopResize);
+  };
   var handleMaskClick = Object(react__WEBPACK_IMPORTED_MODULE_6__["useCallback"])(function () {
     if (maskClosable) {
       proxyCloseModal(onCancel);
@@ -24990,7 +25234,31 @@ var InternalModal = function InternalModal(props, ref) {
     ref: containerRef,
     tabIndex: -1,
     onKeyDown: enterToCloseModal
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+  }, resizable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "n",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-n")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "e",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-e")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "s",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-s")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "w",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-w")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "ne",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-ne")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "se",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-se")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "sw",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-sw")
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
+    "data-type": "nw",
+    className: "".concat(modalPrefixCls, "-resise-handle ").concat(modalPrefixCls, "-resise-nw")
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
     className: headerClass
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
     className: "".concat(modalPrefixCls, "-title-container")
@@ -25019,12 +25287,12 @@ var InternalModal = function InternalModal(props, ref) {
   var handleDragStart = function handleDragStart(e, data) {
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e, data);
   };
-  var defaultPosition = modalContainer ? {
-    x: -(width / 2),
-    y: -(height / 2)
-  } : {
-    x: 0,
-    y: 0
+  var handleDrag = function handleDrag(e, ui) {
+    setPosition({
+      x: ui.x,
+      y: ui.y
+    });
+    onDrag === null || onDrag === void 0 ? void 0 : onDrag(e, ui);
   };
   var comp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
     className: modalClasses
@@ -25036,27 +25304,24 @@ var InternalModal = function InternalModal(props, ref) {
     tabIndex: -1,
     className: classnames__WEBPACK_IMPORTED_MODULE_11___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(modalPrefixCls, "-wrapper"), modalContainer && ((isForceController ? visible : innerVisible) || !destroyOnClose))),
     ref: wrapperRef,
-    onClick: handleWrapperClick
+    onMouseDown: handleWrapperClick
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("div", {
     className: "".concat(modalPrefixCls, "-dialog")
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react_draggable__WEBPACK_IMPORTED_MODULE_15___default.a, {
-    defaultPosition: {
-      x: 0,
-      y: 0
-    },
+    position: position,
     handle: ".".concat(headerClass),
     disabled: !draggable,
     onStart: handleDragStart,
-    onDrag: onDrag,
+    onDrag: handleDrag,
     onStop: onDragStop,
     bounds: bounds,
     cancel: ".".concat(modalPrefixCls, "-title-container, .").concat(modalPrefixCls, "-close-icon")
   }, container))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(react_draggable__WEBPACK_IMPORTED_MODULE_15___default.a, {
-    defaultPosition: defaultPosition,
     handle: ".".concat(headerClass),
     disabled: !draggable,
+    position: position,
     onStart: handleDragStart,
-    onDrag: onDrag,
+    onDrag: handleDrag,
     onStop: onDragStop,
     bounds: bounds,
     cancel: ".".concat(modalPrefixCls, "-title-container, .").concat(modalPrefixCls, "-close-icon")
@@ -25250,6 +25515,7 @@ var Notice = function Notice(props) {
     key = noticeProps.key;
   var noticePrefixCls = getPrefixCls(prefixCls, suffixCls, customPrefixcls);
   var timer = null;
+  var isTransition = false;
   var noticeRef = Object(react__WEBPACK_IMPORTED_MODULE_2__["useRef"])();
   var noticeClasses = classnames__WEBPACK_IMPORTED_MODULE_3___default()(noticePrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(noticePrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(noticePrefixCls, "-closable"), closable), _classNames));
   var animationEvent = function animationEvent() {
@@ -25258,7 +25524,10 @@ var Notice = function Notice(props) {
     (_noticeRef$current2 = noticeRef.current) === null || _noticeRef$current2 === void 0 ? void 0 : _noticeRef$current2.classList.add("".concat(noticePrefixCls, "-leave-after"));
   };
   var transitionEvent = function transitionEvent() {
-    onClose && onClose(key);
+    if (!isTransition) {
+      onClose && onClose(key);
+    }
+    isTransition = true;
   };
   var clearEventListener = function clearEventListener() {
     var _noticeRef$current3, _noticeRef$current4;
@@ -25267,6 +25536,7 @@ var Notice = function Notice(props) {
   };
   var handleClose = function handleClose() {
     var _noticeRef$current5, _noticeRef$current6, _noticeRef$current7;
+    isTransition = false;
     (_noticeRef$current5 = noticeRef.current) === null || _noticeRef$current5 === void 0 ? void 0 : _noticeRef$current5.classList.add("".concat(noticePrefixCls, "-leave"));
     (_noticeRef$current6 = noticeRef.current) === null || _noticeRef$current6 === void 0 ? void 0 : _noticeRef$current6.addEventListener('animationend', animationEvent);
     (_noticeRef$current7 = noticeRef.current) === null || _noticeRef$current7 === void 0 ? void 0 : _noticeRef$current7.addEventListener('transitionend', transitionEvent);
@@ -29096,21 +29366,50 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./components/select/index.tsx ***!
   \*************************************/
-/*! exports provided: default */
+/*! exports provided: SelectSizes, BorderTypes, Modes, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _select__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./select */ "./components/select/select.tsx");
 /* harmony import */ var _option__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./option */ "./components/select/option.tsx");
+/* harmony import */ var _interface__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interface */ "./components/select/interface.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SelectSizes", function() { return _interface__WEBPACK_IMPORTED_MODULE_2__["SelectSizes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "BorderTypes", function() { return _interface__WEBPACK_IMPORTED_MODULE_2__["BorderTypes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Modes", function() { return _interface__WEBPACK_IMPORTED_MODULE_2__["Modes"]; });
+
 
 
 var Select = _select__WEBPACK_IMPORTED_MODULE_0__["default"];
 Select.Option = _option__WEBPACK_IMPORTED_MODULE_1__["default"];
+
 /* harmony default export */ __webpack_exports__["default"] = (Select);
 
 /***/ }),
 
+/***/ "./components/select/interface.tsx":
+/*!*****************************************!*\
+  !*** ./components/select/interface.tsx ***!
+  \*****************************************/
+/*! exports provided: SelectSizes, BorderTypes, Modes */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectSizes", function() { return SelectSizes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BorderTypes", function() { return BorderTypes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Modes", function() { return Modes; });
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
+var SelectSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_0__["tuple"])('large', 'middle', 'small'); // 选择框大小
+
+var BorderTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_0__["tuple"])('none', 'underline', 'bordered');
+var Modes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_0__["tuple"])('multiple', 'single');
+
+/***/ }),
+
 /***/ "./components/select/option.tsx":
 /*!**************************************!*\
   !*** ./components/select/option.tsx ***!