@hi-ui/tabs 4.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Xiaomi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/tabs`
+
+> TODO: description
+
+## Usage
+
+```
+const Tabs = require('@hi-ui/tabs');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/TabInk.js

@@ -0,0 +1,72 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'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');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TabInk = function TabInk(_ref) {
+  var _cx;
+
+  var disabled = _ref.disabled,
+      prefixCls = _ref.prefixCls,
+      itemRef = _ref.itemRef,
+      tabListRef = _ref.tabListRef,
+      direction = _ref.direction;
+  var inkRef = React.useRef(null);
+  React.useEffect(function () {
+    if (inkRef.current && itemRef && tabListRef) {
+      var itemRect = itemRef.getBoundingClientRect();
+      var listRect = tabListRef.getBoundingClientRect();
+      var _style = {};
+
+      if (direction === 'vertical') {
+        _style = {
+          top: itemRect.top - listRect.top + "px",
+          height: itemRect.height + "px",
+          left: '',
+          width: ''
+        };
+      } else {
+        _style = {
+          left: itemRect.left - listRect.left + "px",
+          width: itemRect.width + "px",
+          top: '',
+          height: ''
+        };
+      }
+
+      Object.assign(inkRef.current.style, _style);
+    }
+  }, [itemRef, tabListRef, direction]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classname.cx(prefixCls + "__ink", (_cx = {}, _cx[prefixCls + "__ink--disabled"] = disabled, _cx)),
+    ref: inkRef
+  });
+};
+
+exports.TabInk = TabInk;
+exports["default"] = TabInk;
+//# sourceMappingURL=TabInk.js.map

package/lib/cjs/TabInk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,YAAAA,CAAuB,IAAvBA;AAEfC,EAAAA,eAAAA,CAAU;QACJF,MAAM,CAACG,OAAPH,IAAkBH,OAAlBG,IAA6BF,YAAY;UACrCM,QAAQ,GAAGP,OAAO,CAACQ,qBAARR;UACXS,QAAQ,GAAGR,UAAU,CAACO,qBAAXP;UACbS,MAAM,GAAwB;;UAC9BR,SAAS,KAAK,YAAY;AAC5BQ,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,OADD;AAEPK,UAAAA,MAAM,EAAKL,QAAQ,CAACK,MAATL,OAFJ;AAGPM,UAAAA,IAAI,EAAE,EAHC;AAIPC,UAAAA,KAAK,EAAE;AAJA,SAATJ;AADF,aAOO;AACLA,QAAAA,MAAM,GAAG;AACPG,UAAAA,IAAI,EAAKN,QAAQ,CAACM,IAATN,GAAgBE,QAAQ,CAACI,IAAzBN,OADF;AAEPO,UAAAA,KAAK,EAAKP,QAAQ,CAACO,KAATP,OAFH;AAGPI,UAAAA,GAAG,EAAE,EAHE;AAIPC,UAAAA,MAAM,EAAE;AAJD,SAATF;;;AAOFK,MAAAA,MAAM,CAACC,MAAPD,CAAcZ,MAAM,CAACG,OAAPH,CAAec,KAA7BF,EAAoCL,MAApCK;;AApBK,GAATV,EAsBG,CAACL,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBHG;sBAyBEa,yBAAAA,cAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,YAAAA,CAAMrB,SAAJ,UAAFqB,iBACLrB,SADO,wBACsBD,aADxBsB;AAGXC,IAAAA,GAAG,EAAElB;GAJPe;;;;"}

package/lib/cjs/TabItem.js

@@ -0,0 +1,64 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'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');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _cx;
+
+  var className = _ref.className,
+      style = _ref.style,
+      disabled = _ref.disabled,
+      tabTitle = _ref.tabTitle,
+      prefixCls = _ref.prefixCls,
+      tabId = _ref.tabId,
+      onTabClick = _ref.onTabClick,
+      active = _ref.active;
+
+  var _onClick = React.useCallback(function (e) {
+    if (onTabClick) {
+      onTabClick(tabId);
+    }
+  }, [onTabClick, tabId]);
+
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: style,
+    className: classname.cx(prefixCls + "__item", className, (_cx = {}, _cx[prefixCls + "__item--active"] = active, _cx)),
+    ref: ref,
+    tabIndex: disabled ? 0 : -1,
+    onClick: _onClick
+  }, /*#__PURE__*/React__default['default'].createElement("span", null, tabTitle));
+});
+
+if (env.__DEV__) {
+  TabItem.displayName = 'TabItem';
+}
+
+exports.TabItem = TabItem;
+//# sourceMappingURL=TabItem.js.map

package/lib/cjs/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","prefixCls","tabId","onTabClick","active","_onClick","useCallback","e","React","cx","tabIndex","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,OAAO,gBAAGC,gBAAAA,CACrB,cAAA,EAAiFC,GAAjF;;;MAAGC,iBAAAA;MAAWC,aAAAA;MAAOC,gBAAAA;MAAUC,gBAAAA;MAAUC,iBAAAA;MAAWC,aAAAA;MAAOC,kBAAAA;MAAYC,cAAAA;;MAC/DC,QAAQ,GAAGC,iBAAAA,CACf,UAACC,CAAD;QACMJ,YAAY;AACdA,MAAAA,UAAU,CAACD,KAAD,CAAVC;;AAHsB,GAAXG,EAMf,CAACH,UAAD,EAAaD,KAAb,CANeI;;sBASfE,yBAAAA,cAAAA,MAAAA;AACEV,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAEY,YAAAA,CAAMR,SAAJ,WAAFQ,EAAyBZ,SAAzBY,iBAA0CR,SAAxC,uBAAoEG,WAAtEK;AACXb,IAAAA,GAAG,EAAEA;AACLc,IAAAA,QAAQ,EAAEX,QAAQ,GAAG,CAAH,GAAO,CAAC;AAC1BY,IAAAA,OAAO,EAAEN;GALXG,eAOEA,yBAAAA,cAAAA,OAAAA,MAAAA,EAAOR,QAAPQ,CAPFA;AAX2B,CAAVb;;AAuBvB,IAAIiB,WAAJ,EAAa;AACXlB,EAAAA,OAAO,CAACmB,WAARnB,GAAsB,SAAtBA;;;"}

