@tendaui/react 1.1.1 → 1.1.2

package/es/style/index.css

@@ -453,38 +453,28 @@
   --td-line-height-headline-large: 44px;
   --td-line-height-display-medium: 56px;
   --td-line-height-display-large: 72px;
-  --td-font-link-small: var(--td-font-size-link-small) /
-    var(--td-line-height-link-small) var(--td-font-family);
-  --td-font-link-medium: var(--td-font-size-link-medium) /
-    var(--td-line-height-link-medium) var(--td-font-family);
-  --td-font-link-large: var(--td-font-size-link-large) /
-    var(--td-line-height-link-large) var(--td-font-family);
-  --td-font-mark-small: 600 var(--td-font-size-mark-small) /
-    var(--td-line-height-mark-small) var(--td-font-family);
-  --td-font-mark-medium: 600 var(--td-font-size-mark-medium) /
-    var(--td-line-height-mark-medium) var(--td-font-family);
-  --td-font-body-small: var(--td-font-size-body-small) /
-    var(--td-line-height-body-small) var(--td-font-family);
-  --td-font-body-medium: var(--td-font-size-body-medium) /
-    var(--td-line-height-body-medium) var(--td-font-family);
-  --td-font-body-large: var(--td-font-size-body-large) /
-    var(--td-line-height-body-large) var(--td-font-family);
-  --td-font-title-small: 600 var(--td-font-size-title-small) /
-    var(--td-line-height-title-small) var(--td-font-family);
-  --td-font-title-medium: 600 var(--td-font-size-title-medium) /
-    var(--td-line-height-title-medium) var(--td-font-family);
-  --td-font-title-large: 600 var(--td-font-size-title-large) /
-    var(--td-line-height-title-large) var(--td-font-family);
-  --td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) /
-    var(--td-line-height-title-extraLarge) var(--td-font-family);
-  --td-font-headline-small: 600 var(--td-font-size-headline-small) /
-    var(--td-line-height-headline-small) var(--td-font-family);
-  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) /
-    var(--td-line-height-headline-medium) var(--td-font-family);
-  --td-font-headline-large: 600 var(--td-font-size-headline-large) /
-    var(--td-line-height-headline-large) var(--td-font-family);
-  --td-font-display-medium: 600 var(--td-font-size-display-medium) /
-    var(--td-line-height-display-medium) var(--td-font-family);
-  --td-font-display-large: 600 var(--td-font-size-display-large) /
-    var(--td-line-height-display-large) var(--td-font-family);
+  --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
+  --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
+  --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
+  --td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);
+  --td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);
+  --td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);
+  --td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);
+  --td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);
+  --td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);
+  --td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium)
+    var(--td-font-family);
+  --td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);
+  --td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge)
+    var(--td-font-family);
+  --td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small)
+    var(--td-font-family);
+  --td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium)
+    var(--td-font-family);
+  --td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large)
+    var(--td-font-family);
+  --td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium)
+    var(--td-font-family);
+  --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large)
+    var(--td-font-family);
 }

package/es/style/index.d.ts

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

