@hi-ui/tabs 4.1.2 → 4.1.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @hi-ui/tabs
 
+## 4.1.3
+
+### Patch Changes
+
+- fix: 修复 rollup3 打包 cjs 模块问题
+- Updated dependencies
+  - @hi-ui/env@4.0.3
+  - @hi-ui/core@4.0.7
+  - @hi-ui/use-latest@4.0.3
+  - @hi-ui/use-uncontrolled-state@4.0.3
+  - @hi-ui/use-unmount-effect@4.0.3
+  - @hi-ui/icons@4.0.17
+  - @hi-ui/icon-button@4.0.7
+  - @hi-ui/classname@4.0.3
+  - @hi-ui/react-utils@4.0.3
+  - @hi-ui/type-assertion@4.0.3
+
 ## 4.1.2
 
 ### Patch Changes

package/lib/cjs/TabInk.js

@@ -9,9 +9,19 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var classname = require('@hi-ui/classname');
 var index = require('./hooks/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var TabInk = function TabInk(_ref) {
   var _cx;
   var disabled = _ref.disabled,
@@ -61,7 +71,7 @@ var TabInk = function TabInk(_ref) {
     },
     onResize: setTabLnkPositionStyle
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "__ink", (_cx = {}, _cx[prefixCls + "__ink--disabled"] = disabled, _cx)),
     ref: inkRef
   });

package/lib/cjs/TabItem.js

@@ -9,10 +9,20 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var classname = require('@hi-ui/classname');
 var env = require('@hi-ui/env');
 var icons = require('@hi-ui/icons');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _cx;
   var className = _ref.className,
@@ -50,7 +60,7 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onTabClick(tabId, e);
     }
   }, [onTabClick, tabId]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     style: style,
     className: classname.cx(prefixCls + "__item", className, (_cx = {}, _cx[prefixCls + "__item--active"] = active, _cx[prefixCls + "__item--disabled"] = disabled, _cx[prefixCls + "__item--" + direction] = direction, _cx)),
     ref: ref,
@@ -144,11 +154,11 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         });
       }
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "-item__title"
-  }, tabTitle), type === 'desc' && /*#__PURE__*/React.createElement("span", {
+  }, tabTitle), type === 'desc' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "-item__desc"
-  }, tabDesc), editable && closeable && /*#__PURE__*/React.createElement("span", {
+  }, tabDesc), editable && closeable && ( /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__close-btn",
     onClick: function onClick(e) {
       e.stopPropagation();
@@ -159,7 +169,7 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         }, index);
       }
     }
-  }, /*#__PURE__*/React.createElement(icons.CloseOutlined, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(icons.CloseOutlined, null))));
 });
 if (env.__DEV__) {
   TabItem.displayName = 'TabItem';

package/lib/cjs/TabList.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var env = require('@hi-ui/env');
@@ -22,6 +26,12 @@ var iconButton = require('@hi-ui/icon-button');
 var index = require('./hooks/index.js');
 var useLatest = require('@hi-ui/use-latest');
 var index$1 = require('./utils/index.js');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'tabs';
 var _prefix = classname.getPrefixCls(_role);
 var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
@@ -164,15 +174,15 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     // activeId 受控模式下改变后，同步更新滚动位置
     initScrollPosition(activeId);
   }, [activeId, initScrollPosition]);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     style: style,
     className: classname.cx(prefixCls + "__list", prefixCls + "__list--placement-" + direction, (_cx = {}, _cx[prefixCls + "__list--" + type] = type, _cx), className),
     ref: ref
