@kdcloudjs/kdesign 1.1.1 → 1.2.0

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.1.0
+ *   @kdcloudjs/kdesign v1.1.3
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -1473,7 +1473,7 @@ function usePopper(locatorElement, popperElement, props) {
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'top' : _props$placement,
       _props$gap = props.gap,
-      defalutGap = _props$gap === void 0 ? 4 : _props$gap,
+      defaultGap = _props$gap === void 0 ? 4 : _props$gap,
       _props$scrollHidden = props.scrollHidden,
       scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
       _props$mouseEnterDela = props.mouseEnterDelay,
@@ -1520,7 +1520,7 @@ function usePopper(locatorElement, popperElement, props) {
     top: 0,
     left: 0
   };
-  var gap = defalutGap + (arrow ? 10 : 0);
+  var gap = defaultGap + (arrow ? 10 : 0);
 
   var _useState = Object(react__WEBPACK_IMPORTED_MODULE_18__["useState"])(initPos),
       _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_6___default()(_useState, 2),
@@ -1782,8 +1782,8 @@ function usePopper(locatorElement, popperElement, props) {
   };
   var popperNode = popperRef.current;
   var locatorNode = locatorRef.current;
-  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(popperNode, alignPopper);
-  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(locatorNode, alignPopper);
+  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(popperNode || document.body, alignPopper);
+  Object(_hooks__WEBPACK_IMPORTED_MODULE_24__["useResizeObserver"])(locatorNode || document.body, alignPopper);
   var showPopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function (evType) {
     if (!disabled) {
       !exist && setExist(true);
@@ -1805,7 +1805,6 @@ function usePopper(locatorElement, popperElement, props) {
     }
   }, [disabled, exist, onTrigger, visible]);
   var hidePopper = Object(react__WEBPACK_IMPORTED_MODULE_18__["useCallback"])(function () {
-    setEvType('');
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
   }, [onVisibleChange, props.visible]);
@@ -2766,12 +2765,6 @@ var InternalAnchor = function InternalAnchor(props, ref) {
   var handleVisibleChange = function handleVisibleChange(visible) {
     !isLocked && onVisibleChange && onVisibleChange(visible);
     if (props.visible !== undefined) return;
-
-    if (visible) {
-      setOptionShow(visible);
-      return;
-    }
-
     !isLocked && setOptionShow(visible);
   };
 
@@ -4400,7 +4393,7 @@ var _excluded = ["type", "iconPlace", "children", "className", "prefixCls", "siz
 
 var ButtonTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('second', 'primary', 'ghost', 'text');
 var ButtonSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('large', 'middle', 'small');
-var ButtonShapes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('circle', 'round');
+var ButtonShapes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('circle', 'round', 'none');
 var ButtonIconPlaces = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('left', 'right');
 var ButtonHTMLTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_9__["tuple"])('submit', 'button', 'reset');
 
@@ -4482,7 +4475,7 @@ var InternalButton = function InternalButton(props, ref) {
 
   var isTextBtn = type === 'text'; // 判断按钮是否文本类型。这些类型下有部分样式不适用
 
-  var btnClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(btnPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-shape-").concat(shape), shape && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _classNames));
+  var btnClasses = classnames__WEBPACK_IMPORTED_MODULE_6___default()(btnPrefixCls, className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-").concat(type), type), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-size-").concat(size), size), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-shape-").concat(shape), shape && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
   var iconWrapperClassName = "".concat(btnPrefixCls, "-iconWrapper-").concat(iconPlace === 'left' ? 'left' : 'right');
   var iconNode = icon && !loading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("span", {
     className: iconWrapperClassName
@@ -4527,6 +4520,188 @@ Button.displayName = 'Button';
 
 /***/ }),
 
+/***/ "./components/button/group.tsx":
+/*!*************************************!*\
+  !*** ./components/button/group.tsx ***!
+  \*************************************/
+/*! exports provided: ButtonGroupTypes, default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupTypes", function() { return ButtonGroupTypes; });
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_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_array_filter_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__ = __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_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
+/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
+/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+
+
+
+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_0___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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var ButtonGroupTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_18__["tuple"])('basic', 'similar');
+
+var InternalButtonGroup = function InternalButtonGroup(props, ref) {
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_11__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_13__["default"]),
+      getPrefixCls = _useContext.getPrefixCls,
+      prefixCls = _useContext.prefixCls,
+      userDefaultProps = _useContext.compDefaultProps;
+
+  var buttonGoupProps = Object(_utils__WEBPACK_IMPORTED_MODULE_14__["getCompProps"])('ButtonGroup', userDefaultProps, props);
+  var style = buttonGoupProps.style,
+      className = buttonGoupProps.className,
+      children = buttonGoupProps.children,
+      customPrefixcls = buttonGoupProps.prefixCls,
+      onClick = buttonGoupProps.onClick,
+      onItemClick = buttonGoupProps.onItemClick,
+      overlay = buttonGoupProps.overlay,
+      icon = buttonGoupProps.icon,
+      type = buttonGoupProps.type,
+      buttonType = buttonGoupProps.buttonType,
+      disabled = buttonGoupProps.disabled,
+      onVisibleChange = buttonGoupProps.onVisibleChange;
+
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(false),
+      _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState, 2),
+      optionShow = _useState2[0],
+      setOptionShow = _useState2[1]; // 下拉列表是否展示
+
+
+  var refBtnGroup = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null) || ref;
+  var triggerRef = react__WEBPACK_IMPORTED_MODULE_11___default.a.useRef(null);
+  var isBsicType = type === 'basic';
+  var btnGroupPrefixCls = getPrefixCls(prefixCls, 'btn-group', customPrefixcls);
+  var btnGroupClasses = classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(btnGroupPrefixCls), className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(btnGroupPrefixCls, "-").concat(type), type));
+  var renderTriggerButton = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function () {
+    var _toArray = Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_17__["toArray"])(icon),
+        _toArray2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_toArray, 2),
+        _toArray2$ = _toArray2[0],
+        iconUp = _toArray2$ === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
+      type: "arrow-up"
+    }) : _toArray2$,
+        _toArray2$2 = _toArray2[1],
+        iconDown = _toArray2$2 === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
+      type: "arrow-down"
+    }) : _toArray2$2;
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+      style: style,
+      className: btnGroupClasses,
+      ref: refBtnGroup
+    }, isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      type: buttonType,
+      disabled: disabled
+    }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
+      className: "".concat(btnGroupPrefixCls, "-basic-icon")
+    }, optionShow ? iconUp : iconDown)), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      type: buttonType,
+      disabled: disabled,
+      onClick: onClick
+    }, children), !isBsicType && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("span", {
+      className: "".concat(btnGroupPrefixCls, "-trigger"),
+      ref: triggerRef
+    }, optionShow ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      icon: iconUp,
+      type: buttonType,
+      disabled: disabled
+    }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Button"], {
+      icon: iconDown,
+      type: buttonType,
+      disabled: disabled
+    })));
+  }, [icon, btnGroupPrefixCls, style, btnGroupClasses, refBtnGroup, isBsicType, buttonType, disabled, children, optionShow, onClick]);
+  var handleItemClick = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function (data) {
+    onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(data);
+    setOptionShow(false);
+  }, [onItemClick]);
+  var renderContent = Object(react__WEBPACK_IMPORTED_MODULE_11__["useCallback"])(function () {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+      className: "".concat(btnGroupPrefixCls, "-dropdown")
+    }, (overlay || []).map(function (item) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement("div", {
+        key: item.value,
+        className: "".concat(btnGroupPrefixCls, "-dropdown-item"),
+        onClick: function onClick() {
+          return handleItemClick === null || handleItemClick === void 0 ? void 0 : handleItemClick(item);
+        }
+      }, item.label);
+    }));
+  }, [btnGroupPrefixCls, overlay, handleItemClick]);
+
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    setOptionShow(visible);
+    onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
+  };
+
+  var popperProps = _objectSpread(_objectSpread({
+    placement: 'bottomLeft',
+    trigger: 'click'
+  }, buttonGoupProps), {}, {
+    prefixCls: btnGroupPrefixCls,
+    defaultVisible: optionShow,
+    visible: optionShow,
+    onVisibleChange: handleVisibleChange,
+    getTriggerElement: function getTriggerElement(locatorNode) {
+      return isBsicType ? locatorNode : triggerRef.current;
+    }
+  });
+
+  return Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])(renderTriggerButton(), renderContent(), popperProps);
+};
+
+var ButtonGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.forwardRef(InternalButtonGroup);
+ButtonGroup.displayName = 'ButtonGroup';
+/* harmony default export */ __webpack_exports__["default"] = (ButtonGroup);
+
+/***/ }),
+
 /***/ "./components/button/index.tsx":
 /*!*************************************!*\
   !*** ./components/button/index.tsx ***!
@@ -4537,13 +4712,17 @@ Button.displayName = 'Button';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button */ "./components/button/button.tsx");
+/* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./group */ "./components/button/group.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonType", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["ButtonType"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IButtonProps", function() { return _button__WEBPACK_IMPORTED_MODULE_0__["IButtonProps"]; });
 
 
 
-/* harmony default export */ __webpack_exports__["default"] = (_button__WEBPACK_IMPORTED_MODULE_0__["default"]);
+var Button = _button__WEBPACK_IMPORTED_MODULE_0__["default"];
+Button.Dropdown = _group__WEBPACK_IMPORTED_MODULE_1__["default"];
+
+/* harmony default export */ __webpack_exports__["default"] = (Button);
 
 /***/ }),
 
