tiny-ui 0.0.94 → 1.0.0

package/lib/tabs/tab-panel.js

@@ -1,18 +1,23 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var TabPanel = React.forwardRef(function (props, ref) {
-    var _a;
-    var className = props.className, selected = props.selected, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["className", "selected", "children", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('tabs-panel-item', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a[prefixCls + "_active"] = selected,
-        _a));
-    return (React.createElement("div", __assign({ ref: ref, className: cls }, otherProps), children));
-});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const TabPanel = (props) => {
+    const { active, forceRender, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('tabs-panel', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_active`]: active,
+    });
+    if (!active && !forceRender) {
+        return (0, jsx_runtime_1.jsx)("div", { className: cls });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: cls, role: "tabpanel", ...otherProps, children: children }));
+};
 TabPanel.displayName = 'TabPanel';
-export default TabPanel;
+exports.default = TabPanel;
 //# sourceMappingURL=tab-panel.js.map

package/lib/tabs/tab-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../components/tabs/tab-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AASjD,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,UAAC,KAAoB,EAAE,GAAG;;IAChB,IAAA,SAAS,GAAkE,KAAK,UAAvE,EAAE,QAAQ,GAAwD,KAAK,SAA7D,EAAE,QAAQ,GAA8C,KAAK,SAAnD,EAAa,aAAa,GAAoB,KAAK,UAAzB,EAAK,UAAU,UAAK,KAAK,EAAlF,kDAA0E,CAAF,CAAW;IACzF,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC1F,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS;QACzC,GAAI,SAAS,YAAS,IAAG,QAAQ;YACjC,CAAC;IAEH,OAAO,CACL,sCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAM,UAAU,GAC1C,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../components/tabs/tab-panel.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmC;AACnC,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAsB,EAAE;IAC5D,MAAM,EACJ,MAAM,EACN,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,YAAY,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACrF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,MAAM;KAChC,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC5B,OAAO,gCAAK,SAAS,EAAE,GAAG,GAAI,CAAC;IACjC,CAAC;IAED,OAAO,CACL,gCAAK,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,KAAK,UAAU,YAChD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,kBAAe,QAAQ,CAAC"}

package/lib/tabs/tabs.d.ts

@@ -1,17 +1,4 @@
 import React from 'react';
-import { BaseProps, DirectionType, SizeType } from '../_utils/props';
-export declare type TabType = 'line' | 'card' | 'noborder-card';
-export interface TabsProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange'> {
-    activeKey?: number;
-    defaultActiveKey?: number;
-    type?: TabType;
-    animated?: boolean;
-    direction?: DirectionType;
-    size?: SizeType;
-    onChange?: (activeKey?: string) => void;
-    onTabClose?: (activeKey?: string) => void;
-    onPrevClick?: (e?: MouseEvent) => void;
-    onNextClick?: (e?: MouseEvent) => void;
-}
-declare const Tabs: React.ForwardRefExoticComponent<Pick<TabsProps, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "type" | "prefixCls" | "defaultActiveKey" | "activeKey" | "direction" | "animated" | "onTabClose" | "onPrevClick" | "onNextClick"> & React.RefAttributes<HTMLDivElement>>;
+import { TabsProps } from './types';
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;

package/lib/tabs/tabs.js

@@ -1,104 +1,227 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext, useRef, useState } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { ArrowDown } from '../_utils/components';
-var Tabs = React.forwardRef(function (props, ref) {
-    var _a, _b, _c, _d, _e;
-    var _f = props.type, type = _f === void 0 ? 'line' : _f, _g = props.direction, direction = _g === void 0 ? 'horizontal' : _g, _h = props.size, size = _h === void 0 ? 'md' : _h, _j = props.animated, animated = _j === void 0 ? true : _j, activeKey = props.activeKey, defaultActiveKey = props.defaultActiveKey, onChange = props.onChange, className = props.className, children = props.children, customisedCls = props.prefixCls, otherProps = __rest(props, ["type", "direction", "size", "animated", "activeKey", "defaultActiveKey", "onChange", "className", "children", "prefixCls"]);
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('tabs', configContext.prefixCls, customisedCls);
-    var lineWidth = useState(0)[0];
-    var lineHeight = useState(0)[0];
-    var scrollOffset = useState(0)[0];
-    var headerWidth = useState(0)[0];
-    var headerHeight = useState(0)[0];
-    var scrollWidth = useState(0)[0];
-    var scrollHeight = useState(0)[0];
-    var isArrowShown = useState(false)[0];
-    var tabHeaderWrapRef = useRef(null);
-    var tabHeaderNavRef = useRef(null);
-    var activeTab = useRef(null);
-    var headerDimension = direction === 'horizontal' ? headerWidth : headerHeight;
-    var scrollDimension = direction === 'horizontal' ? scrollWidth : scrollHeight;
-    var arrowL = direction === 'horizontal' ? 'left' : 'top';
-    var arrowR = direction === 'horizontal' ? 'right' : 'bottom';
-    var isArrowLDisabled = scrollOffset === 0;
-    var isArrowRDisabled = Math.floor(Math.abs(scrollOffset + headerDimension - scrollDimension)) === 0;
-    var cls = classNames(prefixCls, className, prefixCls + "_" + size, prefixCls + "_" + direction, (_a = {}, _a[prefixCls + "_" + type] = direction === 'horizontal' && type, _a));
-    var headerNavStyle = direction === 'horizontal'
-        ? { transform: "translate3d(" + -scrollOffset + "px, 0, 0)" }
-        : { transform: "translate3d(0, " + -scrollOffset + "px, 0)" };
-    var headerCls = classNames(prefixCls + "__header", (_b = {},
-        _b[prefixCls + "__header_arrow-mode"] = isArrowShown,
-        _b));
-    var bodyCls = classNames(prefixCls + "__body", (_c = {},
-        _c[prefixCls + "__body_animated"] = animated,
-        _c));
-    var arrowLCls = classNames(prefixCls + "__header__arrow", (_d = {},
-        _d[prefixCls + "__header__arrow--" + arrowL] = arrowL,
-        _d[prefixCls + "__header__arrow--disabled"] = isArrowLDisabled,
-        _d));
-    var arrowRCls = classNames(prefixCls + "__header__arrow", (_e = {},
-        _e[prefixCls + "__header__arrow--" + arrowR] = arrowR,
-        _e[prefixCls + "__header__arrow--disabled"] = isArrowRDisabled,
-        _e));
-    var getSelectIndex = function () {
-        var selectIndex = 0;
-        React.Children.forEach(children, function (child, idx) {
-            var element = child;
-            if (element.props && element.props.selected) {
-                selectIndex = idx;
-            }
-        });
-        return selectIndex;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Tabs = react_1.default.forwardRef((props, ref) => {
+    const { type = 'line', tabPosition = 'top', size = 'md', animated = true, centered = false, destroyInactiveTabPane = false, hideAdd = false, activeKey, defaultActiveKey, items, tabBarExtraContent, tabBarGutter, tabBarStyle, onChange, onTabClick, onEdit, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('tabs', configContext.prefixCls, customisedCls);
+    // Resolve items from either `items` prop or `children`
+    const resolvedItems = items ?? resolveItemsFromChildren(children);
+    const getDefaultKey = () => {
+        if (defaultActiveKey !== undefined)
+            return defaultActiveKey;
+        const first = resolvedItems.find((item) => !item.disabled);
+        return first?.key ?? '';
     };
-    var value = useState(activeKey || defaultActiveKey || getSelectIndex())[0];
-    var animateStyle = direction === 'horizontal' ? { marginLeft: "-" + value * 100 + "%" } : {};
-    var scrollLeftOrTop = function (e) { };
-    var scrollRightOrBottom = function (e) { };
-    var renderHeaderLine = function () {
-        var _a = activeTab.current || {}, _b = _a.offsetLeft, offsetLeft = _b === void 0 ? 0 : _b, _c = _a.offsetTop, offsetTop = _c === void 0 ? 0 : _c;
-        var headerLineStyle = direction === 'horizontal'
-            ? { width: lineWidth, height: 0, transform: "translate3d(" + offsetLeft + "px,0,0)" }
-            : { width: 0, height: lineHeight, transform: "translate3d(0," + offsetTop + "px,0)" };
-        return React.createElement("div", { className: prefixCls + "__header-line", style: headerLineStyle });
+    const [currentKey, setCurrentKey] = (0, react_1.useState)(activeKey ?? getDefaultKey());
+    const [inkStyle, setInkStyle] = (0, react_1.useState)({});
+    const baseId = (0, react_1.useId)();
+    const [scrollOffset, setScrollOffset] = (0, react_1.useState)(0);
+    const [showNav, setShowNav] = (0, react_1.useState)(false);
+    const navWrapRef = (0, react_1.useRef)(null);
+    const navListRef = (0, react_1.useRef)(null);
+    const tabRefs = (0, react_1.useRef)(new Map());
+    const isHorizontal = tabPosition === 'top' || tabPosition === 'bottom';
+    // Controlled mode
+    (0, react_1.useEffect)(() => {
+        if (activeKey !== undefined) {
+            setCurrentKey(activeKey);
+        }
+    }, [activeKey]);
+    // Update ink indicator
+    const updateInk = (0, react_1.useCallback)(() => {
+        if (type !== 'line')
+            return;
+        const el = tabRefs.current.get(currentKey);
+        if (!el)
+            return;
+        if (isHorizontal) {
+            setInkStyle({
+                width: el.offsetWidth,
+                transform: `translate3d(${el.offsetLeft}px, 0, 0)`,
+            });
+        }
+        else {
+            setInkStyle({
+                height: el.offsetHeight,
+                transform: `translate3d(0, ${el.offsetTop}px, 0)`,
+            });
+        }
+    }, [currentKey, type, isHorizontal]);
+    // Check overflow for scroll arrows
+    const checkOverflow = (0, react_1.useCallback)(() => {
+        const wrap = navWrapRef.current;
+        const list = navListRef.current;
+        if (!wrap || !list)
+            return;
+        setShowNav(isHorizontal
+            ? list.scrollWidth > wrap.clientWidth
+            : list.scrollHeight > wrap.clientHeight);
+    }, [isHorizontal]);
+    (0, react_1.useEffect)(() => {
+        updateInk();
+        checkOverflow();
+    }, [updateInk, checkOverflow]);
+    const handleTabClick = (key, disabled, e) => {
+        if (disabled)
+            return;
+        onTabClick?.(key, e);
+        if (activeKey === undefined) {
+            setCurrentKey(key);
+        }
+        onChange?.(key);
     };
-    var renderHeaderItem = function () {
-        return React.Children.map(children, function (child) {
-            var childElement = child;
-            if (childElement.type.displayName === 'TabPanel') {
-                return React.createElement("div", { className: prefixCls + "__header-nav-item" }, childElement.props.tab);
-            }
-            else {
-                return null;
-            }
-        });
+    const handleRemove = (key, e) => {
+        e.stopPropagation();
+        onEdit?.(key, 'remove');
     };
-    return (React.createElement("div", __assign({}, otherProps, { ref: ref, className: cls }),
-        React.createElement("div", { className: headerCls },
-            React.createElement("div", { className: prefixCls + "__header-scroll", ref: tabHeaderWrapRef },
-                React.createElement("div", { className: prefixCls + "__header-nav", ref: tabHeaderNavRef, style: isArrowShown ? headerNavStyle : {} },
-                    renderHeaderItem(),
-                    type === 'line' && renderHeaderLine())),
-            isArrowShown && (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: arrowLCls, onClick: function (e) { return !isArrowLDisabled && scrollLeftOrTop(e); } },
-                    React.createElement(ArrowDown, null)),
-                React.createElement("span", { className: arrowRCls, onClick: function (e) { return !isArrowRDisabled && scrollRightOrBottom(e); } },
-                    React.createElement(ArrowDown, null))))),
-        React.createElement("div", { className: bodyCls, style: animateStyle }, React.Children.map(children, function (child, idx) {
-            var childElement = child;
-            if (childElement.type.displayName === 'TabPanel') {
-                var childProps = __assign(__assign({}, childElement.props), { selected: value === idx });
-                return React.cloneElement(childElement, childProps);
+    const handleAdd = (e) => {
+        onEdit?.(e, 'add');
+    };
+    const handleTabKeyDown = (e, itemIndex) => {
+        const enabledItems = resolvedItems.filter((item) => !item.disabled);
+        const currentEnabledIdx = enabledItems.findIndex((item) => item.key === resolvedItems[itemIndex].key);
+        let targetItem;
+        if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            const prevIdx = currentEnabledIdx <= 0 ? enabledItems.length - 1 : currentEnabledIdx - 1;
+            targetItem = enabledItems[prevIdx];
+        }
+        else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            const nextIdx = currentEnabledIdx >= enabledItems.length - 1 ? 0 : currentEnabledIdx + 1;
+            targetItem = enabledItems[nextIdx];
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            targetItem = enabledItems[0];
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            targetItem = enabledItems[enabledItems.length - 1];
+        }
+        if (targetItem) {
+            const el = tabRefs.current.get(targetItem.key);
+            el?.focus();
+            handleTabClick(targetItem.key, targetItem.disabled, e);
+        }
+    };
+    // Scroll navigation
+    const scrollStep = 200;
+    const getMaxScroll = () => {
+        const wrap = navWrapRef.current;
+        const list = navListRef.current;
+        if (!wrap || !list)
+            return 0;
+        return isHorizontal
+            ? list.scrollWidth - wrap.clientWidth
+            : list.scrollHeight - wrap.clientHeight;
+    };
+    const scrollPrev = () => setScrollOffset((prev) => Math.max(0, prev - scrollStep));
+    const scrollNext = () => setScrollOffset((prev) => Math.min(getMaxScroll(), prev + scrollStep));
+    // Ensure active tab is scrolled into view
+    (0, react_1.useEffect)(() => {
+        const el = tabRefs.current.get(currentKey);
+        const wrap = navWrapRef.current;
+        if (!el || !wrap || !showNav)
+            return;
+        if (isHorizontal) {
+            const elLeft = el.offsetLeft;
+            const elRight = elLeft + el.offsetWidth;
+            if (elLeft < scrollOffset) {
+                setScrollOffset(elLeft);
             }
-            else {
-                console.warn('Tabs has a child that is not a TabPanel component.');
-                return null;
+            else if (elRight > scrollOffset + wrap.clientWidth) {
+                setScrollOffset(elRight - wrap.clientWidth);
             }
-        }))));
+        }
+    }, [currentKey, showNav, isHorizontal, scrollOffset]);
+    // Extra content
+    const isExtraObj = tabBarExtraContent != null
+        && typeof tabBarExtraContent === 'object'
+        && !react_1.default.isValidElement(tabBarExtraContent)
+        && ('left' in tabBarExtraContent || 'right' in tabBarExtraContent);
+    const extraLeft = isExtraObj
+        ? tabBarExtraContent.left ?? null
+        : null;
+    const extraRight = isExtraObj
+        ? tabBarExtraContent.right ?? null
+        : tabBarExtraContent ?? null;
+    // Class names
+    const isVertical = !isHorizontal;
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
+        [`${prefixCls}_${tabPosition}`]: true,
+        [`${prefixCls}_${type}`]: true,
+        [`${prefixCls}_vertical`]: isVertical,
+        [`${prefixCls}_centered`]: centered,
+    });
+    const navScrollStyle = isHorizontal
+        ? { transform: `translate3d(${-scrollOffset}px, 0, 0)` }
+        : { transform: `translate3d(0, ${-scrollOffset}px, 0)` };
+    const prevDisabled = scrollOffset === 0;
+    const nextDisabled = scrollOffset >= getMaxScroll();
+    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, children: [tabPosition === 'bottom' && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__content`, children: renderPanels(resolvedItems, currentKey, prefixCls, animated, isHorizontal, destroyInactiveTabPane, baseId) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(`${prefixCls}__nav`, {
+                    [`${prefixCls}__nav_overflow`]: showNav,
+                }), style: tabBarStyle, role: "tablist", children: [extraLeft && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__nav-extra_left`, children: extraLeft }), showNav && ((0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)(`${prefixCls}__nav-prev`, {
+                            [`${prefixCls}__nav-btn_disabled`]: prevDisabled,
+                        }), disabled: prevDisabled, onClick: scrollPrev, type: "button", "aria-label": "Previous tabs", children: "\u2039" })), (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__nav-wrap`, ref: navWrapRef, children: (0, jsx_runtime_1.jsxs)("div", { className: `${prefixCls}__nav-list`, ref: navListRef, style: showNav ? navScrollStyle : undefined, children: [resolvedItems.map((item, idx) => {
+                                    const isActive = item.key === currentKey;
+                                    const tabCls = (0, classnames_1.default)(`${prefixCls}__tab`, {
+                                        [`${prefixCls}__tab_active`]: isActive,
+                                        [`${prefixCls}__tab_disabled`]: item.disabled,
+                                    });
+                                    const gutter = tabBarGutter !== undefined ? { marginRight: tabBarGutter } : undefined;
+                                    return ((0, jsx_runtime_1.jsxs)("div", { ref: (el) => {
+                                            if (el)
+                                                tabRefs.current.set(item.key, el);
+                                            else
+                                                tabRefs.current.delete(item.key);
+                                        }, className: tabCls, style: gutter, role: "tab", id: `${baseId}-tab-${item.key}`, "aria-selected": isActive, "aria-disabled": item.disabled, "aria-controls": `${baseId}-panel-${item.key}`, tabIndex: isActive ? 0 : -1, onClick: (e) => handleTabClick(item.key, item.disabled, e), onKeyDown: (e) => handleTabKeyDown(e, idx), children: [item.icon && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__tab-icon`, children: item.icon }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__tab-label`, children: item.label }), type === 'editable-card' && item.closable !== false && ((0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__tab-remove`, onClick: (e) => handleRemove(item.key, e), role: "button", "aria-label": "Remove tab", children: "\u2715" }))] }, item.key));
+                                }), type === 'line' && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__ink-bar`, style: inkStyle }))] }) }), showNav && ((0, jsx_runtime_1.jsx)("button", { className: (0, classnames_1.default)(`${prefixCls}__nav-next`, {
+                            [`${prefixCls}__nav-btn_disabled`]: nextDisabled,
+                        }), disabled: nextDisabled, onClick: scrollNext, type: "button", "aria-label": "Next tabs", children: "\u203A" })), type === 'editable-card' && !hideAdd && ((0, jsx_runtime_1.jsx)("button", { className: `${prefixCls}__nav-add`, onClick: handleAdd, type: "button", "aria-label": "Add tab", children: "+" })), extraRight && (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__nav-extra_right`, children: extraRight })] }), tabPosition !== 'bottom' && ((0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__content`, children: renderPanels(resolvedItems, currentKey, prefixCls, animated, isHorizontal, destroyInactiveTabPane, baseId) }))] }));
 });