-  }, rest), showScrollBtn ? /*#__PURE__*/React.createElement(iconButton.IconButton, {
+  }, rest), showScrollBtn ? ( /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
     className: showHorizontal ? prefixCls + "__left-btn" : prefixCls + "__up-btn",
     effect: true,
     disabled: translatePos === 0,
-    icon: showHorizontal ? /*#__PURE__*/React.createElement(icons.LeftOutlined, null) : /*#__PURE__*/React.createElement(icons.UpOutlined, null),
+    icon: showHorizontal ? /*#__PURE__*/React__default["default"].createElement(icons.LeftOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null),
     onClick: function onClick() {
       if (!scrollElement) return;
       if (!innerElement) return;
@@ -184,17 +194,17 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         return prev + moveWidth;
       });
     }
-  }) : null, /*#__PURE__*/React.createElement("div", {
+  })) : null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "__list--inner"),
     ref: setInnerElement
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "__list--scroll"),
     ref: setScrollElement,
     style: showScrollBtn ? {
       transform: direction === 'horizontal' ? "translateX(" + translatePos + "px)" : "translateY(" + translatePos + "px)"
     } : undefined
   }, data.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(TabItem.TabItem, Object.assign({
+    return /*#__PURE__*/React__default["default"].createElement(TabItem.TabItem, Object.assign({
       key: index
     }, item, {
       ref: function ref(node) {
@@ -215,17 +225,17 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onDragEnd: onDragEnd,
       direction: direction
     }));
-  }), type === 'line' ? /*#__PURE__*/React.createElement(TabInk.TabInk, {
+  }), type === 'line' ? ( /*#__PURE__*/React__default["default"].createElement(TabInk.TabInk, {
     prefixCls: prefixCls,
     showHorizontal: showHorizontal,
     activeItemElement: itemsRef.current[activeTabId],
     activeTabId: activeTabId,
     getTabOffset: getTabOffset
-  }) : null)), showScrollBtn ? /*#__PURE__*/React.createElement(iconButton.IconButton, {
+  })) : null)), showScrollBtn ? ( /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
     effect: true,
     className: showHorizontal ? prefixCls + "__right-btn" : prefixCls + "__down-btn",
     disabled: translateBoundPos === -translatePos,
-    icon: showHorizontal ? /*#__PURE__*/React.createElement(icons.RightOutlined, null) : /*#__PURE__*/React.createElement(icons.DownOutlined, null),
+    icon: showHorizontal ? /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
     onClick: function onClick() {
       if (!scrollElement) return;
       if (!innerElement) return;
@@ -238,11 +248,11 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         return prev - moveWidth;
       });
     }
