@hi-ui/tabs 4.0.0-alpha.4 → 4.0.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/lib/cjs/TabInk.js +4 -4
  2. package/lib/cjs/TabInk.js.map +1 -1
  3. package/lib/cjs/TabItem.js +11 -2
  4. package/lib/cjs/TabItem.js.map +1 -1
  5. package/lib/cjs/TabList.js +7 -1
  6. package/lib/cjs/TabList.js.map +1 -1
  7. package/lib/cjs/index.js +3 -0
  8. package/lib/cjs/index.js.map +1 -1
  9. package/lib/cjs/styles/index.scss.js +1 -1
  10. package/lib/esm/TabInk.js +4 -4
  11. package/lib/esm/TabInk.js.map +1 -1
  12. package/lib/esm/TabItem.js +11 -2
  13. package/lib/esm/TabItem.js.map +1 -1
  14. package/lib/esm/TabList.js +8 -2
  15. package/lib/esm/TabList.js.map +1 -1
  16. package/lib/esm/index.js +1 -0
  17. package/lib/esm/index.js.map +1 -1
  18. package/lib/esm/styles/index.scss.js +1 -1
  19. package/lib/types/TabItem.d.ts +1 -0
  20. package/lib/types/TabList.d.ts +1 -1
  21. package/lib/types/TabPane.d.ts +1 -0
  22. package/lib/types/index.d.ts +1 -0
  23. package/package.json +8 -8
package/lib/cjs/TabInk.js CHANGED
@@ -45,15 +45,15 @@ var TabInk = function TabInk(_ref) {
45
45
 
46
46
  if (direction === 'vertical') {
47
47
  _style = {
48
- top: itemRect.top - listRect.top - translate + "px",
49
- height: itemRect.height + "px",
48
+ top: itemRect.top - listRect.top - translate + 2 + 8 + "px",
49
+ height: itemRect.height - 4 - 16 + "px",
50
50
  left: '',
51
51
  width: ''
52
52
  };
53
53
  } else {
54
54
  _style = {
55
- left: itemRect.left - listRect.left - translate + "px",
56
- width: itemRect.width + "px",
55
+ left: itemRect.left - listRect.left - translate + 20 + "px",
56
+ width: itemRect.width - 40 + "px",
57
57
  top: '',
58
58
  height: ''
59
59
  };
package/lib/cjs/TabInk.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","translate","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,YAAAA,CAAuB,IAAvBA;AAEfC,EAAAA,eAAAA,CAAU;QACJF,MAAM,CAACG,OAAPH,IAAkBJ,OAAlBI,IAA6BH,YAAY;UACrCO,QAAQ,GAAGR,OAAO,CAACS,qBAART;UACXU,QAAQ,GAAGT,UAAU,CAACQ,qBAAXR;UACbU,MAAM,GAAwB;;UAC9BT,SAAS,KAAK,YAAY;AAC5BS,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,GAA8BL,SAA9BK,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,GAAgCL,SAAhCK,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,CAACN,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBHI;sBAyBEa,yBAAAA,cAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,YAAAA,CAAMtB,SAAJ,UAAFsB,iBACLtB,SADO,wBACsBD,aADxBuB;AAGXC,IAAAA,GAAG,EAAElB;GAJPe;;;;"}
1
+ {"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","translate","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,YAAAA,CAAuB,IAAvBA;AAEfC,EAAAA,eAAAA,CAAU;QACJF,MAAM,CAACG,OAAPH,IAAkBJ,OAAlBI,IAA6BH,YAAY;UACrCO,QAAQ,GAAGR,OAAO,CAACS,qBAART;UACXU,QAAQ,GAAGT,UAAU,CAACQ,qBAAXR;UACbU,MAAM,GAAwB;;UAC9BT,SAAS,KAAK,YAAY;AAC5BS,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,GAA8BL,SAA9BK,GAA0C,CAA1CA,GAA8C,CAA9CA,OADD;AAEPK,UAAAA,MAAM,EAAKL,QAAQ,CAACK,MAATL,GAAkB,CAAlBA,GAAsB,EAAtBA,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,GAAgCL,SAAhCK,GAA4C,EAA5CA,OADF;AAEPO,UAAAA,KAAK,EAAKP,QAAQ,CAACO,KAATP,GAAiB,EAAjBA,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,CAACN,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBHI;sBAyBEa,yBAAAA,cAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,YAAAA,CAAMtB,SAAJ,UAAFsB,iBACLtB,SADO,wBACsBD,aADxBuB;AAGXC,IAAAA,GAAG,EAAElB;GAJPe;;;;"}
package/lib/cjs/TabItem.js CHANGED
@@ -38,6 +38,7 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
38
38
  style = _ref.style,
39
39
  disabled = _ref.disabled,
40
40
  tabTitle = _ref.tabTitle,
41
+ tabDesc = _ref.tabDesc,
41
42
  prefixCls = _ref.prefixCls,
42
43
  tabId = _ref.tabId,
43
44
  onTabClick = _ref.onTabClick,
@@ -51,6 +52,8 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
51
52
  _onDragEnd = _ref.onDragEnd,
52
53
  itemRef = _ref.itemRef,
53
54
  draggable = _ref.draggable,
55
+ _ref$type = _ref.type,
56
+ type = _ref$type === void 0 ? 'default' : _ref$type,
54
57
  _ref$direction = _ref.direction,
55
58
  layout = _ref$direction === void 0 ? 'horizontal' : _ref$direction;
56
59
 
@@ -163,9 +166,15 @@ var TabItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
163
166
  });
164
167
  }
165
168
  }
166
- }, /*#__PURE__*/React__default['default'].createElement("span", null, tabTitle), editable && /*#__PURE__*/React__default['default'].createElement("span", {
169
+ }, /*#__PURE__*/React__default['default'].createElement("span", {
170
+ className: prefixCls + "-item__title"
171
+ }, tabTitle), type === 'desc' && /*#__PURE__*/React__default['default'].createElement("span", {
172
+ className: prefixCls + "-item__desc"
173
+ }, tabDesc), editable && /*#__PURE__*/React__default['default'].createElement("span", {
167
174
  className: prefixCls + "__close-btn",
168
- onClick: function onClick() {
175
+ onClick: function onClick(e) {
176
+ e.stopPropagation();
177
+
169
178
  if (onDelete) {
170
179
  onDelete({
171
180
  tabId: tabId,
package/lib/cjs/TabItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","prefixCls","tabId","onTabClick","active","editable","onDelete","index","onDragStart","onDragOver","onDrop","onDragEnd","itemRef","draggable","direction","layout","useState","dragId","setDragId","setDirection","_onClick","useCallback","e","React","cx","tabIndex","onClick","stopPropagation","dataTransfer","setData","JSON","stringify","preventDefault","clearData","onDragLeave","targetBoundingRect","getBoundingClientRect","hoverTargetSortY","bottom","top","hoverTargetSortX","right","left","hoverClientY","clientY","hoverClientX","clientX","passedData","parse","getData","dragNode","dropNode","CloseOutlined","__DEV__","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","tabDesc","prefixCls","tabId","onTabClick","active","editable","onDelete","index","onDragStart","onDragOver","onDrop","onDragEnd","itemRef","draggable","type","direction","layout","useState","dragId","setDragId","setDirection","_onClick","useCallback","e","React","cx","tabIndex","onClick","stopPropagation","dataTransfer","setData","JSON","stringify","preventDefault","clearData","onDragLeave","targetBoundingRect","getBoundingClientRect","hoverTargetSortY","bottom","top","hoverTargetSortX","right","left","hoverClientY","clientY","hoverClientX","clientX","passedData","parse","getData","dragNode","dropNode","CloseOutlined","__DEV__","displayName"],"mappings":"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"}
package/lib/cjs/TabList.js CHANGED
@@ -37,6 +37,10 @@ function _interopDefaultLegacy(e) {
37
37
 
38
38
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
39
39
 
40
+ var _role = 'tabs';
41
+
42
+ var _prefix = classname.getPrefixCls(_role);
43
+
40
44
  var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
41
45
  var _cx;
42
46
 
@@ -47,7 +51,8 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
47
51
  defaultActiveId = _ref.defaultActiveId,
48
52
  onChange = _ref.onChange,
49
53
  onTabClick = _ref.onTabClick,
50
- prefixCls = _ref.prefixCls,
54
+ _ref$prefixCls = _ref.prefixCls,
55
+ prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
51
56
  _ref$direction = _ref.direction,
52
57
  direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
53
58
  editable = _ref.editable,
@@ -150,6 +155,7 @@ var TabList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
150
155
  ref: function ref(node) {
151
156
  itemsRef.current["" + d.tabId] = node;
152
157
  },
158
+ type: type,
153
159
  itemRef: itemsRef.current["" + d.tabId],
154
160
  index: index,
155
161
  active: activeTab === d.tabId,
package/lib/cjs/TabList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","direction","editable","onAdd","onDelete","draggable","onDragStart","onDragOver","onDrop","onDragEnd","type","useUncontrolledState","tabId","activeTab","setActiveTab","useState","innerRef","setInnerRef","scrollRef","setScrollRef","translateX","setTranslateX","translateY","setTranslateY","itemsRef","useRef","showScrollBtn","useMemo","clientWidth","clientHeight","onClickTab","useCallback","key","React","cx","onClick","canScroll","moveWidth","LeftOutlined","UpOutlined","transform","map","d","index","TabItem","node","current","itemRef","active","TabInk","translate","tabListRef","RightOutlined","DownOutlined","PlusOutlined","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,OAAO,gBAAGC,gBAAAA,CACrB,cAAA,EAqBEC,GArBF;;;MAEIC,YAAAA;MACAC,iBAAAA;MACAC,aAAAA;MACAC,gBAAAA;MACAC,uBAAAA;MACAC,gBAAAA;MACAC,kBAAAA;MACAC,iBAAAA;4BACAC;MAAAA,wCAAY;MACZC,gBAAAA;MACAC,aAAAA;MACAC,gBAAAA;MACAC,iBAAAA;MACAC,mBAAAA;MACAC,kBAAAA;MACAC,cAAAA;MACAC,iBAAAA;uBACAC;MAAAA,8BAAO;;;;8BAIyBC,yCAAAA,CAChCd,eAAe,KAAI,MAAAJ,IAAI,CAAC,CAAD,CAAJ,UAAA,iBAAA,SAAA,MAASmB,KAAb,CADiBD,EAEhCf,QAFgCe,EAGhCb,QAHgCa;MAA3BE,SAAP;MAAkBC,YAAlB;;kBAMgCC,cAAAA,CAAgC,IAAhCA;MAAzBC,QAAP;MAAiBC,WAAjB;;mBACkCF,cAAAA,CAAgC,IAAhCA;MAA3BG,SAAP;MAAkBC,YAAlB;;mBACoCJ,cAAAA,CAAiB,CAAjBA;MAA7BK,UAAP;MAAmBC,aAAnB;;mBACoCN,cAAAA,CAAiB,CAAjBA;MAA7BO,UAAP;MAAmBC,aAAnB;;MACMC,QAAQ,GAAGC,YAAAA,CAA8C,EAA9CA;MACXC,aAAa,GAAGC,aAAAA,CAAQ;QACxBT,SAAS,IAAIF,UAAU;aAClBf,SAAS,KAAK,YAAdA,GACH,CAAAiB,SAAS,SAATA,IAAAA,SAAS,WAATA,SAAAA,GAAAA,SAAS,CAAEU,WAAX,KAAyBZ,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEY,WAAnC,CADG3B,GAEH,CAAAiB,SAAS,SAATA,IAAAA,SAAS,WAATA,SAAAA,GAAAA,SAAS,CAAEW,YAAX,KAA0Bb,QAAQ,SAARA,IAAAA,QAAQ,WAARA,SAAAA,GAAAA,QAAQ,CAAEa,YAApC;;AAJqB,GAAPF,EAMnB,CAACT,SAAD,EAAYF,QAAZ,EAAsBf,SAAtB,CANmB0B;MAQhBG,UAAU,GAAGC,iBAAAA,CACjB,UAACC,GAAD;QACMjC,YAAY;AACdA,MAAAA,UAAU,CAACiC,GAAD,CAAVjC;;;QAEEiC,GAAG,KAAKnB,SAARmB,IAAqBlB,cAAc;AACrCA,MAAAA,YAAY,CAACkB,GAAD,CAAZlB;;AANwB,GAAXiB,EASjB,CAAClB,SAAD,EAAYd,UAAZ,EAAwBe,YAAxB,CATiBiB;sBAYjBE,yBAAAA,cAAAA,MAAAA;AACEtC,IAAAA,KAAK,EAAEA;AACPD,IAAAA,SAAS,EAAEwC,YAAAA,CAAMlC,SAAJ,WAAFkC,iBAA+BlC,SAA7B,aAA6BA,GAAoBU,QAASA,SAA5DwB,GAAoExC,SAApEwC;AACX1C,IAAAA,GAAG,EAAEA;GAHPyC,EAKGP,aAAa,IAAIzB,SAAS,KAAK,YAA/ByB,iBACCO,yBAAAA,cAAAA,MAAAA;AACEvC,IAAAA,SAAS,EAAKM,SAAL;AACTmC,IAAAA,OAAO,EAAE,gBAAA;UACHjB,SAAS,IAAIF,UAAU;YACnBoB,SAAS,GAAG,CAAChB,UAAD,GAAcJ,QAAQ,CAACY;YACrCS,SAAS,GAAG;;YACZD,SAAS,IAAI,GAAG;AAClBC,UAAAA,SAAS,GAAGrB,QAAQ,CAACY,WAArBS;AADF,eAEO;AACLA,UAAAA,SAAS,GAAG,CAACjB,UAAbiB;;;AAGFhB,QAAAA,aAAa,CAACD,UAAU,GAAGiB,SAAd,CAAbhB;;;GAZNY,eAgBEA,yBAAAA,cAAAA,CAACK,kBAADL,MAAAA,CAhBFA,CANJA,EAyBGP,aAAa,IAAIzB,SAAS,KAAK,UAA/ByB,iBACCO,yBAAAA,cAAAA,MAAAA;AACEvC,IAAAA,SAAS,EAAKM,SAAL;AACTmC,IAAAA,OAAO,EAAE,gBAAA;UACHjB,SAAS,IAAIF,UAAU;YACnBoB,SAAS,GAAG,CAACd,UAAD,GAAcN,QAAQ,CAACa;YACrCQ,SAAS,GAAG;;YACZD,SAAS,IAAI,GAAG;AAClBC,UAAAA,SAAS,GAAGrB,QAAQ,CAACa,YAArBQ;AADF,eAEO;AACLA,UAAAA,SAAS,GAAG,CAACf,UAAbe;;;AAGFd,QAAAA,aAAa,CAACD,UAAU,GAAGe,SAAd,CAAbd;;;GAZNU,eAgBEA,yBAAAA,cAAAA,CAACM,gBAADN,MAAAA,CAhBFA,CA1BJA,eA6CEA,yBAAAA,cAAAA,MAAAA;AAAKvC,IAAAA,SAAS,EAAEwC,YAAAA,CAAMlC,SAAJ,kBAAFkC;AAAiC1C,IAAAA,GAAG,EAAEyB;GAAtDgB,eACEA,yBAAAA,cAAAA,MAAAA;AACEvC,IAAAA,SAAS,EAAEwC,YAAAA,CAAMlC,SAAJ,mBAAFkC;AACX1C,IAAAA,GAAG,EAAE2B;AACLxB,IAAAA,KAAK,EACH+B,aAAa,GACT;AACEc,MAAAA,SAAS,EACPvC,SAAS,KAAK,YAAdA,mBACkBmB,kBADlBnB,mBAEkBqB;AAJtB,KADS,GAOT;GAXRW,EAcGxC,IAAI,CAACgD,GAALhD,CAAS,UAACiD,CAAD,EAAIC,KAAJ;wBACRV,yBAAAA,cAAAA,CAACW,eAADX;AACED,MAAAA,GAAG,EAAEW;OACDD;AACJlD,MAAAA,GAAG,EAAE,YAAA,CAACqD,IAAD;AACHrB,QAAAA,QAAQ,CAACsB,OAATtB,MAAoBkB,CAAC,CAAC9B,KAAtBY,IAAiCqB,IAAjCrB;;AAEFuB,MAAAA,OAAO,EAAEvB,QAAQ,CAACsB,OAATtB,MAAoBkB,CAAC,CAAC9B,KAAtBY;AACTmB,MAAAA,KAAK,EAAEA;AACPK,MAAAA,MAAM,EAAEnC,SAAS,KAAK6B,CAAC,CAAC9B;AACxBZ,MAAAA,SAAS,EAAEA;AACXK,MAAAA,SAAS,EAAEA;AACXN,MAAAA,UAAU,EAAE+B;AACZ5B,MAAAA,QAAQ,EAAEA;AACVE,MAAAA,QAAQ,EAAEA;AACVE,MAAAA,WAAW,EAAEA;AACbC,MAAAA,UAAU,EAAEA;AACZC,MAAAA,MAAM,EAAEA;AACRC,MAAAA,SAAS,EAAEA;AACXR,MAAAA,SAAS,EAAEA;MAlBbgC;AADD,GAAAxC,CAdHwC,EAoCGvB,IAAI,KAAK,SAATA,iBACCuB,yBAAAA,cAAAA,CAACgB,aAADhB;AACEiB,IAAAA,SAAS,EAAEjD,SAAS,KAAK,YAAdA,GAA6BmB,UAA7BnB,GAA0CqB;AACrDtB,IAAAA,SAAS,EAAEA;AACXC,IAAAA,SAAS,EAAEA;AACXkD,IAAAA,UAAU,EAAEnC;AACZ+B,IAAAA,OAAO,EAAE,MAAAvB,QAAQ,CAACsB,OAAT,UAAA,iBAAA,SAAA,MAAmBjC;GAL9BoB,CArCJA,CADFA,CA7CFA,EA6FGP,aAAa,IAAIzB,SAAS,KAAK,YAA/ByB,iBACCO,yBAAAA,cAAAA,MAAAA;AACEvC,IAAAA,SAAS,EAAKM,SAAL;AACTmC,IAAAA,OAAO,EAAE,gBAAA;UACHjB,SAAS,IAAIF,UAAU;YACnBoB,SAAS,GAAGlB,SAAS,CAACU,WAAVV,GAAwBF,QAAQ,CAACY,WAAjCV,GAA+CE;YAC7DiB,SAAS,GAAG;;YACZD,SAAS,IAAIpB,QAAQ,CAACY,aAAa;AACrCS,UAAAA,SAAS,GAAGrB,QAAQ,CAACY,WAArBS;AADF,eAEO;AACLA,UAAAA,SAAS,GAAGD,SAAZC;;;AAGFhB,QAAAA,aAAa,CAACD,UAAU,GAAGiB,SAAd,CAAbhB;;;GAZNY,eAgBEA,yBAAAA,cAAAA,CAACmB,mBAADnB,MAAAA,CAhBFA,CA9FJA,EAiHGP,aAAa,IAAIzB,SAAS,KAAK,UAA/ByB,iBACCO,yBAAAA,cAAAA,MAAAA;AACEvC,IAAAA,SAAS,EAAKM,SAAL;AACTmC,IAAAA,OAAO,EAAE,gBAAA;UACHjB,SAAS,IAAIF,UAAU;YACnBoB,SAAS,GAAGlB,SAAS,CAACW,YAAVX,GAAyBF,QAAQ,CAACa,YAAlCX,GAAiDI;YAC/De,SAAS,GAAG;;YACZD,SAAS,IAAIpB,QAAQ,CAACa,cAAc;AACtCQ,UAAAA,SAAS,GAAGrB,QAAQ,CAACa,YAArBQ;AADF,eAEO;AACLA,UAAAA,SAAS,GAAGD,SAAZC;;;AAGFd,QAAAA,aAAa,CAACD,UAAU,GAAGe,SAAd,CAAbd;;;GAZNU,eAgBEA,yBAAAA,cAAAA,CAACoB,kBAADpB,MAAAA,CAhBFA,CAlHJA,EAqIG/B,QAAQ,iBACP+B,yBAAAA,cAAAA,MAAAA;AAAKvC,IAAAA,SAAS,EAAKM,SAAL;AAA2BmC,IAAAA,OAAO,EAAEhC;GAAlD8B,eACEA,yBAAAA,cAAAA,CAACqB,kBAADrB,MAAAA,CADFA,CAtIJA;AAvD2B,CAAV1C;;AA8OvB,IAAIgE,WAAJ,EAAa;AACXjE,EAAAA,OAAO,CAACkE,WAARlE,GAAsB,SAAtBA;;;"}
1
+ {"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","direction","editable","onAdd","onDelete","draggable","onDragStart","onDragOver","onDrop","onDragEnd","type","useUncontrolledState","tabId","activeTab","setActiveTab","useState","innerRef","setInnerRef","scrollRef","setScrollRef","translateX","setTranslateX","translateY","setTranslateY","itemsRef","useRef","showScrollBtn","useMemo","clientWidth","clientHeight","onClickTab","useCallback","key","React","cx","onClick","canScroll","moveWidth","LeftOutlined","UpOutlined","transform","map","d","index","TabItem","node","current","itemRef","active","TabInk","translate","tabListRef","RightOutlined","DownOutlined","PlusOutlined","__DEV__","displayName"],"mappings":"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"}
package/lib/cjs/index.js CHANGED
@@ -19,7 +19,10 @@ var Tabs = require('./Tabs.js');
19
19
 
20
20
  var TabPane = require('./TabPane.js');
21
21
 
22
+ var TabList = require('./TabList.js');
23
+
22
24
  exports.Tabs = Tabs.Tabs;
23
25
  exports["default"] = Tabs.Tabs;
24
26
  exports.TabPane = TabPane.TabPane;
27
+ exports.TabList = TabList.TabList;
25
28
  //# sourceMappingURL=index.js.map
package/lib/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- 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@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__add-btn {\n cursor: pointer; }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n margin-left: 4px; }\n.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 -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0 4px 0 0;\n padding: 4px 8px;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 4px 0 0;\n border: 1px solid #dfe2e8;\n border: 1px solid var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-bottom: 2px solid #fff;\n border-bottom: 2px solid var(--hi-v4-color-static-white, #fff); }\n.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: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n display: block; }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0 0 4px 0;\n padding: 4px 8px;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 0 0 4px;\n border: 1px solid #dfe2e8;\n border: 1px solid var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-right: 1px solid #fff;\n border-right: 1px solid var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list::before {\n content: '';\n clear: both;\n position: absolute;\n top: 0;\n right: 0;\n left: auto;\n height: 100%;\n width: 1px;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n display: block; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item {\n line-height: 22px;\n padding: 0 8px;\n margin: 8px 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--prev {\n border-top: 1px solid #237ffa;\n border-top: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n border-left: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--next {\n border-bottom: 1px solid #237ffa;\n border-bottom: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n border-right: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--vertical .hi-v4-tabs__ink {\n position: absolute;\n right: 0;\n bottom: auto;\n width: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\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 -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--prev {\n border-left: 1px solid #237ffa;\n border-left: 1px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--next {\n border-right: 1px solid #237ffa;\n border-right: 1px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--disabled {\n color: #929aa6 !important;\n color: var(--hi-v4-color-gray-500, #929aa6) !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";
15
+ 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@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__add-btn {\n cursor: pointer; }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n margin-left: 4px;\n margin-left: var(--hi-v4-spacing-2, 4px);\n -webkit-transition: color 0.3s;\n transition: color 0.3s; }\n.hi-v4-tabs__close-btn:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.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: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px 4px 0 0;\n border-radius: var(--hi-v4-border-radius-normal, 4px) var(--hi-v4-border-radius-normal, 4px) 0 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 4px 4px 4px 0;\n margin: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc {\n padding: 0 20px;\n padding: 0 var(--hi-v4-spacing-10, 20px); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item {\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 20px 12px 20px 0;\n margin: var(--hi-v4-spacing-10, 20px) var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 0 0 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px) 0 0 var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 0 0 4px 0;\n margin: 0 0 var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 0 0 12px 0;\n margin: 0 0 var(--hi-v4-spacing-6, 12px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item {\n line-height: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--prev {\n border-top: 1px dashed #237ffa;\n border-top: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-left: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--next {\n border-bottom: 1px dashed #237ffa;\n border-bottom: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-right: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--vertical .hi-v4-tabs__ink {\n position: absolute;\n left: 0;\n bottom: auto;\n width: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\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: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n cursor: pointer;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--prev {\n border-left: 1px dashed #237ffa;\n border-left: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--next {\n border-right: 1px dashed #237ffa;\n border-right: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--disabled {\n color: #929aa6 !important;\n color: var(--hi-v4-color-gray-500, #929aa6) !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 padding-top: var(--hi-v4-spacing-8, 16px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n";
16
16
 
17
17
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
18
18
 
package/lib/esm/TabInk.js CHANGED
@@ -28,15 +28,15 @@ var TabInk = function TabInk(_ref) {
28
28
 
29
29
  if (direction === 'vertical') {
30
30
  _style = {
31
- top: itemRect.top - listRect.top - translate + "px",
32
- height: itemRect.height + "px",
31
+ top: itemRect.top - listRect.top - translate + 2 + 8 + "px",
32
+ height: itemRect.height - 4 - 16 + "px",
33
33
  left: '',
34
34
  width: ''
35
35
  };
36
36
  } else {
37
37
  _style = {
38
- left: itemRect.left - listRect.left - translate + "px",
39
- width: itemRect.width + "px",
38
+ left: itemRect.left - listRect.left - translate + 20 + "px",
39
+ width: itemRect.width - 40 + "px",
40
40
  top: '',
41
41
  height: ''
42
42
  };
package/lib/esm/TabInk.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","translate","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;IAYaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,MAAM,CAAiB,IAAjB;AAErBC,EAAAA,SAAS,CAAC;QACJF,MAAM,CAACG,OAAPH,IAAkBJ,OAAlBI,IAA6BH,YAAY;UACrCO,QAAQ,GAAGR,OAAO,CAACS,qBAART;UACXU,QAAQ,GAAGT,UAAU,CAACQ,qBAAXR;UACbU,MAAM,GAAwB;;UAC9BT,SAAS,KAAK,YAAY;AAC5BS,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,GAA8BL,SAA9BK,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,GAAgCL,SAAhCK,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,CAAChB,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBM,CAATI;sBAyBEa,mBAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,EAAE,CAAItB,SAAJ,UAAA,iBACPA,SADO,wBACsBD,aADtB;AAGbwB,IAAAA,GAAG,EAAElB;GAJPe;;;;"}
1
+ {"version":3,"file":"TabInk.js","sources":["../../src/TabInk.tsx"],"sourcesContent":[null],"names":["TabInk","disabled","prefixCls","itemRef","tabListRef","direction","translate","inkRef","useRef","useEffect","current","itemRect","getBoundingClientRect","listRect","_style","top","height","left","width","Object","assign","style","React","className","cx","ref"],"mappings":";;;;;;;;;;;;IAYaA,MAAM,GAA0B,SAAhCA,MAAgC,KAAA;;;MAC3CC,gBAAAA;MACAC,iBAAAA;MACAC,eAAAA;MACAC,kBAAAA;MACAC,iBAAAA;MACAC,iBAAAA;MAEMC,MAAM,GAAGC,MAAM,CAAiB,IAAjB;AAErBC,EAAAA,SAAS,CAAC;QACJF,MAAM,CAACG,OAAPH,IAAkBJ,OAAlBI,IAA6BH,YAAY;UACrCO,QAAQ,GAAGR,OAAO,CAACS,qBAART;UACXU,QAAQ,GAAGT,UAAU,CAACQ,qBAAXR;UACbU,MAAM,GAAwB;;UAC9BT,SAAS,KAAK,YAAY;AAC5BS,QAAAA,MAAM,GAAG;AACPC,UAAAA,GAAG,EAAKJ,QAAQ,CAACI,GAATJ,GAAeE,QAAQ,CAACE,GAAxBJ,GAA8BL,SAA9BK,GAA0C,CAA1CA,GAA8C,CAA9CA,OADD;AAEPK,UAAAA,MAAM,EAAKL,QAAQ,CAACK,MAATL,GAAkB,CAAlBA,GAAsB,EAAtBA,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,GAAgCL,SAAhCK,GAA4C,EAA5CA,OADF;AAEPO,UAAAA,KAAK,EAAKP,QAAQ,CAACO,KAATP,GAAiB,EAAjBA,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,CAAChB,OAAD,EAAUC,UAAV,EAAsBC,SAAtB,CAtBM,CAATI;sBAyBEa,mBAAAA,MAAAA;AACEC,IAAAA,SAAS,EAAEC,EAAE,CAAItB,SAAJ,UAAA,iBACPA,SADO,wBACsBD,aADtB;AAGbwB,IAAAA,GAAG,EAAElB;GAJPe;;;;"}
package/lib/esm/TabItem.js CHANGED
@@ -18,6 +18,7 @@ var TabItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
18
18
  style = _ref.style,
19
19
  disabled = _ref.disabled,
20
20
  tabTitle = _ref.tabTitle,
21
+ tabDesc = _ref.tabDesc,
21
22
  prefixCls = _ref.prefixCls,
22
23
  tabId = _ref.tabId,
23
24
  onTabClick = _ref.onTabClick,
@@ -31,6 +32,8 @@ var TabItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
31
32
  _onDragEnd = _ref.onDragEnd,
32
33
  itemRef = _ref.itemRef,
33
34
  draggable = _ref.draggable,
35
+ _ref$type = _ref.type,
36
+ type = _ref$type === void 0 ? 'default' : _ref$type,
34
37
  _ref$direction = _ref.direction,
35
38
  layout = _ref$direction === void 0 ? 'horizontal' : _ref$direction;
36
39
 
@@ -143,9 +146,15 @@ var TabItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
143
146
  });
144
147
  }
145
148
  }
146
- }, /*#__PURE__*/React.createElement("span", null, tabTitle), editable && /*#__PURE__*/React.createElement("span", {
149
+ }, /*#__PURE__*/React.createElement("span", {
150
+ className: prefixCls + "-item__title"
151
+ }, tabTitle), type === 'desc' && /*#__PURE__*/React.createElement("span", {
152
+ className: prefixCls + "-item__desc"
153
+ }, tabDesc), editable && /*#__PURE__*/React.createElement("span", {
147
154
  className: prefixCls + "__close-btn",
148
- onClick: function onClick() {
155
+ onClick: function onClick(e) {
156
+ e.stopPropagation();
157
+
149
158
  if (onDelete) {
150
159
  onDelete({
151
160
  tabId: tabId,
package/lib/esm/TabItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","prefixCls","tabId","onTabClick","active","editable","onDelete","index","onDragStart","onDragOver","onDrop","onDragEnd","itemRef","draggable","direction","layout","useState","dragId","setDragId","setDirection","_onClick","useCallback","e","React","cx","tabIndex","onClick","stopPropagation","dataTransfer","setData","JSON","stringify","preventDefault","clearData","onDragLeave","targetBoundingRect","getBoundingClientRect","hoverTargetSortY","bottom","top","hoverTargetSortX","right","left","hoverClientY","clientY","hoverClientX","clientX","passedData","parse","getData","dragNode","dropNode","CloseOutlined","__DEV__","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"TabItem.js","sources":["../../src/TabItem.tsx"],"sourcesContent":[null],"names":["TabItem","forwardRef","ref","className","style","disabled","tabTitle","tabDesc","prefixCls","tabId","onTabClick","active","editable","onDelete","index","onDragStart","onDragOver","onDrop","onDragEnd","itemRef","draggable","type","direction","layout","useState","dragId","setDragId","setDirection","_onClick","useCallback","e","React","cx","tabIndex","onClick","stopPropagation","dataTransfer","setData","JSON","stringify","preventDefault","clearData","onDragLeave","targetBoundingRect","getBoundingClientRect","hoverTargetSortY","bottom","top","hoverTargetSortX","right","left","hoverClientY","clientY","hoverClientX","clientX","passedData","parse","getData","dragNode","dropNode","CloseOutlined","__DEV__","displayName"],"mappings":"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"}
package/lib/esm/TabList.js CHANGED
@@ -11,9 +11,13 @@ import React, { forwardRef, useState, useRef, useMemo, useCallback } from 'react
11
11
  import { __DEV__ } from '@hi-ui/env';
12
12
  import { TabItem } from './TabItem.js';
13
13
  import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
14
- import { cx } from '@hi-ui/classname';
14
+ import { getPrefixCls, cx } from '@hi-ui/classname';
15
15
  import { TabInk } from './TabInk.js';
16
16
  import { LeftOutlined, UpOutlined, RightOutlined, DownOutlined, PlusOutlined } from '@hi-ui/icons';
17
+ var _role = 'tabs';
18
+
19
+ var _prefix = getPrefixCls(_role);
20
+
17
21
  var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
18
22
  var _cx;
19
23
 
@@ -24,7 +28,8 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
24
28
  defaultActiveId = _ref.defaultActiveId,
25
29
  onChange = _ref.onChange,
26
30
  onTabClick = _ref.onTabClick,
27
- prefixCls = _ref.prefixCls,
31
+ _ref$prefixCls = _ref.prefixCls,
32
+ prefixCls = _ref$prefixCls === void 0 ? _prefix : _ref$prefixCls,
28
33
  _ref$direction = _ref.direction,
29
34
  direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
30
35
  editable = _ref.editable,
@@ -127,6 +132,7 @@ var TabList = /*#__PURE__*/forwardRef(function (_ref, ref) {
127
132
  ref: function ref(node) {
128
133
  itemsRef.current["" + d.tabId] = node;
129
134
  },
135
+ type: type,
130
136
  itemRef: itemsRef.current["" + d.tabId],
131
137
  index: index,
132
138
  active: activeTab === d.tabId,
package/lib/esm/TabList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","direction","editable","onAdd","onDelete","draggable","onDragStart","onDragOver","onDrop","onDragEnd","type","useUncontrolledState","tabId","activeTab","setActiveTab","useState","innerRef","setInnerRef","scrollRef","setScrollRef","translateX","setTranslateX","translateY","setTranslateY","itemsRef","useRef","showScrollBtn","useMemo","clientWidth","clientHeight","onClickTab","useCallback","key","React","cx","onClick","canScroll","moveWidth","LeftOutlined","UpOutlined","transform","map","d","index","TabItem","node","current","itemRef","active","TabInk","translate","tabListRef","RightOutlined","DownOutlined","PlusOutlined","__DEV__","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","TabList","forwardRef","ref","data","className","style","activeId","defaultActiveId","onChange","onTabClick","prefixCls","direction","editable","onAdd","onDelete","draggable","onDragStart","onDragOver","onDrop","onDragEnd","type","useUncontrolledState","tabId","activeTab","setActiveTab","useState","innerRef","setInnerRef","scrollRef","setScrollRef","translateX","setTranslateX","translateY","setTranslateY","itemsRef","useRef","showScrollBtn","useMemo","clientWidth","clientHeight","onClickTab","useCallback","key","React","cx","onClick","canScroll","moveWidth","LeftOutlined","UpOutlined","transform","map","d","index","TabItem","node","current","itemRef","active","TabInk","translate","tabListRef","RightOutlined","DownOutlined","PlusOutlined","__DEV__","displayName"],"mappings":"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"}
package/lib/esm/index.js CHANGED
@@ -10,4 +10,5 @@
10
10
  import './styles/index.scss.js';
11
11
  export { Tabs, Tabs as default } from './Tabs.js';
12
12
  export { TabPane } from './TabPane.js';
13
+ export { TabList } from './TabList.js';
13
14
  //# sourceMappingURL=index.js.map
package/lib/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
package/lib/esm/styles/index.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
- 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@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__add-btn {\n cursor: pointer; }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: #000;\n color: var(--hi-v4-color-static-black, #000);\n margin-left: 4px; }\n.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 -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0 4px 0 0;\n padding: 4px 8px;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 4px 0 0;\n border: 1px solid #dfe2e8;\n border: 1px solid var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-bottom: 2px solid #fff;\n border-bottom: 2px solid var(--hi-v4-color-static-white, #fff); }\n.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: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n display: block; }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0 0 4px 0;\n padding: 4px 8px;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 0 0 4px;\n border: 1px solid #dfe2e8;\n border: 1px solid var(--hi-v4-color-gray-300, #dfe2e8); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff);\n border-right: 1px solid #fff;\n border-right: 1px solid var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list::before {\n content: '';\n clear: both;\n position: absolute;\n top: 0;\n right: 0;\n left: auto;\n height: 100%;\n width: 1px;\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n display: block; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item {\n line-height: 22px;\n padding: 0 8px;\n margin: 8px 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--prev {\n border-top: 1px solid #237ffa;\n border-top: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n border-left: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--next {\n border-bottom: 1px solid #237ffa;\n border-bottom: 1px solid var(--hi-v4-color-brandblue-500, #237ffa);\n border-right: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--vertical .hi-v4-tabs__ink {\n position: absolute;\n right: 0;\n bottom: auto;\n width: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\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 -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--prev {\n border-left: 1px solid #237ffa;\n border-left: 1px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--next {\n border-right: 1px solid #237ffa;\n border-right: 1px solid var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--disabled {\n color: #929aa6 !important;\n color: var(--hi-v4-color-gray-500, #929aa6) !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";
10
+ 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@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__add-btn {\n cursor: pointer; }\n.hi-v4-tabs__close-btn {\n cursor: pointer;\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n margin-left: 4px;\n margin-left: var(--hi-v4-spacing-2, 4px);\n -webkit-transition: color 0.3s;\n transition: color 0.3s; }\n.hi-v4-tabs__close-btn:hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.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: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n overflow: hidden;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px 4px 0 0;\n border-radius: var(--hi-v4-border-radius-normal, 4px) var(--hi-v4-border-radius-normal, 4px) 0 0;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 4px 4px 4px 0;\n margin: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc {\n padding: 0 20px;\n padding: 0 var(--hi-v4-spacing-10, 20px); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item {\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 20px 12px 20px 0;\n margin: var(--hi-v4-spacing-10, 20px) var(--hi-v4-spacing-6, 12px) var(--hi-v4-spacing-10, 20px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__list--inner {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 1;\n flex: 1 1;\n position: relative;\n overflow: hidden; }\n.hi-v4-tabs__list--scroll {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list {\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item {\n margin: 0;\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n border-radius: 4px 0 0 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px) 0 0 var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--card .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #fff;\n background-color: var(--hi-v4-color-static-white, #fff); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item {\n margin: 0 0 4px 0;\n margin: 0 0 var(--hi-v4-spacing-2, 4px) 0;\n padding: 4px 20px;\n padding: var(--hi-v4-spacing-2, 4px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--button .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__title {\n color: #1f2733;\n color: var(--hi-v4-color-gray-700, #1f2733); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs-item__desc {\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6);\n font-size: 0.75rem;\n font-size: var(--hi-v4-text-size-sm, 0.75rem);\n line-height: 1.25rem;\n line-height: var(--hi-v4-text-lineheight-sm, 1.25rem); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin: 0 0 12px 0;\n margin: 0 0 var(--hi-v4-spacing-6, 12px) 0;\n padding: 16px 20px;\n padding: var(--hi-v4-spacing-8, 16px) var(--hi-v4-spacing-10, 20px);\n border-radius: 4px;\n border-radius: var(--hi-v4-border-radius-normal, 4px);\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n background: #f5f7fa;\n background: var(--hi-v4-color-gray-50, #f5f7fa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item:not(.hi-v4-tabs__item--active):hover {\n background-color: #ebedf0;\n background-color: var(--hi-v4-color-gray-200, #ebedf0);\n color: #929aa6;\n color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa);\n background-color: #e2f3fe;\n background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__title {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--desc .hi-v4-tabs__item--active .hi-v4-tabs-item__desc {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--inner {\n width: auto;\n display: block;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__list--scroll {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n position: relative; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item {\n line-height: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--prev {\n border-top: 1px dashed #237ffa;\n border-top: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-left: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__item--next {\n border-bottom: 1px dashed #237ffa;\n border-bottom: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa);\n border-right: none; }\n.hi-v4-tabs--vertical .hi-v4-tabs__content {\n padding-left: 16px;\n padding-top: 0; }\n.hi-v4-tabs--vertical .hi-v4-tabs__ink {\n position: absolute;\n left: 0;\n bottom: auto;\n width: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\n -webkit-transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__ink {\n position: absolute;\n bottom: 0;\n right: auto;\n top: auto;\n height: 2px;\n background-color: #237ffa;\n background-color: var(--hi-v4-color-brandblue-500, #237ffa);\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: 1.5rem;\n line-height: var(--hi-v4-text-lineheight-lg, 1.5rem);\n padding: 8px 20px;\n padding: var(--hi-v4-spacing-4, 8px) var(--hi-v4-spacing-10, 20px);\n margin: 0;\n cursor: pointer;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n -webkit-transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);\n transition: all 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }\n.hi-v4-tabs__item:not(.hi-v4-tabs__item--disabled):hover {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--active {\n color: #237ffa;\n color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--prev {\n border-left: 1px dashed #237ffa;\n border-left: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--next {\n border-right: 1px dashed #237ffa;\n border-right: 1px dashed var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tabs__item--disabled {\n color: #929aa6 !important;\n color: var(--hi-v4-color-gray-500, #929aa6) !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 padding-top: var(--hi-v4-spacing-8, 16px);\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n";
11
11
 
12
12
  var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
13
13
 
package/lib/types/TabItem.d.ts CHANGED
@@ -18,6 +18,7 @@ interface TabItemProps extends TabPaneProps {
18
18
  onDragEnd?: (e: React.DragEvent<HTMLDivElement>, dragNode: TabPaneProps) => void;
19
19
  itemRef: HTMLDivElement | null;
20
20
  direction: 'horizontal' | 'vertical';
21
+ type: 'desc' | 'default' | 'button' | 'card';
21
22
  }
22
23
  export declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLDivElement | null>>;
23
24
  export {};
package/lib/types/TabList.d.ts CHANGED
@@ -6,7 +6,7 @@ export interface TabListProps {
6
6
  className?: string;
7
7
  prefixCls?: string;
8
8
  data: TabPaneProps[];
9
- direction: 'horizontal' | 'vertical';
9
+ direction?: 'horizontal' | 'vertical';
10
10
  onChange?: (tabId: string) => void;
11
11
  onTabClick?: (tabId: string) => void;
12
12
  /**
package/lib/types/TabPane.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface TabPaneProps {
6
6
  disabled?: boolean;
7
7
  tabId: string;
8
8
  tabTitle: React.ReactNode;
9
+ tabDesc?: React.ReactNode;
9
10
  closeable?: boolean;
10
11
  active?: boolean;
11
12
  }
package/lib/types/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import './styles/index.scss';
2
2
  export * from './Tabs';
3
3
  export * from './TabPane';
4
+ export * from './TabList';
4
5
  export { Tabs as default } from './Tabs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/tabs",
3
- "version": "4.0.0-alpha.4",
3
+ "version": "4.0.0-alpha.9",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HIUI <mi-hiui@xiaomi.com>",
@@ -43,20 +43,20 @@
43
43
  "url": "https://github.com/XiaoMi/hiui/issues"
44
44
  },
45
45
  "dependencies": {
46
- "@hi-ui/classname": "^4.0.0-alpha.0",
47
- "@hi-ui/core-css": "^4.0.0-alpha.6",
48
- "@hi-ui/env": "^4.0.0-alpha.0",
49
- "@hi-ui/icons": "^4.0.0-alpha.13",
50
- "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.8"
46
+ "@hi-ui/classname": "^4.0.0-alpha.3",
47
+ "@hi-ui/core-css": "^4.0.0-alpha.10",
48
+ "@hi-ui/env": "^4.0.0-alpha.5",
49
+ "@hi-ui/icons": "^4.0.0-alpha.18",
50
+ "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "react": "^17.0.1",
54
54
  "react-dom": "^17.0.1"
55
55
  },
56
56
  "devDependencies": {
57
- "@hi-ui/hi-build": "^4.0.0-alpha.3",
57
+ "@hi-ui/hi-build": "^4.0.0-alpha.4",
58
58
  "react": "^17.0.1",
59
59
  "react-dom": "^17.0.1"
60
60
  },
61
- "gitHead": "689ef7c6b19089bf0aa818978c70da1e27714e6b"
61
+ "gitHead": "4fe4855aa7b3180a4e30ffa0972ac39a04947b4b"
62
62
  }