@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/drawer/index.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style/index");
-
-var PREFIX = 'hi-drawer';
-var focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
-
-var getDefaultContainer = function getDefaultContainer() {
-  var defaultContainer = document.createElement('div');
-  document.body.appendChild(defaultContainer);
-  return defaultContainer;
-};
-
-var DrawerComp = function DrawerComp(_ref) {
-  var children = _ref.children,
-      container = _ref.container,
-      visible = _ref.visible,
-      title = _ref.title,
-      onClose = _ref.onClose,
-      _ref$maskClosable = _ref.maskClosable,
-      maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
-      _ref$closable = _ref.closable,
-      closable = _ref$closable === void 0 ? true : _ref$closable,
-      footer = _ref.footer,
-      width = _ref.width,
-      _ref$showMask = _ref.showMask,
-      showMask = _ref$showMask === void 0 ? true : _ref$showMask,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'right' : _ref$placement,
-      className = _ref.className;
-  // TODO: 整体可以抽成一个 hooks 供 modal 和 drawer 复用
-  var defaultContainer = (0, _react.useRef)(false);
-
-  if (defaultContainer.current === false) {
-    defaultContainer.current = getDefaultContainer();
-  }
-
-  var focusedElementBeforeOpenModal = (0, _react.useRef)(null);
-  var drawerRef = (0, _react.useRef)(null);
-  var trapTabKey = (0, _react.useCallback)(function (e) {
-    // Find all focusable children
-    var focusableElements = drawerRef.current.querySelectorAll(focusableElementsString); // Convert NodeList to Array
-
-    focusableElements = Array.prototype.slice.call(focusableElements);
-    var firstTabStop = focusableElements[0];
-    var lastTabStop = focusableElements[focusableElements.length - 1]; // Check for TAB key press
-
-    if (e.keyCode === 9) {
-      // SHIFT + TAB
-      if (e.shiftKey) {
-        if (document.activeElement === firstTabStop) {
-          e.preventDefault();
-          lastTabStop.focus();
-        } // TAB
-
-      } else {
-        if (document.activeElement === lastTabStop) {
-          e.preventDefault();
-          firstTabStop.focus();
-        }
-      }
-    } // ESCAPE
-
-
-    if (e.keyCode === 27) {
-      onClose();
-    }
-  }, []);
-  (0, _react.useEffect)(function () {
-    var parent = (container || defaultContainer.current).parentNode; // 屏蔽滚动条
-
-    if (visible) {
-      parent.style.setProperty('overflow', 'hidden');
-      focusedElementBeforeOpenModal.current = document.activeElement;
-      drawerRef.current.focus();
-    } else {
-      parent.style.removeProperty('overflow');
-      focusedElementBeforeOpenModal.current && focusedElementBeforeOpenModal.current.focus();
-    }
-  }, [visible, container]);
-  return /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(PREFIX, className)
-  }, showMask && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(PREFIX, "__mask"), (0, _defineProperty2["default"])({}, "".concat(PREFIX, "__mask--visible"), visible)),
-    onClick: function onClick() {
-      if (maskClosable) {
-        onClose();
-      }
-    }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    tabIndex: -1,
-    ref: drawerRef,
-    onKeyDown: trapTabKey,
-    style: {
-      width: width
-    },
-    className: (0, _classnames["default"])("".concat(PREFIX, "__wrapper"), "".concat(PREFIX, "__wrapper--").concat(placement), (0, _defineProperty2["default"])({}, "".concat(PREFIX, "__wrapper--visible"), visible))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(PREFIX, "__header")
-  }, title, closable && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: 'close',
-    style: {
-      cursor: 'pointer'
-    },
-    onClick: onClose
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(PREFIX, "__content")
-  }, children), footer && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(PREFIX, "__footer")
-  }, footer))), container || defaultContainer.current);
-};
-
-var _default = DrawerComp;
-exports["default"] = _default;

package/es/drawer/style/index.css

