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

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/hooks/useTabItems.js

@@ -1,77 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var useTabItems = function useTabItems(_ref) {
-  var children = _ref.children,
-      max = _ref.max,
-      type = _ref.type,
-      placement = _ref.placement,
-      canScroll = _ref.canScroll;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      showTabItems = _useState2[0],
-      setShowTabItems = _useState2[1];
-
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      hiddenTabItems = _useState4[0],
-      setHiddenTabItems = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    var show = [];
-    var hidden = [];
-
-    _react["default"].Children.map(children, function (child) {
-      if (child) {
-        var _child$props = child.props,
-            tabTitle = _child$props.tabTitle,
-            tabId = _child$props.tabId,
-            tabDesc = _child$props.tabDesc,
-            disabled = _child$props.disabled,
-            _child$props$closeabl = _child$props.closeable,
-            closeable = _child$props$closeabl === void 0 ? true : _child$props$closeabl,
-            animation = _child$props.animation;
-        var item = {
-          tabTitle: tabTitle,
-          tabId: tabId,
-          tabDesc: tabDesc,
-          disabled: disabled,
-          closeable: closeable,
-          animation: animation
-        };
-
-        if ((type === 'card' || type === 'line') && placement === 'horizontal' && show.length >= max && !canScroll) {
-          // 卡片式标签超过max时，其余标签的隐藏
-          hidden.push(item);
-        } else {
-          show.push(item);
-        }
-      }
-    });
-
-    setHiddenTabItems(hidden);
-    setShowTabItems(show);
-  }, [children, max]);
-  return {
-    showTabItems: showTabItems,
-    hiddenTabItems: hiddenTabItems,
-    setShowTabItems: setShowTabItems,
-    setHiddenTabItems: setHiddenTabItems
-  };
-};
-
-var _default = useTabItems;
-exports["default"] = _default;

package/es/tabs/hooks/useTranslate.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-var useTranslate = function useTranslate(_ref) {
-  var elementRef = _ref.elementRef,
-      canScroll = _ref.canScroll,
-      prefixCls = _ref.prefixCls;
-  // 左移
-  var translateLeft = (0, _react.useCallback)(function () {
-    var container = elementRef.current;
-    var width = container.scrollWidth;
-    var transX = Number(document.defaultView.getComputedStyle(container, null).transform.split(',')[4]);
-
-    if (Math.abs(transX) > width / 3) {
-      transX += width / 3;
-    } else {
-      transX += Math.abs(transX);
-    }
-
-    container.style.transform = 'translateX(' + transX + 'px)';
-  }, [elementRef.current]); // 右移
-
-  var translateRight = (0, _react.useCallback)(function () {
-    var container = elementRef.current;
-    var width = container.scrollWidth;
-    var clientWidth = container.clientWidth;
-    var transX = Number(document.defaultView.getComputedStyle(container, null).transform.split(',')[4]);
-    var srcollWidth;
-
-    if (width / 3 > width - clientWidth) {
-      srcollWidth = width - clientWidth;
-    } else {
-      srcollWidth = width / 3;
-    }
-
-    if (Math.abs(transX) + clientWidth + srcollWidth > width) {
-      transX = width - clientWidth - Math.abs(transX) + Math.abs(transX);
-    } else {
-      transX = Math.abs(transX - srcollWidth);
-    }
-
-    container.style.transform = 'translateX(-' + transX + 'px)';
-  }, [elementRef.current]);
-  return {
-    leftBtn: canScroll && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      name: "left",
-      className: "".concat(prefixCls, "__scroll__icon"),
-      onClick: translateLeft
-    }),
-    rightBtn: canScroll && /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      name: "right",
-      className: "".concat(prefixCls, "__scroll__icon"),
-      onClick: translateRight
-    })
-  };
-};
-
-var _default = useTranslate;
-exports["default"] = _default;

package/es/tabs/index.d.ts

