@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/lib/drawer/drawer.js

@@ -1,61 +1,40 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PlacementTypes = void 0;
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../index");
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _type = require("../_utils/type");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _utils = require("../_utils");
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 var _hooks = require("../_utils/hooks");
-
 var _reactChildren = require("../_utils/react-children");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // import { usePrevious } from '../_utils/hooks'
+
 var PlacementTypes = (0, _type.tuple)('top', 'right', 'bottom', 'left');
 exports.PlacementTypes = PlacementTypes;
 var relativePostionTypes = ['relative', 'absolute', 'fixed'];
 var horizontalPlacements = ['left', 'right'];
 var verticalPlacements = ['top', 'bottom'];
-var documentBody = document.body; // function transformSize(size: string | number, placement: string) {
+var documentBody = document.body;
+// function transformSize(size: string | number, placement: string) {
 //   if (typeof size === 'string') {
 //     // 只考虑px 或者 %
 //     devWarning(
@@ -69,92 +48,80 @@ var documentBody = document.body; // function transformSize(size: string | numbe
 //   if (placement === 'right' || placement === 'bottom') return (size || 0) + 'px'
 //   return ('-' + size || 0) + 'px'
 // }
-
 var InternalDrawer = function InternalDrawer(props, ref) {
   var _classNames, _context2, _context3, _classNames2;
-
   var _a;
-
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var drawerProps = (0, _utils.getCompProps)('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
-
   var className = drawerProps.className,
-      closable = drawerProps.closable,
-      closeIcon = drawerProps.closeIcon,
-      children = drawerProps.children,
-      onClose = drawerProps.onClose,
-      keyboard = drawerProps.keyboard,
-      mask = drawerProps.mask,
-      maskClosable = drawerProps.maskClosable,
-      maskStyle = drawerProps.maskStyle,
-      maskClassName = drawerProps.maskClassName,
-      placement = drawerProps.placement,
-      title = drawerProps.title,
-      titleStyle = drawerProps.titleStyle,
-      titleClassName = drawerProps.titleClassName,
-      footer = drawerProps.footer,
-      footerStyle = drawerProps.footerStyle,
-      footerClassName = drawerProps.footerClassName,
-      visible = drawerProps.visible,
-      width = drawerProps.width,
-      height = drawerProps.height,
-      headerStyle = drawerProps.headerStyle,
-      headerClassName = drawerProps.headerClassName,
-      zindex = drawerProps.zIndex,
-      getContainer = drawerProps.getContainer,
-      forceRender = drawerProps.forceRender,
-      destroyOnClose = drawerProps.destroyOnClose,
-      customPrefixcls = drawerProps.prefixCls,
-      disableScroll = drawerProps.disableScroll;
+    closable = drawerProps.closable,
+    closeIcon = drawerProps.closeIcon,
+    children = drawerProps.children,
+    onClose = drawerProps.onClose,
+    keyboard = drawerProps.keyboard,
+    mask = drawerProps.mask,
+    maskClosable = drawerProps.maskClosable,
+    maskStyle = drawerProps.maskStyle,
+    maskClassName = drawerProps.maskClassName,
+    placement = drawerProps.placement,
+    title = drawerProps.title,
+    titleStyle = drawerProps.titleStyle,
+    titleClassName = drawerProps.titleClassName,
+    footer = drawerProps.footer,
+    footerStyle = drawerProps.footerStyle,
+    footerClassName = drawerProps.footerClassName,
+    visible = drawerProps.visible,
+    width = drawerProps.width,
+    height = drawerProps.height,
+    headerStyle = drawerProps.headerStyle,
+    headerClassName = drawerProps.headerClassName,
+    zindex = drawerProps.zIndex,
+    getContainer = drawerProps.getContainer,
+    forceRender = drawerProps.forceRender,
+    destroyOnClose = drawerProps.destroyOnClose,
+    customPrefixcls = drawerProps.prefixCls,
+    disableScroll = drawerProps.disableScroll;
   var drawerPrefixCls = getPrefixCls(prefixCls, 'drawer', customPrefixcls);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showChildren = _useState2[0],
-      setShowChildren = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    showChildren = _useState2[0],
+    setShowChildren = _useState2[1];
   var _useState3 = (0, _react.useState)(width),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      currentWidth = _useState4[0],
-      setCurrentWidth = _useState4[1]; // const previousWidthRef = usePrevious(currentWidth)
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    currentWidth = _useState4[0],
+    setCurrentWidth = _useState4[1];
+  // const previousWidthRef = usePrevious(currentWidth)
   // const previousHeightRef = usePrevious(currentHeight)
-
-
   var containerRef = ref || /*#__PURE__*/(0, _react.createRef)();
   var contentRef = (0, _react.useRef)(null);
   (0, _devwarning.default)(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
   var drawerContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
   var isAtOriginalPlace = drawerContainer === false;
-
   if (!(drawerContainer instanceof Element) && !isAtOriginalPlace) {
     try {
       drawerContainer = document.querySelector(drawerContainer);
     } catch (error) {
       (0, _devwarning.default)(true, 'drawer', 'getContainer"s returnValue/value is not a correct CSSSelector');
     }
-
     drawerContainer = documentBody;
   }
-
   var isBody = !drawerContainer && !isAtOriginalPlace || drawerContainer === document.body;
   (0, _react.useEffect)(function () {
     setShowChildren(!!forceRender);
   }, [forceRender]);
   (0, _react.useEffect)(function () {
     var node = null;
-    var portalNode = containerRef.current; // 应该只有可见才能影响
+    var portalNode = containerRef.current;
+    // 应该只有可见才能影响
     // 但是这样会有闪烁的问题
-
     if (!isBody && drawerContainer) {
       node = drawerContainer;
     } else if (isAtOriginalPlace) {
       node = portalNode && portalNode.parentElement;
     }
-
     if (node && !(0, _includes.default)(relativePostionTypes).call(relativePostionTypes, window.getComputedStyle(node).position)) {
       (0, _devwarning.default)(true, 'drawer', 'getContainer"s returnValue/value is not a relative/absolute/fixed positioned DOM');
     }
@@ -162,10 +129,10 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   var handleContainerResize = (0, _react.useCallback)(function (_ref) {
     var containerWidth = _ref.width;
     if (!visible && width === currentWidth) return;
-
     if (containerWidth < currentWidth) {
       // 这里改成操作DOM？
-      setCurrentWidth(containerWidth); // 这里拿不到正确的之前的宽度
+      setCurrentWidth(containerWidth);
+      // 这里拿不到正确的之前的宽度
       //  if (width !== previousWidthRef!)
       // 会一直触发
     } else {
@@ -174,11 +141,10 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [width, visible, currentWidth]);
   (0, _hooks.useResizeObserver)(function () {
     var _a;
-
     return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
   }, handleContainerResize);
-  (0, _hooks.useOverflowHidden)(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll); // 为了单测
-
+  (0, _hooks.useOverflowHidden)(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll);
+  // 为了单测
   (0, _react.useEffect)(function () {
     setCurrentWidth(width);
   }, [width]);
@@ -188,7 +154,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [onClose, destroyOnClose]);
   var escapeToCloseModal = (0, _react.useCallback)(function (evt) {
     var _context;
-
     // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
     if ((0, _includes.default)(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
       closeDrawer();
@@ -198,7 +163,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     if (keyboard) {
       document.body.addEventListener('keydown', escapeToCloseModal);
     }
-
     return function () {
       document.body.removeEventListener('keydown', escapeToCloseModal);
     };
@@ -222,22 +186,18 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [contentRef]);
   (0, _react.useEffect)(function () {
     var _getHorizontalBoolAnd = getHorizontalBoolAndPlacementName(),
-        isHorizontal = _getHorizontalBoolAnd.isHorizontal,
-        placementName = _getHorizontalBoolAnd.placementName;
-
+      isHorizontal = _getHorizontalBoolAnd.isHorizontal,
+      placementName = _getHorizontalBoolAnd.placementName;
     var contentValue = contentRef.current ? contentRef.current.getBoundingClientRect()[isHorizontal ? 'width' : 'height'] : 0;
     var value = (isHorizontal ? width : height) || contentValue;
-
     if (visible) {
       setDraerTransform(visible, placementName, value);
     }
   }, [contentRef, getHorizontalBoolAndPlacementName, height, setDraerTransform, visible, width]);
   var drawerClasses = (0, _classnames.default)(drawerPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(drawerPrefixCls, "-hide"), !visible), (0, _defineProperty2.default)(_classNames, "".concat(drawerPrefixCls, "-active"), visible), (0, _defineProperty2.default)(_classNames, "".concat(drawerPrefixCls, "-not-at-body"), !isBody), _classNames));
   var headerClass = "".concat(drawerPrefixCls, "-header");
-
   var _getHorizontalBoolAnd2 = getHorizontalBoolAndPlacementName(),
-      placementName = _getHorizontalBoolAnd2.placementName;
-
+    placementName = _getHorizontalBoolAnd2.placementName;
   var placementPos = placement === 'left' || placement === 'top' ? '-100%' : '100%';
   var transform = visible ? '' : (0, _concat.default)(_context2 = "".concat(placementName, "(")).call(_context2, placementPos, ")");
   var containerStyle = (0, _extends3.default)((0, _defineProperty2.default)({}, placement, 0), (0, _includes.default)(horizontalPlacements).call(horizontalPlacements, placement) ? {
@@ -247,7 +207,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     height: height,
     transform: transform
   });
-
   var container = /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context3 = "".concat(drawerPrefixCls, "-container-")).call(_context3, placement), true), _classNames2)),
     style: containerStyle,
@@ -271,7 +230,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     className: (0, _classnames.default)("".concat(drawerPrefixCls, "-footer"), footerClassName),
     style: footerStyle
   }, footer));