@@ -1 +0,0 @@
-.hi-drawer{color:var(--color-gray-80);font-size:14px}.hi-drawer__mask{position:fixed;top:0;left:0;right:0;bottom:0;height:0;z-index:1000;background:rgba(0,0,0,0.45);opacity:0;-webkit-transition:opacity 0.3s, height 0s 0.3s;transition:opacity 0.3s, height 0s 0.3s}.hi-drawer__mask--visible{opacity:1;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.hi-drawer__wrapper{width:360px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--color-white);z-index:1000;top:0;position:fixed;border-radius:2px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.hi-drawer__wrapper:focus{outline:0}.hi-drawer__wrapper--left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.hi-drawer__wrapper--right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.hi-drawer__wrapper--visible{-webkit-transform:none;transform:none;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.1);box-shadow:0 5px 15px 0 rgba(0,0,0,0.1)}.hi-drawer__header{font-size:16px;color:var(--color-gray-80);font-weight:500;height:54px;border-bottom:1px solid var(--color-gray-30);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hi-drawer__content{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:24px}.hi-drawer__footer{border-top:1px solid var(--color-gray-30);padding:12px;-ms-flex-negative:0;flex-shrink:0}

package/es/drawer/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/es/dropdown/Dropdown.js

@@ -1,239 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dropdown = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
-
-var _DropdownMenu = _interopRequireWildcard(require("./DropdownMenu"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _ = require(".");
-
-var _utils = require("./utils");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Dropdown = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Dropdown, _React$Component);
-
-  var _super = _createSuper(Dropdown);
-
-  function Dropdown() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Dropdown);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refDropdown", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "timerHideMenu", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      visible: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPopperShow", function (event) {
-      _this.eventHandler(event);
-
-      clearTimeout(_this.timerHideMenu);
-
-      _this.setState({
-        visible: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPopperHide", function (event) {
-      _this.eventHandler(event);
-
-      _this.setState({
-        visible: false
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPopperDelayHide", function (event) {
-      _this.eventHandler(event);
-
-      _this.timerHideMenu = setTimeout(function () {
-        _this.setState({
-          visible: false
-        });
-      }, 100);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleVisible", function () {
-      var visible = _this.state.visible;
-      var toggleVisible = visible ? _this.setPopperHide : _this.setPopperShow;
-      return toggleVisible;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPopperShowHandler", function () {
-      var disabled = _this.props.disabled;
-      if (disabled) return {};
-      var triggers = (0, _utils.trimTriggers)(_this.props);
-
-      var getHandler = function getHandler(props) {
-        if ((0, _utils.getIsTriggerEqualHover)(props)) {
-          return {
-            onMouseEnter: _this.setPopperShow
-          };
-        }
-
-        if ((0, _utils.getIsTriggerEqualContextmenu)(props)) {
-          return {
-            onContextMenu: _this.toggleVisible()
-          };
-        }
-
-        return {
-          onClick: _this.toggleVisible()
-        };
-      };
-
-      return triggers.reduce(function (prev, cur) {
-        return Object.assign(prev, getHandler(cur));
-      }, {});
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getPopperHideHandler", function () {
-      var disabled = _this.props.disabled;
-      if (disabled) return {};
-      return (0, _utils.getIsTriggerEqualHover)(_this.props) ? {
-        onMouseLeave: _this.setPopperDelayHide
-      } : {};
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuMouseLeave", function () {
-      (0, _utils.getIsTriggerEqualHover)(_this.props) && _this.setPopperDelayHide();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuMouseEnter", function () {
-      clearTimeout(_this.timerHideMenu);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChildMenuMouseEnter", function () {
-      clearTimeout(_this.timerHideMenu);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChildMenuMouseLeave", function () {
-      (0, _utils.getIsTriggerEqualHover)(_this.props) && _this.setPopperDelayHide();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuItemClick", function (data, isLinkOrNoChildren) {
-      var onClick = _this.props.onClick;
-
-      if (isLinkOrNoChildren || onClick) {
-        _this.setPopperDelayHide();
-      }
-
-      onClick && onClick(data);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDocumentClick", function (e) {
-      _this.setState({
-        visible: false
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Dropdown, [{
-    key: "eventHandler",
-    value: function eventHandler(event) {
-      if (event) {
-        event.stopPropagation();
-        event.preventDefault();
-
-        if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {
-          event.nativeEvent.stopImmediatePropagation();
-        }
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          style = _this$props.style,
-          title = _this$props.title,
-          type = _this$props.type,
-          placement = _this$props.placement,
-          data = _this$props.data,
-          disabled = _this$props.disabled,
-          width = _this$props.width,
-          onButtonClick = _this$props.onButtonClick,
-          theme = _this$props.theme,
-          overlayClassName = _this$props.overlayClassName;
-      var visible = this.state.visible;
-      var dropdownCls = (0, _classnames["default"])(_.prefixCls, _.prefixCls + '--' + type, className, disabled && "".concat(_.prefixCls, "--disabled"));
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: dropdownCls,
-        style: style,
-        ref: this.refDropdown,
-        tabIndex: 0
-      }, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], (0, _extends2["default"])({}, this.getPopperShowHandler(), this.getPopperHideHandler(), {
-        type: type,
-        theme: theme,
-        visible: visible,
-        onButtonClick: onButtonClick,
-        disabled: disabled
-      }), title), /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
-        theme: theme,
-        visible: visible,
-        attachEle: this.refDropdown.current,
-        data: data,
-        handleDocumentClick: this.handleDocumentClick,
-        placement: placement,
-        onMouseEnter: this.handleMenuMouseEnter,
-        overlayClassName: overlayClassName,
-        onMouseLeave: this.handleMenuMouseLeave,
-        onChildMenuMouseEnter: this.handleChildMenuMouseEnter,
-        onChildMenuMouseLeave: this.handleChildMenuMouseLeave,
-        onMenuItemClick: this.handleMenuItemClick,
-        width: width
-      }));
-    }
-  }]);
-  return Dropdown;
-}(_react["default"].Component);
-
-exports.Dropdown = Dropdown;
-Dropdown.propTypes = {
-  trigger: _propTypes["default"].oneOfType([_propTypes["default"].oneOf(['contextmenu', 'click', 'hover']), _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['contextmenu', 'click', 'hover']))]),
-  onClick: _propTypes["default"].func,
-  data: _DropdownMenu.propTypesOfMenuData,
-  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  width: _propTypes["default"].number,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-Dropdown.defaultProps = {
-  placement: 'bottom-start',
-  trigger: 'hover',
-  width: 240
-};
-
-var _default = (0, _context["default"])(Dropdown);
-
-exports["default"] = _default;