-  }) : null, editable ? /*#__PURE__*/React.createElement(iconButton.IconButton, {
-    icon: /*#__PURE__*/React.createElement(icons.PlusOutlined, null),
+  })) : null, editable ? ( /*#__PURE__*/React__default["default"].createElement(iconButton.IconButton, {
+    icon: /*#__PURE__*/React__default["default"].createElement(icons.PlusOutlined, null),
     className: prefixCls + "__add-btn",
     onClick: onAdd
-  }) : null, extra);
+  })) : null, extra);
 });
 if (env.__DEV__) {
   TabList.displayName = 'TabList';

package/lib/cjs/TabPane.js

@@ -9,10 +9,20 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var reactUtils = require('@hi-ui/react-utils');
 var classname = require('@hi-ui/classname');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'tabs-tab-pane';
 var _prefix = classname.getPrefixCls(_role);
 var omitProps = ['tabId', 'tabTitle', 'disabled', 'tabDesc', 'closeable'];
@@ -25,10 +35,10 @@ var TabPane = function TabPane(_a) {
     unmountOnInactive = _a$unmountOnInactive === void 0 ? true : _a$unmountOnInactive,
     rest = tslib.__rest(_a, ["children", "className", "style", "active", "unmountOnInactive"]);
   var htmlProps = reactUtils.filterProps(rest, omitProps);
-  var _React$useState = React.useState(false),
+  var _React$useState = React__default["default"].useState(false),
     isLoaded = _React$useState[0],
     setIsLoaded = _React$useState[1];
-  var childrenContentMemo = React.useMemo(function () {
+  var childrenContentMemo = React__default["default"].useMemo(function () {
     if (!unmountOnInactive) {
       if (active && !isLoaded) {
         setIsLoaded(true);
@@ -41,7 +51,7 @@ var TabPane = function TabPane(_a) {
     }
     return null;
   }, [active, children, isLoaded, unmountOnInactive]);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     style: style,
     className: classname.cx(className, !unmountOnInactive && !active && _prefix + "--hide")
   }, htmlProps), childrenContentMemo);

package/lib/cjs/Tabs.js

@@ -9,6 +9,10 @@
  */
 'use strict';
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var tslib = require('tslib');
 var React = require('react');
 var classname = require('@hi-ui/classname');
@@ -16,6 +20,12 @@ var env = require('@hi-ui/env');
 var TabList = require('./TabList.js');
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 var typeAssertion = require('@hi-ui/type-assertion');
+function _interopDefaultCompat(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var _role = 'tabs';
 var _prefix = classname.getPrefixCls(_role);
 /**
@@ -50,7 +60,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "defaultActiveId", "activeId", "onChange", "onTabClick", "editable", "placement", "onAdd", "onDelete", "draggable", "onDragStart", "onDragOver", "onDragEnd", "onDrop", "style", "type", "extra"]);
   var tabList = React.useMemo(function () {
     var list = [];
-    React.Children.map(children, function (child) {
+    React__default["default"].Children.map(children, function (child) {
       if (child) {
         var _child$props = child.props,
           tabTitle = _child$props.tabTitle,
@@ -79,12 +89,12 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     activeTabId = _useUncontrolledState[0],
     setActiveTabId = _useUncontrolledState[1];
   var cls = classname.cx(prefixCls, className, placement && prefixCls + "--placement-" + placement, type && prefixCls + "--type-" + type);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls,
     style: style
-  }, rest), /*#__PURE__*/React.createElement(TabList.TabList, {
+  }, rest), /*#__PURE__*/React__default["default"].createElement(TabList.TabList, {
     prefixCls: prefixCls,
     data: tabList,
     activeId: activeTabId,
@@ -101,10 +111,10 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     type: type,
     onDragStart: onDragStart,
     extra: extra
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: _prefix + "__content"
-  }, React.Children.map(children, function (child) {
-    return child ? /*#__PURE__*/React.cloneElement(child, {
+  }, React__default["default"].Children.map(children, function (child) {
+    return child ? /*#__PURE__*/React__default["default"].cloneElement(child, {
       key: child.props.tabId,
       className: classname.cx(_prefix + "-tab-pane", child.props.className),
       active: activeTabId === child.props.tabId

package/lib/cjs/hooks/index.js

@@ -9,6 +9,9 @@
  */
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var React = require('react');
 var useLatest = require('@hi-ui/use-latest');
 var useUnmountEffect = require('@hi-ui/use-unmount-effect');

package/lib/cjs/utils/index.js

@@ -9,6 +9,9 @@
  */
 'use strict';
 
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var typeAssertion = require('@hi-ui/type-assertion');
 var getNextTabId = function getNextTabId(data, tabId) {
   if (typeAssertion.isArrayNonEmpty(data)) {

package/lib/esm/TabItem.js

@@ -146,7 +146,7 @@ var TabItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: prefixCls + "-item__title"
   }, tabTitle), type === 'desc' && /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "-item__desc"
-  }, tabDesc), editable && closeable && /*#__PURE__*/React.createElement("span", {
+  }, tabDesc), editable && closeable && ( /*#__PURE__*/React.createElement("span", {
     className: prefixCls + "__close-btn",
     onClick: function onClick(e) {
       e.stopPropagation();
@@ -157,7 +157,7 @@ var TabItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, index);
       }
     }
-  }, /*#__PURE__*/React.createElement(CloseOutlined, null)));
+  }, /*#__PURE__*/React.createElement(CloseOutlined, null))));
 });
 if (__DEV__) {
   TabItem.displayName = 'TabItem';

package/lib/esm/TabList.js

@@ -166,7 +166,7 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
     style: style,
     className: cx(prefixCls + "__list", prefixCls + "__list--placement-" + direction, (_cx = {}, _cx[prefixCls + "__list--" + type] = type, _cx), className),
     ref: ref
-  }, rest), showScrollBtn ? /*#__PURE__*/React.createElement(IconButton, {
+  }, rest), showScrollBtn ? ( /*#__PURE__*/React.createElement(IconButton, {
     className: showHorizontal ? prefixCls + "__left-btn" : prefixCls + "__up-btn",
     effect: true,
     disabled: translatePos === 0,
@@ -182,7 +182,7 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
         return prev + moveWidth;
       });
     }
-  }) : null, /*#__PURE__*/React.createElement("div", {
+  })) : null, /*#__PURE__*/React.createElement("div", {
     className: cx(prefixCls + "__list--inner"),
     ref: setInnerElement
   }, /*#__PURE__*/React.createElement("div", {
@@ -213,13 +213,13 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
       onDragEnd: onDragEnd,
       direction: direction
     }));
