@hi-ui/hiui 2.15.9 → 2.15.11

package/es/tabs/__tests__/index.test.js

@@ -1,333 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _enzyme = require("enzyme");
-
-var _index = _interopRequireDefault(require("../index"));
-
-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; } }
-
-function trigger(elem, event) {
-  var myEvent = document.createEvent('Event'); // 初始化这个事件对象，为它提高需要的“特性”
-
-  myEvent.initEvent(event, true, true); //执行事件
-
-  elem.dispatchEvent(myEvent);
-}
-
-describe('Tabs', function () {
-  var panes = [{
-    tabTitle: '我的订单',
-    tabId: 'tabId-1'
-  }, {
-    tabTitle: '团购订单',
-    tabId: 'tabId-2',
-    closeable: false
-  }, {
-    tabTitle: '以旧换新订单',
-    tabId: 'tabId-3',
-    disabled: true
-  }, {
-    tabTitle: '以旧换新订单4',
-    tabId: 'tabId-4'
-  }, {
-    tabTitle: '以旧换新订单5',
-    tabId: 'tabId-5'
-  }, {
-    tabTitle: '购买资格',
-    tabId: 'tabId-6',
-    disabled: true
-  }];
-  describe('PropTypes', function () {
-    it('defaultActiveId', function () {
-      var wrapperDefult = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        defaultActiveId: "tabId-2",
-        placement: "horizontal"
-      }, panes.map(function (pane, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-          tabTitle: pane.tabTitle,
-          tabId: pane.tabId,
-          closeable: pane.closeable,
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            padding: '16px'
-          }
-        }, pane.tabTitle));
-      })));
-      expect(wrapperDefult.find('.hi-tabs--card')).toHaveLength(1);
-      expect(wrapperDefult.find('.hi-tabs--horizontal')).toHaveLength(1);
-      expect(wrapperDefult.find('.hi-tabs__item').at(1).hasClass('hi-tabs__item--active')).toBeTruthy();
-      wrapperDefult.find('.hi-tabs__item').at(0).simulate('click');
-      expect(wrapperDefult.find('.hi-tabs__item--active')).toHaveLength(1);
-      expect(wrapperDefult.find('.hi-tabs__item').at(0).hasClass('hi-tabs__item--active')).toBeTruthy();
-      wrapperDefult.unmount();
-    });
-    it('placement', function () {
-      var wrapperVertical = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        defaultActiveId: "tabId-2",
-        placement: "vertical"
-      }, panes.map(function (pane, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-          tabTitle: pane.tabTitle,
-          tabId: pane.tabId,
-          closeable: pane.closeable,
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            padding: '16px'
-          }
-        }, pane.tabTitle));
-      })));
-      expect(wrapperVertical.find('.hi-tabs--card')).toHaveLength(1);
-      expect(wrapperVertical.find('.hi-tabs--vertical')).toHaveLength(1);
-      wrapperVertical.unmount();
-    });
-    it('max', function () {
-      var max = 4;
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        placement: "horizontal",
-        max: max
-      }, panes.map(function (pane, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-          tabTitle: pane.tabTitle,
-          tabId: pane.tabId,
-          closeable: pane.closeable,
-          disabled: pane.disabled,
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            padding: '16px'
-          }
-        }, pane.tabTitle));
-      })));
-      expect(wrapper.find('.hi-tabs-dropdown')).toHaveLength(1);
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(0);
-      wrapper.find('.hi-tabs-dropdown__toggle').simulate('click');
-      expect(document.querySelectorAll('.hi-popper__container')).toHaveLength(1);
-      trigger(document.querySelectorAll('.hi-tabs-dropdown__item')[0], 'click');
-      expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
-      wrapper.find('.hi-tabs-dropdown__toggle').simulate('click');
-      expect(document.querySelectorAll('.hi-tabs-dropdown__item')).toHaveLength(2);
-      expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0);
-      trigger(document.querySelectorAll('.hi-tabs-dropdown__item')[1], 'click');
-      expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
-      wrapper.find('.hi-tabs-dropdown__toggle').simulate('click');
-      expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(0);
-      trigger(document, 'click');
-      expect(document.querySelectorAll('.hi-popper__container--hide')).toHaveLength(1);
-      wrapper.unmount();
-    });
-    it('type', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        placement: "horizontal",
-        type: "desc"
-      }, panes.map(function (pane, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-          tabTitle: pane.tabTitle,
-          tabId: pane.tabId,
-          closeable: pane.closeable,
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            padding: '16px'
-          }
-        }, pane.tabTitle));
-      })));
-      expect(wrapper.find('.hi-tabs--desc')).toHaveLength(1);
-      wrapper.unmount();
-    });
-    it('editable', function () {
-      var editableWrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        type: "editable",
-        activeId: "tabId-1"
-      }, panes.map(function (pane, index) {
-        return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-          tabTitle: pane.tabTitle,
-          tabId: pane.tabId,
-          closeable: true,
-          key: index
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          style: {
-            padding: '16px'
-          }
-        }, pane.tabTitle));
-      })));
-      expect(editableWrapper.find('.hi-tabs--editable')).toHaveLength(1);
-      editableWrapper.find('.icon-close').at(0).simulate('click');
-      expect(editableWrapper.find('.hi-tabs__item')).toHaveLength(11);
-    });
-    it('activeId', function () {
-      var EditableTabs = /*#__PURE__*/function (_React$Component) {
-        (0, _inherits2["default"])(EditableTabs, _React$Component);
-
-        var _super = _createSuper(EditableTabs);
-
-        function EditableTabs() {
-          var _this;
-
-          (0, _classCallCheck2["default"])(this, EditableTabs);
-          _this = _super.call(this);
-          _this.state = {
-            tabId: 'tabId-1',
-            panes: [{
-              tabTitle: '团购订单',
-              tabId: 'tabId-1'
-            }, {
-              tabTitle: '团购订单2',
-              tabId: 'tabId-2'
-            }]
-          };
-          return _this;
-        }
-
-        (0, _createClass2["default"])(EditableTabs, [{
-          key: "onEdit",
-          value: function onEdit(action, index, tabId) {
-            this["".concat(action, "Tab")](index, tabId);
-          }
-        }, {
-          key: "addTab",
-          value: function addTab() {
-            var panes = this.state.panes;
-            this.setState({
-              panes: panes.concat([{
-                tabTitle: "\u65B0\u589E\u6807\u7B7E".concat(panes.length + 1),
-                tabId: "tabId-".concat(panes.length + 1)
-              }])
-            });
-          }
-        }, {
-          key: "deleteTab",
-          value: function deleteTab(index, tabId) {
-            var panes = this.state.panes.slice();
-            panes.splice(index, 1);
-            this.setState({
-              panes: panes
-            });
-          }
-        }, {
-          key: "render",
-          value: function render() {
-            return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-              type: "editable",
-              activeId: this.state.tabId,
-              onTabClick: function onTabClick(tab, e) {
-                return void 0;
-              },
-              onEdit: this.onEdit.bind(this)
-            }, this.state.panes.map(function (pane, index) {
-              return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-                tabTitle: pane.tabTitle,
-                tabId: pane.tabId,
-                closeable: true,
-                key: index
-              }, /*#__PURE__*/_react["default"].createElement("div", {
-                style: {
-                  padding: '16px'
-                }
-              }, pane.tabTitle));
-            }));
-          }
-        }]);
-        return EditableTabs;
-      }(_react["default"].Component);
-
-      var editableWrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(EditableTabs, null));
-      expect(editableWrapper.find('.hi-tabs--editable')).toHaveLength(1);
-      editableWrapper.setState({
-        tabId: 'tabId-2'
-      });
-      editableWrapper.find('.icon-close').at(1).simulate('click');
-      expect(editableWrapper.find('.hi-tabs__item').at(0).hasClass('hi-tabs__item--active')).toBeTruthy();
-      editableWrapper.find('.icon-close').at(0).simulate('click');
-      editableWrapper.setState({
-        panes: [{
-          tabTitle: '团购订单4',
-          tabId: 'tabId-4',
-          closeable: false
-        }]
-      });
-      expect(editableWrapper.find('.icon-close')).toHaveLength(1);
-      editableWrapper.find('.hi-tabs__add .icon-plus').simulate('click');
-      expect(editableWrapper.find('.icon-close')).toHaveLength(2);
-    });
-  });
-  describe('ItemDropdown', function () {
-    it('activeId', function () {
-      var EditableTabs = /*#__PURE__*/function (_React$Component2) {
-        (0, _inherits2["default"])(EditableTabs, _React$Component2);
-
-        var _super2 = _createSuper(EditableTabs);
-
-        function EditableTabs() {
-          var _this2;
-
-          (0, _classCallCheck2["default"])(this, EditableTabs);
-          _this2 = _super2.call(this);
-          _this2.state = {
-            tabId: 'tabId-1',
-            panes: [{
-              tabTitle: '团购订单',
-              tabId: 'tabId-1'
-            }, {
-              tabTitle: '团购订单2',
-              tabId: 'tabId-2'
-            }, {
-              tabTitle: '团购订单3',
-              tabId: 'tabId-3'
-            }, {
-              tabTitle: '团购订单4',
-              tabId: 'tabId-4'
-            }]
-          };
-          return _this2;
-        }
-
-        (0, _createClass2["default"])(EditableTabs, [{
-          key: "render",
-          value: function render() {
-            return /*#__PURE__*/_react["default"].createElement(_index["default"], {
-              activeId: this.state.tabId,
-              max: 2
-            }, this.state.panes.map(function (pane, index) {
-              return /*#__PURE__*/_react["default"].createElement(_index["default"].Pane, {
-                tabTitle: pane.tabTitle,
-                tabId: pane.tabId,
-                closeable: true,
-                key: index
-              }, /*#__PURE__*/_react["default"].createElement("div", {
-                style: {
-                  padding: '16px'
-                }
-              }, pane.tabTitle));
-            }));
-          }
-        }]);
-        return EditableTabs;
-      }(_react["default"].Component);
-
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(EditableTabs, null));
-      expect(wrapper.find('.hi-tabs--card')).toHaveLength(1);
-      wrapper.setState({
-        tabId: 'tabId-2'
-      });
-      expect(wrapper.find('.hi-tabs-dropdown__toggle-title').text()).toEqual('更多');
-    });
-  });
-});