+function resolveItemsFromChildren(children) {
+    const items = [];
+    react_1.default.Children.forEach(children, (child, idx) => {
+        if (!react_1.default.isValidElement(child))
+            return;
+        const { tab, tabKey, disabled, closable, forceRender, children: content } = child.props;
+        items.push({
+            key: tabKey ?? String(idx),
+            label: tab,
+            children: content,
+            disabled,
+            closable,
+            forceRender,
+        });
+    });
+    return items;
+}
+function renderPanels(items, currentKey, prefixCls, animated, isHorizontal, destroyInactive, baseId) {
+    const activeIdx = items.findIndex((item) => item.key === currentKey);
+    const containerStyle = animated && isHorizontal
+        ? { transform: `translate3d(${-activeIdx * 100}%, 0, 0)` }
+        : {};
+    const containerCls = (0, classnames_1.default)(`${prefixCls}__content-inner`, {
+        [`${prefixCls}__content-inner_animated`]: animated && isHorizontal,
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { className: containerCls, style: containerStyle, children: items.map((item) => {
+            const isActive = item.key === currentKey;
+            const panelCls = (0, classnames_1.default)(`${prefixCls}__panel`, {
+                [`${prefixCls}__panel_active`]: isActive,
+            });
+            if (destroyInactive && !isActive && !item.forceRender) {
+                return (0, jsx_runtime_1.jsx)("div", { className: panelCls, role: "tabpanel", id: baseId ? `${baseId}-panel-${item.key}` : undefined, "aria-labelledby": baseId ? `${baseId}-tab-${item.key}` : undefined }, item.key);
+            }
+            return ((0, jsx_runtime_1.jsx)("div", { className: panelCls, role: "tabpanel", id: baseId ? `${baseId}-panel-${item.key}` : undefined, "aria-labelledby": baseId ? `${baseId}-tab-${item.key}` : undefined, children: item.children }, item.key));
+        }) }));
+}
 Tabs.displayName = 'Tabs';