package/lib/cjs/TabList.js

@@ -0,0 +1,99 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var env = require('@hi-ui/env');
+
+var TabItem = require('./TabItem.js');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var classname = require('@hi-ui/classname');
+
+var TabInk = require('./TabInk.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var data = _ref.data,
+      className = _ref.className,
+      style = _ref.style,
+      activeId = _ref.activeId,
+      defaultActiveId = _ref.defaultActiveId,
+      onChange = _ref.onChange,
+      onTabClick = _ref.onTabClick,
+      prefixCls = _ref.prefixCls;
+
+  var _a, _b;
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultActiveId || ((_a = data[0]) === null || _a === void 0 ? void 0 : _a.tabId), activeId, onChange),
+      activeTab = _useUncontrolledState[0],
+      setActiveTab = _useUncontrolledState[1];
+
+  var _useState = React.useState(null),
+      innerRef = _useState[0],
+      setInnerRef = _useState[1];
+
+  var itemsRef = React.useRef({});
+  var onClickTab = React.useCallback(function (key) {
+    if (onTabClick) {
+      onTabClick(key);
+    }
+
+    if (key !== activeTab && setActiveTab) {
+      setActiveTab(key);
+    }
+  }, [activeTab, onTabClick, setActiveTab]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: style,
+    className: classname.cx(prefixCls + "__list", className),
+    ref: ref
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classname.cx(prefixCls + "__list--inner"),
+    ref: setInnerRef
+  }, data.map(function (d, index) {
+    return /*#__PURE__*/React__default['default'].createElement(TabItem.TabItem, Object.assign({
+      key: index
+    }, d, {
+      ref: function ref(node) {
+        itemsRef.current["" + d.tabId] = node;
+      },
+      active: activeTab === d.tabId,
+      prefixCls: prefixCls,
+      onTabClick: onClickTab
+    }));
+  }), /*#__PURE__*/React__default['default'].createElement(TabInk.TabInk, {
+    prefixCls: prefixCls,
+    direction: "horizontal",
+    tabListRef: innerRef,
+    itemRef: (_b = itemsRef.current) === null || _b === void 0 ? void 0 : _b[activeTab]
+  })));
+});
+
+if (env.__DEV__) {
+  TabList.displayName = 'TabList';
+}
+
+exports.TabList = TabList;
+//# sourceMappingURL=TabList.js.map

package/lib/cjs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","useUncontrolledState","tabId","activeTab","setActiveTab","useState","innerRef","setInnerRef","itemsRef","useRef","onClickTab","useCallback","key","React","cx","map","d","index","TabItem","node","current","active","TabInk","direction","tabListRef","itemRef","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,OAAO,gBAAGC,gBAAAA,CACrB,cAAA,EAAyFC,GAAzF;MAAGC,YAAAA;MAAMC,iBAAAA;MAAWC,aAAAA;MAAOC,gBAAAA;MAAUC,uBAAAA;MAAiBC,gBAAAA;MAAUC,kBAAAA;MAAYC,iBAAAA;;;;8BACxCC,yCAAAA,CAChCJ,eAAe,KAAI,MAAAJ,IAAI,CAAC,CAAD,CAAJ,UAAA,iBAAA,SAAA,MAASS,KAAb,CADiBD,EAEhCL,QAFgCK,EAGhCH,QAHgCG;MAA3BE,SAAP;MAAkBC,YAAlB;;kBAMgCC,cAAAA,CAAgC,IAAhCA;MAAzBC,QAAP;MAAiBC,WAAjB;;MACMC,QAAQ,GAAGC,YAAAA,CAA2C,EAA3CA;MAEXC,UAAU,GAAGC,iBAAAA,CACjB,UAACC,GAAD;QACMb,YAAY;AACdA,MAAAA,UAAU,CAACa,GAAD,CAAVb;;;QAEEa,GAAG,KAAKT,SAARS,IAAqBR,cAAc;AACrCA,MAAAA,YAAY,CAACQ,GAAD,CAAZR;;AANwB,GAAXO,EASjB,CAACR,SAAD,EAAYJ,UAAZ,EAAwBK,YAAxB,CATiBO;sBAYjBE,yBAAAA,cAAAA,MAAAA;AAAKlB,IAAAA,KAAK,EAAEA;AAAOD,IAAAA,SAAS,EAAEoB,YAAAA,CAAMd,SAAJ,WAAFc,EAAyBpB,SAAzBoB;AAAqCtB,IAAAA,GAAG,EAAEA;GAAxEqB,eACEA,yBAAAA,cAAAA,MAAAA;AAAKnB,IAAAA,SAAS,EAAEoB,YAAAA,CAAMd,SAAJ,kBAAFc;AAAiCtB,IAAAA,GAAG,EAAEe;GAAtDM,EACGpB,IAAI,CAACsB,GAALtB,CAAS,UAACuB,CAAD,EAAIC,KAAJ;wBACRJ,yBAAAA,cAAAA,CAACK,eAADL;AACED,MAAAA,GAAG,EAAEK;OACDD;AACJxB,MAAAA,GAAG,EAAE,YAAA,CAAC2B,IAAD;AACHX,QAAAA,QAAQ,CAACY,OAATZ,MAAoBQ,CAAC,CAACd,KAAtBM,IAAiCW,IAAjCX;;AAEFa,MAAAA,MAAM,EAAElB,SAAS,KAAKa,CAAC,CAACd;AACxBF,MAAAA,SAAS,EAAEA;AACXD,MAAAA,UAAU,EAAEW;MARdG;AADD,GAAApB,CADHoB,eAaEA,yBAAAA,cAAAA,CAACS,aAADT;AACEb,IAAAA,SAAS,EAAEA;AACXuB,IAAAA,SAAS,EAAC;AACVC,IAAAA,UAAU,EAAElB;AACZmB,IAAAA,OAAO,EAAE,MAAAjB,QAAQ,CAACY,OAAT,UAAA,iBAAA,SAAA,MAAmBjB;GAJ9BU,CAbFA,CADFA;AAvB2B,CAAVtB;;AAkEvB,IAAImC,WAAJ,EAAa;AACXpC,EAAAA,OAAO,CAACqC,WAARrC,GAAsB,SAAtBA;;;"}