@@ -1,47 +0,0 @@
-import React from "react"
-
-export type TabsItem = {
-  tabTitle: string | JSX.Element
-  tabDesc: string | JSX.Element
-  tabId: string | number
-  closeable: boolean
-  disabled: boolean
-  animation: boolean
-  newIndex?: number
-}
-export interface TabsProps {
-  type?: 'desc' | 'card' | 'button' | 'editable' | 'line'
-  placement?: 'vertical' | 'horizontal'
-  defaultActiveId?: string | number
-  activeId?: string | number
-  max?: number
-  canScroll?: boolean
-  draggable?: boolean
-  style?: React.CSSProperties
-  className?: string
-  onTabClick?: (tabKey: string | number, event: React.MouseEvent) => void
-  onEdit?: (action: 'add' | 'delete', index: number, tabKey: string | number) => void
-  onDragStart?: (dragNode: TabsItem) => void
-  onDropEnd?: (dragNode: TabsItem, dropNode: TabsItem) => void
-  onDrop?: (dragNode: TabsItem, dropNode: TabsItem) => void
-  onAdd?: () => void
-  onDelete?: (deleteNode: TabsItem, index: number) => void
-  onBeforeDelete?: (deleteNode: TabsItem) => void
-}
-export interface TabsPaneProps {
-  tabTitle: string | JSX.Element
-  tabDesc?: string | JSX.Element
-  tabId: string | number
-  closeable?: boolean
-  disabled?: boolean
-  animation?: boolean
-  style?: React.CSSProperties
-  className?: string
-}
-declare class Pane extends React.Component<TabsPaneProps, any> {
-}
-declare class Tabs extends React.Component<TabsProps, any> {
-  static Pane = Pane
-}
-export default Tabs
-

package/es/tabs/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-
-var _TabPane = _interopRequireDefault(require("./TabPane"));
-
-require("./style/index");
-
-var _index2 = _interopRequireDefault(require("./tabs-legacy/index"));
-
-var VTabs = function VTabs(_ref) {
-  var legacy = _ref.legacy,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["legacy"]);
-  var WrapperComponent = legacy ? _index2["default"] : _Tabs["default"];
-  return /*#__PURE__*/_react["default"].createElement(WrapperComponent, props);
-};
-
-var VTabPane = function VTabPane(_ref2) {
-  var legacy = _ref2.legacy,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, ["legacy"]);
-  var WrapperComponent = legacy ? _index2["default"].Pane : _TabPane["default"];
-  return /*#__PURE__*/_react["default"].createElement(WrapperComponent, props);
-};
-
-VTabs.Pane = VTabPane;
-var _default = VTabs;
-exports["default"] = _default;

package/es/tabs/style/animate.css