-
   var opposition = !mask && (0, _includes.default)(PlacementTypes).call(PlacementTypes, placement) ? (0, _includes.default)(horizontalPlacements).call(horizontalPlacements, placement) ? (0, _filter.default)(horizontalPlacements).call(horizontalPlacements, function (p) {
     return p !== placement;
   })[0] : (0, _filter.default)(verticalPlacements).call(verticalPlacements, function (p) {
@@ -280,7 +238,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   var noneMaskStyle = !mask ? {
     width: containerStyle.width
   } : {};
-
   var comp = /*#__PURE__*/_react.default.createElement("div", {
     className: drawerClasses,
     style: (0, _extends3.default)((0, _extends3.default)({
@@ -292,15 +249,12 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     className: (0, _classnames.default)("".concat(drawerPrefixCls, "-mask"), maskClassName),
     style: maskStyle
   }), container);
-
   if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/_reactDom.default.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
     return /*#__PURE__*/_reactDom.default.createPortal(comp, documentBody);
   }
   return comp;
 };
-
 var Drawer = /*#__PURE__*/_react.default.forwardRef(InternalDrawer);
-
 Drawer.displayName = 'Drawer';
 var _default = Drawer;
 exports.default = _default;

package/lib/drawer/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _drawer = _interopRequireWildcard(require("./drawer"));
-
 _Object$keys(_drawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -27,10 +21,7 @@ _Object$keys(_drawer).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _drawer.default;
 exports.default = _default;

package/lib/drawer/style/css.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.css");
-
 require("./index.css");

package/lib/drawer/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../style/index.less");
-
 require("./index.less");

package/lib/dropdown/dropdown.js

@@ -1,76 +1,54 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _utils = require("../_utils");
-
 var _menu = require("./menu");
-
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var findItem = function findItem(element) {
   var isItem = /dropdown-menu-item/.test(element.className);
-
   if (isItem) {
     return element;
   } else {
     return element.parentNode ? findItem(element.parentNode) : null;
   }
 };
-
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _a, _b, _c, _d;
-
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
   var _React$useContext = React.useContext(_ConfigContext.default),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var allProps = (0, _utils.getCompProps)('Dropdown', userDefaultProps, props);
   var menu = allProps.menu,
-      disabled = allProps.disabled,
-      children = allProps.children,
-      selectable = allProps.selectable,
-      onItemClick = allProps.onItemClick,
-      defaultVisible = allProps.defaultVisible,
-      onVisibleChange = allProps.onVisibleChange,
-      customPrefixcls = allProps.prefixCls; // className前缀
-
+    disabled = allProps.disabled,
+    children = allProps.children,
+    selectable = allProps.selectable,
+    onItemClick = allProps.onItemClick,
+    defaultVisible = allProps.defaultVisible,
+    onVisibleChange = allProps.onVisibleChange,
+    customPrefixcls = allProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'dropdown', customPrefixcls);
-
   var _React$useState = React.useState(!!props.visible || defaultVisible),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      visible = _React$useState2[0],
-      setVisible = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
   React.useEffect(function () {
     setVisible(!!props.visible);
   }, [props.visible]);
@@ -81,41 +59,35 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     })
   });
   var isMenu = menu.type === _menu.Menu;