package/lib/cjs/TabPane.js

@@ -0,0 +1,40 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TabPane = function TabPane(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      style = _ref.style,
+      active = _ref.active;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    style: style,
+    className: className
+  }, active ? children : null);
+};
+
+exports.TabPane = TabPane;
+//# sourceMappingURL=TabPane.js.map

package/lib/cjs/TabPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.js","sources":["../../src/TabPane.tsx"],"sourcesContent":[null],"names":["TabPane","children","className","style","active","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,OAAO,GAA2B,SAAlCA,OAAkC,KAAA;MAAGC,gBAAAA;MAAUC,iBAAAA;MAAWC,aAAAA;MAAOC,cAAAA;sBAE1EC,yBAAAA,cAAAA,MAAAA;AAAKF,IAAAA,KAAK,EAAEA;AAAOD,IAAAA,SAAS,EAAEA;GAA9BG,EACGD,MAAM,GAAGH,QAAH,GAAc,IADvBI;;;"}

package/lib/cjs/Tabs.js

@@ -0,0 +1,120 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'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');
+
+var env = require('@hi-ui/env');
+
+var TabList = require('./TabList.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _role = 'tabs';
+
+var _prefix = classname.getPrefixCls(_role);
+/**
+ * TODO: What is Tabs
+ */
+
+
+var Tabs = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _b;
+
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      className = _a.className,
+      children = _a.children,
+      defaultActiveId = _a.defaultActiveId,
+      activeId = _a.activeId,
+      onChange = _a.onChange,
+      onTabClick = _a.onTabClick,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "defaultActiveId", "activeId", "onChange", "onTabClick"]);
+
+  var cls = classname.cx(prefixCls, className);
+  var tabList = React.useMemo(function () {
+    var list = [];
+    React__default['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,
+            closeable = _child$props.closeable,
+            disabled = _child$props.disabled;
+        var item = {
+          tabTitle: tabTitle,
+          tabId: tabId,
+          tabDesc: tabDesc,
+          closeable: closeable,
+          disabled: disabled
+        };
+        list.push(item);
+      }
+    });
+    return list;
+  }, [children]);
+
+  var _useState = React.useState(activeId || defaultActiveId || ((_b = tabList[0]) === null || _b === void 0 ? void 0 : _b.tabId)),
+      activePane = _useState[0],
+      setActivePane = _useState[1];
+
+  var _onChange = React.useCallback(function (tabId) {
+    if (onChange) {
+      onChange(tabId);
+    }
+
+    setActivePane(tabId);
+  }, [onChange]);
+
+  return /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), /*#__PURE__*/React__default['default'].createElement(TabList.TabList, {
+    prefixCls: prefixCls,
+    data: tabList,
+    activeId: activeId,
+    onChange: _onChange,
+    onTabClick: onTabClick
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: _prefix + "__content"
+  }, React__default['default'].Children.map(children, function (child) {
+    console.log(child, child === null || child === void 0 ? void 0 : child.props.tabId, activeId);
+    return child && /*#__PURE__*/React__default['default'].cloneElement(child, {
+      active: activePane === child.props.tabId
+    });
+  })));
+});
+
+if (env.__DEV__) {
+  Tabs.displayName = 'Tabs';
+}
+
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/lib/cjs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Tabs","forwardRef","_a","ref","prefixCls","role","className","children","defaultActiveId","activeId","onChange","onTabClick","rest","cls","cx","tabList","useMemo","list","React","Children","map","child","props","tabTitle","tabId","tabDesc","closeable","disabled","item","push","useState","activePane","setActivePane","_onChange","useCallback","TabList","data","console","log","cloneElement","active","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,KAAK,GAAG,MAAd;;AACA,IAAMC,OAAO,GAAGC,sBAAAA,CAAaF,KAAbE,CAAhB;AAEA;;;;;IAGaC,IAAI,gBAAGC,gBAAAA,CAClB,UACEC,EADF,EAYEC,GAZF;;;wBAEIC;MAAAA,sCAAYN;mBACZO;MAAAA,4BAAOR;MACPS,eAAAA;MACAC,cAAAA;MACAC,qBAAAA;MACAC,cAAAA;MACAC,cAAAA;MACAC,gBAAAA;MACGC,wBATL,YAAA,QAAA,aAAA,YAAA,mBAAA,YAAA,YAAA,cAAA;;MAaMC,GAAG,GAAGC,YAAAA,CAAGV,SAAHU,EAAcR,SAAdQ;MAENC,OAAO,GAAGC,aAAAA,CAAQ;QAChBC,IAAI,GAAmB;AAC7BC,IAAAA,yBAAAA,CAAMC,QAAND,CAAeE,GAAfF,CAAmBX,QAAnBW,EAA6B,UAACG,KAAD;UACvBA,OAAO;2BACiDA,KAAK,CAACC;YAAxDC,QAAR,gBAAQA;YAAUC,KAAlB,gBAAkBA;YAAOC,OAAzB,gBAAyBA;YAASC,SAAlC,gBAAkCA;YAAWC,QAA7C,gBAA6CA;YACvCC,IAAI,GAAG;AAAEL,UAAAA,QAAQ,EAARA,QAAF;AAAYC,UAAAA,KAAK,EAALA,KAAZ;AAAmBC,UAAAA,OAAO,EAAPA,OAAnB;AAA4BC,UAAAA,SAAS,EAATA,SAA5B;AAAuCC,UAAAA,QAAQ,EAARA;AAAvC;AAEbV,QAAAA,IAAI,CAACY,IAALZ,CAAUW,IAAVX;;AALJ,KAAAC;WAQOD;AAVc,GAAPD,EAWb,CAACT,QAAD,CAXaS;;kBAaoBc,cAAAA,CAASrB,QAAQ,IAAID,eAAZC,KAA+B,MAAAM,OAAO,CAAC,CAAD,CAAP,UAAA,iBAAA,SAAA,MAAYS,KAA3Cf,CAATqB;MAA7BC,UAAP;MAAmBC,aAAnB;;MAEMC,SAAS,GAAGC,iBAAAA,CAChB,UAACV,KAAD;QACMd,UAAU;AACZA,MAAAA,QAAQ,CAACc,KAAD,CAARd;;;AAEFsB,IAAAA,aAAa,CAACR,KAAD,CAAbQ;AALyB,GAAXE,EAOhB,CAACxB,QAAD,CAPgBwB;;sBAWhBhB,yBAAAA,cAAAA,MAAAA;AAAKf,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEO;KAASD,KAA/CM,eACEA,yBAAAA,cAAAA,CAACiB,eAADjB;AACEd,IAAAA,SAAS,EAAEA;AACXgC,IAAAA,IAAI,EAAErB;AACNN,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,QAAQ,EAAEuB;AACVtB,IAAAA,UAAU,EAAEA;GALdO,CADFA,eAQEA,yBAAAA,cAAAA,MAAAA;AAAKZ,IAAAA,SAAS,EAAKR,OAAL;GAAdoB,EACGA,yBAAAA,CAAMC,QAAND,CAAeE,GAAfF,CAAmBX,QAAnBW,EAA6B,UAACG,KAAD;AAC5BgB,IAAAA,OAAO,CAACC,GAARD,CAAYhB,KAAZgB,EAAmBhB,KAAK,SAALA,IAAAA,KAAK,WAALA,SAAAA,GAAAA,KAAK,CAAEC,KAAPD,CAAaG,KAAhCa,EAAuC5B,QAAvC4B;WAEEhB,KAAK,iBACLH,yBAAAA,CAAMqB,YAANrB,CAAmBG,KAAnBH,EAA0B;AACxBsB,MAAAA,MAAM,EAAET,UAAU,KAAKV,KAAK,CAACC,KAAND,CAAYG;AADX,KAA1BN;AAJH,GAAAA,CADHA,CARFA;AA3CwB,CAAVjB;;AAkHpB,IAAIwC,WAAJ,EAAa;AACXzC,EAAAA,IAAI,CAAC0C,WAAL1C,GAAmB,MAAnBA;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,25 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var Tabs = require('./Tabs.js');
+
+var TabPane = require('./TabPane.js');
+
+exports.Tabs = Tabs.Tabs;
+exports["default"] = Tabs.Tabs;
+exports.TabPane = TabPane.TabPane;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/styles/index.scss.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tabs .hi-v4-tabs__list {\n  position: relative;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  color: #000;\n  color: var(--hi-v4-color-static-black, #000);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: hidden; }\n.hi-v4-tabs .hi-v4-tabs__list::before {\n    content: '';\n    clear: both;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background-color: #e5e7eb;\n    background-color: var(--hi-v4-color-gray-200, #e5e7eb);\n    display: block; }\n.hi-v4-tabs .hi-v4-tabs__list--inner {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex; }\n.hi-v4-tabs__ink {\n  position: absolute;\n  bottom: 0;\n  right: auto;\n  top: auto;\n  height: 2px;\n  background-color: #4387f4;\n  background-color: var(--hi-v4-color-brandblue-500, #4387f4);\n  -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item {\n  line-height: 22px;\n  padding: 8px 0;\n  margin: 0 16px;\n  cursor: pointer; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n    color: #4387f4;\n    color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tabs__item--active {\n    color: #4387f4;\n    color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tabs__item--disabled {\n    color: #6b7280 !important;\n    color: var(--hi-v4-color-gray-500, #6b7280) !important;\n    cursor: not-allowed; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--active) {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis; }\n.hi-v4-tabs__content {\n  width: 100%;\n  overflow: hidden;\n  padding-top: 16px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/cjs/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/TabInk.js

@@ -0,0 +1,55 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { useRef, useEffect } from 'react';
+import { cx } from '@hi-ui/classname';
+
+var TabInk = function TabInk(_ref) {
+  var _cx;
+
+  var disabled = _ref.disabled,
+      prefixCls = _ref.prefixCls,
+      itemRef = _ref.itemRef,
+      tabListRef = _ref.tabListRef,
+      direction = _ref.direction;
+  var inkRef = useRef(null);
+  useEffect(function () {
+    if (inkRef.current && itemRef && tabListRef) {
+      var itemRect = itemRef.getBoundingClientRect();
+      var listRect = tabListRef.getBoundingClientRect();
+      var _style = {};
+
+      if (direction === 'vertical') {
+        _style = {
+          top: itemRect.top - listRect.top + "px",
+          height: itemRect.height + "px",
+          left: '',
+          width: ''
+        };
+      } else {
+        _style = {
+          left: itemRect.left - listRect.left + "px",
+          width: itemRect.width + "px",
+          top: '',
+          height: ''
+        };
+      }
+
+      Object.assign(inkRef.current.style, _style);
+    }
+  }, [itemRef, tabListRef, direction]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "__ink", (_cx = {}, _cx[prefixCls + "__ink--disabled"] = disabled, _cx)),
+    ref: inkRef
+  });
+};
+
+export default TabInk;
+export { TabInk };
+//# sourceMappingURL=TabInk.js.map

