@tendaui/react 1.1.1 → 1.1.3

package/es/tab/TabNavItem.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import classNames from 'classnames';
+import { IconClose } from '@tendaui/icons';
+import { n as noop } from '../_chunks/dep-U1T8CQY9.js';
+import { u as useTabClass } from '../_chunks/dep-Tshfumgl.js';
+import { u as useGlobalIcon } from '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'dayjs';
+
+var TabNavItem = function TabNavItem(props) {
+  var label = props.label,
+    removable = props.removable,
+    isActive = props.isActive,
+    _props$onClick = props.onClick,
+    onClick = _props$onClick === void 0 ? noop : _props$onClick,
+    placement = props.placement,
+    _props$onRemove = props.onRemove,
+    onRemove = _props$onRemove === void 0 ? noop : _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 ? noop : _props$onTabRemove,
+    innerRef = props.innerRef;
+  var _useGlobalIcon = useGlobalIcon({
+      CloseIcon: IconClose
+    }),
+    CloseIcon = _useGlobalIcon.CloseIcon;
+  var _useTabClass = useTabClass(),
+    tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
+    tdClassGenerator = _useTabClass.tdClassGenerator,
+    tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
+  return /* @__PURE__ */React.createElement("div", {
+    ref: innerRef,
+    onClick: disabled ? noop : onClick,
+    className: classNames(tdTabsClassGenerator("nav-item"), tdSizeClassGenerator(size), isActive ? tdClassGenerator("is-active") : "", tdClassGenerator("is-".concat(placement)), disabled ? tdClassGenerator("is-disabled") : "", props.className)
+  }, /* @__PURE__ */React.createElement("div", {
+    className: classNames(tdTabsClassGenerator("nav-item-wrapper"))
+  }, /* @__PURE__ */React.createElement("span", {
+    className: classNames(tdTabsClassGenerator("nav-item-text-wrapper"))
+  }, label)), removable && !disabled ? /* @__PURE__ */React.createElement("span", {
+    className: classNames("remove-btn"),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      onRemove({
+        value: value,
+        e: e
+      });
+      onTabRemove({
+        value: value,
+        e: e,
+        index: index
+      });
+    }
+  }, /* @__PURE__ */React.createElement(CloseIcon, null)) : null);
+};
+
+export { TabNavItem as default };
+//# sourceMappingURL=TabNavItem.js.map

package/es/tab/TabNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNavItem.js","sources":["../../../components/tab/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { IconClose as TdCloseIcon } from \"@tendaui/icons\";\n\nimport noop from \"../utils/noop\";\nimport { useTabClass } from \"./useTabClass\";\nimport useGlobalIcon from \"../hooks/useGlobalIcon\";\n\nimport type { StyledProps } from \"../common\";\nimport type { TdTabPanelProps, TdTabsProps } from \"./type\";\n\nexport interface TabNavItemProps extends TdTabPanelProps, StyledProps {\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  innerRef(ref: HTMLElement): void;\n  onTabRemove: TdTabsProps[\"onRemove\"];\n}\n\nconst TabNavItem: React.FC<TabNavItemProps> = (props) => {\n  const {\n    label,\n    removable,\n    isActive,\n    onClick = noop,\n    placement,\n    onRemove = noop,\n    value,\n    size = \"medium\",\n    disabled = false,\n    index,\n    onTabRemove = noop,\n    innerRef\n  } = props;\n\n  const { CloseIcon } = useGlobalIcon({ CloseIcon: TdCloseIcon });\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  // 斜八度动画\n  return (\n    <div\n      ref={innerRef}\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator(\"nav-item\"),\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator(\"is-active\") : \"\",\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator(\"is-disabled\") : \"\",\n        props.className\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      <div className={classNames(tdTabsClassGenerator(\"nav-item-wrapper\"))}>\n        <span className={classNames(tdTabsClassGenerator(\"nav-item-text-wrapper\"))}>{label}</span>\n      </div>\n      {removable && !disabled ? (\n        <span\n          className={classNames(\"remove-btn\")}\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        >\n          <CloseIcon />\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","_props$onClick","onClick","noop","placement","_props$onRemove","onRemove","value","_props$size","size","_props$disabled","disabled","index","_props$onTabRemove","onTabRemove","innerRef","_useGlobalIcon","useGlobalIcon","CloseIcon","TdCloseIcon","_useTabClass","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","React","createElement","ref","className","classNames","concat","e","stopPropagation"],"mappings":"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"}