package/es/switch/Switch.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { StyledProps } from "../common";
+import { SwitchValue, TdSwitchProps } from "./type";
+export type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+export type SwitchClickEventHandler = SwitchChangeEventHandler;
+export interface SwitchProps<T extends SwitchValue = SwitchValue> extends TdSwitchProps<T>, StyledProps {
+}
+declare const _default: <T extends SwitchValue = SwitchValue>(props: SwitchProps<T> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement;
+export default _default;

package/es/switch/Switch.js

@@ -1,66 +1,28 @@
 import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
-import React, { useMemo, useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { Loading } from '../loading/index.js';
-import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useCommonClassName } from '../_chunks/dep-DTlQ2dCA.js';
 import { a as parseTNode } from '../_chunks/dep-D8jki30S.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
 import '../_chunks/dep-D-UKOauR.js';
 import '../loading/Loading.js';
-import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-DRwijJcv.js';
 import 'lodash-es';
 import '../common/Portal.js';
 import 'react-dom';
+import '../_chunks/dep-BRbJGDI9.js';
 import '../loading/Gradient.js';
-import '../_chunks/dep-DHWwZ2Nj.js';
+import '../_chunks/dep-DQ6kXoi8.js';
 import '../_chunks/dep-PPA-yoAy.js';
-import '../_chunks/dep-BH5n5r1M.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-DbVHGoUC.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 import '../loading/style/css.js';
 
-function useCommonClassName() {
-  var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
-  return useMemo(function () {
-    var names = {
-      SIZE: {
-        "default": "",
-        xs: "".concat(classPrefix, "-size-xs"),
-        small: "".concat(classPrefix, "-size-s"),
-        medium: "".concat(classPrefix, "-size-m"),
-        large: "".concat(classPrefix, "-size-l"),
-        xl: "".concat(classPrefix, "-size-xl"),
-        block: "".concat(classPrefix, "-size-full-width")
-      },
-      STATUS: {
-        loading: "".concat(classPrefix, "-is-loading"),
-        disabled: "".concat(classPrefix, "-is-disabled"),
-        focused: "".concat(classPrefix, "-is-focused"),
-        success: "".concat(classPrefix, "-is-success"),
-        error: "".concat(classPrefix, "-is-error"),
-        warning: "".concat(classPrefix, "-is-warning"),
-        selected: "".concat(classPrefix, "-is-selected"),
-        active: "".concat(classPrefix, "-is-active"),
-        checked: "".concat(classPrefix, "-is-checked"),
-        current: "".concat(classPrefix, "-is-current"),
-        hidden: "".concat(classPrefix, "-is-hidden"),
-        visible: "".concat(classPrefix, "-is-visible"),
-        expanded: "".concat(classPrefix, "-is-expanded"),
-        indeterminate: "".concat(classPrefix, "-is-indeterminate")
-      }
-    };
-    return {
-      SIZE: names.SIZE,
-      STATUS: names.STATUS,
-      sizeClassNames: names.SIZE,
-      statusClassNames: names.STATUS,
-      classPrefix: classPrefix
-    };
-  }, [classPrefix]);
-}
-
 var switchDefaultProps = {
   label: [],
   loading: false,

package/es/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../components/hooks/useCommonClassName.ts","../../../components/switch/defaultProps.ts","../../../components/switch/Switch.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport useConfig from \"./useConfig\";\n\nexport default function useCommonClassName() {\n  const { classPrefix } = useConfig();\n\n  return useMemo(() => {\n    const names = {\n      SIZE: {\n        default: \"\",\n        xs: `${classPrefix}-size-xs`,\n        small: `${classPrefix}-size-s`,\n        medium: `${classPrefix}-size-m`,\n        large: `${classPrefix}-size-l`,\n        xl: `${classPrefix}-size-xl`,\n        block: `${classPrefix}-size-full-width`\n      },\n      STATUS: {\n        loading: `${classPrefix}-is-loading`,\n        disabled: `${classPrefix}-is-disabled`,\n        focused: `${classPrefix}-is-focused`,\n        success: `${classPrefix}-is-success`,\n        error: `${classPrefix}-is-error`,\n        warning: `${classPrefix}-is-warning`,\n        selected: `${classPrefix}-is-selected`,\n        active: `${classPrefix}-is-active`,\n        checked: `${classPrefix}-is-checked`,\n        current: `${classPrefix}-is-current`,\n        hidden: `${classPrefix}-is-hidden`,\n        visible: `${classPrefix}-is-visible`,\n        expanded: `${classPrefix}-is-expanded`,\n        indeterminate: `${classPrefix}-is-indeterminate`\n      }\n    };\n    return {\n      SIZE: names.SIZE,\n      STATUS: names.STATUS,\n      sizeClassNames: names.SIZE,\n      statusClassNames: names.STATUS,\n      classPrefix\n    };\n  }, [classPrefix]);\n}\n\nexport type CommonClassNameType = ReturnType<typeof useCommonClassName>;\n","import { TdSwitchProps } from \"./type\";\n\nexport const switchDefaultProps: TdSwitchProps = { label: [], loading: false, size: \"medium\" };\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport Loading from \"../loading\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport useCommonClassName from \"../hooks/useCommonClassName\";\nimport { SwitchValue, TdSwitchProps } from \"./type\";\nimport { switchDefaultProps } from \"./defaultProps\";\nimport parseTNode from \"../utils/parentTNode\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps<T extends SwitchValue = SwitchValue> extends TdSwitchProps<T>, StyledProps {}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>((originalProps, ref) => {\n  const { classPrefix } = useConfig();\n  const props = useDefaultProps<SwitchProps<SwitchValue>>(originalProps, switchDefaultProps);\n  const {\n    className,\n    value,\n    defaultValue,\n    disabled,\n    loading,\n    size,\n    label,\n    customValue,\n    onChange,\n    beforeChange,\n    ...restProps\n  } = props;\n  const [activeValue = true, inactiveValue = false] = customValue || [];\n\n  const isControlled = typeof value !== \"undefined\";\n  const initChecked = defaultValue === activeValue || value === activeValue;\n  const [innerChecked, setInnerChecked] = useState(initChecked);\n\n  const contentNode = React.useMemo<React.ReactNode>(() => {\n    if (Array.isArray(label)) {\n      const [activeContent = \"\", inactiveContent = \"\"] = label;\n      const content = innerChecked ? activeContent : inactiveContent;\n      return parseTNode(content, { value });\n    }\n    return parseTNode(label, { value });\n  }, [label, innerChecked, value]);\n\n  const handleChange = (e: React.MouseEvent) => {\n    if (!isControlled) {\n      setInnerChecked(!innerChecked);\n    }\n    const changedValue = !innerChecked ? activeValue : inactiveValue;\n    onChange?.(changedValue, { e });\n  };\n\n  const onInternalClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n    if (disabled) {\n      return;\n    }\n\n    if (!beforeChange) {\n      handleChange(e);\n      return;\n    }\n    Promise.resolve(beforeChange())\n      .then((v) => {\n        if (v) {\n          handleChange(e);\n        }\n      })\n      .catch((e) => {\n        console.error(\"Switch\", `some error occurred: ${e}`);\n      });\n  };\n\n  useEffect(() => {\n    if (Array.isArray(customValue) && !customValue.includes(value)) {\n      console.error(\"Switch\", `value is not in customValue: ${JSON.stringify(customValue)}`);\n    }\n    if (isControlled) {\n      // Use setTimeout to avoid calling setState synchronously within an effect\n      setTimeout(() => {\n        setInnerChecked(value === activeValue);\n      }, 0);\n    }\n  }, [value, customValue, activeValue, isControlled]);\n\n  const { SIZE, STATUS } = useCommonClassName();\n  const switchClassName = classNames(\n    `${classPrefix}-switch`,\n    className,\n    {\n      [STATUS.checked]: innerChecked,\n      [STATUS.disabled]: disabled,\n      [STATUS.loading]: loading\n    },\n    SIZE[size]\n  );\n\n  return (\n    <button\n      {...restProps}\n      type=\"button\"\n      role=\"switch\"\n      disabled={disabled || loading}\n      className={switchClassName}\n      ref={ref}\n      onClick={onInternalClick}\n    >\n      <span className={`${classPrefix}-switch__handle`}>{loading && <Loading loading size=\"small\" />}</span>\n      <div className={`${classPrefix}-switch__content`}>{contentNode}</div>\n    </button>\n  );\n});\n\nSwitch.displayName = \"Switch\";\n\nexport default Switch as <T extends SwitchValue = SwitchValue>(\n  props: SwitchProps<T> & React.RefAttributes<HTMLButtonElement>\n) => React.ReactElement;\n"],"names":["useCommonClassName","_useConfig","useConfig","classPrefix","useMemo","names","SIZE","xs","concat","small","medium","large","xl","block","STATUS","loading","disabled","focused","success","error","warning","selected","active","checked","current","hidden","visible","expanded","indeterminate","sizeClassNames","statusClassNames","switchDefaultProps","label","size","Switch","React","forwardRef","originalProps","ref","props","useDefaultProps","className","value","defaultValue","customValue","onChange","beforeChange","restProps","_objectWithoutProperties","_excluded","_ref","_ref2","_slicedToArray","_ref2$","activeValue","_ref2$2","inactiveValue","isControlled","initChecked","_useState","useState","_useState2","innerChecked","setInnerChecked","contentNode","Array","isArray","_label","_label$","activeContent","_label$2","inactiveContent","content","parseTNode","handleChange","e","changedValue","onInternalClick","Promise","resolve","then","v","console","useEffect","includes","JSON","stringify","setTimeout","_useCommonClassName","switchClassName","classNames","_defineProperty","createElement","_objectSpread","type","role","onClick","Loading","displayName"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../components/switch/defaultProps.ts","../../../components/switch/Switch.tsx"],"sourcesContent":["import { TdSwitchProps } from \"./type\";\n\nexport const switchDefaultProps: TdSwitchProps = { label: [], loading: false, size: \"medium\" };\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport Loading from \"../loading\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport useCommonClassName from \"../hooks/useCommonClassName\";\nimport { SwitchValue, TdSwitchProps } from \"./type\";\nimport { switchDefaultProps } from \"./defaultProps\";\nimport parseTNode from \"../utils/parentTNode\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps<T extends SwitchValue = SwitchValue> extends TdSwitchProps<T>, StyledProps {}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>((originalProps, ref) => {\n  const { classPrefix } = useConfig();\n  const props = useDefaultProps<SwitchProps<SwitchValue>>(originalProps, switchDefaultProps);\n  const {\n    className,\n    value,\n    defaultValue,\n    disabled,\n    loading,\n    size,\n    label,\n    customValue,\n    onChange,\n    beforeChange,\n    ...restProps\n  } = props;\n  const [activeValue = true, inactiveValue = false] = customValue || [];\n\n  const isControlled = typeof value !== \"undefined\";\n  const initChecked = defaultValue === activeValue || value === activeValue;\n  const [innerChecked, setInnerChecked] = useState(initChecked);\n\n  const contentNode = React.useMemo<React.ReactNode>(() => {\n    if (Array.isArray(label)) {\n      const [activeContent = \"\", inactiveContent = \"\"] = label;\n      const content = innerChecked ? activeContent : inactiveContent;\n      return parseTNode(content, { value });\n    }\n    return parseTNode(label, { value });\n  }, [label, innerChecked, value]);\n\n  const handleChange = (e: React.MouseEvent) => {\n    if (!isControlled) {\n      setInnerChecked(!innerChecked);\n    }\n    const changedValue = !innerChecked ? activeValue : inactiveValue;\n    onChange?.(changedValue, { e });\n  };\n\n  const onInternalClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n    if (disabled) {\n      return;\n    }\n\n    if (!beforeChange) {\n      handleChange(e);\n      return;\n    }\n    Promise.resolve(beforeChange())\n      .then((v) => {\n        if (v) {\n          handleChange(e);\n        }\n      })\n      .catch((e) => {\n        console.error(\"Switch\", `some error occurred: ${e}`);\n      });\n  };\n\n  useEffect(() => {\n    if (Array.isArray(customValue) && !customValue.includes(value)) {\n      console.error(\"Switch\", `value is not in customValue: ${JSON.stringify(customValue)}`);\n    }\n    if (isControlled) {\n      // Use setTimeout to avoid calling setState synchronously within an effect\n      setTimeout(() => {\n        setInnerChecked(value === activeValue);\n      }, 0);\n    }\n  }, [value, customValue, activeValue, isControlled]);\n\n  const { SIZE, STATUS } = useCommonClassName();\n  const switchClassName = classNames(\n    `${classPrefix}-switch`,\n    className,\n    {\n      [STATUS.checked]: innerChecked,\n      [STATUS.disabled]: disabled,\n      [STATUS.loading]: loading\n    },\n    SIZE[size]\n  );\n\n  return (\n    <button\n      {...restProps}\n      type=\"button\"\n      role=\"switch\"\n      disabled={disabled || loading}\n      className={switchClassName}\n      ref={ref}\n      onClick={onInternalClick}\n    >\n      <span className={`${classPrefix}-switch__handle`}>{loading && <Loading loading size=\"small\" />}</span>\n      <div className={`${classPrefix}-switch__content`}>{contentNode}</div>\n    </button>\n  );\n});\n\nSwitch.displayName = \"Switch\";\n\nexport default Switch as <T extends SwitchValue = SwitchValue>(\n  props: SwitchProps<T> & React.RefAttributes<HTMLButtonElement>\n) => React.ReactElement;\n"],"names":["switchDefaultProps","label","loading","size","Switch","React","forwardRef","originalProps","ref","_useConfig","useConfig","classPrefix","props","useDefaultProps","className","value","defaultValue","disabled","customValue","onChange","beforeChange","restProps","_objectWithoutProperties","_excluded","_ref","_ref2","_slicedToArray","_ref2$","activeValue","_ref2$2","inactiveValue","isControlled","initChecked","_useState","useState","_useState2","innerChecked","setInnerChecked","contentNode","useMemo","Array","isArray","_label","_label$","activeContent","_label$2","inactiveContent","content","parseTNode","handleChange","e","changedValue","onInternalClick","Promise","resolve","then","v","console","error","concat","useEffect","includes","JSON","stringify","setTimeout","_useCommonClassName","useCommonClassName","SIZE","STATUS","switchClassName","classNames","_defineProperty","checked","createElement","_objectSpread","type","role","onClick","Loading","displayName"],"mappings":"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"}