package/lib/esm/TabInk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;IAWaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,MAAM,CAAiB,IAAjB;AAErBC,EAAAA,SAAS,CAAC;QACJF,MAAM,CAACG,OAAPH,IAAkBH,OAAlBG,IAA6BF,YAAY;UACrCM,QAAQ,GAAGP,OAAO,CAACQ,qBAARR;UACXS,QAAQ,GAAGR,UAAU,CAACO,qBAAXP;UACbS,MAAM,GAAwB;;UAC9BR,SAAS,KAAK,YAAY;AAC5BQ,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,OADD;AAEPK,UAAAA,MAAM,EAAKL,QAAQ,CAACK,MAATL,OAFJ;AAGPM,UAAAA,IAAI,EAAE,EAHC;AAIPC,UAAAA,KAAK,EAAE;AAJA,SAATJ;AADF,aAOO;AACLA,QAAAA,MAAM,GAAG;AACPG,UAAAA,IAAI,EAAKN,QAAQ,CAACM,IAATN,GAAgBE,QAAQ,CAACI,IAAzBN,OADF;AAEPO,UAAAA,KAAK,EAAKP,QAAQ,CAACO,KAATP,OAFH;AAGPI,UAAAA,GAAG,EAAE,EAHE;AAIPC,UAAAA,MAAM,EAAE;AAJD,SAATF;;;AAOFK,MAAAA,MAAM,CAACC,MAAPD,CAAcZ,MAAM,CAACG,OAAPH,CAAec,KAA7BF,EAAoCL,MAApCK;;AApBK,GAAA,EAsBN,CAACf,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBM,CAATG;sBAyBEa,mBAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,EAAE,CAAIrB,SAAJ,UAAA,iBACPA,SADO,wBACsBD,aADtB;AAGbuB,IAAAA,GAAG,EAAElB;GAJPe;;;;"}

