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

package/es/tabs/ItemDropdown.js

@@ -1,158 +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 _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-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 ItemDropdown = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ItemDropdown, _Component);
-
-  var _super = _createSuper(ItemDropdown);
-
-  function ItemDropdown(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ItemDropdown);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggle", function () {
-      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state.visible;
-
-      _this.setState({
-        visible: !visible
-      });
-    });
-    _this.state = {
-      visible: false,
-      activeIndex: -1
-    };
-    _this.clickOutsideHandle = _this.clickOutside.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ItemDropdown, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (!nextProps.active) {
-        this.setState({
-          activeIndex: -1
-        });
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('click', this.clickOutsideHandle);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('click', this.clickOutsideHandle);
-    }
-  }, {
-    key: "clickOutside",
-    value: function clickOutside(e) {
-      this.toggle(true);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          items = _this$props.items,
-          onChoose = _this$props.onChoose,
-          localeDatas = _this$props.localeDatas,
-          activeId = _this$props.activeId,
-          theme = _this$props.theme,
-          focusIndex = _this$props.focusIndex;
-      var visible = this.state.visible;
-      var activeIndex = -1;
-      items.map(function (item, index) {
-        if (item.tabId === activeId) activeIndex = index;
-      });
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-tabs-dropdown', "theme__".concat(theme), {
-          'hi-tabs-dropdown--active': !!items[activeIndex]
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-tabs-dropdown__toggle",
-        ref: function ref(node) {
-          _this2.toggleRef = node;
-        },
-        onClick: function onClick(e) {
-          e.stopPropagation();
-
-          _this2.toggle();
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-tabs-dropdown__toggle-title"
-      }, items[activeIndex] && items[activeIndex].tabTitle || localeDatas.tabs.more), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-down"
-      })), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        className: "hi-tabs-dropdown__popper",
-        show: visible,
-        attachEle: this.toggleRef,
-        zIndex: 1010,
-        width: "auto",
-        topGap: 3
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-tabs-dropdown__wrapper', "theme__".concat(theme))
-      }, /*#__PURE__*/_react["default"].createElement("ul", {
-        className: (0, _classnames["default"])('hi-tabs-dropdown__items', "theme__".concat(theme))
-      }, items.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement("li", {
-          className: (0, _classnames["default"])('hi-tabs-dropdown__item', {
-            'hi-tabs-dropdown__item--active': index === activeIndex,
-            'hi-tabs-dropdown__item--focus': index === focusIndex
-          }),
-          onClick: function onClick(e) {
-            _this2.toggle();
-
-            onChoose(item, e);
-          },
-          key: index
-        }, item.tabTitle);
-      })))));
-    }
-  }]);
-  return ItemDropdown;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(ItemDropdown, "propTypes", {
-  items: _propTypes["default"].array,
-  onChoose: _propTypes["default"].func,
-  active: _propTypes["default"].bool
-});
-var _default = ItemDropdown;
-exports["default"] = _default;

package/es/tabs/TabItem.js