@@ -4899,6 +5078,10 @@ var InternalCarousel = function InternalCarousel(props, ref) {
     if (autoplay) {
       play();
     }
+
+    return function () {
+      autoplayRef.current && clearTimeout(autoplayRef.current);
+    };
   }, [currentIndex, autoplay, intervalTime, play]);
 
   var showDot = function showDot() {
@@ -5742,8 +5925,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     return selected ? false : indeterminate;
   };
 
-  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(size),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _classNames));
-  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected && !disabled), _classNames2));
+  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(size),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(checkboxPrefixCls, "-input"), true));
   var checkedWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_4___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-wrapper-size"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-margin"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-indeterminate"), getIndeterminate()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled && !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked-disabled"), disabled && selected), _classNames4));
@@ -5787,8 +5970,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: ref,
         value: value,
         checked: selected,
-        disabled: disabled,
-        name: name
+        disabled: disabled
       })), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
       }, children), !isDefaultType() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("span", {
@@ -7421,6 +7603,10 @@ var compDefaultProps = {
     size: 'middle',
     bordered: true
   },
+  ButtonGroup: {
+    buttonType: 'primary',
+    type: 'basic'
+  },
   Card: {
     hoverable: false,
     selectable: false
@@ -14065,6 +14251,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/uniqueId */ "./node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__);
+
 
 
 
@@ -14074,6 +14263,7 @@ function DefaultEmptyImg() {
       prefixCls = _useContext.prefixCls;
 
   var emptyPrefixCls = getPrefixCls(prefixCls, 'empty');
+  var linearGradientId = lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default()(emptyPrefixCls + '-default-linearGradient');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", {
     className: "".concat(emptyPrefixCls, "-image"),
     width: "168px",
@@ -14086,7 +14276,7 @@ function DefaultEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-1"
+    id: linearGradientId
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("stop", {
     stopColor: "#D6DCE7",
     offset: "0%"
@@ -14136,7 +14326,7 @@ function DefaultEmptyImg() {
     height: "6"
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(108.000000, 40.000000)",
-    fill: "url(#linearGradient-1)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u80CC\u666F/\u4E91",
     opacity: "0.300000012"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
@@ -14145,7 +14335,7 @@ function DefaultEmptyImg() {
     d: "M3,39 L3,24 C3,15.7157288 9.71572875,9 18,9 C25.4616776,9 31.6508469,14.4482558 32.8063948,21.5836543 C33.797875,21.2064779 34.8748247,21 36,21 C40.9705627,21 45,25.0294373 45,30 L45,39 L3,39 Z"
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(12.000000, 32.000000)",
-    fill: "url(#linearGradient-1)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u80CC\u666F/\u4E91",
     opacity: "0.300000012"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
@@ -14268,6 +14458,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/uniqueId */ "./node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2__);
+
 
 
 
@@ -14277,6 +14470,7 @@ function IllustrationEmptyImg() {
       prefixCls = _useContext.prefixCls;
 
   var emptyPrefixCls = getPrefixCls(prefixCls, 'empty');
+  var linearGradientId = lodash_uniqueId__WEBPACK_IMPORTED_MODULE_2___default()(emptyPrefixCls + '-illus-linearGradient-');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg", {
     className: "".concat(emptyPrefixCls, "-image"),
     width: "200px",
@@ -14295,7 +14489,7 @@ function IllustrationEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-3"
+    id: linearGradientId
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("stop", {
     stopColor: "#F2F5FA",
     offset: "0%"
@@ -14308,7 +14502,7 @@ function IllustrationEmptyImg() {
     y1: "0%",
     x2: "50%",
     y2: "100%",
-    id: "linearGradient-4"
+    id: "".concat(linearGradientId, "-1")
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("stop", {
     stopColor: "#F2F5FA",
     offset: "0%"
@@ -14362,7 +14556,7 @@ function IllustrationEmptyImg() {
     transform: "translate(11.428571, 37.050000)"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(34.285714, 34.200000) scale(-1, 1) translate(-34.285714, -34.200000) ",
-    fill: "url(#linearGradient-3)",
+    fill: "url(#".concat(linearGradientId, ")"),
     id: "\u5F62\u72B6\u7ED3\u5408"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
     d: "M4.28571429,55.575 L4.28571429,34.2535714 C4.28571429,22.4188982 13.8796125,12.825 25.7142857,12.825 C36.3598894,12.825 45.1923741,20.587885 46.8597669,30.7616821 C48.2786739,30.2207368 49.8190861,29.925 51.4285714,29.925 C58.5293754,29.925 64.2857143,35.6813389 64.2857143,42.7821429 L64.2857143,55.575 L4.28571429,55.575 Z"
@@ -14371,7 +14565,7 @@ function IllustrationEmptyImg() {
     id: "\u80CC\u666F/\u4E91"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("g", {
     transform: "translate(142.857143, 51.300000)",
-    fill: "url(#linearGradient-4)",
+    fill: "url(#".concat(linearGradientId, "-1)"),
     id: "\u5F62\u72B6\u7ED3\u5408"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
     d: "M17.1428571,8.55 C24.2401777,8.55 30.1286667,13.7256234 31.2399627,20.508509 C32.186033,20.1471098 33.2128549,19.95 34.2857143,19.95 C39.0195836,19.95 42.8571429,23.7875593 42.8571429,28.5214286 L42.8571429,37.05 L31.4281429,37.049 L31.4285714,37.05 L2.85714286,37.05 L2.85714286,22.8357143 C2.85714286,14.9459321 9.253075,8.55 17.1428571,8.55 Z"
@@ -18474,7 +18668,7 @@ var Preview = function Preview(props) {
   }, operations, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"]("span", {
     onClick: onClose
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"](_icon__WEBPACK_IMPORTED_MODULE_16__["default"], {
-    type: "close"
+    type: "close-solid"
   }), "\u5173\u95ED"))));
   return /*#__PURE__*/react_dom__WEBPACK_IMPORTED_MODULE_12___default.a.createPortal(peviewContainer, document.body);
 };
@@ -21928,7 +22122,8 @@ var SubMenu = function SubMenu(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
     ref: subMenuRef,
     className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-hover"), !disabled && isVisible), _classNames2)),
-    key: keyValue
+    key: keyValue,
+    title: title
   }, mouseEvent, {
     style: style
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__["createElement"]("div", {
@@ -23624,8 +23819,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/* eslint-disable react/jsx-no-comment-textnodes */
-
 
 
 
@@ -23859,9 +24052,11 @@ var Pagination = function Pagination(props) {
     selectedKey: size,
     menu: sizeOptions,
     trigger: "click",
+    placement: "bottomRight",
     disabled: disabled,
+    prefix: "".concat(prefixCls, "-dropdown"),
     popperStyle: {
-      minWidth: 67
+      minWidth: 64
     },
     onItemClick: handleChangeSize,
     getPopupContainer: function getPopupContainer(triggerNode) {
@@ -24011,7 +24206,7 @@ var Pagination = function Pagination(props) {
       menu: sizeOptions,
       disabled: disabled,
       popperStyle: {
-        minWidth: 67
+        minWidth: 64
       },
       onItemClick: handleChangeSize,
       getPopupContainer: function getPopupContainer(triggerNode) {
@@ -25229,14 +25424,27 @@ var InternalRadio = function InternalRadio(props, ref) {
 
   var classString = classnames__WEBPACK_IMPORTED_MODULE_13___default()((_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(radioPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(radioPrefixCls, "-disabled"), radioProps.disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames, "".concat(radioPrefixCls, "-checked"), context ? radioProps.checked : isChecked), _classNames), className); // 单选包裹元素class名称
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("label", {
-    className: classString,
-    style: style,
-    ref: mergedRef
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default()({
-    type: "radio",
-    className: "".concat(radioPrefixCls, "-input")
-  }, radioProps)), children !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("span", null, children) : null);
+  var handleRepeatClick = function handleRepeatClick(e) {
+    var element = e.target;
+
+    if (element.tagName !== 'INPUT') {
+      e.stopPropagation();
+    }
+  };
+
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line
+    react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("label", {
+      className: classString,
+      style: style,
+      ref: mergedRef,
+      onClick: handleRepeatClick
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("input", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_7___default()({
+      type: "radio",
+      className: "".concat(radioPrefixCls, "-input")
+    }, radioProps)), children !== undefined ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"]("span", null, children) : null)
+  );
 };
 
 var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["forwardRef"](InternalRadio);
@@ -101607,6 +101815,45 @@ function toString(value) {
 module.exports = toString;
 
 
+/***/ }),
+
+/***/ "./node_modules/lodash/uniqueId.js":
+/*!*****************************************!*\
+  !*** ./node_modules/lodash/uniqueId.js ***!
+  \*****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var toString = __webpack_require__(/*! ./toString */ "./node_modules/lodash/toString.js");
+
+/** Used to generate unique IDs. */
+var idCounter = 0;
+
+/**
+ * Generates a unique ID. If `prefix` is given, the ID is appended to it.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {string} [prefix=''] The value to prefix the ID with.
+ * @returns {string} Returns the unique ID.
+ * @example
+ *
+ * _.uniqueId('contact_');
+ * // => 'contact_104'
+ *
+ * _.uniqueId();
+ * // => '105'
+ */
+function uniqueId(prefix) {
+  var id = ++idCounter;
+  return toString(prefix) + id;
+}
+
+module.exports = uniqueId;
+
+
 /***/ }),
 
 /***/ "./node_modules/object-assign/index.js":