package/lib/esm/TabItem.js

@@ -0,0 +1,45 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { forwardRef, useCallback } from 'react';
+import { cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+var TabItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _cx;
+
+  var className = _ref.className,
+      style = _ref.style,
+      disabled = _ref.disabled,
+      tabTitle = _ref.tabTitle,
+      prefixCls = _ref.prefixCls,
+      tabId = _ref.tabId,
+      onTabClick = _ref.onTabClick,
+      active = _ref.active;
+
+  var _onClick = useCallback(function (e) {
+    if (onTabClick) {
+      onTabClick(tabId);
+    }
+  }, [onTabClick, tabId]);
+
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: cx(prefixCls + "__item", className, (_cx = {}, _cx[prefixCls + "__item--active"] = active, _cx)),
+    ref: ref,
+    tabIndex: disabled ? 0 : -1,
+    onClick: _onClick
+  }, /*#__PURE__*/React.createElement("span", null, tabTitle));
+});
+
+if (__DEV__) {
+  TabItem.displayName = 'TabItem';
+}
+
+export { TabItem };
+//# sourceMappingURL=TabItem.js.map

package/lib/esm/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","prefixCls","tabId","onTabClick","active","_onClick","useCallback","e","React","cx","tabIndex","onClick","__DEV__","displayName"],"mappings":";;;;;;;;;;;;IAWaA,OAAO,gBAAGC,UAAU,CAC/B,cAAA,EAAiFC,GAAjF;;;MAAGC,iBAAAA;MAAWC,aAAAA;MAAOC,gBAAAA;MAAUC,gBAAAA;MAAUC,iBAAAA;MAAWC,aAAAA;MAAOC,kBAAAA;MAAYC,cAAAA;;MAC/DC,QAAQ,GAAGC,WAAW,CAC1B,UAACC,CAAD;QACMJ,YAAY;AACdA,MAAAA,UAAU,CAACD,KAAD,CAAVC;;AAHsB,GAAA,EAM1B,CAACA,UAAD,EAAaD,KAAb,CAN0B;;sBAS1BM,mBAAAA,MAAAA;AACEV,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAEY,EAAE,CAAIR,SAAJ,WAAA,EAAuBJ,SAAvB,iBAAwCI,SAAxC,uBAAoEG,WAApE;AACbR,IAAAA,GAAG,EAAEA;AACLc,IAAAA,QAAQ,EAAEX,QAAQ,GAAG,CAAH,GAAO,CAAC;AAC1BY,IAAAA,OAAO,EAAEN;GALXG,eAOEA,mBAAAA,OAAAA,MAAAA,EAAOR,QAAPQ,CAPFA;AAX2B,CAAA;;AAuBjC,IAAII,OAAJ,EAAa;AACXlB,EAAAA,OAAO,CAACmB,WAARnB,GAAsB,SAAtBA;;;"}

package/lib/esm/TabList.js

@@ -0,0 +1,77 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { forwardRef, useState, useRef, useCallback } from 'react';
+import { __DEV__ } from '@hi-ui/env';
+import { TabItem } from './TabItem.js';
+import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import { cx } from '@hi-ui/classname';
+import { TabInk } from './TabInk.js';
+var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var data = _ref.data,
+      className = _ref.className,
+      style = _ref.style,
+      activeId = _ref.activeId,
+      defaultActiveId = _ref.defaultActiveId,
+      onChange = _ref.onChange,
+      onTabClick = _ref.onTabClick,
+      prefixCls = _ref.prefixCls;
+
+  var _a, _b;
+
+  var _useUncontrolledState = useUncontrolledState(defaultActiveId || ((_a = data[0]) === null || _a === void 0 ? void 0 : _a.tabId), activeId, onChange),
+      activeTab = _useUncontrolledState[0],
+      setActiveTab = _useUncontrolledState[1];
+
+  var _useState = useState(null),
+      innerRef = _useState[0],
+      setInnerRef = _useState[1];
+
+  var itemsRef = useRef({});
+  var onClickTab = useCallback(function (key) {
+    if (onTabClick) {
+      onTabClick(key);
+    }
+
+    if (key !== activeTab && setActiveTab) {
+      setActiveTab(key);
+    }
+  }, [activeTab, onTabClick, setActiveTab]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: cx(prefixCls + "__list", className),
+    ref: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(prefixCls + "__list--inner"),
+    ref: setInnerRef
+  }, data.map(function (d, index) {
+    return /*#__PURE__*/React.createElement(TabItem, Object.assign({
+      key: index
+    }, d, {
+      ref: function ref(node) {
+        itemsRef.current["" + d.tabId] = node;
+      },
+      active: activeTab === d.tabId,
+      prefixCls: prefixCls,
+      onTabClick: onClickTab
+    }));
+  }), /*#__PURE__*/React.createElement(TabInk, {
+    prefixCls: prefixCls,
+    direction: "horizontal",
+    tabListRef: innerRef,
+    itemRef: (_b = itemsRef.current) === null || _b === void 0 ? void 0 : _b[activeTab]
+  })));
+});
+
+if (__DEV__) {
+  TabList.displayName = 'TabList';
+}
+
+export { TabList };
+//# sourceMappingURL=TabList.js.map