package/es/tab/TabPanel.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { TdTabPanelProps } from "./type";
+import { StyledProps } from "../common";
+export interface TabPanelProps extends TdTabPanelProps, StyledProps {
+    children?: React.ReactNode;
+    isActive?: boolean;
+}
+declare const TabPanel: React.FC<TabPanelProps>;
+export default TabPanel;

package/es/tab/TabPanel.js

@@ -0,0 +1,11 @@
+import '../_chunks/dep-Cwish4GD.js';
+import 'react';
+import 'classnames';
+import '../_chunks/dep-Tshfumgl.js';
+export { T as default } from '../_chunks/dep-CMPsNAXF.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+//# sourceMappingURL=TabPanel.js.map

package/es/tab/TabPanel.js.map

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

package/es/tab/Tabs.d.ts

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

package/es/tab/Tabs.js

@@ -0,0 +1,95 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import { f as forwardRefWithStatics } from '../_chunks/dep-BP0-apUT.js';
+import TabNav from './TabNav.js';
+import { t as tabsDefaultProps, T as TabPanel } from '../_chunks/dep-CMPsNAXF.js';
+import classNames from 'classnames';
+import React from 'react';
+import { u as useTabClass } from '../_chunks/dep-Tshfumgl.js';
+import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
+import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'hoist-non-react-statics';
+import '../_chunks/dep-U1T8CQY9.js';
+import './TabNavItem.js';
+import '@tendaui/icons';
+import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import './TabBar.js';
+import '../_chunks/dep-CkmtEv0Y.js';
+import 'lodash-es';
+import '../_chunks/dep-BRbJGDI9.js';
+import '../_chunks/dep-DRwijJcv.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Tabs = forwardRefWithStatics(function (originalProps, ref) {
+  var props = useDefaultProps(originalProps, tabsDefaultProps);
+  var children = props.children,
+    list = props.list,
+    placement = props.placement,
+    dragSort = props.dragSort,
+    className = props.className,
+    style = props.style,
+    onRemove = props.onRemove;
+  var _useControlled = useControlled(props, "value", props.onChange),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    onChange = _useControlled2[1];
+  var _useTabClass = useTabClass(),
+    tdTabsClassPrefix = _useTabClass.tdTabsClassPrefix,
+    tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
+    tdClassGenerator = _useTabClass.tdClassGenerator;
+  var targetClassNameRegExpStr = "^".concat(tdTabsClassPrefix, "(__nav-item|__nav-item-wrapper|__nav-item-text-wrapper)");
+  var memoChildren = React.useMemo(function () {
+    if (!list || list.length === 0) {
+      return children;
+    }
+    return list.map(function (panelProps) {
+      return /* @__PURE__ */React.createElement(TabPanel, _objectSpread({
+        key: panelProps.value
+      }, panelProps));
+    });
+  }, [children, list]);
+  var itemList = React.Children.map(memoChildren, function (child) {
+    if (child && child.type === TabPanel) {
+      return child.props;
+    }
+    return null;
+  });
+  var handleChange = React.useCallback(function (v) {
+    onChange === null || onChange === void 0 || onChange(v);
+  }, [onChange]);
+  var headerNode = React.useMemo(function () {
+    return /* @__PURE__ */React.createElement("div", {
+      className: classNames(tdTabsClassGenerator("header"), tdClassGenerator("is-".concat(placement)))
+    }, /* @__PURE__ */React.createElement(TabNav, _objectSpread(_objectSpread({}, props), {}, {
+      activeValue: value,
+      onRemove: onRemove,
+      itemList: itemList,
+      onChange: handleChange
+    })));
+  }, [props, value, onRemove, itemList, handleChange, placement, tdTabsClassGenerator, tdClassGenerator]);
+  return /* @__PURE__ */React.createElement("div", {
+    ref: ref,
+    className: classNames(tdTabsClassPrefix, className),
+    style: style
+  }, headerNode, /* @__PURE__ */React.createElement("div", {
+    className: classNames(tdTabsClassGenerator("content"), tdClassGenerator("is-".concat(placement)))
+  }, React.Children.map(memoChildren, function (child) {
+    if (child && child.type === TabPanel) {
+      return /* @__PURE__ */React.createElement(TabPanel, _objectSpread(_objectSpread({}, child.props), {}, {
+        isActive: child.props.value === value
+      }));
+    }
+    return null;
+  })));
+}, {
+  TabPanel: TabPanel
+});
+Tabs.displayName = "Tabs";
+
+export { Tabs as default };
+//# sourceMappingURL=Tabs.js.map

