@hi-ui/hiui 2.15.9 → 2.15.11

package/es/dropdown/DropdownButton.js

@@ -1,106 +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 _ = 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"));
-      var iconCls = (0, _classnames["default"])('hi-icon', 'icon-down', "".concat(_.prefixCls, "__icon"), {
-        'not-group': isButton && !isGroup
-      });
-      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("i", {
-        className: iconCls
-      })), isGroup && /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
-        appearance: isButton ? 'button' : 'link',
-        className: iconGroupCls
-      }, iconProps), /*#__PURE__*/_react["default"].createElement("i", {
-        className: iconCls
-      })));
-    }
-  }]);
-  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,111 +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,
-          width = _this$props.width,
-          theme = _this$props.theme;
-      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,
-        zIndex: 1060,
-        placement: placement,
-        width: width,
-        onMouseEnter: onMouseEnter,
-        leftGap: 0,
-        onMouseLeave: onMouseLeave
-      }, /*#__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: []
-};

package/es/dropdown/DropdownMenuItem.js

@@ -1,174 +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 _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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
-
-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 MenuItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var href = _ref.href,
-      children = _ref.children,
-      disabled = _ref.disabled,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["href", "children", "disabled"]);
-  var shouldUseLink = href && !disabled;
-
-  if (disabled) {
-    Reflect.deleteProperty(props, 'onMouseEnter');
-    Reflect.deleteProperty(props, 'onMouseLeave');
-    Reflect.deleteProperty(props, 'onClick');
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("li", (0, _extends2["default"])({
-    ref: ref
-  }, props), shouldUseLink ? /*#__PURE__*/_react["default"].createElement("a", {
-    href: href
-  }, children) : children);
-});
-
-var DropdownMenuItem = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DropdownMenuItem, _React$Component);
-
-  var _super = _createSuper(DropdownMenuItem);
-
-  function DropdownMenuItem() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, DropdownMenuItem);
-
-    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), "refItem", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "timerHideDropdownMenu", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      visible: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setMenuHide", function () {
-      _this.timerHideDropdownMenu = setTimeout(function () {
-        _this.setState({
-          visible: false
-        });
-      }, 100);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuItemMouseEnter", function () {
-      clearTimeout(_this.timerHideDropdownMenu);
-
-      _this.setState({
-        visible: true
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuItemMouseLeave", function () {
-      _this.setMenuHide();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuMouseEnter", function () {
-      var onChildMenuMouseEnter = _this.props.onChildMenuMouseEnter;
-      onChildMenuMouseEnter && onChildMenuMouseEnter();
-      clearTimeout(_this.timerHideDropdownMenu);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuMouseLeave", function () {
-      var onChildMenuMouseLeave = _this.props.onChildMenuMouseLeave;
-      onChildMenuMouseLeave && onChildMenuMouseLeave();
-
-      _this.setMenuHide();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMenuItemClick", function (event) {
-      if (event) {
-        event.stopPropagation();
-      }
-
-      var _this$props = _this.props,
-          onMenuItemClick = _this$props.onMenuItemClick,
-          id = _this$props.id,
-          children = _this$props.children,
-          href = _this$props.href;
-      onMenuItemClick(id, href || !children);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(DropdownMenuItem, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          title = _this$props2.title,
-          children = _this$props2.children,
-          parentPopperVisible = _this$props2.parentPopperVisible,
-          href = _this$props2.href,
-          disabled = _this$props2.disabled,
-          onMenuItemClick = _this$props2.onMenuItemClick,
-          width = _this$props2.width,
-          theme = _this$props2.theme;
-      var visible = this.state.visible;
-      var shouldRenderDivider = title === '-';
-      var itemCls = (0, _classnames["default"])("".concat(_.prefixCls, "__menu-item"), disabled && "".concat(_.prefixCls, "__menu-item--disabled"));
-      var iconCls = (0, _classnames["default"])("".concat(_.prefixCls, "__menu-item__icon"), visible && "".concat(_.prefixCls, "__menu-item__icon--active"));
-      return shouldRenderDivider ? /*#__PURE__*/_react["default"].createElement("li", {
-        className: "".concat(_.prefixCls, "__divider")
-      }) : /*#__PURE__*/_react["default"].createElement(MenuItemWrapper, {
-        className: itemCls,
-        ref: this.refItem,
-        onMouseEnter: this.handleMenuItemMouseEnter,
-        onMouseLeave: this.handleMenuItemMouseLeave,
-        href: href,
-        disabled: disabled,
-        onClick: this.handleMenuItemClick
-      }, /*#__PURE__*/_react["default"].createElement("span", null, title), children && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "right",
-        className: iconCls
-      }), /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
-        data: children,
-        theme: theme,
-        visible: visible && parentPopperVisible,
-        placement: "right-start",
-        attachEle: this.refItem.current,
-        onMouseLeave: this.handleMenuMouseLeave,
-        onMouseEnter: this.handleMenuMouseEnter,
-        onChildMenuMouseEnter: this.handleMenuMouseEnter,
-        onChildMenuMouseLeave: this.handleMenuMouseLeave,
-        onMenuItemClick: onMenuItemClick,
-        width: width
-      })));
-    }
-  }]);
-  return DropdownMenuItem;
-}(_react["default"].Component);
-
-exports["default"] = DropdownMenuItem;