-
   var _React$useState3 = React.useState(props.selectedKey || ((_a = menu.props) === null || _a === void 0 ? void 0 : _a.defaultKey) || props.defaultKey || ''),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      selectedKey = _React$useState4[0],
-      setSelectedKey = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    selectedKey = _React$useState4[0],
+    setSelectedKey = _React$useState4[1];
   React.useEffect(function () {
     setSelectedKey(props.selectedKey);
   }, [props.selectedKey]);
   var menuSelectable = ((_b = menu.props) === null || _b === void 0 ? void 0 : _b.selectable) === undefined ? selectable : (_c = menu.props) === null || _c === void 0 ? void 0 : _c.selectable;
-
   var handleItemClick = function handleItemClick(e) {
     var _a;
-
     var item = findItem(e.target);
     var key = (_a = item === null || item === void 0 ? void 0 : item.dataset) === null || _a === void 0 ? void 0 : _a.key;
-
     if ((item === null || item === void 0 ? void 0 : item.className.indexOf('disabled')) === -1 && key) {
       if (isMenu && menu.props.onClick) {
         menu.props.onClick(key);
       } else if (onItemClick) {
         onItemClick(key);
       }
-
       menuSelectable && setSelectedKey(key);
       props.visible === undefined && setVisible(false);
     }
   };