package/es/tab/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../components/tab/Tabs.tsx"],"sourcesContent":["import { TabValue, TdTabsProps } from \"./type\";\nimport forwardRefWithStatics from \"../utils/forwardRefWithStatics\";\nimport TabNav from \"./TabNav\";\nimport TabPanel from \"./TabPanel\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { useTabClass } from \"./useTabClass\";\nimport { StyledProps } from \"../common\";\nimport { tabsDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport useControlled from \"../hooks/useControlled\";\n\nexport interface TabsProps extends TdTabsProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Tabs = forwardRefWithStatics(\n  (originalProps: TabsProps, ref: React.Ref<HTMLDivElement>) => {\n    const props = useDefaultProps<TabsProps>(originalProps, tabsDefaultProps);\n    const { children, list, placement, dragSort, className, style, onRemove } = props;\n    const [value, onChange] = useControlled(props, \"value\", props.onChange);\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n    const targetClassNameRegExpStr = `^${tdTabsClassPrefix}(__nav-item|__nav-item-wrapper|__nav-item-text-wrapper)`;\n    const memoChildren = React.useMemo<React.ReactNode | React.ReactNode[]>(() => {\n      if (!list || list.length === 0) {\n        return children;\n      }\n      return list.map<React.ReactNode>((panelProps) => <TabPanel key={panelProps.value} {...panelProps} />);\n    }, [children, list]);\n\n    const itemList = React.Children.map(memoChildren, (child: React.ReactElement<any>) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    const handleChange = React.useCallback(\n      (v: TabValue) => {\n        onChange?.(v);\n      },\n      [onChange]\n    );\n\n    const headerNode = React.useMemo<React.ReactNode>(\n      () => (\n        <div className={classNames(tdTabsClassGenerator(\"header\"), tdClassGenerator(`is-${placement}`))}>\n          <TabNav {...props} activeValue={value} onRemove={onRemove} itemList={itemList} onChange={handleChange} />\n        </div>\n      ),\n      [props, value, onRemove, itemList, handleChange, placement, tdTabsClassGenerator, tdClassGenerator]\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix, className)} style={style}>\n        {headerNode}\n        <div className={classNames(tdTabsClassGenerator(\"content\"), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(memoChildren, (child: any) => {\n            if (child && child.type === TabPanel) {\n              return <TabPanel {...child.props} isActive={child.props.value === value} />;\n            }\n            return null;\n          })}\n        </div>\n      </div>\n    );\n  },\n  { TabPanel }\n);\nTabs.displayName = \"Tabs\";\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","originalProps","ref","props","useDefaultProps","tabsDefaultProps","children","list","placement","dragSort","className","style","onRemove","_useControlled","useControlled","onChange","_useControlled2","_slicedToArray","value","_useTabClass","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","targetClassNameRegExpStr","concat","memoChildren","React","useMemo","length","map","panelProps","createElement","TabPanel","_objectSpread","key","itemList","Children","child","type","handleChange","useCallback","v","headerNode","classNames","TabNav","activeValue","isActive","displayName"],"mappings":"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"}

package/es/tab/defaultProps.d.ts

@@ -0,0 +1,3 @@
+import { TdTabsProps, TdTabPanelProps } from "./type";
+export declare const tabsDefaultProps: TdTabsProps;
+export declare const tabPanelDefaultProps: TdTabPanelProps;

package/es/tab/index.d.ts

@@ -0,0 +1,8 @@
+import TabPanel from "./TabPanel";
+import "./style/index";
+export * from "./type";
+export declare const Tabs: import("react").FunctionComponent<import("./Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>> & {
+    TabPanel: import("react").FC<import("./TabPanel").TabPanelProps>;
+};
+export { TabPanel };
+export default Tabs;

package/es/tab/index.js