-export default Tabs;
+exports.default = Tabs;
 //# sourceMappingURL=tabs.js.map

package/lib/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../components/tabs/tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../components/tabs/tabs.tsx"],"names":[],"mappings":"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"}

package/lib/tabs/types.d.ts

@@ -0,0 +1,64 @@
+import { CSSProperties, ReactNode } from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export type TabType = 'line' | 'card' | 'editable-card';
+export type TabPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface TabItem {
+    key: string;
+    label: ReactNode;
+    children?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    closable?: boolean;
+    forceRender?: boolean;
+}
+export interface TabsProps extends BaseProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current active tab key */
+    activeKey?: string;
+    /** Initial active tab key */
+    defaultActiveKey?: string;
+    /** Tab content configuration (recommended) */
+    items?: TabItem[];
+    /** Tab style variant */
+    type?: TabType;
+    /** Tab position */
+    tabPosition?: TabPosition;
+    /** Preset tab bar size */
+    size?: SizeType;
+    /** Whether to animate tab transitions */
+    animated?: boolean;
+    /** Center the tab bar */
+    centered?: boolean;
+    /** Destroy inactive tab panes */
+    destroyInactiveTabPane?: boolean;
+    /** Extra content on the tab bar */
+    tabBarExtraContent?: ReactNode | {
+        left?: ReactNode;
+        right?: ReactNode;
+    };
+    /** Gap between tabs in pixels */
+    tabBarGutter?: number;
+    /** Tab bar inline styles */
+    tabBarStyle?: CSSProperties;
+    /** Callback when the active tab changes */
+    onChange?: (activeKey: string) => void;
+    /** Callback when a tab is clicked */
+    onTabClick?: (key: string, event: React.MouseEvent) => void;
+    /** Callback when tabs are added or removed (editable-card only) */
+    onEdit?: (targetKey: string | React.MouseEvent, action: 'add' | 'remove') => void;
+    /** Hide the add button in editable-card mode */
+    hideAdd?: boolean;
+}
+export interface TabPanelProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the panel is active (set internally) */
+    active?: boolean;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Whether the tab is closable (editable-card only) */
+    closable?: boolean;
+    /** Tab header content */
+    tab?: ReactNode;
+    /** Unique key for the tab */
+    tabKey?: string;
+    /** Force render even when inactive */
+    forceRender?: boolean;
+}