package/es/tabs/tabs-legacy/ItemDropdown.js

@@ -1,166 +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 _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("../../context"));
-
-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);
-    _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) {
-      if (_reactDom["default"].findDOMNode(this.toggleRef) && _reactDom["default"].findDOMNode(this.toggleRef).contains(e.target)) {
-        return;
-      }
-
-      this.toggle(true);
-    }
-  }, {
-    key: "toggle",
-    value: function toggle() {
-      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.visible;
-      this.setState({
-        visible: !visible
-      });
-    }
-  }, {
-    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;
-      var _this$state = this.state,
-          activeIndex = _this$state.activeIndex,
-          visible = _this$state.visible;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-tabs-legacy-dropdown', {
-          'hi-tabs-legacy-dropdown--active': !!items[activeIndex]
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-tabs-legacy-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-legacy-dropdown__toggle-title"
-      }, items[activeIndex] && items[activeIndex].tabName || localeDatas.tabs.more), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-down"
-      })), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        className: "hi-tabs-legacy-dropdown__popper",
-        show: visible,
-        attachEle: this.toggleRef,
-        zIndex: 1010,
-        width: "auto",
-        leftGap: -18,
-        topGap: 3
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-tabs-legacy-dropdown__items')
-      }, items.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: (0, _classnames["default"])('hi-tabs-legacy-dropdown__item', {
-            'hi-tabs-legacy-dropdown__item--active': index === activeIndex
-          }),
-          onClick: function onClick(e) {
-            _this2.setState({
-              activeIndex: index
-            }, function () {
-              _this2.toggle();
-
-              onChoose(item, e);
-            });
-          },
-          key: index
-        }, item.tabName);
-      }))));
-    }
-  }]);
-  return ItemDropdown;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(ItemDropdown, "propTypes", {
-  items: _propTypes["default"].array,
-  onChoose: _propTypes["default"].func,
-  active: _propTypes["default"].bool
-});
-
-var _default = (0, _context["default"])(ItemDropdown);
-
-exports["default"] = _default;

package/es/tabs/tabs-legacy/TabPane.js

@@ -1,74 +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 _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"));
-
-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 TabPane = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(TabPane, _Component);
-
-  var _super = _createSuper(TabPane);
-
-  function TabPane() {
-    (0, _classCallCheck2["default"])(this, TabPane);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(TabPane, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          prefixCls = _this$props.prefixCls,
-          children = _this$props.children,
-          show = _this$props.show;
-      var style = show ? {} : {
-        display: 'none'
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls),
-        style: style
-      }, children);
-    }
-  }]);
-  return TabPane;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(TabPane, "defaultProps", {
-  prefixCls: 'hi-tabs-legacy-pane',
-  disabled: false,
-  closeable: true
-});
-(0, _defineProperty2["default"])(TabPane, "propTypes", {
-  tabName: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  tabDesc: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  tabKey: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  closeable: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool
-});
-var _default = TabPane;
-exports["default"] = _default;