@@ -0,0 +1,31 @@
+import Tabs$1 from './Tabs.js';
+export { T as TabPanel } from '../_chunks/dep-CMPsNAXF.js';
+import './css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import '../_chunks/dep-BP0-apUT.js';
+import 'react';
+import 'hoist-non-react-statics';
+import './TabNav.js';
+import 'classnames';
+import '../_chunks/dep-U1T8CQY9.js';
+import '../_chunks/dep-Tshfumgl.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import './TabNavItem.js';
+import '@tendaui/icons';
+import '../_chunks/dep-ByzdZjUR.js';
+import './TabBar.js';
+import '../_chunks/dep-CkmtEv0Y.js';
+import 'lodash-es';
+import '../_chunks/dep-BRbJGDI9.js';
+import '../_chunks/dep-DRwijJcv.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-DwWrhxkd.js';
+
+var Tabs = Tabs$1;
+
+export { Tabs, Tabs as default };
+//# sourceMappingURL=index.js.map

package/es/tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/tab/index.ts"],"sourcesContent":["import _Tabs from \"./Tabs\";\nimport TabPanel from \"./TabPanel\";\nimport \"./style/index\";\nexport * from \"./type\";\nexport const Tabs = _Tabs;\nexport { TabPanel };\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,IAAA,GAAOC;;;;"}

package/es/tab/style/index.css