package/es/dropdown/DropdownButton.js

@@ -1,105 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _button = _interopRequireDefault(require("../button"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _ = require(".");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var ButtonGroup = _button["default"].Group;
-
-var DropdownButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DropdownButton, _React$Component);
-
-  var _super = _createSuper(DropdownButton);
-
-  function DropdownButton() {
-    (0, _classCallCheck2["default"])(this, DropdownButton);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(DropdownButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          type = _this$props.type,
-          onIconClick = _this$props.onIconClick,
-          visible = _this$props.visible,
-          onButtonClick = _this$props.onButtonClick,
-          restProps = (0, _objectWithoutProperties2["default"])(_this$props, ["children", "type", "onIconClick", "visible", "onButtonClick"]);
-      var isButton = ['button', 'group'].includes(type);
-      var isGroup = type === 'group';
-      var buttonCls = (0, _classnames["default"])("".concat(_.prefixCls, "__button"), isButton || "".concat(_.prefixCls, "__button--text"));
-      var iconGroupCls = (0, _classnames["default"])("".concat(_.prefixCls, "__icon"), isButton || "".concat(_.prefixCls, "__icon--text"), isButton && "".concat(_.prefixCls, "__icon-btnwrap"));
-      isButton || (restProps.appearance = 'link');
-      var iconProps = {}; // move button events to icon
-
-      if (isGroup) {
-        iconProps.onContextMenu = restProps.onContextMenu;
-        iconProps.onMouseEnter = restProps.onMouseEnter;
-        iconProps.onMouseLeave = restProps.onMouseLeave;
-        iconProps.onClick = restProps.onClick;
-        iconProps.disabled = restProps.disabled;
-        Reflect.deleteProperty(restProps, 'onContextMenu');
-        Reflect.deleteProperty(restProps, 'onMouseEnter');
-        Reflect.deleteProperty(restProps, 'onMouseLeave');
-        Reflect.deleteProperty(restProps, 'onClick');
-        restProps.onClick = onButtonClick;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement(ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({}, restProps, {
-        className: buttonCls
-      }), children, isGroup || /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "down"
-      })), isGroup && /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
-        appearance: isButton ? 'button' : 'link',
-        className: iconGroupCls
-      }, iconProps), /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "down"
-      })));
-    }
-  }]);
-  return DropdownButton;
-}(_react["default"].Component);
-
-exports["default"] = DropdownButton;
-DropdownButton.propTypes = {
-  type: _propTypes["default"].oneOf(['text', 'group', 'button']),
-  onClick: _propTypes["default"].func,
-  onContextMenu: _propTypes["default"].func,
-  onMouseEnter: _propTypes["default"].func,
-  onMouseLeave: _propTypes["default"].func
-};
-DropdownButton.defaultProps = {};