@@ -1 +0,0 @@
-.hi-tabs .hi-tabs__drag-up{-webkit-animation:dragup ease 0.2s 1;animation:dragup ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__drag-down{-webkit-animation:dragdown ease 0.2s 1;animation:dragdown ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__drag-left{-webkit-animation:dragleft ease 0.2s 1;animation:dragleft ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__drag-right{-webkit-animation:dragright ease 0.2s 1;animation:dragright ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__tab-items-enter{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs .hi-tabs__tab-items-enter-active{opacity:1;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs .hi-tabs__tab-items-exit{opacity:1;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs .hi-tabs__tab-items-exit-active{opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs-pane__slide-right{-webkit-animation:slideRight linear 300ms 1;animation:slideRight linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-left{-webkit-animation:slideLeft linear 300ms 1;animation:slideLeft linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-right-leave{-webkit-animation:slideRightLeave linear 300ms 1;animation:slideRightLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-left-leave{-webkit-animation:slideLeftLeave linear 300ms 1;animation:slideLeftLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-top{-webkit-animation:slideTop linear 300ms 1;animation:slideTop linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-bottom{-webkit-animation:slideBottom linear 300ms 1;animation:slideBottom linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-top-leave{-webkit-animation:slideTopLeave linear 300ms 1;animation:slideTopLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-bottom-leave{-webkit-animation:slideBottomLeave linear 300ms 1;animation:slideBottomLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideRight{from{right:-100%}to{right:0}}@keyframes slideRight{from{right:-100%}to{right:0}}@-webkit-keyframes slideLeft{from{left:-100%}to{left:0}}@keyframes slideLeft{from{left:-100%}to{left:0}}@-webkit-keyframes slideRightLeave{from{left:0%;opacity:1}to{left:-100%;opacity:0}}@keyframes slideRightLeave{from{left:0%;opacity:1}to{left:-100%;opacity:0}}@-webkit-keyframes slideLeftLeave{from{right:0;opacity:1}to{right:-100%;opacity:0}}@keyframes slideLeftLeave{from{right:0;opacity:1}to{right:-100%;opacity:0}}@-webkit-keyframes slideTop{from{top:-100%}to{top:0}}@keyframes slideTop{from{top:-100%}to{top:0}}@-webkit-keyframes slideBottom{from{bottom:-100%}to{bottom:0}}@keyframes slideBottom{from{bottom:-100%}to{bottom:0}}@-webkit-keyframes slideTopLeave{from{bottom:0%;opacity:1}to{bottom:-100%;opacity:0}}@keyframes slideTopLeave{from{bottom:0%;opacity:1}to{bottom:-100%;opacity:0}}@-webkit-keyframes slideBottomLeave{from{top:0;opacity:1}to{top:-100%;opacity:0}}@keyframes slideBottomLeave{from{top:0;opacity:1}to{top:-100%;opacity:0}}@-webkit-keyframes dragup{from{margin-top:0}to{margin-top:48px}}@keyframes dragup{from{margin-top:0}to{margin-top:48px}}@-webkit-keyframes dragdown{from{margin-bottom:0;margin-top:48px}to{margin-bottom:48px;margin-top:0}}@keyframes dragdown{from{margin-bottom:0;margin-top:48px}to{margin-bottom:48px;margin-top:0}}@-webkit-keyframes dragleft{from{margin-left:0}to{margin-left:90px}}@keyframes dragleft{from{margin-left:0}to{margin-left:90px}}@-webkit-keyframes dragright{from{margin-right:0}to{margin-right:90px}}@keyframes dragright{from{margin-right:0}to{margin-right:90px}}

package/es/tabs/style/index.css

@@ -1 +0,0 @@
-.hi-tabs .hi-tabs__drag-up{-webkit-animation:dragup ease 0.2s 1;animation:dragup ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__drag-down{-webkit-animation:dragdown ease 0.2s 1;animation:dragdown ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__drag-left{-webkit-animation:dragleft ease 0.2s 1;animation:dragleft ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__drag-right{-webkit-animation:dragright ease 0.2s 1;animation:dragright ease 0.2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs .hi-tabs__tab-items-enter{-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs .hi-tabs__tab-items-enter-active{opacity:1;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs .hi-tabs__tab-items-exit{opacity:1;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs .hi-tabs__tab-items-exit-active{opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear}.hi-tabs-pane__slide-right{-webkit-animation:slideRight linear 300ms 1;animation:slideRight linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-left{-webkit-animation:slideLeft linear 300ms 1;animation:slideLeft linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-right-leave{-webkit-animation:slideRightLeave linear 300ms 1;animation:slideRightLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-left-leave{-webkit-animation:slideLeftLeave linear 300ms 1;animation:slideLeftLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-top{-webkit-animation:slideTop linear 300ms 1;animation:slideTop linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-bottom{-webkit-animation:slideBottom linear 300ms 1;animation:slideBottom linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-top-leave{-webkit-animation:slideTopLeave linear 300ms 1;animation:slideTopLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hi-tabs-pane__slide-bottom-leave{-webkit-animation:slideBottomLeave linear 300ms 1;animation:slideBottomLeave linear 300ms 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideRight{from{right:-100%}to{right:0}}@keyframes slideRight{from{right:-100%}to{right:0}}@-webkit-keyframes slideLeft{from{left:-100%}to{left:0}}@keyframes slideLeft{from{left:-100%}to{left:0}}@-webkit-keyframes slideRightLeave{from{left:0%;opacity:1}to{left:-100%;opacity:0}}@keyframes slideRightLeave{from{left:0%;opacity:1}to{left:-100%;opacity:0}}@-webkit-keyframes slideLeftLeave{from{right:0;opacity:1}to{right:-100%;opacity:0}}@keyframes slideLeftLeave{from{right:0;opacity:1}to{right:-100%;opacity:0}}@-webkit-keyframes slideTop{from{top:-100%}to{top:0}}@keyframes slideTop{from{top:-100%}to{top:0}}@-webkit-keyframes slideBottom{from{bottom:-100%}to{bottom:0}}@keyframes slideBottom{from{bottom:-100%}to{bottom:0}}@-webkit-keyframes slideTopLeave{from{bottom:0%;opacity:1}to{bottom:-100%;opacity:0}}@keyframes slideTopLeave{from{bottom:0%;opacity:1}to{bottom:-100%;opacity:0}}@-webkit-keyframes slideBottomLeave{from{top:0;opacity:1}to{top:-100%;opacity:0}}@keyframes slideBottomLeave{from{top:0;opacity:1}to{top:-100%;opacity:0}}@-webkit-keyframes dragup{from{margin-top:0}to{margin-top:48px}}@keyframes dragup{from{margin-top:0}to{margin-top:48px}}@-webkit-keyframes dragdown{from{margin-bottom:0;margin-top:48px}to{margin-bottom:48px;margin-top:0}}@keyframes dragdown{from{margin-bottom:0;margin-top:48px}to{margin-bottom:48px;margin-top:0}}@-webkit-keyframes dragleft{from{margin-left:0}to{margin-left:90px}}@keyframes dragleft{from{margin-left:0}to{margin-left:90px}}@-webkit-keyframes dragright{from{margin-right:0}to{margin-right:90px}}@keyframes dragright{from{margin-right:0}to{margin-right:90px}}.hi-tabs .hi-tabs__header{position:relative;font-size:14px;color:var(--color-black)}.hi-tabs .hi-tabs__item{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;cursor:pointer;border:1px solid transparent;-webkit-transition:all 300ms;transition:all 300ms}.hi-tabs .hi-tabs__item:focus{outline:none;color:var(--color-primary)}.hi-tabs .hi-tabs__item--disabled{color:var(--color-gray-50) !important;cursor:not-allowed}.hi-tabs .hi-tabs__item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hi-tabs .hi-tabs__item--active{-webkit-box-flex:0;-ms-flex:none;flex:none}.hi-tabs .hi-tabs__item--flex1{-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tabs .hi-tabs__item .hi-icon:not(.icon-close){margin-right:4px}.hi-tabs .hi-tabs__add{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;color:var(--color-gray-70);border-radius:2px;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}.hi-tabs .hi-tabs__item-close{margin-left:8px;font-size:16px}.hi-tabs__content{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tabs--card .hi-tabs__header .hi-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hi-tabs--card .hi-tabs__header .hi-tabs__item{height:48px;line-height:46px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs--card .hi-tabs__header .hi-tabs__item:hover{color:var(--color-primary)}.hi-tabs--card .hi-tabs__header .hi-tabs__item--active{border:1px solid var(--color-gray-20);border-radius:2px;color:var(--color-primary)}.hi-tabs--card.hi-tabs--horizontal .hi-tabs__nav{margin-bottom:-1px}.hi-tabs--card.hi-tabs--horizontal .hi-tabs__header{border-bottom:1px solid var(--color-gray-20)}.hi-tabs--card.hi-tabs--horizontal .hi-tabs__item--active{border-bottom-color:var(--color-white)}.hi-tabs.hi-tabs--line:not(.hi-tabs--vertical) .hi-tabs__item:first-of-type{padding-left:0}.hi-tabs--card.hi-tabs--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hi-tabs--card.hi-tabs--vertical .hi-tabs__header{-webkit-box-flex:0;-ms-flex:none;flex:none;display:inline-block;border-right:1px solid var(--color-gray-20)}.hi-tabs--card.hi-tabs--vertical .hi-tabs__nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:-1px}.hi-tabs--card.hi-tabs--vertical .hi-tabs__item{border-top-left-radius:4px;border-bottom-left-radius:4px}.hi-tabs--card.hi-tabs--vertical .hi-tabs__item--active{border-right-color:var(--color-white)}.hi-tabs--editable .hi-tabs__header{border-bottom:1px solid var(--color-gray-20)}.hi-tabs--editable .hi-tabs__header .hi-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;margin-bottom:-1px;margin-right:40px;min-height:40px}.hi-tabs--editable .hi-tabs__header .hi-tabs__item{height:40px;line-height:40px;margin-right:4px;padding:0 8px;background:var(--color-gray-10);border-radius:2px 2px 0 0;border:1px solid var(--color-gray-20);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all 200ms;transition:all 200ms}.hi-tabs--editable .hi-tabs__header .hi-tabs__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.hi-tabs--editable .hi-tabs__header .hi-tabs__item:last-child{margin-right:0}.hi-tabs--editable .hi-tabs__header .hi-tabs__item:hover:not(.hi-tabs__item--active){background-color:var(--color-gray-20)}.hi-tabs--editable .hi-tabs__header .hi-tabs__item--active{background-color:var(--color-white);border-bottom-color:var(--color-white);color:var(--color-primary);-webkit-box-flex:0;-ms-flex:none;flex:none}.hi-tabs--editable .hi-tabs__header .hi-tabs__add{right:4px;bottom:12px}.hi-tabs--desc .hi-tabs__header .hi-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.hi-tabs--desc .hi-tabs__header .hi-tabs__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px 20px;text-align:center;border:1px solid var(--color-gray-20);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-white)}.hi-tabs--desc .hi-tabs__header .hi-tabs__item:not(:first-child){margin-left:-1px}.hi-tabs--desc .hi-tabs__header .hi-tabs__item:hover{color:var(--color-primary)}.hi-tabs--desc .hi-tabs__header .hi-tabs__item:hover .hi-tabs__item-desc{color:var(--color-primary)}.hi-tabs--desc .hi-tabs__header .hi-tabs__item--active{color:var(--color-primary);border-color:var(--color-primary);z-index:1}.hi-tabs--desc .hi-tabs__header .hi-tabs__item--active .hi-tabs__item-desc{color:var(--color-primary)}.hi-tabs--desc .hi-tabs__header .hi-tabs__item-name{margin-top:4px}.hi-tabs--desc .hi-tabs__header .hi-tabs__item-desc{font-size:12px;color:var(--color-gray-70)}.hi-tabs--button .hi-tabs__header .hi-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hi-tabs--button .hi-tabs__header .hi-tabs__item{-webkit-box-flex:0;-ms-flex:none;flex:none;height:36px;line-height:34px;padding:0 23px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:24px;border:1px solid var(--color-gray-30);border-radius:18px}.hi-tabs--button .hi-tabs__header .hi-tabs__item:hover:not(.hi-tabs__item--active){color:var(--color-primary);border:1px solid var(--color-primary)}.hi-tabs--button .hi-tabs__header .hi-tabs__item--active{color:var(--color-white);background-color:var(--color-primary);border:1px solid var(--color-primary)}.hi-tabs--line .hi-tabs__header{border-bottom:1px solid var(--color-gray-20)}.hi-tabs--line .hi-tabs__header .hi-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hi-tabs--line .hi-tabs__header .hi-tabs__item{height:40px;line-height:40px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs--line .hi-tabs__header .hi-tabs__item:hover{color:var(--color-primary)}.hi-tabs--line .hi-tabs__header .hi-tabs__item--active{border-radius:2px;color:var(--color-primary)}.hi-tabs--line__ink{content:'';width:0;display:block;height:2px;background-color:var(--color-primary);bottom:-1px;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;position:absolute}.hi-tabs--line__ink-disabled{background-color:var(--color-gray-50)}.hi-tabs--line.hi-tabs--vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hi-tabs--line.hi-tabs--vertical .hi-tabs__header{-webkit-box-flex:0;-ms-flex:none;flex:none;display:inline-block;border-right:1px solid var(--color-gray-20);border-bottom:1px solid transparent}.hi-tabs--line.hi-tabs--vertical .hi-tabs--line__ink{content:'';display:block;top:0;width:2px !important;background-color:var(--color-primary);right:-1px;height:40px;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;position:absolute}.hi-tabs--line.hi-tabs--vertical .hi-tabs__nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:-1px}.hi-tabs--line.hi-tabs--vertical .hi-tabs__item{-webkit-transition:background 300ms;transition:background 300ms}.hi-tabs--line.hi-tabs--vertical .hi-tabs__item--active{background:var(--color-primary-20)}.hi-tabs-pane{position:relative;width:100%}.hi-tabs--scroll .contain{position:relative;-webkit-transition:all 300ms;transition:all 300ms;-webkit-transform:translateX(0);transform:translateX(0)}.hi-tabs--scroll .hi-tabs__header{overflow:hidden}.hi-tabs--scroll .hi-tabs__item{overflow:initial !important}.hi-tabs__scroll--outter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tabs__scroll--outter .hi-tabs__scroll__icon{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-gray-80)}.hi-tabs-dropdown__wrapper{max-height:178px;padding:8px 0;overflow:auto;background-color:var(--color-white);border-radius:2px;border:1px solid var(--color-gray-20);-webkit-box-shadow:0 2px 8px 0 rgba(56,62,71,0.1);box-shadow:0 2px 8px 0 rgba(56,62,71,0.1)}.hi-tabs-dropdown__toggle-title{margin-right:8px}.hi-tabs-dropdown__items{max-height:162px;list-style:none;margin:0;padding:0;overflow:auto}.hi-tabs-dropdown__item{height:36px;min-width:140px;line-height:36px;padding:0 16px;font-size:14px;color:var(--color-black);white-space:nowrap;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-dropdown__item:hover{background-color:var(--color-primary-20)}.hi-tabs-dropdown__item--focus{background-color:var(--color-primary-20)}.hi-tabs-dropdown__item--active{color:var(--color-primary)}

package/es/tabs/style/index.js

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