-  }), type === 'line' ? /*#__PURE__*/React.createElement(TabInk, {
+  }), type === 'line' ? ( /*#__PURE__*/React.createElement(TabInk, {
     prefixCls: prefixCls,
     showHorizontal: showHorizontal,
     activeItemElement: itemsRef.current[activeTabId],
     activeTabId: activeTabId,
     getTabOffset: getTabOffset
-  }) : null)), showScrollBtn ? /*#__PURE__*/React.createElement(IconButton, {
+  })) : null)), showScrollBtn ? ( /*#__PURE__*/React.createElement(IconButton, {
     effect: true,
     className: showHorizontal ? prefixCls + "__right-btn" : prefixCls + "__down-btn",
     disabled: translateBoundPos === -translatePos,
@@ -236,11 +236,11 @@ var TabList = /*#__PURE__*/forwardRef(function (_a, ref) {
         return prev - moveWidth;
       });
     }
-  }) : null, editable ? /*#__PURE__*/React.createElement(IconButton, {
+  })) : null, editable ? ( /*#__PURE__*/React.createElement(IconButton, {
     icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
     className: prefixCls + "__add-btn",
     onClick: onAdd
-  }) : null, extra);
+  })) : null, extra);
 });
 if (__DEV__) {
   TabList.displayName = 'TabList';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/tabs",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,24 +43,24 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^4.0.2",
-    "@hi-ui/env": "^4.0.2",
-    "@hi-ui/icon-button": "^4.0.6",
-    "@hi-ui/icons": "^4.0.16",
-    "@hi-ui/react-utils": "^4.0.2",
-    "@hi-ui/type-assertion": "^4.0.2",
-    "@hi-ui/use-latest": "^4.0.2",
-    "@hi-ui/use-uncontrolled-state": "^4.0.2",
-    "@hi-ui/use-unmount-effect": "^4.0.2"
+    "@hi-ui/classname": "^4.0.3",
+    "@hi-ui/env": "^4.0.3",
+    "@hi-ui/icon-button": "^4.0.7",
+    "@hi-ui/icons": "^4.0.17",
+    "@hi-ui/react-utils": "^4.0.3",
+    "@hi-ui/type-assertion": "^4.0.3",
+    "@hi-ui/use-latest": "^4.0.3",
+    "@hi-ui/use-uncontrolled-state": "^4.0.3",
+    "@hi-ui/use-unmount-effect": "^4.0.3"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.6",
+    "@hi-ui/core": ">=4.0.7",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.6",
-    "@hi-ui/core-css": "^4.1.3",
+    "@hi-ui/core": "^4.0.7",
+    "@hi-ui/core-css": "^4.1.4",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }