tdesign-react 0.23.0 → 0.23.1

package/cjs/table/util/index.js

@@ -1,41 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ScrollDirection = /* @__PURE__ */function (ScrollDirection2) {
-  ScrollDirection2["X"] = "x";
-  ScrollDirection2["Y"] = "y";
-  ScrollDirection2["UNKNOWN"] = "unknown";
-  return ScrollDirection2;
-}(ScrollDirection || {});
-var preScrollLeft;
-var preScrollTop;
-var getScrollDirection = function getScrollDirection(scrollLeft, scrollTop) {
-  var direction = "unknown"
-  /* UNKNOWN */
-  ;
-
-  if (preScrollTop !== scrollTop) {
-    direction = "y"
-    /* Y */
-    ;
-  } else if (preScrollLeft !== scrollLeft) {
-    direction = "x"
-    /* X */
-    ;
-  }
-
-  preScrollTop = scrollTop;
-  preScrollLeft = scrollLeft;
-  return direction;
-};
-
-exports.ScrollDirection = ScrollDirection;
-exports.getScrollDirection = getScrollDirection;
-//# sourceMappingURL=index.js.map

package/cjs/table/util/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/table/util/index.ts"],"sourcesContent":["export enum ScrollDirection {\n  X = 'x',\n  Y = 'y',\n  UNKNOWN = 'unknown',\n}\n\nlet preScrollLeft: any;\nlet preScrollTop: any;\n\nexport const getScrollDirection = (scrollLeft: number, scrollTop: number): ScrollDirection => {\n  let direction = ScrollDirection.UNKNOWN;\n  if (preScrollTop !== scrollTop) {\n    direction = ScrollDirection.Y;\n  } else if (preScrollLeft !== scrollLeft) {\n    direction = ScrollDirection.X;\n  }\n  preScrollTop = scrollTop;\n  preScrollLeft = scrollLeft;\n  return direction;\n};\n"],"names":["ScrollDirection","ScrollDirection2","preScrollLeft","preScrollTop","getScrollDirection","scrollLeft","scrollTop","direction"],"mappings":";;;;;;;;;;IAAWA,eAAe,kBAAoB,UAACC,gBAAD,EAAsB;AAClEA,EAAAA,gBAAgB,CAAC,GAAD,CAAhB,GAAwB,GAAxB;AACAA,EAAAA,gBAAgB,CAAC,GAAD,CAAhB,GAAwB,GAAxB;AACAA,EAAAA,gBAAgB,CAAC,SAAD,CAAhB,GAA8B,SAA9B;AACA,SAAOA,gBAAP;AACD,CAL4C,CAK1CD,eAAe,IAAI,EALuB;AAM7C,IAAIE,aAAJ;AACA,IAAIC,YAAJ;IACaC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,UAAD,EAAaC,SAAb,EAA2B;AAC3D,MAAIC,SAAS,GAAG;AAAU;AAA1B;;AACA,MAAIJ,YAAY,KAAKG,SAArB,EAAgC;AAC9BC,IAAAA,SAAS,GAAG;AAAI;AAAhB;AACD,GAFD,MAEO,IAAIL,aAAa,KAAKG,UAAtB,EAAkC;AACvCE,IAAAA,SAAS,GAAG;AAAI;AAAhB;AACD;;AACDJ,EAAAA,YAAY,GAAGG,SAAf;AACAJ,EAAAA,aAAa,GAAGG,UAAhB;AACA,SAAOE,SAAP;AACD;;;;;"}

package/cjs/tabs/TabBar.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface TabBarProps {
-    tabPosition: string;
-    activeId: string | number;
-    containerRef: React.MutableRefObject<HTMLDivElement>;
-}
-declare const TabBar: React.FC<TabBarProps>;
-export default TabBar;

package/cjs/tabs/TabBar.js

@@ -1,92 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defineProperty = require('../_chunks/dep-6e4749ac.js');
-var slicedToArray = require('../_chunks/dep-84adf720.js');
-var React = require('react');
-var classNames = require('classnames');
-var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-4af53794.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-var TabBar = function TabBar(props) {
-  var _classNames;
-
-  var tabPosition = props.tabPosition,
-      activeId = props.activeId,
-      containerRef = props.containerRef;
-
-  var _useConfig = _util_useConfig["default"](),
-      classPrefix = _useConfig.classPrefix;
-
-  var _useState = React.useState({}),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      barStyle = _useState2[0],
-      setBarStyle = _useState2[1];
-
-  var tabsClassPrefix = "".concat(classPrefix, "-tabs");
-
-  var computeStyle = function computeStyle(_ref) {
-    var tabPosition2 = _ref.tabPosition,
-        activeId2 = _ref.activeId;
-    var isHorizontal = ["bottom", "top"].includes(tabPosition2);
-    var transformPosition = isHorizontal ? "translateX" : "translateY";
-    var itemProp = isHorizontal ? "width" : "height";
-    var barBorderProp = isHorizontal ? "width" : "height";
-    var offset = 0;
-
-    if (containerRef.current) {
-      var itemsRef = containerRef.current.querySelectorAll(".t-tabs__nav-item");
-
-      if (itemsRef.length - 1 >= activeId2) {
-        itemsRef.forEach(function (item, itemIndex) {
-          if (itemIndex < activeId2) {
-            offset += Number(getComputedStyle(item)[itemProp].replace("px", ""));
-          }
-        });
-        var computedItem = itemsRef[activeId2];
-
-        if (!computedItem) {
-          setBarStyle(defineProperty._defineProperty({
-            transform: "".concat(transformPosition, "(", 0, "px)")
-          }, barBorderProp, 0));
-          return;
-        }
-
-        var itemPropValue = getComputedStyle(computedItem)[itemProp];
-        setBarStyle(defineProperty._defineProperty({
-          transform: "".concat(transformPosition, "(").concat(offset, "px)")
-        }, barBorderProp, itemPropValue));
-      }
-    }
-  };
-
-  React.useEffect(function () {
-    computeStyle({
-      tabPosition: tabPosition,
-      activeId: activeId
-    });
-  }, [tabPosition, activeId]);
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"]((_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(tabsClassPrefix, "__bar"), true), defineProperty._defineProperty(_classNames, "t-is-".concat(tabPosition), true), _classNames)),
-    style: barStyle
-  });
-};
-
-TabBar.displayName = "TabBar";
-
-exports["default"] = TabBar;
-//# sourceMappingURL=TabBar.js.map

package/cjs/tabs/TabBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabBar.js","sources":["../../src/tabs/TabBar.tsx"],"sourcesContent":["import React, { useEffect, useState, CSSProperties } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\n\ninterface TabBarProps {\n  tabPosition: string;\n  activeId: string | number;\n  containerRef: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst TabBar: React.FC<TabBarProps> = (props) => {\n  const { tabPosition, activeId, containerRef } = props;\n  const { classPrefix } = useConfig();\n  const [barStyle, setBarStyle] = useState<CSSProperties>({});\n  const tabsClassPrefix = `${classPrefix}-tabs`;\n\n  const computeStyle = ({ tabPosition, activeId }) => {\n    const isHorizontal = ['bottom', 'top'].includes(tabPosition);\n    const transformPosition = isHorizontal ? 'translateX' : 'translateY';\n    const itemProp = isHorizontal ? 'width' : 'height';\n    const barBorderProp = isHorizontal ? 'width' : 'height';\n\n    let offset = 0;\n    if (containerRef.current) {\n      const itemsRef = containerRef.current.querySelectorAll('.t-tabs__nav-item');\n\n      if (itemsRef.length - 1 >= activeId) {\n        itemsRef.forEach((item, itemIndex) => {\n          if (itemIndex < activeId) {\n            offset += Number(getComputedStyle(item)[itemProp].replace('px', ''));\n          }\n        });\n        const computedItem = itemsRef[activeId];\n        if (!computedItem) {\n          setBarStyle({\n            transform: `${transformPosition}(${0}px)`,\n            [barBorderProp]: 0,\n          });\n          return;\n        }\n        const itemPropValue = getComputedStyle(computedItem)[itemProp];\n        setBarStyle({\n          transform: `${transformPosition}(${offset}px)`,\n          [barBorderProp]: itemPropValue,\n        });\n      }\n    }\n  };\n\n  useEffect(() => {\n    computeStyle({\n      tabPosition,\n      activeId,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId]);\n\n  return (\n    <div\n      className={classNames({\n        [`${tabsClassPrefix}__bar`]: true,\n        [`t-is-${tabPosition}`]: true,\n      })}\n      style={barStyle}\n    ></div>\n  );\n};\n\nTabBar.displayName = 'TabBar';\n\nexport default TabBar;\n"],"names":["TabBar","props","tabPosition","activeId","containerRef","useConfig","classPrefix","useState","barStyle","setBarStyle","tabsClassPrefix","computeStyle","tabPosition2","activeId2","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","current","itemsRef","querySelectorAll","length","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","transform","itemPropValue","useEffect","React","createElement","className","classNames","style","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAGMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AAAA;;AACxB,MAAQC,WAAR,GAAgDD,KAAhD,CAAQC,WAAR;AAAA,MAAqBC,QAArB,GAAgDF,KAAhD,CAAqBE,QAArB;AAAA,MAA+BC,YAA/B,GAAgDH,KAAhD,CAA+BG,YAA/B;;AACA,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,kBAAgCC,cAAQ,CAAC,EAAD,CAAxC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,eAAe,aAAMJ,WAAN,UAArB;;AACA,MAAMK,YAAY,GAAG,SAAfA,YAAe,OAAwD;AAAA,QAAxCC,YAAwC,QAArDV,WAAqD;AAAA,QAAhBW,SAAgB,QAA1BV,QAA0B;AAC3E,QAAMW,YAAY,GAAG,CAAC,QAAD,EAAW,KAAX,EAAkBC,QAAlB,CAA2BH,YAA3B,CAArB;AACA,QAAMI,iBAAiB,GAAGF,YAAY,GAAG,YAAH,GAAkB,YAAxD;AACA,QAAMG,QAAQ,GAAGH,YAAY,GAAG,OAAH,GAAa,QAA1C;AACA,QAAMI,aAAa,GAAGJ,YAAY,GAAG,OAAH,GAAa,QAA/C;AACA,QAAIK,MAAM,GAAG,CAAb;;AACA,QAAIf,YAAY,CAACgB,OAAjB,EAA0B;AACxB,UAAMC,QAAQ,GAAGjB,YAAY,CAACgB,OAAb,CAAqBE,gBAArB,CAAsC,mBAAtC,CAAjB;;AACA,UAAID,QAAQ,CAACE,MAAT,GAAkB,CAAlB,IAAuBV,SAA3B,EAAsC;AACpCQ,QAAAA,QAAQ,CAACG,OAAT,CAAiB,UAACC,IAAD,EAAOC,SAAP,EAAqB;AACpC,cAAIA,SAAS,GAAGb,SAAhB,EAA2B;AACzBM,YAAAA,MAAM,IAAIQ,MAAM,CAACC,gBAAgB,CAACH,IAAD,CAAhB,CAAuBR,QAAvB,EAAiCY,OAAjC,CAAyC,IAAzC,EAA+C,EAA/C,CAAD,CAAhB;AACD;AACF,SAJD;AAKA,YAAMC,YAAY,GAAGT,QAAQ,CAACR,SAAD,CAA7B;;AACA,YAAI,CAACiB,YAAL,EAAmB;AACjBrB,UAAAA,WAAW;AACTsB,YAAAA,SAAS,YAAKf,iBAAL,OAA0B,CAA1B;AADA,aAERE,aAFQ,EAEQ,CAFR,EAAX;AAIA;AACD;;AACD,YAAMc,aAAa,GAAGJ,gBAAgB,CAACE,YAAD,CAAhB,CAA+Bb,QAA/B,CAAtB;AACAR,QAAAA,WAAW;AACTsB,UAAAA,SAAS,YAAKf,iBAAL,cAA0BG,MAA1B;AADA,WAERD,aAFQ,EAEQc,aAFR,EAAX;AAID;AACF;AACF,GA7BD;;AA8BAC,EAAAA,eAAS,CAAC,YAAM;AACdtB,IAAAA,YAAY,CAAC;AACXT,MAAAA,WAAW,EAAXA,WADW;AAEXC,MAAAA,QAAQ,EAARA;AAFW,KAAD,CAAZ;AAID,GALQ,EAKN,CAACD,WAAD,EAAcC,QAAd,CALM,CAAT;AAMA,wBAAuB+B,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,8BAAU,0EACf3B,eADe,YACU,IADV,8DAEVR,WAFU,GAEM,IAFN,gBAD2B;AAKhDoC,IAAAA,KAAK,EAAE9B;AALyC,GAA3B,CAAvB;AAOD;;AACDR,MAAM,CAACuC,WAAP,GAAqB,QAArB;;;;"}

package/cjs/tabs/TabNav.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TdTabsProps, TdTabPanelProps, TabValue } from './type';
-export interface TabNavProps extends TdTabsProps {
-    itemList: TdTabPanelProps[];
-    tabClick: (s: TabValue) => void;
-    activeValue: TabValue;
-    size?: 'medium' | 'large';
-}
-declare const TabNav: React.FC<TabNavProps>;
-export default TabNav;

package/cjs/tabs/TabNav.js

@@ -1,225 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defineProperty = require('../_chunks/dep-6e4749ac.js');
-var slicedToArray = require('../_chunks/dep-84adf720.js');
-var React = require('react');
-var classNames = require('classnames');
-var tdesignIconsReact = require('tdesign-icons-react');
-var _util_noop = require('../_util/noop.js');
-var tabs_useTabClass = require('./useTabClass.js');
-var tabs_TabNavItem = require('./TabNavItem.js');
-var tabs_TabBar = require('./TabBar.js');
-require('../_chunks/dep-4af53794.js');
-require('../_util/useConfig.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
-require('../_util/useRipple.js');
-require('../_util/setStyle.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var TabNav = function TabNav(props) {
-  var _props$placement = props.placement,
-      placement = _props$placement === void 0 ? "top" : _props$placement,
-      itemList = props.itemList,
-      _props$tabClick = props.tabClick,
-      tabClick = _props$tabClick === void 0 ? _util_noop["default"] : _props$tabClick,
-      theme = props.theme,
-      addable = props.addable,
-      onAdd = props.onAdd,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "medium" : _props$size,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$onRemove = props.onRemove,
-      onRemove = _props$onRemove === void 0 ? _util_noop["default"] : _props$onRemove,
-      _props$onChange = props.onChange,
-      onChange = _props$onChange === void 0 ? _util_noop["default"] : _props$onChange,
-      activeValue = props.activeValue;
-  var isCard = theme === "card";
-
-  var _useTabClass = tabs_useTabClass.useTabClass(),
-      tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
-      tdClassGenerator = _useTabClass.tdClassGenerator,
-      tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
-
-  var navContainerRef = React.useRef(null);
-  var getIndex = React.useCallback(function (value) {
-    var index = 0;
-    itemList.forEach(function (v, i) {
-      if (v.value === value) {
-        index = i;
-      }
-    });
-    return index;
-  }, [itemList]);
-
-  var _useState = React.useState(getIndex(activeValue)),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      activeIndex = _useState2[0],
-      setActiveIndex = _useState2[1];
-
-  React.useEffect(function () {
-    setActiveIndex(getIndex(activeValue));
-  }, [activeValue, getIndex]);
-
-  var _useState3 = React.useState(false),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      isScrollVisible = _useState4[0],
-      setIsScrollVisible = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      leftScrollBtnVisible = _useState6[0],
-      setLeftScrollBtnVisible = _useState6[1];
-
-  var _useState7 = React.useState(false),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      rightScrollBtnVisible = _useState8[0],
-      setRightScrollBtnVisible = _useState8[1];
-
-  var scrollBarRef = React.useRef(null);
-
-  var getScrollBtnVisible = function getScrollBtnVisible() {
-    var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
-
-    if (!scrollBarRef.current || !navContainerRef.current) {
-      console.error("[tdesign-tabs]\u6EDA\u52A8\u6761\u548C\u5185\u5BB9\u533A dom \u7ED3\u6784\u5F02\u5E38");
-      return [false, false, false];
-    }
-
-    var innerScrollLeft = scrollBarRef.current.scrollLeft;
-
-    if (scrollLeft !== void 0) {
-      innerScrollLeft = scrollLeft;
-    }
-
-    var isScrollVisible2 = scrollBarRef.current.clientWidth < navContainerRef.current.clientWidth;
-    var leftVisible = innerScrollLeft > 0;
-    var rightVisible = isScrollVisible2 && innerScrollLeft < navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;
-    return [isScrollVisible2, leftVisible, rightVisible];
-  };
-
-  var setScrollBtnVisibleHandler = function setScrollBtnVisibleHandler() {
-    var scrollLeft = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : void 0;
-
-    var _getScrollBtnVisible = getScrollBtnVisible(scrollLeft),
-        _getScrollBtnVisible2 = slicedToArray._slicedToArray(_getScrollBtnVisible, 3),
-        isScrollVisible2 = _getScrollBtnVisible2[0],
-        leftVisible = _getScrollBtnVisible2[1],
-        rightVisible = _getScrollBtnVisible2[2];
-
-    setIsScrollVisible(isScrollVisible2);
-    setLeftScrollBtnVisible(leftVisible);
-    setRightScrollBtnVisible(rightVisible);
-  };
-
-  var scrollClickHandler = function scrollClickHandler(position) {
-    var ref = scrollBarRef.current;
-
-    if (ref) {
-      var scrollLeft = position === "left" ? ref.scrollLeft - 200 : ref.scrollLeft + 200;
-      ref.scrollTo({
-        left: scrollLeft,
-        behavior: "smooth"
-      });
-      setScrollBtnVisibleHandler(scrollLeft);
-    }
-  };
-
-  var scrollToRightEnd = function scrollToRightEnd() {
-    if (navContainerRef.current && scrollBarRef.current) {
-      var scrollLeft = navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;
-      scrollBarRef.current.scrollTo({
-        left: scrollLeft,
-        behavior: "smooth"
-      });
-      setScrollBtnVisibleHandler(scrollLeft);
-    }
-  };
-
-  var TabBarCom = isCard ? null : /* @__PURE__ */React__default["default"].createElement(tabs_TabBar["default"], {
-    tabPosition: placement,
-    activeId: activeIndex,
-    containerRef: navContainerRef
-  });
-  React.useEffect(function () {
-    setScrollBtnVisibleHandler();
-  }, []);
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
-  }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav"))
-  }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--left"))
-  }, leftScrollBtnVisible ? /* @__PURE__ */React__default["default"].createElement("div", {
-    onClick: function onClick() {
-      scrollClickHandler("left");
-    },
-    className: classNames__default["default"](tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--left"), tdSizeClassGenerator(size))
-  }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronLeftIcon, null)) : null), /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("operations"), tdTabsClassGenerator("operations--right"))
-  }, rightScrollBtnVisible ? /* @__PURE__ */React__default["default"].createElement("div", {
-    onClick: function onClick() {
-      scrollClickHandler("right");
-    },
-    className: classNames__default["default"](tdTabsClassGenerator("btn"), tdTabsClassGenerator("btn--right"), tdSizeClassGenerator(size))
-  }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronRightIcon, null)) : null, addable ? /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("add-btn"), tdTabsClassGenerator("btn"), tdSizeClassGenerator(size)),
-    onClick: function onClick(e) {
-      onAdd({
-        e: e
-      });
-      setTimeout(function () {
-        scrollToRightEnd();
-      }, 0);
-    }
-  }, /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.AddIcon, null)) : null), /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-container"), isCard ? tdTabsClassGenerator("nav--card") : "", tdClassGenerator("is-".concat(placement)), addable ? tdClassGenerator("is-addable") : "")
-  }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-scroll"), isScrollVisible ? tdClassGenerator("is-scrollable") : ""),
-    ref: scrollBarRef
-  }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : ""),
-    ref: navContainerRef
-  }, placement !== "bottom" ? TabBarCom : null, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabsClassGenerator("bar"), tdClassGenerator("is-".concat(placement)))
-  }), itemList.map(function (v, index) {
-    return /* @__PURE__ */React__default["default"].createElement(tabs_TabNavItem["default"], _objectSpread(_objectSpread(_objectSpread({}, props), v), {}, {
-      onRemove: v.onRemove,
-      key: v.value,
-      label: v.label,
-      isActive: activeValue === v.value,
-      theme: theme,
-      placement: placement,
-      index: index,
-      disabled: disabled || v.disabled,
-      onClick: function onClick() {
-        tabClick(v.value);
-        onChange(v.value);
-        setActiveIndex(getIndex(v.value));
-      },
-      onTabRemove: onRemove
-    }));
-  }), placement === "bottom" ? TabBarCom : null)))));
-};
-
-TabNav.displayName = "TabNav";
-
-exports["default"] = TabNav;
-//# sourceMappingURL=TabNav.js.map

package/cjs/tabs/TabNav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabNav.js","sources":["../../src/tabs/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { AddIcon, ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';\nimport { TdTabsProps, TdTabPanelProps, TabValue } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\nimport TabNavItem from './TabNavItem';\nimport TabBar from './TabBar';\n\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  tabClick: (s: TabValue) => void;\n  activeValue: TabValue;\n  size?: 'medium' | 'large';\n}\n\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = 'top',\n    itemList,\n    tabClick = noop,\n    theme,\n    addable,\n    onAdd,\n    size = 'medium',\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n  } = props;\n\n  // 逻辑层较多处需要判断是否为 card 类型，进行逻辑抽象\n  const isCard = theme === 'card';\n\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // :todo 兼容老版本 TabBar 的实现\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      let index = 0;\n      itemList.forEach((v, i) => {\n        if (v.value === value) {\n          index = i;\n        }\n      });\n      return index;\n    },\n    [itemList],\n  );\n\n  const [activeIndex, setActiveIndex] = useState(getIndex(activeValue));\n  useEffect(() => {\n    setActiveIndex(getIndex(activeValue));\n  }, [activeValue, getIndex]);\n\n  // 判断滚动条是否需要展示\n  const [isScrollVisible, setIsScrollVisible] = useState(false);\n  const [leftScrollBtnVisible, setLeftScrollBtnVisible] = useState(false);\n  const [rightScrollBtnVisible, setRightScrollBtnVisible] = useState(false);\n\n  // 滚动条 ref 定义\n  const scrollBarRef = useRef(null);\n\n  /**\n   * @date 2021-07-26 15:57:46\n   * @desc 检查当前内容区块是否超出滚动区块，判断左右滑动按钮是否展示\n   * @param scrollLeft undefined|number undefined 时根据当前的滑块位置决定，number 时，以传入的参数作为当前滑块位置判断\n   *        需要此参数的目的: 滚动之后需要重新判断是否需要展示左右的滑块，而滚动过程中根据滑块位置判断会有误差，scrollTo 也不支持完成回调。\n   * @returns result [是否需要展示滚动, 是否需要展示左边调整滚动的按钮，是否需要展示右边调整滚动的按钮]\n   */\n  const getScrollBtnVisible = (scrollLeft: undefined | number = undefined): [boolean, boolean, boolean] => {\n    if (!scrollBarRef.current || !navContainerRef.current) {\n      // :todo 滚动条和内容区的 ref 任意一个不合法时，不执行此函数，暂时 console.error 打印错误\n      console.error('[tdesign-tabs]滚动条和内容区 dom 结构异常');\n      return [false, false, false];\n    }\n\n    let innerScrollLeft = scrollBarRef.current.scrollLeft;\n    if (scrollLeft !== undefined) {\n      innerScrollLeft = scrollLeft;\n    }\n\n    const isScrollVisible = scrollBarRef.current.clientWidth < navContainerRef.current.clientWidth;\n    const leftVisible = innerScrollLeft > 0;\n    const rightVisible =\n      isScrollVisible && innerScrollLeft < navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;\n\n    return [isScrollVisible, leftVisible, rightVisible];\n  };\n\n  // 调用检查函数，并设置左右滑动按钮的展示状态\n  const setScrollBtnVisibleHandler = (scrollLeft: undefined | number = undefined) => {\n    const [isScrollVisible, leftVisible, rightVisible] = getScrollBtnVisible(scrollLeft);\n    setIsScrollVisible(isScrollVisible);\n    setLeftScrollBtnVisible(leftVisible);\n    setRightScrollBtnVisible(rightVisible);\n  };\n\n  // 滚动条处理逻辑\n  const scrollClickHandler = (position: 'left' | 'right') => {\n    const ref = scrollBarRef.current;\n    if (ref) {\n      const scrollLeft = position === 'left' ? ref.scrollLeft - 200 : ref.scrollLeft + 200;\n      ref.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n      setScrollBtnVisibleHandler(scrollLeft);\n    }\n  };\n\n  // 滚动到最右侧 (目前专用在新增之后)\n  const scrollToRightEnd = () => {\n    if (navContainerRef.current && scrollBarRef.current) {\n      const scrollLeft = navContainerRef.current.clientWidth - scrollBarRef.current.clientWidth;\n      scrollBarRef.current.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      });\n      setScrollBtnVisibleHandler(scrollLeft);\n    }\n  };\n\n  // TabBar 组件逻辑层抽象，卡片类型时无需展示，故将逻辑整合到此处\n  const TabBarCom = isCard ? null : (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navContainerRef} />\n  );\n\n  // 组件初始化后判断当前是否需要展示滑动按钮\n  useEffect(() => {\n    setScrollBtnVisibleHandler();\n    // eslint-disable-next-line\n  }, []);\n\n  return (\n    <div className={classNames(tdTabsClassGenerator('header'), tdClassGenerator(`is-${placement}`))}>\n      <div className={classNames(tdTabsClassGenerator('nav'))}>\n        <div className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--left'))}>\n          {leftScrollBtnVisible ? (\n            <div\n              onClick={() => {\n                scrollClickHandler('left');\n              }}\n              className={classNames(\n                tdTabsClassGenerator('btn'),\n                tdTabsClassGenerator('btn--left'),\n                tdSizeClassGenerator(size),\n              )}\n            >\n              <ChevronLeftIcon />\n            </div>\n          ) : null}\n        </div>\n        <div className={classNames(tdTabsClassGenerator('operations'), tdTabsClassGenerator('operations--right'))}>\n          {rightScrollBtnVisible ? (\n            <div\n              onClick={() => {\n                scrollClickHandler('right');\n              }}\n              className={classNames(\n                tdTabsClassGenerator('btn'),\n                tdTabsClassGenerator('btn--right'),\n                tdSizeClassGenerator(size),\n              )}\n            >\n              <ChevronRightIcon />\n            </div>\n          ) : null}\n          {addable ? (\n            <div\n              className={classNames(\n                tdTabsClassGenerator('add-btn'),\n                tdTabsClassGenerator('btn'),\n                tdSizeClassGenerator(size),\n              )}\n              onClick={(e) => {\n                onAdd({ e });\n                // 新增逻辑执行完成，数据渲染完成之后，判断是否需要展示右侧的数据\n                setTimeout(() => {\n                  scrollToRightEnd();\n                }, 0);\n              }}\n            >\n              <AddIcon />\n            </div>\n          ) : null}\n        </div>\n        <div\n          className={classNames(\n            tdTabsClassGenerator('nav-container'),\n            isCard ? tdTabsClassGenerator('nav--card') : '',\n            tdClassGenerator(`is-${placement}`),\n            addable ? tdClassGenerator('is-addable') : '',\n          )}\n        >\n          <div\n            className={classNames(\n              tdTabsClassGenerator('nav-scroll'),\n              isScrollVisible ? tdClassGenerator('is-scrollable') : '',\n            )}\n            ref={scrollBarRef}\n          >\n            <div\n              className={classNames(\n                tdTabsClassGenerator('nav-wrap'),\n                ['left', 'right'].includes(placement) ? tdClassGenerator('is-vertical') : '',\n              )}\n              ref={navContainerRef}\n            >\n              {placement !== 'bottom' ? TabBarCom : null}\n              <div className={classNames(tdTabsClassGenerator('bar'), tdClassGenerator(`is-${placement}`))} />\n              {itemList.map((v, index) => (\n                <TabNavItem\n                  {...props}\n                  {...v}\n                  // 显式给 onRemove 赋值，防止 props 的 onRemove 事件透传\n                  onRemove={v.onRemove}\n                  key={v.value}\n                  label={v.label}\n                  isActive={activeValue === v.value}\n                  theme={theme}\n                  placement={placement}\n                  index={index}\n                  disabled={disabled || v.disabled}\n                  onClick={() => {\n                    tabClick(v.value);\n                    onChange(v.value);\n                    setActiveIndex(getIndex(v.value));\n                  }}\n                  onTabRemove={onRemove}\n                />\n              ))}\n              {placement === 'bottom' ? TabBarCom : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = 'TabNav';\n\nexport default TabNav;\n"],"names":["TabNav","props","placement","itemList","tabClick","noop","theme","addable","onAdd","size","disabled","onRemove","onChange","activeValue","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navContainerRef","useRef","getIndex","useCallback","value","index","forEach","v","i","useState","activeIndex","setActiveIndex","useEffect","isScrollVisible","setIsScrollVisible","leftScrollBtnVisible","setLeftScrollBtnVisible","rightScrollBtnVisible","setRightScrollBtnVisible","scrollBarRef","getScrollBtnVisible","scrollLeft","current","console","error","innerScrollLeft","isScrollVisible2","clientWidth","leftVisible","rightVisible","setScrollBtnVisibleHandler","scrollClickHandler","position","ref","scrollTo","left","behavior","scrollToRightEnd","TabBarCom","React","createElement","TabBar","tabPosition","activeId","containerRef","className","classNames","onClick","ChevronLeftIcon","ChevronRightIcon","e","setTimeout","AddIcon","includes","map","TabNavItem","key","label","isActive","onTabRemove","displayName"],"mappings":"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"}

package/cjs/tabs/TabNavItem.d.ts

@@ -1,13 +0,0 @@
-import React, { MouseEvent } from 'react';
-import { TdTabPanelProps, TdTabsProps } from './type';
-export interface TabNavItemProps extends TdTabPanelProps {
-    isActive: boolean;
-    onClick: (e: MouseEvent) => void;
-    theme: 'normal' | 'card';
-    placement: string;
-    size?: 'medium' | 'large';
-    index: number;
-    onTabRemove: TdTabsProps['onRemove'];
-}
-declare const TabNavItem: React.FC<TabNavItemProps>;
-export default TabNavItem;

package/cjs/tabs/TabNavItem.js

@@ -1,86 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classNames = require('classnames');
-var tdesignIconsReact = require('tdesign-icons-react');
-var _util_useRipple = require('../_util/useRipple.js');
-var _util_noop = require('../_util/noop.js');
-var tabs_useTabClass = require('./useTabClass.js');
-require('../_util/useConfig.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
-require('../_util/setStyle.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-var TabNavItem = function TabNavItem(props) {
-  var label = props.label,
-      removable = props.removable,
-      isActive = props.isActive,
-      _props$onClick = props.onClick,
-      onClick = _props$onClick === void 0 ? _util_noop["default"] : _props$onClick,
-      theme = props.theme,
-      placement = props.placement,
-      _props$onRemove = props.onRemove,
-      onRemove = _props$onRemove === void 0 ? _util_noop["default"] : _props$onRemove,
-      value = props.value,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "medium" : _props$size,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      index = props.index,
-      _props$onTabRemove = props.onTabRemove,
-      onTabRemove = _props$onTabRemove === void 0 ? _util_noop["default"] : _props$onTabRemove;
-  var isCard = theme === "card";
-
-  var _useTabClass = tabs_useTabClass.useTabClass(),
-      tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
-      tdClassGenerator = _useTabClass.tdClassGenerator,
-      tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
-
-  var rippleRef = React.useRef();
-  _util_useRipple["default"](rippleRef);
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    onClick: disabled ? _util_noop["default"] : onClick,
-    className: classNames__default["default"](tdTabsClassGenerator("nav-item"), isCard ? tdTabsClassGenerator("nav--card") : "", tdSizeClassGenerator(size), isActive ? tdClassGenerator("is-active") : "", tdClassGenerator("is-".concat(placement)), disabled ? tdClassGenerator("is-disabled") : "")
-  }, isCard ? /* @__PURE__ */React__default["default"].createElement("span", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-item-text-wrapper"))
-  }, label) : /* @__PURE__ */React__default["default"].createElement("div", {
-    ref: rippleRef,
-    className: classNames__default["default"](tdTabsClassGenerator("nav-item-wrapper"))
-  }, /* @__PURE__ */React__default["default"].createElement("span", {
-    className: classNames__default["default"](tdTabsClassGenerator("nav-item-text-wrapper"))
-  }, label)), removable ? /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CloseIcon, {
-    className: classNames__default["default"]("remove-btn"),
-    onClick: function onClick(e) {
-      if (disabled) {
-        return;
-      }
-
-      e.stopPropagation();
-      onRemove({
-        value: value,
-        e: e
-      });
-      onTabRemove({
-        value: value,
-        e: e,
-        index: index
-      });
-    }
-  }) : null);
-};
-
-exports["default"] = TabNavItem;
-//# sourceMappingURL=TabNavItem.js.map

package/cjs/tabs/TabNavItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabNavItem.js","sources":["../../src/tabs/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabNavItemProps extends TdTabPanelProps {\n  // 当前 item 是否处于激活态\n  isActive: boolean;\n  // 点击事件\n  onClick: (e: MouseEvent) => void;\n  theme: 'normal' | 'card';\n  placement: string;\n  size?: 'medium' | 'large';\n  index: number;\n  onTabRemove: TdTabsProps['onRemove'];\n}\n\nconst TabNavItem: React.FC<TabNavItemProps> = (props) => {\n  const {\n    label,\n    removable,\n    isActive,\n    onClick = noop,\n    theme,\n    placement,\n    onRemove = noop,\n    value,\n    size = 'medium',\n    disabled = false,\n    index,\n    onTabRemove = noop,\n  } = props;\n\n  const isCard = theme === 'card';\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n  const rippleRef = useRef();\n  useRipple(rippleRef);\n\n  return (\n    <div\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator('nav-item'),\n        isCard ? tdTabsClassGenerator('nav--card') : '',\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator('is-active') : '',\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator('is-disabled') : '',\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      {isCard ? (\n        <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n      ) : (\n        <div ref={rippleRef} className={classNames(tdTabsClassGenerator('nav-item-wrapper'))}>\n          <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n        </div>\n      )}\n      {removable ? (\n        <CloseIcon\n          className={classNames('remove-btn')}\n          onClick={(e) => {\n            if (disabled) {\n              return;\n            }\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","onClick","noop","theme","placement","onRemove","value","size","disabled","index","onTabRemove","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","useRipple","React","createElement","className","classNames","ref","CloseIcon","e","stopPropagation"],"mappings":"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"}

package/cjs/tabs/TabPanel.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { TdTabPanelProps } from './type';
-import { Styles } from '../common';
-export interface TabPanelProps extends TdTabPanelProps {
-    style?: Styles;
-}
-declare const TabPanel: React.FC<TabPanelProps>;
-export default TabPanel;

package/cjs/tabs/TabPanel.js

@@ -1,37 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classNames = require('classnames');
-var tabs_useTabClass = require('./useTabClass.js');
-require('../_util/useConfig.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-var TabPanel = function TabPanel(props) {
-  var _useTabClass = tabs_useTabClass.useTabClass(),
-      tdTabPanelClassPrefix = _useTabClass.tdTabPanelClassPrefix;
-
-  var style = props.style;
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](tdTabPanelClassPrefix),
-    style: style
-  }, props.children);
-};
-
-TabPanel.displayName = "TabPanel";
-
-exports["default"] = TabPanel;
-//# sourceMappingURL=TabPanel.js.map

package/cjs/tabs/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sources":["../../src/tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { TdTabPanelProps } from './type';\nimport { Styles } from '../common';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabPanelProps extends TdTabPanelProps {\n  style?: Styles;\n}\n\nconst TabPanel: React.FC<TabPanelProps> = (props) => {\n  const { tdTabPanelClassPrefix } = useTabClass();\n\n  const { style } = props;\n\n  return (\n    <div className={classNames(tdTabPanelClassPrefix)} style={style}>\n      {props.children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\n\nexport default TabPanel;\n"],"names":["TabPanel","props","useTabClass","tdTabPanelClassPrefix","style","React","createElement","className","classNames","children","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAGMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,qBAAkCC,4BAAW,EAA7C;AAAA,MAAQC,qBAAR,gBAAQA,qBAAR;;AACA,MAAQC,KAAR,GAAkBH,KAAlB,CAAQG,KAAR;AACA,wBAAuBC,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,8BAAU,CAACL,qBAAD,CAD2B;AAEhDC,IAAAA,KAAK,EAALA;AAFgD,GAA3B,EAGpBH,KAAK,CAACQ,QAHc,CAAvB;AAID;;AACDT,QAAQ,CAACU,WAAT,GAAuB,UAAvB;;;;"}

package/cjs/tabs/Tabs.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { TdTabsProps } from './type';
-export interface TabsProps extends TdTabsProps {
-    children?: React.ReactNode;
-}
-declare const Tabs: React.FunctionComponent<TabsProps & React.RefAttributes<any>> & {
-    TabPanel: React.FC<import("./TabPanel").TabPanelProps>;
-};
-export default Tabs;