package/lib/esm/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","useUncontrolledState","tabId","activeTab","setActiveTab","useState","innerRef","setInnerRef","itemsRef","useRef","onClickTab","useCallback","key","React","cx","map","d","index","TabItem","node","current","active","TabInk","direction","tabListRef","itemRef","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;IAQaA,OAAO,gBAAGC,UAAU,CAC/B,cAAA,EAAyFC,GAAzF;MAAGC,YAAAA;MAAMC,iBAAAA;MAAWC,aAAAA;MAAOC,gBAAAA;MAAUC,uBAAAA;MAAiBC,gBAAAA;MAAUC,kBAAAA;MAAYC,iBAAAA;;;;8BACxCC,oBAAoB,CACpDJ,eAAe,KAAI,MAAAJ,IAAI,CAAC,CAAD,CAAJ,UAAA,iBAAA,SAAA,MAASS,KAAb,CADqC,EAEpDN,QAFoD,EAGpDE,QAHoD;MAA/CK,SAAP;MAAkBC,YAAlB;;kBAMgCC,QAAQ,CAAwB,IAAxB;MAAjCC,QAAP;MAAiBC,WAAjB;;MACMC,QAAQ,GAAGC,MAAM,CAAqC,EAArC;MAEjBC,UAAU,GAAGC,WAAW,CAC5B,UAACC,GAAD;QACMb,YAAY;AACdA,MAAAA,UAAU,CAACa,GAAD,CAAVb;;;QAEEa,GAAG,KAAKT,SAARS,IAAqBR,cAAc;AACrCA,MAAAA,YAAY,CAACQ,GAAD,CAAZR;;AANwB,GAAA,EAS5B,CAACD,SAAD,EAAYJ,UAAZ,EAAwBK,YAAxB,CAT4B;sBAY5BS,mBAAAA,MAAAA;AAAKlB,IAAAA,KAAK,EAAEA;AAAOD,IAAAA,SAAS,EAAEoB,EAAE,CAAId,SAAJ,WAAA,EAAuBN,SAAvB;AAAmCF,IAAAA,GAAG,EAAEA;GAAxEqB,eACEA,mBAAAA,MAAAA;AAAKnB,IAAAA,SAAS,EAAEoB,EAAE,CAAId,SAAJ,kBAAA;AAA+BR,IAAAA,GAAG,EAAEe;GAAtDM,EACGpB,IAAI,CAACsB,GAALtB,CAAS,UAACuB,CAAD,EAAIC,KAAJ;wBACRJ,mBAAAA,CAACK,OAADL;AACED,MAAAA,GAAG,EAAEK;OACDD;AACJxB,MAAAA,GAAG,EAAE,YAAA,CAAC2B,IAAD;AACHX,QAAAA,QAAQ,CAACY,OAATZ,MAAoBQ,CAAC,CAACd,KAAtBM,IAAiCW,IAAjCX;;AAEFa,MAAAA,MAAM,EAAElB,SAAS,KAAKa,CAAC,CAACd;AACxBF,MAAAA,SAAS,EAAEA;AACXD,MAAAA,UAAU,EAAEW;MARdG;AADD,GAAApB,CADHoB,eAaEA,mBAAAA,CAACS,MAADT;AACEb,IAAAA,SAAS,EAAEA;AACXuB,IAAAA,SAAS,EAAC;AACVC,IAAAA,UAAU,EAAElB;AACZmB,IAAAA,OAAO,EAAE,MAAAjB,QAAQ,CAACY,OAAT,UAAA,iBAAA,SAAA,MAAmBjB;GAJ9BU,CAbFA,CADFA;AAvB2B,CAAA;;AAkEjC,IAAIa,OAAJ,EAAa;AACXpC,EAAAA,OAAO,CAACqC,WAARrC,GAAsB,SAAtBA;;;"}

package/lib/esm/TabPane.js

@@ -0,0 +1,24 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+
+var TabPane = function TabPane(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      style = _ref.style,
+      active = _ref.active;
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: className
+  }, active ? children : null);
+};
+
+export { TabPane };
+//# sourceMappingURL=TabPane.js.map

package/lib/esm/TabPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.js","sources":["../../src/TabPane.tsx"],"sourcesContent":[null],"names":["TabPane","children","className","style","active","React"],"mappings":";;;;;;;;;;;IAEaA,OAAO,GAA2B,SAAlCA,OAAkC,KAAA;MAAGC,gBAAAA;MAAUC,iBAAAA;MAAWC,aAAAA;MAAOC,cAAAA;sBAE1EC,mBAAAA,MAAAA;AAAKF,IAAAA,KAAK,EAAEA;AAAOD,IAAAA,SAAS,EAAEA;GAA9BG,EACGD,MAAM,GAAGH,QAAH,GAAc,IADvBI;;;"}

package/lib/esm/Tabs.js