package/es/switch/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { TdSwitchProps } from "./type";
+export declare const switchDefaultProps: TdSwitchProps;

package/es/switch/index.d.ts

@@ -0,0 +1,4 @@
+import "./style/index";
+export * from "./type";
+export declare const Switch: <T extends import("./type").SwitchValue = import("./type").SwitchValue>(props: import("./Switch").SwitchProps<T> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement;
+export default Switch;

package/es/switch/index.js

@@ -8,18 +8,21 @@ import 'react';
 import 'classnames';
 import '../loading/index.js';
 import '../loading/Loading.js';
-import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-DRwijJcv.js';
 import 'lodash-es';
-import '../_chunks/dep-u1x3x6MJ.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 import '../common/Portal.js';
 import 'react-dom';
+import '../_chunks/dep-BRbJGDI9.js';
 import '../loading/Gradient.js';
-import '../_chunks/dep-DHWwZ2Nj.js';
+import '../_chunks/dep-DQ6kXoi8.js';
 import '../_chunks/dep-PPA-yoAy.js';
 import '../_chunks/dep-DGvfel3I.js';
-import '../_chunks/dep-BH5n5r1M.js';
+import '../_chunks/dep-DbVHGoUC.js';
 import '../loading/style/css.js';
+import '../_chunks/dep-DTlQ2dCA.js';
 import '../_chunks/dep-D8jki30S.js';
 
 var Switch = Switch$1;

package/es/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/switch/index.ts"],"sourcesContent":["import _Switch from \"./Switch\";\nimport \"./style/index\";\nexport * from \"./type\";\n\nexport const Switch = _Switch;\n\nexport default Switch;\n"],"names":["Switch","_Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,MAAA,GAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/switch/index.ts"],"sourcesContent":["import _Switch from \"./Switch\";\nimport \"./style/index\";\nexport * from \"./type\";\n\nexport const Switch = _Switch;\n\nexport default Switch;\n"],"names":["Switch","_Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,MAAA,GAASC;;;;"}