@@ -1,116 +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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _tooltip = _interopRequireDefault(require("../tooltip"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var TabItem = function TabItem(_ref) {
-  var _classNames;
-
-  var index = _ref.index,
-      prefixCls = _ref.prefixCls,
-      item = _ref.item,
-      draggable = _ref.draggable,
-      activeId = _ref.activeId,
-      type = _ref.type,
-      editable = _ref.editable,
-      handleClick = _ref.handleClick,
-      deleteTab = _ref.deleteTab,
-      dragStart = _ref.dragStart,
-      dragEnd = _ref.dragEnd,
-      canScroll = _ref.canScroll,
-      handleKeyDown = _ref.handleKeyDown;
-  var tabItemRef = (0, _react.useRef)(null);
-  var tabTitle = item.tabTitle,
-      tabId = item.tabId,
-      tabDesc = item.tabDesc,
-      disabled = item.disabled,
-      closeable = item.closeable;
-  var itemClasses = (0, _classnames["default"])("".concat(prefixCls, "__item"), (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__item--active"), tabId === activeId), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "__item--disabled"), disabled), _classNames));
-
-  var toggleTooltip = function toggleTooltip(e, item) {
-    e.target = e.target.closest('.hi-tabs__item');
-
-    if (canScroll) {
-      return;
-    }
-
-    if (type === 'editable') {
-      if (e.type === 'mouseenter') {
-        item.tabId !== activeId && _tooltip["default"].open(e.target, {
-          title: item.tabTitle,
-          placement: 'top',
-          key: "tab-".concat(item.tabId)
-        });
-      } else {
-        _tooltip["default"].close("tab-".concat(item.tabId));
-      }
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    "data-id": index,
-    ref: tabItemRef,
-    onClick: function onClick(e) {
-      return handleClick(item, e);
-    },
-    className: itemClasses,
-    draggable: draggable,
-    tabIndex: tabId === activeId && !disabled ? 0 : -1,
-    onKeyDown: function onKeyDown(e) {
-      handleKeyDown(e, index, tabItemRef);
-    },
-    "data-item": JSON.stringify(_objectSpread(_objectSpread({}, _lodash["default"].omit(item, 'tabTitle')), {}, {
-      newIndex: index
-    })),
-    onDragEnd: function onDragEnd(e) {
-      return dragEnd(e, item);
-    },
-    onDragStart: function onDragStart(e) {
-      return dragStart(e, item);
-    },
-    onMouseEnter: function onMouseEnter(e) {
-      return toggleTooltip(e, item);
-    },
-    onMouseLeave: function onMouseLeave(e) {
-      return toggleTooltip(e, item);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefixCls, "__item-name")
-  }, tabTitle), type === 'desc' && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefixCls, "__item-desc")
-  }, tabDesc), editable && closeable && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefixCls, "__item-close")
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    onClick: function onClick(e) {
-      if (!item.disabled) {
-        deleteTab(e, tabId, index, item);
-      }
-    },
-    name: "close"
-  })));
-};
-
-var _default = TabItem;
-exports["default"] = _default;

package/es/tabs/TabPane.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var TabPane = function TabPane(_ref) {
-  var latestActiveIdIndex = _ref.latestActiveIdIndex,
-      activeIdIndex = _ref.activeIdIndex,
-      index = _ref.index,
-      _ref$prefixCls = _ref.prefixCls,
-      prefixCls = _ref$prefixCls === void 0 ? 'hi-tabs-pane' : _ref$prefixCls,
-      children = _ref.children,
-      show = _ref.show,
-      animation = _ref.animation,
-      placement = _ref.placement;
-
-  var defineAnimation = function defineAnimation() {
-    if (latestActiveIdIndex === activeIdIndex) {
-      return;
-    }
-
-    if (activeIdIndex === index) {
-      if (placement === 'horizontal') {
-        animateClass = "".concat(prefixCls, "__") + (Number(latestActiveIdIndex) > Number(activeIdIndex) ? 'slide-right' : 'slide-left');
-      } else {
-        animateClass = "".concat(prefixCls, "__") + (Number(latestActiveIdIndex) > Number(activeIdIndex) ? 'slide-bottom' : 'slide-top');
-      }
-    }
-
-    if (latestActiveIdIndex === index) {
-      if (placement === 'horizontal') {
-        animateClass = "".concat(prefixCls, "__") + (Number(latestActiveIdIndex) > Number(activeIdIndex) ? 'slide-right-leave' : 'slide-left-leave');
-      } else {
-        animateClass = "".concat(prefixCls, "__") + (Number(latestActiveIdIndex) > Number(activeIdIndex) ? 'slide-bottom-leave' : 'slide-top-leave');
-      }
-    }
-
-    return animateClass;
-  };
-
-  var style = show ? {
-    position: 'relative',
-    zIndex: 1,
-    visibility: 'visible'
-  } : {
-    position: 'absolute',
-    zIndex: -1,
-    visibility: 'hidden'
-  };
-  var animateClass = animation ? defineAnimation() : '';
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefixCls, " ").concat(animateClass),
-    style: style
-  }, children);
-};
-
-var _default = TabPane;
-exports["default"] = _default;