@@ -0,0 +1,159 @@
+.t-tabs {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  overflow: hidden;
+  background-color: var(--td-bg-color-container);
+}
+.t-tabs__header.t-is-left {
+  float: left;
+}
+.t-tabs__header.t-is-right {
+  float: right;
+}
+.t-tabs__header .t-icon {
+  font-size: var(--td-font-size-body-large);
+}
+.t-tabs__nav {
+  position: relative;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.t-tabs__nav-container {
+  position: relative;
+}
+.t-tabs__nav-container.t-is-addable {
+  margin-right: 40px;
+}
+.t-tabs__nav-container.t-tabs__nav--card::after {
+  content: "";
+  background-color: transparent;
+}
+.t-tabs__nav-item {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-secondary);
+  position: relative;
+  overflow: hidden;
+  z-index: 0;
+  cursor: pointer;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+}
+.t-tabs__nav-item-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  height: var(--td-comp-size-m);
+  padding: 0 var(--td-comp-paddingLR-s);
+  margin-left: var(--td-comp-margin-s);
+  margin-right: var(--td-comp-margin-s);
+  border-radius: var(--td-radius-default);
+  -webkit-transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  transition: background-color cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
+  --ripple-color: $bg-color-container-active;
+}
+.t-tabs__nav-item.t-size-l {
+  font: var(--td-font-body-large);
+}
+.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper {
+  height: var(--td-comp-size-xxl);
+  padding: 0 var(--td-comp-paddingLR-m);
+}
+.t-tabs__nav-item-text-wrapper {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper {
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-tabs__nav-item.t-is-left, .t-tabs__nav-item.t-is-right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-tabs__nav-item.t-size-m {
+  height: var(--td-comp-size-xxl);
+  line-height: var(--td-comp-size-xxl);
+}
+.t-tabs__nav-item.t-size-l {
+  height: var(--td-comp-size-xxxxl);
+  line-height: var(--td-comp-size-xxxxl);
+}
+.t-tabs__nav-item.t-is-active {
+  color: var(--td-brand-color);
+  text-shadow: 0 0 0.3px currentcolor;
+}
+.t-tabs__nav-item.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  cursor: not-allowed;
+}
+.t-tabs__nav-item > .remove-btn {
+  margin-left: var(--td-comp-margin-s);
+  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.t-tabs__content {
+  overflow: hidden;
+  position: relative;
+}
+.t-tabs__bar {
+  position: absolute;
+  background-color: var(--td-brand-color);
+  z-index: 1;
+  -webkit-transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.24s cubic-bezier(0.38, 0, 0.24, 1);
+  border-radius: var(--td-radius-small);
+}
+.t-tabs__bar.t-is-top {
+  bottom: 0;
+  left: 0;
+  height: 3px;
+}
+.t-tabs__bar.t-is-bottom {
+  top: 0;
+  left: 0;
+  height: 3px;
+}
+.t-tabs__bar.t-is-left {
+  top: 0;
+  right: 0;
+  width: 3px;
+}
+.t-tabs__bar.t-is-right {
+  top: 0;
+  left: 0;
+  width: 3px;
+}
+
+.t-tab-panel.t-is-hidden {
+  display: none;
+}

package/es/tab/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/tab/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/tab/style/index.js.map

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

package/es/tab/type.d.ts

@@ -0,0 +1,130 @@
+import { TNode } from "../common";
+import { MouseEvent } from "react";
+export interface TdTabsProps {
+    /**
+     * 选项卡右侧的操作区域
+     */
+    action?: TNode;
+    /**
+     * 选项卡是否可增加
+     * @default false
+     */
+    addable?: boolean;
+    /**
+     * 是否禁用选项卡
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否开启拖拽调整顺序
+     * @default false
+     */
+    dragSort?: boolean;
+    /**
+     * 选项卡列表
+     */
+    list?: Array<TdTabPanelProps>;
+    /**
+     * 选项卡位置
+     * @default top
+     */
+    placement?: "left" | "top" | "bottom" | "right";
+    /**
+     * Tab较多的时候，选中滑块滚动最终停留的位置
+     * @default auto
+     */
+    scrollPosition?: "auto" | "start" | "center" | "end";
+    /**
+     * 组件尺寸
+     * @default medium
+     */
+    size?: "medium" | "large";
+    /**
+     * 选项卡风格，包含 默认风格 和 卡片风格两种
+     * @default normal
+     */
+    theme?: "normal" | "card";
+    /**
+     * 激活的选项卡值
+     */
+    value?: TabValue;
+    /**
+     * 激活的选项卡值，非受控属性
+     */
+    defaultValue?: TabValue;
+    /**
+     * 添加选项卡时触发
+     */
+    onAdd?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 激活的选项卡发生变化时触发
+     */
+    onChange?: (value: TabValue) => void;
+    /**
+     * 拖拽排序时触发
+     */
+    onDragSort?: (context: TabsDragSortContext) => void;
+    /**
+     * 删除选项卡时触发
+     */
+    onRemove?: (options: {
+        value: TabValue;
+        index: number;
+        e: MouseEvent<HTMLSpanElement>;
+    }) => void;
+}
+export interface TdTabPanelProps {
+    /**
+     * 选项卡内容隐藏时是否销毁
+     * @default true
+     */
+    destroyOnHide?: boolean;
+    /**
+     * 是否禁用当前选项卡
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 选项卡组件开启允许拖动排序时，当前选项卡是否允许拖动
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * 选项卡名称，可自定义选项卡导航内容
+     */
+    label?: TNode;
+    /**
+     * 是否启用选项卡懒加载
+     * @default false
+     */
+    lazy?: boolean;
+    /**
+     * 用于自定义选项卡面板内容
+     */
+    panel?: TNode;
+    /**
+     * 当前选项卡是否允许移除
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * 选项卡的值，唯一标识
+     */
+    value?: TabValue;
+    /**
+     * 点击删除按钮时触发
+     */
+    onRemove?: (options: {
+        value: TabValue;
+        e: MouseEvent<HTMLSpanElement>;
+    }) => void;
+}
+export type TabValue = string | number;
+export interface TabsDragSortContext {
+    currentIndex: number;
+    current: TabValue;
+    targetIndex: number;
+    target: TabValue;
+}

package/es/tab/useTabClass.d.ts

@@ -0,0 +1,8 @@
+export declare const useTabClass: () => {
+    tdTabsClassPrefix: string;
+    tdTabPanelClassPrefix: string;
+    tdClassGenerator: (append: string) => string;
+    tdTabsClassGenerator: (append: string) => string;
+    tdTabPanelClassGenerator: (append: string) => string;
+    tdSizeClassGenerator: (size: "medium" | "large") => string;
+};

package/es/table/Cell.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { BaseTableCellParams, TableRowData } from "./type";
+export interface CellProps<T extends TableRowData = TableRowData> {
+    cellParams: BaseTableCellParams<T>;
+    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+}
+/**
+ * 渲染单元格内容
+ */
+export declare function renderCell<T extends TableRowData = TableRowData>(params: BaseTableCellParams<T>, extra?: {
+    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);
+}): React.ReactNode;
+declare const Cell: {
+    <T extends TableRowData = TableRowData>(props: CellProps<T>): React.JSX.Element;
+    displayName: string;
+};
+export default Cell;