package/es/switch/style/css.d.ts

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

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

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

package/es/switch/type.d.ts

@@ -0,0 +1,48 @@
+import { TNode } from "../common";
+import { MouseEvent } from "react";
+export interface TdSwitchProps<T = SwitchValue> {
+    /**
+     * Switch 切换状态前的回调方法，常用于需要发起异步请求的场景，返回值支持布尔和 Promise 类型，返回`false`或 Promise reject不继续执行change，否则则继续执行。
+     */
+    beforeChange?: () => boolean | Promise<boolean>;
+    /**
+     * 用于自定义开关的值，[打开时的值，关闭时的值]。默认为 [true, false]。示例：[1, 0]、['open', 'close']
+     */
+    customValue?: Array<SwitchValue>;
+    /**
+     * 是否禁用组件，默认为 false
+     */
+    disabled?: boolean;
+    /**
+     * 开关内容，[开启时内容，关闭时内容]。示例：['开', '关'] 或 (value) => value ? '开' : '关'
+     * @default []
+     */
+    label?: Array<string | TNode> | TNode<{
+        value: SwitchValue;
+    }>;
+    /**
+     * 是否处于加载中状态
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 开关尺寸
+     * @default medium
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * 开关值
+     */
+    value?: T;
+    /**
+     * 开关值，非受控属性
+     */
+    defaultValue?: T;
+    /**
+     * 数据发生变化时触发
+     */
+    onChange?: (value: T, context: {
+        e: MouseEvent;
+    }) => void;
+}
+export type SwitchValue = string | number | boolean;