-
   var cloneObj = /*#__PURE__*/React.cloneElement(menu, {
     selectedKey: selectedKey,
     onClick: handleItemClick,
     selectable: menuSelectable
   });
-  var menuElement = isMenu ? Array.isArray((_d = menu.props) === null || _d === void 0 ? void 0 : _d.children) ? cloneObj : /*#__PURE__*/React.createElement("ul", {
+  var isItem = React.Children.count((_d = menu.props) === null || _d === void 0 ? void 0 : _d.children) === 1 && ((_g = (_f = (_e = menu.props) === null || _e === void 0 ? void 0 : _e.children) === null || _f === void 0 ? void 0 : _f.type) === null || _g === void 0 ? void 0 : _g.displayName) === 'DropdownMenuItem' || Array.isArray((_k = (_j = (_h = menu.props) === null || _h === void 0 ? void 0 : _h.children) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.children) || ((_p = (_o = (_m = (_l = menu.props) === null || _l === void 0 ? void 0 : _l.children) === null || _m === void 0 ? void 0 : _m.props) === null || _o === void 0 ? void 0 : _o.children.type) === null || _p === void 0 ? void 0 : _p.displayName) === 'DropdownMenuItem';
+  var menuElement = isMenu ? Array.isArray((_q = menu.props) === null || _q === void 0 ? void 0 : _q.children) || isItem ? cloneObj : /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-menu"),
     onClick: handleItemClick,
     role: "menu"
@@ -125,11 +97,11 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     role: "menu"
   }, (0, _map.default)(menu).call(menu, function (_ref) {
     var itemKey = _ref.key,
-        label = _ref.label,
-        href = _ref.href,
-        danger = _ref.danger,
-        divided = _ref.divided,
-        disabled = _ref.disabled;
+      label = _ref.label,
+      href = _ref.href,
+      danger = _ref.danger,
+      divided = _ref.divided,
+      disabled = _ref.disabled;
     var alinkProps = {
       href: href,
       target: '_blank',
@@ -150,12 +122,10 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "menuitem"
     }, href === undefined || disabled ? /*#__PURE__*/React.createElement("span", null, label) : /*#__PURE__*/React.createElement("a", (0, _extends2.default)({}, alinkProps), /*#__PURE__*/React.createElement("span", null, label)));
   }));
-
   var handleVisibleChange = function handleVisibleChange(visible) {
     props.visible === undefined && setVisible(visible);
     onVisibleChange && onVisibleChange(visible);
   };
-
   var popperProps = (0, _extends2.default)((0, _extends2.default)({}, allProps), {
     visible: visible,
     prefixCls: prefixCls,

package/lib/dropdown/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _dropdown = _interopRequireWildcard(require("./dropdown"));
-
 _Object$keys(_dropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -27,10 +21,7 @@ _Object$keys(_dropdown).forEach(function (key) {
     }
   });
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _dropdown.default;
 exports.default = _default;

package/lib/dropdown/menu.d.ts

@@ -17,5 +17,6 @@ export interface ItemProps {
     children?: React.ReactNode;
     style?: React.CSSProperties;
 }
-export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<unknown>>;
-export declare const Item: React.FC<ItemProps>;
+declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<unknown>>;
+declare const Item: React.FC<ItemProps>;
+export { Menu, Item };