package/lib/tabs/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/tabs/types.ts"],"names":[],"mappings":""}

package/lib/tag/checkable-tag.js

@@ -1,27 +1,33 @@
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import Tag from './index';
-var CheckableTag = function (props) {
-    var _a;
-    var _b = props.defaultChecked, defaultChecked = _b === void 0 ? true : _b, customisedCls = props.prefixCls, onChange = props.onChange, className = props.className, style = props.style, children = props.children;
-    var _c = useState('checked' in props ? props.checked : defaultChecked), checked = _c[0], setChecked = _c[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('checkable-tag', configContext.prefixCls, customisedCls);
-    var cls = classNames(prefixCls, className, (_a = {},
-        _a[prefixCls + "_checked"] = checked,
-        _a));
-    var itemOnClick = function (e) {
-        var state = !checked;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const index_1 = tslib_1.__importDefault(require("./index"));
+const CheckableTag = (props) => {
+    const { defaultChecked = true, prefixCls: customisedCls, onChange, className, style, children, } = props;
+    const [checked, setChecked] = (0, react_1.useState)('checked' in props ? props.checked : defaultChecked);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('checkable-tag', configContext.prefixCls, customisedCls);
+    const cls = (0, classnames_1.default)(prefixCls, className, {
+        [`${prefixCls}_checked`]: checked,
+    });
+    /**
+     * Callback when the tag itself is clicked.
+     */
+    const itemOnClick = (e) => {
+        const state = !checked;
         !('checked' in props) && setChecked(state);
         onChange && onChange(state, e);
     };
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         'checked' in props && setChecked(props.checked);
     }, [props]);
-    return (React.createElement(Tag, { className: cls, style: style, onClick: itemOnClick }, children));
+    return ((0, jsx_runtime_1.jsx)(index_1.default, { className: cls, style: style, onClick: itemOnClick, children: children }));
 };
 CheckableTag.displayName = 'CheckableTag';
-export default CheckableTag;
+exports.default = CheckableTag;
 //# sourceMappingURL=checkable-tag.js.map

package/lib/tag/checkable-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkable-tag.js","sourceRoot":"","sources":["../../components/tag/checkable-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,GAAG,MAAM,SAAS,CAAC;AAE1B,IAAM,YAAY,GAAG,UAAC,KAAwB;;IAE1C,IAAA,KAME,KAAK,eANc,EAArB,cAAc,mBAAG,IAAI,KAAA,EACV,aAAa,GAKtB,KAAK,UALiB,EACxB,QAAQ,GAIN,KAAK,SAJC,EACR,SAAS,GAGP,KAAK,UAHE,EACT,KAAK,GAEH,KAAK,MAFF,EACL,QAAQ,GACN,KAAK,SADC,CACA;IACJ,IAAA,KAAwB,QAAQ,CACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,EAFM,OAAO,QAAA,EAAE,UAAU,QAEzB,CAAC;IACF,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxF,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS;QACzC,GAAI,SAAS,aAAU,IAAG,OAAO;YACjC,CAAC;IAKH,IAAM,WAAW,GAAG,UAAC,CAAmB;QACtC,IAAM,KAAK,GAAG,CAAC,OAAO,CAAC;QACvB,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3C,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,SAAS,IAAI,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAkB,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,IACpD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"checkable-tag.js","sourceRoot":"","sources":["../../components/tag/checkable-tag.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+D;AAC/D,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAEjD,4DAA0B;AAE1B,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC7D,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO;KAClC,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAQ,EAAE;QAChD,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;QACvB,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3C,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,IAAI,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAkB,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,eAAG,IAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,YACpD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,kBAAe,YAAY,CAAC"}

package/lib/tag/index.d.ts

@@ -1,6 +1,6 @@
 import Tag from './tag';
 import CheckableTag from './checkable-tag';
-declare type ITag = typeof Tag & {
+type ITag = typeof Tag & {
     CheckableTag: typeof CheckableTag;
 };
 declare const DefaultTag: ITag;