package/es/tab/TabBar.d.ts

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

package/es/tab/TabBar.js

@@ -0,0 +1,109 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { a as useLatest, u as useMutationObservable } from '../_chunks/dep-CkmtEv0Y.js';
+import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-BRbJGDI9.js';
+import { c as canUseDocument } from '../_chunks/dep-DRwijJcv.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import 'lodash-es';
+
+function useResizeObserver(container, callback) {
+  var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  var callbackRef = useLatest(callback);
+  useIsomorphicLayoutEffect(function () {
+    var isSupport = canUseDocument && window.ResizeObserver;
+    var element = container.current;
+    var observer = null;
+    if (!enabled) return;
+    if (isSupport && element) {
+      var resizeCallback = function resizeCallback(entries) {
+        callbackRef.current(entries);
+      };
+      observer = new ResizeObserver(resizeCallback);
+      observer.observe(element);
+    }
+    return function () {
+      if (observer && element) {
+        var _observer$disconnect, _observer;
+        observer.unobserve(element);
+        (_observer$disconnect = (_observer = observer).disconnect) === null || _observer$disconnect === void 0 || _observer$disconnect.call(_observer);
+        observer = null;
+      }
+    };
+  }, [container, enabled]);
+}
+
+var TabBar = function TabBar(props) {
+  var tabPosition = props.tabPosition,
+    activeId = props.activeId,
+    containerRef = props.containerRef,
+    navsWrapRef = props.navsWrapRef;
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    barStyle = _useState2[0],
+    setBarStyle = _useState2[1];
+  var tabsClassPrefix = "".concat(classPrefix, "-tabs");
+  var currentActiveIdRef = useRef(activeId);
+  useEffect(function () {
+    currentActiveIdRef.current = activeId;
+  }, [activeId]);
+  var computeStyle = React.useCallback(function () {
+    var isHorizontal = ["bottom", "top"].includes(tabPosition);
+    var transformPosition = isHorizontal ? "translateX" : "translateY";
+    var itemProp = isHorizontal ? "width" : "height";
+    var barBorderProp = isHorizontal ? "width" : "height";
+    var offset = 0;
+    if (containerRef.current) {
+      var _containerRef$current;
+      var itemsRef = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelectorAll(".".concat(tabsClassPrefix, "__nav-item"));
+      if (itemsRef.length - 1 >= currentActiveIdRef.current) {
+        itemsRef.forEach(function (item, itemIndex) {
+          if (itemIndex < currentActiveIdRef.current) {
+            offset += Number(getComputedStyle(item)[itemProp].replace("px", ""));
+          }
+        });
+        var computedItem = itemsRef[currentActiveIdRef.current];
+        if (!computedItem) {
+          setBarStyle(_defineProperty({
+            transform: "".concat(transformPosition, "(", 0, "px)")
+          }, barBorderProp, 0));
+          return;
+        }
+        var itemPropValue = getComputedStyle(computedItem)[itemProp];
+        setBarStyle(_defineProperty({
+          transform: "".concat(transformPosition, "(").concat(offset, "px)")
+        }, barBorderProp, itemPropValue || 0));
+      }
+    }
+  }, [currentActiveIdRef, containerRef, tabPosition, tabsClassPrefix]);
+  useEffect(function () {
+    if (containerRef.current) {
+      setTimeout(function () {
+        return computeStyle();
+      });
+    }
+  }, [tabPosition, activeId, containerRef.current]);
+  var handleMutationObserver = React.useCallback(function (mutations) {
+    mutations.forEach(function (mutation) {
+      if (mutation.type === "characterData") {
+        computeStyle();
+      }
+    });
+  }, [computeStyle]);
+  useMutationObservable(containerRef.current, handleMutationObserver);
+  useResizeObserver(navsWrapRef, computeStyle);
+  return /* @__PURE__ */React.createElement("div", {
+    className: classNames(_defineProperty(_defineProperty({}, "".concat(tabsClassPrefix, "__bar"), true), "".concat(classPrefix, "-is-").concat(tabPosition), true)),
+    style: barStyle
+  });
+};
+TabBar.displayName = "TabBar";
+
+export { TabBar as default };
+//# sourceMappingURL=TabBar.js.map