@@ -0,0 +1,99 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef, useMemo, useState, useCallback } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { TabList } from './TabList.js';
+var _role = 'tabs';
+
+var _prefix = getPrefixCls(_role);
+/**
+ * TODO: What is Tabs
+ */
+
+
+var Tabs = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b;
+
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      className = _a.className,
+      children = _a.children,
+      defaultActiveId = _a.defaultActiveId,
+      activeId = _a.activeId,
+      onChange = _a.onChange,
+      onTabClick = _a.onTabClick,
+      rest = __rest(_a, ["prefixCls", "role", "className", "children", "defaultActiveId", "activeId", "onChange", "onTabClick"]);
+
+  var cls = cx(prefixCls, className);
+  var tabList = useMemo(function () {
+    var list = [];
+    React.Children.map(children, function (child) {
+      if (child) {
+        var _child$props = child.props,
+            tabTitle = _child$props.tabTitle,
+            tabId = _child$props.tabId,
+            tabDesc = _child$props.tabDesc,
+            closeable = _child$props.closeable,
+            disabled = _child$props.disabled;
+        var item = {
+          tabTitle: tabTitle,
+          tabId: tabId,
+          tabDesc: tabDesc,
+          closeable: closeable,
+          disabled: disabled
+        };
+        list.push(item);
+      }
+    });
+    return list;
+  }, [children]);
+
+  var _useState = useState(activeId || defaultActiveId || ((_b = tabList[0]) === null || _b === void 0 ? void 0 : _b.tabId)),
+      activePane = _useState[0],
+      setActivePane = _useState[1];
+
+  var _onChange = useCallback(function (tabId) {
+    if (onChange) {
+      onChange(tabId);
+    }
+
+    setActivePane(tabId);
+  }, [onChange]);
+
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: ref,
+    role: role,
+    className: cls
+  }, rest), /*#__PURE__*/React.createElement(TabList, {
+    prefixCls: prefixCls,
+    data: tabList,
+    activeId: activeId,
+    onChange: _onChange,
+    onTabClick: onTabClick
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _prefix + "__content"
+  }, React.Children.map(children, function (child) {
+    console.log(child, child === null || child === void 0 ? void 0 : child.props.tabId, activeId);
+    return child && /*#__PURE__*/React.cloneElement(child, {
+      active: activePane === child.props.tabId
+    });
+  })));
+});
+
+if (__DEV__) {
+  Tabs.displayName = 'Tabs';
+}
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/lib/esm/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","Tabs","forwardRef","_a","ref","prefixCls","role","className","children","defaultActiveId","activeId","onChange","onTabClick","rest","cls","cx","tabList","useMemo","list","React","Children","map","child","props","tabTitle","tabId","tabDesc","closeable","disabled","item","push","useState","activePane","setActivePane","_onChange","useCallback","TabList","data","console","log","cloneElement","active","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,KAAK,GAAG,MAAd;;AACA,IAAMC,OAAO,GAAGC,YAAY,CAACF,KAAD,CAA5B;AAEA;;;;;IAGaG,IAAI,gBAAGC,UAAU,CAC5B,UACEC,EADF,EAYEC,GAZF;;;wBAEIC;MAAAA,sCAAYN;mBACZO;MAAAA,4BAAOR;MACPS,eAAAA;MACAC,cAAAA;MACAC,qBAAAA;MACAC,cAAAA;MACAC,cAAAA;MACAC,gBAAAA;MACGC,kBATL,YAAA,QAAA,aAAA,YAAA,mBAAA,YAAA,YAAA,cAAA;;MAaMC,GAAG,GAAGC,EAAE,CAACV,SAAD,EAAYE,SAAZ;MAERS,OAAO,GAAGC,OAAO,CAAC;QAChBC,IAAI,GAAmB;AAC7BC,IAAAA,KAAK,CAACC,QAAND,CAAeE,GAAfF,CAAmBX,QAAnBW,EAA6B,UAACG,KAAD;UACvBA,OAAO;2BACiDA,KAAK,CAACC;YAAxDC,QAAR,gBAAQA;YAAUC,KAAlB,gBAAkBA;YAAOC,OAAzB,gBAAyBA;YAASC,SAAlC,gBAAkCA;YAAWC,QAA7C,gBAA6CA;YACvCC,IAAI,GAAG;AAAEL,UAAAA,QAAQ,EAARA,QAAF;AAAYC,UAAAA,KAAK,EAALA,KAAZ;AAAmBC,UAAAA,OAAO,EAAPA,OAAnB;AAA4BC,UAAAA,SAAS,EAATA,SAA5B;AAAuCC,UAAAA,QAAQ,EAARA;AAAvC;AAEbV,QAAAA,IAAI,CAACY,IAALZ,CAAUW,IAAVX;;AALJ,KAAAC;WAQOD;AAVc,GAAA,EAWpB,CAACV,QAAD,CAXoB;;kBAaauB,QAAQ,CAACrB,QAAQ,IAAID,eAAZC,KAA+B,MAAAM,OAAO,CAAC,CAAD,CAAP,UAAA,iBAAA,SAAA,MAAYS,KAA3Cf,CAAD;MAArCsB,UAAP;MAAmBC,aAAnB;;MAEMC,SAAS,GAAGC,WAAW,CAC3B,UAACV,KAAD;QACMd,UAAU;AACZA,MAAAA,QAAQ,CAACc,KAAD,CAARd;;;AAEFsB,IAAAA,aAAa,CAACR,KAAD,CAAbQ;AALyB,GAAA,EAO3B,CAACtB,QAAD,CAP2B;;sBAW3BQ,mBAAAA,MAAAA;AAAKf,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,IAAI,EAAEA;AAAMC,IAAAA,SAAS,EAAEO;KAASD,KAA/CM,eACEA,mBAAAA,CAACiB,OAADjB;AACEd,IAAAA,SAAS,EAAEA;AACXgC,IAAAA,IAAI,EAAErB;AACNN,IAAAA,QAAQ,EAAEA;AACVC,IAAAA,QAAQ,EAAEuB;AACVtB,IAAAA,UAAU,EAAEA;GALdO,CADFA,eAQEA,mBAAAA,MAAAA;AAAKZ,IAAAA,SAAS,EAAKR,OAAL;GAAdoB,EACGA,KAAK,CAACC,QAAND,CAAeE,GAAfF,CAAmBX,QAAnBW,EAA6B,UAACG,KAAD;AAC5BgB,IAAAA,OAAO,CAACC,GAARD,CAAYhB,KAAZgB,EAAmBhB,KAAK,SAALA,IAAAA,KAAK,WAALA,SAAAA,GAAAA,KAAK,CAAEC,KAAPD,CAAaG,KAAhCa,EAAuC5B,QAAvC4B;WAEEhB,KAAK,iBACLH,KAAK,CAACqB,YAANrB,CAAmBG,KAAnBH,EAA0B;AACxBsB,MAAAA,MAAM,EAAET,UAAU,KAAKV,KAAK,CAACC,KAAND,CAAYG;AADX,KAA1BN;AAJH,GAAAA,CADHA,CARFA;AA3CwB,CAAA;;AAkH9B,IAAIuB,OAAJ,EAAa;AACXzC,EAAAA,IAAI,CAAC0C,WAAL1C,GAAmB,MAAnBA;;;"}