package/es/dropdown/DropdownMenu.js

@@ -1,119 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypesOfMenuData = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-var _ = require(".");
-
-var _DropdownMenuItem = _interopRequireDefault(require("./DropdownMenuItem"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var DropdownMenu = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DropdownMenu, _React$Component);
-
-  var _super = _createSuper(DropdownMenu);
-
-  function DropdownMenu() {
-    (0, _classCallCheck2["default"])(this, DropdownMenu);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(DropdownMenu, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          data = _this$props.data,
-          attachEle = _this$props.attachEle,
-          visible = _this$props.visible,
-          placement = _this$props.placement,
-          onMouseEnter = _this$props.onMouseEnter,
-          onMouseLeave = _this$props.onMouseLeave,
-          onChildMenuMouseEnter = _this$props.onChildMenuMouseEnter,
-          onChildMenuMouseLeave = _this$props.onChildMenuMouseLeave,
-          onMenuItemClick = _this$props.onMenuItemClick,
-          handleDocumentClick = _this$props.handleDocumentClick,
-          width = _this$props.width,
-          theme = _this$props.theme,
-          overlayClassName = _this$props.overlayClassName;
-      var menuCls = (0, _classnames["default"])("".concat(_.prefixCls, "__menu"), "theme__".concat(theme));
-      return /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        className: "".concat(_.prefixCls, "__popper"),
-        show: visible,
-        attachEle: attachEle // container={document.body}
-        ,
-        zIndex: 1060,
-        placement: placement,
-        width: width,
-        onMouseEnter: onMouseEnter,
-        leftGap: 0,
-        topGap: 5,
-        overlayClassName: overlayClassName,
-        onMouseLeave: onMouseLeave,
-        onClickOutside: function onClickOutside() {
-          handleDocumentClick && handleDocumentClick();
-        }
-      }, /*#__PURE__*/_react["default"].createElement("ul", {
-        className: menuCls
-      }, data.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement(_DropdownMenuItem["default"], (0, _extends2["default"])({
-          theme: theme,
-          key: index
-        }, item, {
-          parentPopperVisible: visible,
-          onChildMenuMouseEnter: onChildMenuMouseEnter,
-          onChildMenuMouseLeave: onChildMenuMouseLeave,
-          onMenuItemClick: onMenuItemClick,
-          width: width
-        }));
-      })));
-    }
-  }]);
-  return DropdownMenu;
-}(_react["default"].Component);
-
-var _default = DropdownMenu;
-exports["default"] = _default;
-
-var propTypesOfMenuData = _propTypes["default"].arrayOf(_propTypes["default"].shape({
-  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  onClick: _propTypes["default"].func,
-  prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  url: _propTypes["default"].string
-}));
-
-exports.propTypesOfMenuData = propTypesOfMenuData;
-DropdownMenu.propTypes = {
-  data: propTypesOfMenuData
-};
-DropdownMenu.defaultProps = {
-  data: []
-};