package/es/tab/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sources":["../../../components/hooks/useResizeObserve.ts","../../../components/tab/TabBar.tsx"],"sourcesContent":["import useIsomorphicLayoutEffect from \"./useLayoutEffect\";\nimport { canUseDocument } from \"../utils/dom\";\nimport useLatest from \"./useLastest\";\n\nexport default function useResizeObserver(\n  container: React.MutableRefObject<HTMLElement | null>,\n  callback: (data: ResizeObserverEntry[]) => void,\n  enabled = true\n) {\n  const callbackRef = useLatest(callback);\n\n  useIsomorphicLayoutEffect(() => {\n    const isSupport = canUseDocument && window.ResizeObserver;\n    const element = container.current;\n    let observer: ResizeObserver = null;\n\n    if (!enabled) return;\n\n    if (isSupport && element) {\n      const resizeCallback: ResizeObserverCallback = (entries) => {\n        callbackRef.current(entries);\n      };\n      observer = new ResizeObserver(resizeCallback);\n      observer.observe(element);\n    }\n\n    return () => {\n      if (observer && element) {\n        observer.unobserve(element);\n        observer.disconnect?.();\n        observer = null;\n      }\n    };\n    // eslint-disable-next-line\n  }, [container, enabled]);\n}\n","import React, { useEffect, useState, CSSProperties, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport useMutationObserver from \"../hooks/useMutationObserver\";\nimport useResizeObserver from \"../hooks/useResizeObserve\";\ninterface TabBarProps {\n  tabPosition: string;\n  activeId: string | number;\n  containerRef: React.MutableRefObject<HTMLDivElement>;\n  navsWrapRef: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst TabBar: React.FC<TabBarProps> = (props) => {\n  const { tabPosition, activeId, containerRef, navsWrapRef } = props;\n  const { classPrefix } = useConfig();\n  const [barStyle, setBarStyle] = useState<CSSProperties>({});\n  const tabsClassPrefix = `${classPrefix}-tabs`;\n  const currentActiveIdRef = useRef(activeId);\n  useEffect(() => {\n    currentActiveIdRef.current = activeId;\n  }, [activeId]);\n\n  const computeStyle = React.useCallback(() => {\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\n    if (containerRef.current) {\n      const itemsRef = containerRef.current?.querySelectorAll<HTMLElement>(`.${tabsClassPrefix}__nav-item`);\n      if (itemsRef.length - 1 >= (currentActiveIdRef.current as number)) {\n        itemsRef.forEach((item, itemIndex) => {\n          if (itemIndex < (currentActiveIdRef.current as number)) {\n            offset += Number(getComputedStyle(item)[itemProp].replace(\"px\", \"\"));\n          }\n        });\n        const computedItem = itemsRef[currentActiveIdRef.current];\n        if (!computedItem) {\n          setBarStyle({ transform: `${transformPosition}(${0}px)`, [barBorderProp]: 0 });\n          return;\n        }\n        const itemPropValue = getComputedStyle(computedItem)[itemProp];\n        setBarStyle({ transform: `${transformPosition}(${offset}px)`, [barBorderProp]: itemPropValue || 0 });\n      }\n    }\n  }, [currentActiveIdRef, containerRef, tabPosition, tabsClassPrefix]);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      setTimeout(() => computeStyle());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [tabPosition, activeId, containerRef.current]);\n\n  const handleMutationObserver = React.useCallback(\n    (mutations: MutationRecord[]) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === \"characterData\") {\n          computeStyle();\n        }\n      });\n    },\n    [computeStyle]\n  );\n\n  useMutationObserver(containerRef.current, handleMutationObserver);\n\n  useResizeObserver(navsWrapRef, computeStyle);\n\n  return (\n    <div\n      className={classNames({\n        [`${tabsClassPrefix}__bar`]: true,\n        [`${classPrefix}-is-${tabPosition}`]: true\n      })}\n      style={barStyle}\n    ></div>\n  );\n};\n\nTabBar.displayName = \"TabBar\";\n\nexport default TabBar;\n"],"names":["useResizeObserver","container","callback","enabled","arguments","length","undefined","callbackRef","useLatest","useIsomorphicLayoutEffect","isSupport","canUseDocument","window","ResizeObserver","element","current","observer","resizeCallback","entries","observe","_observer$disconnect","_observer","unobserve","disconnect","call","TabBar","props","tabPosition","activeId","containerRef","navsWrapRef","_useConfig","useConfig","classPrefix","_useState","useState","_useState2","_slicedToArray","barStyle","setBarStyle","tabsClassPrefix","concat","currentActiveIdRef","useRef","useEffect","computeStyle","React","useCallback","isHorizontal","includes","transformPosition","itemProp","barBorderProp","offset","_containerRef$current","itemsRef","querySelectorAll","forEach","item","itemIndex","Number","getComputedStyle","replace","computedItem","_defineProperty","transform","itemPropValue","setTimeout","handleMutationObserver","mutations","mutation","type","useMutationObserver","createElement","className","classNames","style","displayName"],"mappings":"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"}