package/lib/esm/index.js

@@ -0,0 +1,13 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './styles/index.scss.js';
+export { Tabs, Tabs as default } from './Tabs.js';
+export { TabPane } from './TabPane.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/esm/styles/index.scss.js

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/tabs
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-tabs .hi-v4-tabs__list {\n  position: relative;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  color: #000;\n  color: var(--hi-v4-color-static-black, #000);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: hidden; }\n.hi-v4-tabs .hi-v4-tabs__list::before {\n    content: '';\n    clear: both;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background-color: #e5e7eb;\n    background-color: var(--hi-v4-color-gray-200, #e5e7eb);\n    display: block; }\n.hi-v4-tabs .hi-v4-tabs__list--inner {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex; }\n.hi-v4-tabs__ink {\n  position: absolute;\n  bottom: 0;\n  right: auto;\n  top: auto;\n  height: 2px;\n  background-color: #4387f4;\n  background-color: var(--hi-v4-color-brandblue-500, #4387f4);\n  -webkit-transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item {\n  line-height: 22px;\n  padding: 8px 0;\n  margin: 0 16px;\n  cursor: pointer; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n    color: #4387f4;\n    color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tabs__item--active {\n    color: #4387f4;\n    color: var(--hi-v4-color-brandblue-500, #4387f4); }\n.hi-v4-tabs__item--disabled {\n    color: #6b7280 !important;\n    color: var(--hi-v4-color-gray-500, #6b7280) !important;\n    cursor: not-allowed; }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--active) {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis; }\n.hi-v4-tabs__content {\n  width: 100%;\n  overflow: hidden;\n  padding-top: 16px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+export default css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/esm/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/types/TabInk.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TabInkProps {
+    disabled?: boolean;
+    prefixCls?: string;
+    itemRef: HTMLElement;
+    tabListRef: HTMLElement;
+    direction: 'vertical' | 'horizontal';
+}
+export declare const TabInk: React.FC<TabInkProps>;
+export default TabInk;

package/lib/types/TabItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TabPaneProps } from './TabPane';
+interface TabItemProps extends TabPaneProps {
+    active: boolean;
+    onTabClick: (key: string) => void;
+    prefixCls?: string;
+}
+export declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLDivElement | null>>;
+export {};

package/lib/types/TabList.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TabPaneProps } from './TabPane';
+export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface TabListProps {
+    style?: React.CSSProperties;
+    className?: string;
+    prefixCls?: string;
+    data: TabPaneProps[];
+    onChange?: (tabId: string) => void;
+    onTabClick?: (tabId: string) => void;
+    /**
+     * 默认高亮id
+     */
+    defaultActiveId?: string;
+    /**
+     * 高亮id
+     */
+    activeId?: string;
+}

package/lib/types/TabPane.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const TabPane: React.FC<TabPaneProps>;
+export interface TabPaneProps {
+    style?: React.CSSProperties;
+    className?: string;
+    disabled?: boolean;
+    tabId: string;
+    tabTitle: React.ReactNode;
+    closeable?: boolean;
+    active?: boolean;
+}

package/lib/types/Tabs.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+/**
+ * TODO: What is Tabs
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface TabsProps {
+    /**
+     * 组件默认的选择器类
+     */
+    prefixCls?: string;
+    /**
+     * 组件的语义化 Role 属性
+     */
+    role?: string;
+    /**
+     * 组件的注入选择器类
+     */
+    className?: string;
+    /**
+     * 组件的注入样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 是否可拖拽
+     */
+    draggable?: boolean;
+    /**
+     * 是否可编辑
+     */
+    editable?: boolean;
+    /**
+     * 内容
+     */
+    children?: React.ReactElement[];
+    /**
+     * 默认高亮id
+     */
+    defaultActiveId?: string;
+    /**
+     * 高亮id
+     */
+    activeId?: string;
+    /**
+     * `activeId` 改变的回调
+     */
+    onChange?: (tabId: string) => void;
+    /**
+     * 标签点击触发回调
+     */
+    onTabClick?: (tabId: string) => void;
+}

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+import './styles/index.scss';
+export * from './Tabs';
+export * from './TabPane';
+export { Tabs as default } from './Tabs';

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@hi-ui/tabs",
+  "version": "4.0.0-alpha.1",
+  "description": "A sub-package for @hi-ui/hiui.",
+  "keywords": [],
+  "author": "HIUI <mi-hiui@xiaomi.com>",
+  "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/ui/tabs#readme",
+  "license": "MIT",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaoMi/hiui.git"
+  },
+  "scripts": {
+    "test": "jest",
+    "clean": "rimraf lib",
+    "prebuild": "yarn clean",
+    "build:esm": "hi-build ./src/index.ts --format esm -d ./lib/esm",
+    "build:cjs": "hi-build ./src/index.ts --format cjs -d ./lib/cjs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "build": "concurrently yarn:build:*"
+  },
+  "bugs": {
+    "url": "https://github.com/XiaoMi/hiui/issues"
+  },
+  "dependencies": {
+    "@hi-ui/classname": "^4.0.0-alpha.0",
+    "@hi-ui/core-css": "^4.0.0-alpha.0",
+    "@hi-ui/env": "^4.0.0-alpha.0",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.5"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "@hi-ui/hi-build": "^4.0.0-alpha.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "gitHead": "0135b7a54f5436ac6e5a8ab88daf8468591e18ac"
+}