package/es/tab/TabNav.d.ts

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

package/es/tab/TabNav.js

@@ -0,0 +1,123 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useRef, useCallback, useState } from 'react';
+import classNames from 'classnames';
+import { n as noop } from '../_chunks/dep-U1T8CQY9.js';
+import { u as useTabClass } from '../_chunks/dep-Tshfumgl.js';
+import TabNavItem from './TabNavItem.js';
+import TabBar from './TabBar.js';
+import { omit } from 'lodash-es';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '@tendaui/icons';
+import '../_chunks/dep-ByzdZjUR.js';
+import '../_chunks/dep-CkmtEv0Y.js';
+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 TabNav = function TabNav(props) {
+  var _props$placement = props.placement,
+    placement = _props$placement === void 0 ? "top" : _props$placement,
+    _props$itemList = props.itemList,
+    itemList = _props$itemList === void 0 ? [] : _props$itemList,
+    theme = props.theme,
+    addable = props.addable,
+    onAdd = props.onAdd,
+    _props$scrollPosition = props.scrollPosition,
+    scrollPosition = _props$scrollPosition === void 0 ? "auto" : _props$scrollPosition,
+    _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 ? noop : _props$onRemove,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? noop : _props$onChange,
+    activeValue = props.activeValue,
+    children = props.children,
+    action = props.action;
+  var _useTabClass = useTabClass(),
+    tdTabsClassGenerator = _useTabClass.tdTabsClassGenerator,
+    tdClassGenerator = _useTabClass.tdClassGenerator,
+    tdSizeClassGenerator = _useTabClass.tdSizeClassGenerator;
+  var navsContainerRef = useRef(null);
+  var navsWrapRef = useRef(null);
+  var getIndex = useCallback(function (value) {
+    var index = itemList.findIndex(function (item) {
+      return item.value === value;
+    });
+    return index > -1 ? index : -1;
+  }, [itemList]);
+  var activeIndex = getIndex(activeValue);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  var TabBarCom = /* @__PURE__ */React.createElement(TabBar, {
+    tabPosition: placement,
+    activeId: activeIndex,
+    containerRef: navsWrapRef,
+    navsWrapRef: navsWrapRef
+  });
+  var handleTabItemClick = function handleTabItemClick(clickItem) {
+    var _clickItem$onClick;
+    if (activeValue !== clickItem.value) {
+      onChange(clickItem.value);
+    }
+    clickItem === null || clickItem === void 0 || (_clickItem$onClick = clickItem.onClick) === null || _clickItem$onClick === void 0 || _clickItem$onClick.call(clickItem, clickItem.value);
+  };
+  var handleTabItemRemove = function handleTabItemRemove(removeItem) {
+    var removeValue = removeItem.value,
+      removeIndex = removeItem.index;
+    if (removeValue === activeValue) {
+      var _itemList;
+      onChange(removeIndex === 0 ? (_itemList = itemList[removeIndex + 1]) === null || _itemList === void 0 ? void 0 : _itemList.value : itemList[removeIndex - 1].value);
+    }
+    onRemove(removeItem);
+  };
+  var handleTabAdd = function handleTabAdd(e) {
+    onAdd({
+      e: e
+    });
+  };
+  return /* @__PURE__ */React.createElement("div", {
+    ref: navsContainerRef,
+    className: classNames(tdTabsClassGenerator("nav")),
+    style: {
+      minHeight: 48
+    }
+  }, /* @__PURE__ */React.createElement("div", {
+    className: classNames(tdTabsClassGenerator("nav-container"), addable ? tdClassGenerator("is-addable") : "")
+  }, /* @__PURE__ */React.createElement("div", {
+    className: classNames(tdTabsClassGenerator("nav-wrap"), ["left", "right"].includes(placement) ? tdClassGenerator("is-vertical") : "", tdClassGenerator("is-smooth")),
+    ref: navsWrapRef
+  }, TabBarCom, itemList.map(function (v, index) {
+    return /* @__PURE__ */React.createElement(TabNavItem, _objectSpread(_objectSpread(_objectSpread({}, omit(props, ["className", "style"])), 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() {
+        return handleTabItemClick(v);
+      },
+      onTabRemove: handleTabItemRemove,
+      innerRef: function innerRef(ref) {
+        if (activeValue === v.value) {
+          setActiveTab(ref);
+        }
+      }
+    }));
+  }))));
+};
+TabNav.displayName = "TabNav";
+
+export { TabNav as default };
+//# sourceMappingURL=TabNav.js.map

package/es/tab/TabNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.js","sources":["../../../components/tab/TabNav.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, WheelEvent } from \"react\";\nimport classNames from \"classnames\";\nimport noop from \"../utils/noop\";\nimport { useTabClass } from \"./useTabClass\";\nimport TabNavItem from \"./TabNavItem\";\nimport TabBar from \"./TabBar\";\nimport { omit } from \"lodash-es\";\nimport { TdTabsProps, TdTabPanelProps, TabValue } from \"./type\";\nexport interface TabNavProps extends TdTabsProps {\n  itemList: TdTabPanelProps[];\n  activeValue: TabValue;\n  size?: \"medium\" | \"large\";\n  children?: React.ReactNode;\n}\nconst TabNav: React.FC<TabNavProps> = (props) => {\n  const {\n    placement = \"top\",\n    itemList = [],\n    theme,\n    addable,\n    onAdd,\n    scrollPosition = \"auto\",\n    size = \"medium\",\n    disabled = false,\n    onRemove = noop,\n    onChange = noop,\n    activeValue,\n    children,\n    action\n  } = props;\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n  const navsContainerRef = useRef<HTMLDivElement>(null);\n  const navsWrapRef = useRef<HTMLDivElement>(null);\n  const getIndex = useCallback(\n    (value) => {\n      const index = itemList.findIndex((item) => item.value === value);\n      return index > -1 ? index : -1;\n    },\n    [itemList]\n  );\n\n  const activeIndex = getIndex(activeValue);\n  const [activeTab, setActiveTab] = useState<HTMLElement>(null);\n  const TabBarCom = (\n    <TabBar tabPosition={placement} activeId={activeIndex} containerRef={navsWrapRef} navsWrapRef={navsWrapRef} />\n  );\n  const handleTabItemClick = (clickItem) => {\n    if (activeValue !== clickItem.value) {\n      onChange(clickItem.value);\n    }\n    clickItem?.onClick?.(clickItem.value);\n  };\n  const handleTabItemRemove = (removeItem) => {\n    const { value: removeValue, index: removeIndex } = removeItem;\n    if (removeValue === activeValue) {\n      onChange(removeIndex === 0 ? itemList[removeIndex + 1]?.value : itemList[removeIndex - 1].value);\n    }\n    onRemove(removeItem);\n  };\n  const handleTabAdd = (e) => {\n    onAdd({ e });\n  };\n  return (\n    <div ref={navsContainerRef} className={classNames(tdTabsClassGenerator(\"nav\"))} style={{ minHeight: 48 }}>\n      <div className={classNames(tdTabsClassGenerator(\"nav-container\"), addable ? tdClassGenerator(\"is-addable\") : \"\")}>\n        <div\n          className={classNames(\n            tdTabsClassGenerator(\"nav-wrap\"),\n            [\"left\", \"right\"].includes(placement) ? tdClassGenerator(\"is-vertical\") : \"\",\n            tdClassGenerator(\"is-smooth\")\n          )}\n          ref={navsWrapRef}\n        >\n          {TabBarCom}\n          {itemList.map((v, index) => (\n            <TabNavItem\n              {...omit(props, [\"className\", \"style\"])}\n              {...v}\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={() => handleTabItemClick(v)}\n              onTabRemove={handleTabItemRemove}\n              innerRef={(ref) => {\n                if (activeValue === v.value) {\n                  setActiveTab(ref);\n                }\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTabNav.displayName = \"TabNav\";\nexport default TabNav;\n"],"names":["TabNav","props","_props$placement","placement","_props$itemList","itemList","theme","addable","onAdd","_props$scrollPosition","scrollPosition","_props$size","size","_props$disabled","disabled","_props$onRemove","onRemove","noop","_props$onChange","onChange","activeValue","children","action","_useTabClass","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","navsContainerRef","useRef","navsWrapRef","getIndex","useCallback","value","index","findIndex","item","activeIndex","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","TabBarCom","TabBar","tabPosition","activeId","containerRef","handleTabItemClick","clickItem","_clickItem$onClick","onClick","call","handleTabItemRemove","removeItem","removeValue","removeIndex","_itemList","handleTabAdd","e","React","createElement","ref","className","classNames","style","minHeight","includes","map","v","TabNavItem","_objectSpread","omit","key","label","isActive","onTabRemove","innerRef","displayName"],"mappings":"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"}

package/es/tab/TabNavItem.d.ts

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