@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Table/index.tsx"],"sourcesContent":["import {\n  Cell,\n  Header,\n  Row,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { VirtualItem, useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport './table.css';\nimport _ from 'lodash';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Empty, Spin } from '..';\nimport ExpandCell from './components/ExpandCell';\nimport Footer from './components/Footer';\nimport DndWrapper from './components/DndWrapper';\nimport { getRowKey, getTableColumns, prefixCls } from './helper';\nimport useExpandable, { getExpandableConfig } from './hooks/useExpandable';\nimport useFixed from './hooks/useFixed';\nimport useRowSelection from './hooks/useRowSelection';\nimport useScroll from './hooks/useScroll';\nimport { ITableProps, ITableRef } from './types';\nimport useRowDnd from './hooks/useRowDnd';\n\nconst HEADER_HEIGHT = 41;\nconst FOOTER_HEIGHT = 52;\n\nfunction TableResizeWrapper({\n  children,\n  onResize,\n}: {\n  children: React.ReactNode;\n  onResize: (width: number, height: number) => void;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    let prevW = 0;\n    let prevH = 0;\n    const ro = new window.ResizeObserver(() => {\n      const w = el.offsetWidth;\n      const h = el.offsetHeight;\n      if (w === prevW && h === prevH) return;\n      prevW = w;\n      prevH = h;\n      onResizeRef.current(w, h);\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      {children}\n    </div>\n  );\n}\n\nfunction Table<TDataItem extends object>(\n  props: ITableProps<TDataItem>,\n  ref: ForwardedRef<ITableRef>,\n) {\n  const {\n    data,\n    bordered,\n    rowKey,\n    columnSizing,\n    sticky,\n    loading,\n    pagination,\n    scroll = {},\n    empty: emptyComponent,\n    virtual = false,\n    rowClassName = () => '',\n    onRowClick,\n    onError,\n    onSort,\n    expandable,\n    rowDnd,\n  } = props;\n  const [totalSize, setTotalSize] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const [hoverRowId, setHoverRowId] = useState<string | null>(null);\n\n  const { y } = scroll;\n  const {\n    containerWidth,\n    onBodyScroll,\n    headerRef,\n    bodyRef,\n    isPingLeft,\n    isPingRight,\n    scrollbarWidth,\n    changeIsPing,\n  } = useScroll({\n    totalSize,\n    scroll,\n  });\n\n  const scrollToFirstRow = useCallback(() => {\n    if (!bodyRef.current) {\n      return;\n    }\n    bodyRef.current.scrollTop = 0;\n  }, [bodyRef]);\n\n  useImperativeHandle(ref, () => ({\n    scrollToFirstRow,\n  }));\n\n  const expandableInfo = useExpandable({\n    expandable,\n    data,\n    rowKey,\n  });\n  const expandableConfig = getExpandableConfig(expandable);\n\n  const rowSelectionInfo = useRowSelection({\n    ...props,\n    data: expandableInfo.data,\n    isExpandable: expandableInfo.isExpandable,\n    flattenData: expandableInfo.flattenData,\n  });\n\n  const rowDndInfo = useRowDnd({\n    ...props,\n    columns: rowSelectionInfo.columns,\n    data: expandableInfo.data,\n  });\n\n  const tableColumns = useMemo(() => {\n    return getTableColumns<TDataItem>({\n      columns: rowDndInfo.columns,\n      containerWidth: containerWidth || 0,\n      onError,\n      onSort,\n    });\n  }, [containerWidth, onError, onSort, rowDndInfo.columns]);\n\n  const tableInstance = useReactTable<TDataItem>({\n    columns: tableColumns,\n    // 排除掉被折叠的行\n    data: rowDndInfo.tableData,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row, index) => {\n      return getRowKey(row, rowKey, index);\n    },\n    columnResizeMode: 'onChange',\n  });\n\n  const headerGroups = tableInstance.getHeaderGroups();\n\n  const columnWidths = headerGroups[0].headers.map((header) =>\n    header.getSize(),\n  );\n  const getColumnFixedInfo = useFixed<TDataItem>({\n    columnWidths,\n    tableColumns,\n    y,\n    scrollbarWidth,\n  });\n\n  // 渲染 header\n  const { rows } = tableInstance.getRowModel();\n\n  const isStickyWork = !!sticky && y === undefined;\n  const headerStyle: CSSProperties = {};\n  if (isStickyWork && _.get(sticky, 'offsetHeader')) {\n    headerStyle.top = _.get(sticky, 'offsetHeader', 0);\n  }\n\n  const totalColumnsWidth = _.sum(columnWidths);\n\n  useEffect(() => {\n    // 总列宽改变时，重新计算是否需要显示固定列的阴影\n    changeIsPing(totalColumnsWidth);\n  }, [changeIsPing, totalColumnsWidth]);\n\n  const renderHeaderCell = useCallback(\n    (header: Header<TDataItem, unknown>, index: number) => {\n      // 选择行的列不能拖动宽度\n      const showResizer =\n        columnSizing &&\n        !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(index, true);\n      return (\n        <div\n          className={cn(prefixCls('th'), fixedClassName)}\n          style={{ width: header.getSize(), ...fixedStyle }}\n          key={header.id}\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          {showResizer && (\n            <div\n              onMouseDown={header.getResizeHandler()}\n              onTouchStart={header.getResizeHandler()}\n              className={cn(prefixCls('resizer'), {\n                [prefixCls('self-resizing')]: header.column.getIsResizing(),\n              })}\n            />\n          )}\n        </div>\n      );\n    },\n    [columnSizing, rowSelectionInfo, getColumnFixedInfo],\n  );\n\n  const visibleColumns = tableInstance.getVisibleLeafColumns();\n\n  const columnVirtualizer = useVirtualizer({\n    count: tableColumns.length,\n    estimateSize: (index: number) => visibleColumns[index].getSize(),\n    getScrollElement: () => bodyRef.current,\n    horizontal: true,\n    overscan: 5,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right\n  let virtualPaddingLeft: number | undefined;\n  let virtualPaddingRight: number | undefined;\n\n  if (columnVirtualizer && virtualColumns?.length) {\n    virtualPaddingLeft = virtualColumns[0]?.start ?? 0;\n    virtualPaddingRight =\n      columnVirtualizer.getTotalSize() -\n      (virtualColumns[virtualColumns.length - 1]?.end ?? 0);\n  }\n\n  const headerContent = (\n    <div\n      className={cn(prefixCls('header'), {\n        [prefixCls('overflow-x')]: true,\n        [prefixCls('sticky')]: isStickyWork,\n        [prefixCls('resizing')]:\n          tableInstance.getState().columnSizingInfo.isResizingColumn,\n      })}\n      ref={headerRef}\n      style={headerStyle}\n    >\n      {_.map(headerGroups, (headerGroup) => {\n        const allHeaderCells = headerGroup.headers;\n        const virtualColumns = columnVirtualizer.getVirtualItems();\n\n        const middleVirtualColumns: VirtualItem[] = [];\n        // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n        const leftFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        const rightFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        let content: React.ReactNode | null = null;\n        if (virtual) {\n          _.forEach(allHeaderCells, (header, index) => {\n            const fixedInfo = getColumnFixedInfo(index);\n            if (fixedInfo.fixed === 'left') {\n              leftFixedColumns.push({ header, index });\n            }\n            if (fixedInfo.fixed === 'right') {\n              rightFixedColumns.push({ header, index });\n            }\n          });\n\n          _.forEach(virtualColumns, (virtualColumn) => {\n            const colIndex = virtualColumn.index;\n            const fixedInfo = getColumnFixedInfo(colIndex);\n            if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n              middleVirtualColumns.push(virtualColumn);\n            }\n          });\n          content = (\n            <>\n              {virtualPaddingLeft ? (\n                //fake empty column to the left for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-left')}\n                  style={{ width: virtualPaddingLeft }}\n                />\n              ) : null}\n              {leftFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {_.map(middleVirtualColumns, (virtualColumn) => {\n                const header = allHeaderCells[virtualColumn.index];\n                return renderHeaderCell(header, virtualColumn.index);\n              })}\n              {rightFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {virtualPaddingRight ? (\n                //fake empty column to the right for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-right')}\n                  style={{ width: virtualPaddingRight }}\n                />\n              ) : null}\n            </>\n          );\n        } else {\n          content = _.map(allHeaderCells, (header, index) =>\n            renderHeaderCell(header, index),\n          );\n        }\n\n        return (\n          <div\n            className={prefixCls('tr')}\n            key={headerGroup.id}\n            style={{ width: totalColumnsWidth }}\n          >\n            {content}\n            {y !== undefined && (\n              <div\n                className={prefixCls('header-scroll-placeholder')}\n                style={{ flexBasis: scrollbarWidth }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  const onClickRow = useCallback(\n    (rowData: TDataItem, rowIndex: number) => () => {\n      if (typeof onRowClick !== 'function') {\n        return;\n      }\n      if (window.getSelection()?.toString().length !== 0) {\n        // 防止选择文本时触发 onRowClick\n        return;\n      }\n      onRowClick(rowData, rowIndex);\n    },\n    [onRowClick],\n  );\n\n  const isShowPagination = !!(\n    pagination &&\n    (pagination.total > pagination.pageSize || pagination.showSizeChanger)\n  );\n  const isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  // 空态切换 size 的阈值\n  const EMPTY_SMALL_SIZE_HEIGHT = 436;\n  const isSmallEmpty = totalSize && totalSize.height < EMPTY_SMALL_SIZE_HEIGHT;\n\n  const isEmpty = rows.length === 0 && !loading;\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => 48, // estimate row height for accurate scrollbar dragging\n    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度\n    getScrollElement: () => (totalSize ? bodyRef.current : null),\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  });\n\n  const tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;\n\n  const renderBodyCell = useCallback(\n    (row: Row<TDataItem>, cell: Cell<TDataItem, unknown>, colIndex: number) => {\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(colIndex);\n      const tdContent = flexRender(\n        cell.column.columnDef.cell,\n        cell.getContext(),\n      );\n      return (\n        <div\n          className={cn(prefixCls('td'), fixedClassName)}\n          key={cell.id}\n          style={{ width: cell.column.getSize(), ...fixedStyle }}\n        >\n          {expandableInfo.isExpandable &&\n          colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? (\n            <ExpandCell\n              expandableInfo={expandableInfo}\n              expandable={expandable}\n              data={row.original}\n              rowKey={rowKey}\n            >\n              {tdContent}\n            </ExpandCell>\n          ) : (\n            tdContent\n          )}\n        </div>\n      );\n    },\n    [\n      expandableInfo,\n      expandable,\n      rowKey,\n      getColumnFixedInfo,\n      rowSelectionInfo.isRowSelectionEnabled,\n    ],\n  );\n\n  // 渲染 body\n  const bodyContent = (\n    <div\n      className={prefixCls('body')}\n      style={{\n        width: totalColumnsWidth,\n        height: virtual ? rowVirtualizer.getTotalSize() : 'auto',\n      }}\n    >\n      {isEmpty ? (\n        <div style={{ width: totalSize?.width }}>\n          <div style={{ visibility: 'hidden' }}>\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            aria-invalid=\"true\"\n            style={{\n              position: 'absolute',\n              top: 40,\n              left: 0,\n              right: 0,\n              bottom: 0,\n            }}\n          >\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      ) : (\n        _.reduce<Row<TDataItem> | VirtualItem, React.ReactNode[]>(\n          tableRows,\n          (rowList, rowData, rowIndex) => {\n            const row = virtual\n              ? rows[rowData.index]\n              : (rowData as Row<TDataItem>);\n            const allRowCells = row.getVisibleCells();\n\n            let content: React.ReactNode | null = null;\n            // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n            const leftFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n            const rightFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n\n            if (virtual) {\n              const virtualColumns = columnVirtualizer.getVirtualItems();\n\n              const middleVirtualColumns: VirtualItem[] = [];\n\n              _.forEach(allRowCells, (cell, index) => {\n                const fixedInfo = getColumnFixedInfo(index);\n                if (fixedInfo.fixed === 'left') {\n                  leftFixedColumns.push({ cell, index });\n                }\n                if (fixedInfo.fixed === 'right') {\n                  rightFixedColumns.push({ cell, index });\n                }\n              });\n\n              _.forEach(virtualColumns, (virtualColumn) => {\n                const colIndex = virtualColumn.index;\n                const fixedInfo = getColumnFixedInfo(colIndex);\n                if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n                  middleVirtualColumns.push(virtualColumn);\n                }\n              });\n              content = (\n                <>\n                  {virtualPaddingLeft ? (\n                    //fake empty column to the left for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-left')}\n                      style={{ width: virtualPaddingLeft }}\n                    />\n                  ) : null}\n                  {leftFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {middleVirtualColumns.map((virtualColumn) => {\n                    const colIndex = virtualColumn.index;\n                    const cell = allRowCells[colIndex];\n                    return renderBodyCell(row, cell, colIndex);\n                  })}\n                  {rightFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {virtualPaddingRight ? (\n                    //fake empty column to the right for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-right')}\n                      style={{ width: virtualPaddingRight }}\n                    />\n                  ) : null}\n                </>\n              );\n            } else {\n              content = allRowCells.map((cell, index) =>\n                renderBodyCell(row, cell, index),\n              );\n            }\n            const rowId = row.id;\n\n            const rowNode = (\n              <div\n                key={rowId}\n                data-index={virtual ? (rowData as VirtualItem).index : rowIndex}\n                className={cn(\n                  prefixCls('tr'),\n                  {\n                    // 需要用 state 的原因是，存在固定列的情况，左右侧的固定列在 dom 结构上不在同一个 tr 上，所以不能用 css 的 :hover 来实现\n                    // 当拖拽行时，不显示 hover 状态\n                    [prefixCls('row-hover')]: rowDndInfo.draggingRowId\n                      ? undefined\n                      : hoverRowId === rowId,\n                    [prefixCls('row-dragging')]:\n                      rowDndInfo.draggingRowId === rowId,\n                    [prefixCls('no-border-tr')]:\n                      isShowPagination && rowIndex === rows.length - 1,\n                  },\n                  rowClassName(row.original, rowIndex),\n                )}\n                ref={(node) => {\n                  // 只在虚拟滚动模式下才测量行高度，避免非虚拟模式下的不必要重渲染\n                  if (virtual) {\n                    rowVirtualizer.measureElement(node);\n                  }\n\n                  // 如果启用了行拖拽，则设置行引用\n                  if (rowDnd && node) {\n                    const rowRef = rowDndInfo.getRowRef(row.original, rowIndex);\n                    if (rowRef) {\n                      rowRef.current = node;\n                    }\n                  }\n                }}\n                onClick={onClickRow(row.original, rowIndex)}\n                onMouseEnter={() => setHoverRowId(rowId)}\n                onMouseLeave={() => setHoverRowId(null)}\n                style={\n                  virtual\n                    ? {\n                        position: 'absolute',\n                        transform: `translateY(${\n                          (rowData as VirtualItem).start\n                        }px)`,\n                      }\n                    : {}\n                }\n              >\n                {content}\n              </div>\n            );\n            rowList.push(rowNode);\n\n            // 渲染额外展开的行\n            const expandItem = expandableInfo.expandItemMap[rowId];\n            const customExpandRowKey =\n              expandableInfo.isExpandable && expandItem?.customExpandRowKey;\n            const hasCustomExpandRowKey = !!customExpandRowKey;\n            if (hasCustomExpandRowKey) {\n              // 在该行的下面追加自定义展开行\n              const expandedRowRender = expandableConfig.expandedRowRender;\n              if (typeof expandedRowRender !== 'function') {\n                console.error('expandedRowRender must be a function');\n                return rowList;\n              }\n              if (expandItem?.isExpanded !== true) {\n                return rowList;\n              }\n              const customRow = (\n                <div\n                  key={customExpandRowKey}\n                  className={cn(prefixCls('tr'))}\n                  onClick={onClickRow(row.original, rowIndex)}\n                >\n                  {expandedRowRender(row.original, expandItem.level + 1)}\n                </div>\n              );\n              rowList.push(customRow);\n            }\n            return rowList;\n          },\n          [],\n        )\n      )}\n    </div>\n  );\n\n  const tableContentHeight = useMemo(() => {\n    return y && totalSize\n      ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0)\n      : 'auto';\n  }, [y, totalSize, isShowFooter]);\n\n  const tableContent = (\n    <Spin spinning={!!loading}>\n      <div className={prefixCls('content')}>\n        {headerContent}\n        <div\n          style={{\n            height: tableContentHeight,\n            position: virtual ? 'relative' : undefined,\n          }}\n          className={cn(prefixCls('body-scroll'), {\n            [prefixCls('scroll-y')]: y !== undefined,\n            [prefixCls('scroll-hidden')]: isEmpty,\n          })}\n          ref={bodyRef}\n          onScroll={onBodyScroll}\n        >\n          {bodyContent}\n        </div>\n        {isShowFooter && (\n          <Footer\n            rowSelectionInfo={rowSelectionInfo}\n            isShowPagination={isShowPagination}\n            pagination={pagination}\n            scroll={scroll}\n            scrollToFirstRow={scrollToFirstRow}\n          />\n        )}\n      </div>\n    </Spin>\n  );\n\n  const tableStyle: CSSProperties = {};\n  if (y) {\n    tableStyle.height = y;\n  }\n\n  return (\n    <div\n      className={cn(prefixCls('container'), {\n        [prefixCls('bordered')]: bordered,\n      })}\n      style={tableStyle}\n    >\n      <TableResizeWrapper\n        onResize={(w, h) =>\n          setTotalSize((prev) => {\n            if (prev && prev.width === w && prev.height === h) return prev;\n            return { width: w, height: h };\n          })\n        }\n      >\n        <div\n          className={cn(prefixCls('main'), {\n            [prefixCls('overflow-hidden')]: !!y,\n            [prefixCls('ping-left')]: isPingLeft,\n            [prefixCls('ping-right')]: isPingRight,\n          })}\n        >\n          {rowDnd ? <DndWrapper>{tableContent}</DndWrapper> : tableContent}\n        </div>\n      </TableResizeWrapper>\n    </div>\n  );\n}\n\nexport default forwardRef(Table) as <TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    ref?: React.ForwardedRef<ITableRef>;\n  },\n) => ReturnType<typeof Table>;\n"],"mappings":"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"}

package/dist/Table/tests/helper.d.ts

@@ -1,5 +1,5 @@
 export declare function getTableProps(): {
-    columns: import("../types").ITableColumn<object>[];
+    columns: import('../types').ITableColumn<object>[];
     data: {
         id: string;
         firstName: string;

package/dist/Table/tests/helper.js

@@ -1,41 +1,2 @@
-import _ from 'lodash';
-export function getTableProps() {
-  var columns = [{
-    title: 'First Name',
-    dataIndex: 'firstName',
-    width: '20%'
-  }, {
-    title: 'Last Name',
-    dataIndex: 'lastName',
-    width: '20%'
-  }, {
-    title: 'Date',
-    dataIndex: 'date',
-    width: '20%'
-  }, {
-    title: 'description',
-    dataIndex: 'description',
-    width: '30%'
-  }, {
-    title: 'Action',
-    dataIndex: '',
-    width: 60
-  }];
-  var data = _.map(_.range(10), function (i) {
-    return {
-      id: i.toString(),
-      firstName: "firstName_".concat(i),
-      lastName: "lastName_".concat(i),
-      date: "date_".concat(i),
-      description: "description_".concat(i)
-    };
-  });
-  return {
-    columns: columns,
-    data: data,
-    scroll: {
-      x: '100%',
-      y: '100%'
-    }
-  };
-}
+// type-only module stub
+export {};

package/dist/Table/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ICheckboxProps } from '../Checkbox/type';
 import { IPaginationProps } from '../Pagination/types';
 export interface ITableProps<TDataItem extends object> {

package/dist/Table/types.js

@@ -1 +1,2 @@
-export {};
+// type-only module stub
+export {};

package/dist/Tabs/TabPane.d.ts

@@ -1,21 +1,9 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface ITabPaneProps {
-    /**
-     * @description 被隐藏时是否渲染 DOM 结构
-     * @default false
-     */
     forceRender?: boolean;
-    /**
-     * @description 对应 activeKey
-     * @default -
-     */
     key?: string;
-    /**
-     * @description 选项卡头显示的内容
-     * @default -
-     */
     tab: ReactNode;
     className?: string;
     children?: ReactNode;
 }
-export default function TabPane(props: ITabPaneProps): React.JSX.Element;
+export default function TabPane(props: ITabPaneProps): import("react/jsx-runtime").JSX.Element;

package/dist/Tabs/TabPane.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import AntdTabs from 'antd/lib/tabs';
-var AntdTabPane = AntdTabs.TabPane;
-export default function TabPane(props) {
-  return /*#__PURE__*/React.createElement(AntdTabPane, props);
-}
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Tabs/TabPane.tsx
+function TabPane(props) {
+	return /* @__PURE__ */ jsx("div", {
+		className: props.className,
+		children: props.children
+	});
+}
+//#endregion
+export { TabPane as default };
+
+//# sourceMappingURL=TabPane.js.map

package/dist/Tabs/TabPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.js","names":[],"sources":["../../src/Tabs/TabPane.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport interface ITabPaneProps {\n  forceRender?: boolean;\n  key?: string;\n  tab: ReactNode;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport default function TabPane(props: ITabPaneProps) {\n  return <div className={props.className}>{props.children}</div>;\n}\n"],"mappings":";;;AAUA,SAAwB,QAAQ,OAAsB;AACpD,QAAO,oBAAC,OAAD;EAAK,WAAW,MAAM;YAAY,MAAM;EAAe,CAAA"}

package/dist/Tabs/index.d.ts

@@ -1,71 +1,45 @@
-import React from 'react';
-import { TabsProps } from 'antd';
+import { default as React } from 'react';
 export type TabsSize = 'default' | 'small';
-export interface ITabsProps extends Omit<TabsProps, 'size'> {
-    /**
-     * @description 大小
-     * @default default
-     */
+interface TabItem {
+    key: string;
+    label: React.ReactNode;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    closable?: boolean;
+    icon?: React.ReactNode;
+    forceRender?: boolean;
+    className?: string;
+}
+export interface ITabsProps {
     size?: TabsSize;
-    /**
-     * @description 当前激活 tab 面板的 key
-     * @default -
-     */
     activeKey?: string;
-    /**
-     * @description 初始化选中面板的 key，如果没有设置 activeKey
-     * @default 第一个面板的 key
-     */
     defaultActiveKey?: string;
-    /**
-     * @description 切换面板的回调
-     * @default -
-     */
     onChange?: (activeKey: string) => void;
-    /**
-     * @description 被隐藏时是否销毁 DOM 结构
-     * @default false
-     */
+    onTabClick?: (activeKey: string, e: React.MouseEvent) => void;
     destroyInactiveTabPane?: boolean;
-    /**
-     * @description 撑满容器的高度
-     * @default false
-     */
+    centered?: boolean;
     adaptHeight?: boolean;
-    /**
-     * @description tab的位置
-     * @default -
-     */
     tabPosition?: 'left' | 'right' | 'top' | 'bottom';
     className?: string;
     children?: React.ReactNode;
-    /**
-     * @description header行背景颜色
-     * @default -
-     */
     headerBackgroundColor?: string;
-    /**
-     * @description tab 宽度等分,只有tabPosition 为top的时候生效
-     * @default false
-     */
     monospace?: boolean;
-    /**
-     * @description tab 填充padding，默认false
-     * @default false
-     */
     padding?: boolean | number;
-    /**
-     * @description tab和content之间的间距，仅在tabPosition为top时生效
-     * @default false
-     */
     compact?: boolean;
-    /**
-     * @description tabs和content之间是否包含分割线
-     * @default false
-     */
     hasDividing?: boolean;
+    items?: TabItem[];
+    type?: 'line' | 'card' | 'editable-card';
+    tabBarExtraContent?: React.ReactNode | {
+        left?: React.ReactNode;
+        right?: React.ReactNode;
+    };
+    onEdit?: (targetKey: string | React.MouseEvent | React.KeyboardEvent, action: 'add' | 'remove') => void;
+    hideAdd?: boolean;
+    style?: React.CSSProperties;
+    popupClassName?: string;
+    tabBarGutter?: number;
 }
-declare function Tabs(props: ITabsProps): React.JSX.Element;
+declare function Tabs(props: ITabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
     var TabPane: typeof import("./TabPane").default;
 }

package/dist/Tabs/index.js

@@ -1,79 +1,188 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["size", "className", "popupClassName", "adaptHeight", "style", "monospace", "tabPosition", "padding", "compact", "hasDividing", "type"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useMemo } from 'react';
-// import AntdTabs, { TabsProps } from 'antd/lib/tabs';
-import { Tabs as AntdTabs } from 'antd';
-import classNames from 'classnames';
-import { MoreVerticalLine } from "../Icon";
-import TabPane from "./TabPane";
-export default function Tabs(props) {
-  var size = props.size,
-    className = props.className,
-    popupClassName = props.popupClassName,
-    adaptHeight = props.adaptHeight,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    propsMonospace = props.monospace,
-    _props$tabPosition = props.tabPosition,
-    tabPosition = _props$tabPosition === void 0 ? 'top' : _props$tabPosition,
-    _props$padding = props.padding,
-    propsPadding = _props$padding === void 0 ? false : _props$padding,
-    compact = props.compact,
-    _props$hasDividing = props.hasDividing,
-    hasDividing = _props$hasDividing === void 0 ? true : _props$hasDividing,
-    type = props.type,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  var headerBackgroundColor = props.headerBackgroundColor;
-  var tabsProps = _objectSpread({}, otherProps);
-  if (size === 'small') {
-    tabsProps.size = size;
-  }
-  var monospace = tabPosition !== 'top' ? false : propsMonospace;
-  var padding = useMemo(function () {
-    if (tabPosition !== 'top') return 0;
-    if (typeof propsPadding === 'number') {
-      return propsPadding;
-    }
-    if (typeof propsPadding === 'boolean' && propsPadding) {
-      return 20;
-    }
-    return 0;
-  }, [propsPadding, tabPosition]);
-  var getTabBarGutter = function getTabBarGutter() {
-    if (type === 'editable-card') return 4;
-    if (tabPosition === 'top' && !monospace) {
-      return 24;
-    }
-    return 0;
-  };
-  return /*#__PURE__*/React.createElement(AntdTabs, _extends({
-    moreIcon: /*#__PURE__*/React.createElement("div", {
-      className: "ald-tabs-more-icon"
-    }, /*#__PURE__*/React.createElement(MoreVerticalLine, null)),
-    style: Object.assign(style, {
-      '--header-bg-color': headerBackgroundColor,
-      '--tabs-padding': "".concat(padding, "px")
-    }),
-    tabPosition: tabPosition,
-    type: type,
-    tabBarGutter: getTabBarGutter(),
-    popupClassName: classNames(popupClassName, 'ald-tabs-dropdown'),
-    className: classNames('ald-tabs', className, {
-      'ald-adapt-height': adaptHeight,
-      'ald-tabs-default': size !== 'small',
-      'ald-tabs-monospace': monospace,
-      'ald-tabs-padding': !!propsPadding,
-      'ald-tabs-compact': !!compact,
-      'ald-tabs-no-dividing': !hasDividing
-    })
-  }, tabsProps));
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/ChevronLeftLine.js";
+import Memo$1 from "../Icon/components/ChevronRightLine.js";
+import Memo$2 from "../Icon/components/CloseLightLine.js";
+import TabPane from "./TabPane.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Tabs/index.tsx
+function Tabs(props) {
+	const { size, className, adaptHeight, style = {}, monospace: propsMonospace, tabPosition = "top", padding: propsPadding = false, compact, hasDividing = true, items, activeKey: controlledActiveKey, defaultActiveKey, onChange, onTabClick, destroyInactiveTabPane, tabBarExtraContent, headerBackgroundColor, children, type, onEdit, hideAdd } = props;
+	const isEditable = type === "editable-card";
+	const isCard = type === "card" || type === "editable-card";
+	const resolvedItems = useMemo(() => {
+		if (items) return items;
+		return React.Children.toArray(children).filter(React.isValidElement).map((child) => ({
+			key: child.key || child.props.key || "",
+			label: child.props.tab,
+			children: child.props.children,
+			disabled: child.props.disabled,
+			closable: child.props.closable,
+			forceRender: child.props.forceRender
+		}));
+	}, [items, children]);
+	const firstKey = resolvedItems[0]?.key || "";
+	const [innerActiveKey, setInnerActiveKey] = useState(defaultActiveKey || firstKey);
+	const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : innerActiveKey;
+	const handleTabClick = (key, e) => {
+		if (controlledActiveKey === void 0) setInnerActiveKey(key);
+		onChange?.(key);
+		onTabClick?.(key, e);
+	};
+	const handleRemove = (key, e) => {
+		e.stopPropagation();
+		onEdit?.(key, "remove");
+	};
+	const handleAdd = (e) => {
+		onEdit?.(e, "add");
+	};
+	const monospace = tabPosition !== "top" ? false : propsMonospace;
+	const paddingVal = useMemo(() => {
+		if (tabPosition !== "top") return 0;
+		if (typeof propsPadding === "number") return propsPadding;
+		if (typeof propsPadding === "boolean" && propsPadding) return 20;
+		return 0;
+	}, [propsPadding, tabPosition]);
+	const isVertical = tabPosition === "left" || tabPosition === "right";
+	const extraLeft = tabBarExtraContent && typeof tabBarExtraContent === "object" && "left" in tabBarExtraContent ? tabBarExtraContent.left : null;
+	const extraRight = tabBarExtraContent ? typeof tabBarExtraContent === "object" && "right" in tabBarExtraContent ? tabBarExtraContent.right : React.isValidElement(tabBarExtraContent) ? tabBarExtraContent : null : null;
+	const navListRef = useRef(null);
+	const [canScrollLeft, setCanScrollLeft] = useState(false);
+	const [canScrollRight, setCanScrollRight] = useState(false);
+	const checkScroll = useCallback(() => {
+		const el = navListRef.current;
+		if (!el || isVertical) {
+			setCanScrollLeft(false);
+			setCanScrollRight(false);
+			return;
+		}
+		const { scrollLeft, scrollWidth, clientWidth } = el;
+		setCanScrollLeft(scrollLeft > 1);
+		setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
+	}, [isVertical]);
+	useEffect(() => {
+		checkScroll();
+		const el = navListRef.current;
+		if (!el) return;
+		let ro;
+		if (typeof ResizeObserver !== "undefined") {
+			ro = new ResizeObserver(() => checkScroll());
+			ro.observe(el);
+		}
+		el.addEventListener("scroll", checkScroll, { passive: true });
+		return () => {
+			el.removeEventListener("scroll", checkScroll);
+			ro?.disconnect();
+		};
+	}, [checkScroll, resolvedItems.length]);
+	const scrollBy = (delta) => {
+		const el = navListRef.current;
+		if (el) el.scrollBy({
+			left: delta,
+			behavior: "smooth"
+		});
+	};
+	const showScrollButtons = canScrollLeft || canScrollRight;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-tabs tw-flex", isVertical ? "tw-flex-row" : "tw-flex-col", adaptHeight && "ald-adapt-height tw-h-full", size !== "small" && "ald-tabs-default", monospace && "ald-tabs-monospace", compact && "ald-tabs-compact", !hasDividing && "ald-tabs-no-dividing", className),
+		style: {
+			...style,
+			"--header-bg-color": headerBackgroundColor,
+			"--tabs-padding": `${paddingVal}px`
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("ald-tabs-nav tw-flex tw-items-center", !isVertical && hasDividing && "tw-mb-5 tw-border-0 tw-border-b tw-border-solid tw-border-b-[var(--global-cool-grey-100)]", !isVertical && compact && "!tw-mb-0", isVertical && "tw-flex-col tw-border-0 tw-border-r tw-border-solid tw-border-r-[var(--global-cool-grey-100)]", paddingVal && `tw-px-[${paddingVal}px]`),
+			style: headerBackgroundColor ? { backgroundColor: headerBackgroundColor } : void 0,
+			children: [
+				extraLeft,
+				showScrollButtons && !isVertical && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn("ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-transparent tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]", !canScrollLeft && "tw-invisible"),
+					onClick: () => scrollBy(-200),
+					"aria-label": "Scroll tabs left",
+					children: /* @__PURE__ */ jsx(Memo, { size: 16 })
+				}),
+				/* @__PURE__ */ jsx("div", {
+					ref: navListRef,
+					className: cn("ald-tabs-nav-list tw-flex tw-flex-1 tw-overflow-hidden", isVertical && "tw-flex-col", monospace && "[&>*]:tw-flex-1", isCard ? "tw-gap-1" : !monospace && "tw-gap-8"),
+					style: !isVertical ? {
+						scrollbarWidth: "none",
+						msOverflowStyle: "none"
+					} : void 0,
+					children: resolvedItems.map((item) => {
+						const isActive = activeKey === item.key;
+						const showClose = isEditable && item.closable !== false;
+						return /* @__PURE__ */ jsxs("div", {
+							className: cn("ald-tabs-tab tw-relative tw-flex tw-shrink-0 tw-cursor-pointer tw-items-center tw-gap-2 tw-whitespace-nowrap tw-transition-colors", isCard ? cn("tw-h-10 tw-rounded-t-[6px] tw-border tw-border-b-0 tw-border-solid tw-px-4 tw-text-sm tw-leading-5", "tw-gap-sp-75", isActive ? "tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--background-default)] tw-font-medium tw-text-[var(--alias-colors-text-selected)]" : "tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-text-[var(--alias-colors-text-subtle)] hover:tw-text-inherit") : cn(size === "small" ? "tw-py-2 tw-text-xs tw-leading-4" : "tw-py-2.5 tw-text-sm tw-leading-5", monospace && "tw-justify-center", isActive ? "tw-font-medium tw-text-[var(--alias-colors-text-selected)]" : "tw-font-medium tw-text-[var(--alias-colors-text-subtle)] hover:tw-text-inherit"), item.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50"),
+							onClick: item.disabled ? void 0 : (e) => handleTabClick(item.key, e),
+							children: [
+								item.icon,
+								/* @__PURE__ */ jsx("span", { children: item.label }),
+								showClose && /* @__PURE__ */ jsx("span", {
+									className: "ald-tabs-tab-remove tw-m-0 tw-grid tw-size-4 tw-cursor-pointer tw-place-items-center tw-p-0 tw-text-[var(--alias-colors-icon-subtle)] tw-transition-colors hover:tw-text-[var(--alias-colors-text-default)]",
+									onClick: (e) => handleRemove(item.key, e),
+									"aria-label": `Remove ${item.label}`,
+									children: /* @__PURE__ */ jsx(Memo$2, { size: 12 })
+								}),
+								!isCard && isActive && !isVertical && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-x-0 tw--bottom-px tw-h-[2px] tw-rounded-[2px] tw-bg-[var(--alias-colors-border-selected)]" }),
+								!isCard && isActive && isVertical && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-0 tw--right-px tw-w-[2px] tw-rounded-[2px] tw-bg-[var(--alias-colors-border-selected)]" })
+							]
+						}, item.key);
+					})
+				}),
+				showScrollButtons && !isVertical && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn("ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-transparent tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]", !canScrollRight && "tw-invisible"),
+					onClick: () => scrollBy(200),
+					"aria-label": "Scroll tabs right",
+					children: /* @__PURE__ */ jsx(Memo$1, { size: 16 })
+				}),
+				isEditable && !hideAdd && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "ald-tabs-nav-add tw-ml-1 tw-flex tw-shrink-0 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-2 tw-py-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]",
+					onClick: handleAdd,
+					"aria-label": "Add tab",
+					children: /* @__PURE__ */ jsxs("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						width: "14",
+						height: "14",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ jsx("line", {
+							x1: "12",
+							y1: "5",
+							x2: "12",
+							y2: "19"
+						}), /* @__PURE__ */ jsx("line", {
+							x1: "5",
+							y1: "12",
+							x2: "19",
+							y2: "12"
+						})]
+					})
+				}),
+				extraRight
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "ald-tabs-content tw-min-h-0 tw-flex-1",
+			children: resolvedItems.map((item) => {
+				const isActive = item.key === activeKey;
+				if (!isActive && destroyInactiveTabPane && !item.forceRender) return null;
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("ald-tabs-tabpane", isActive ? "tw-block" : "tw-hidden"),
+					role: "tabpanel",
+					children: item.children
+				}, item.key);
+			})
+		})]
+	});
 }
-Tabs.TabPane = TabPane;
+Tabs.TabPane = TabPane;
+//#endregion
+export { Tabs as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tabs/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../lib/utils';\nimport { ChevronLeftLine, ChevronRightLine, CloseLightLine } from '../Icon';\nimport TabPane from './TabPane';\n\nexport type TabsSize = 'default' | 'small';\n\ninterface TabItem {\n  key: string;\n  label: React.ReactNode;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  closable?: boolean;\n  icon?: React.ReactNode;\n  forceRender?: boolean;\n  className?: string;\n}\n\nexport interface ITabsProps {\n  size?: TabsSize;\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (activeKey: string) => void;\n  onTabClick?: (activeKey: string, e: React.MouseEvent) => void;\n  destroyInactiveTabPane?: boolean;\n  centered?: boolean;\n  adaptHeight?: boolean;\n  tabPosition?: 'left' | 'right' | 'top' | 'bottom';\n  className?: string;\n  children?: React.ReactNode;\n  headerBackgroundColor?: string;\n  monospace?: boolean;\n  padding?: boolean | number;\n  compact?: boolean;\n  hasDividing?: boolean;\n  items?: TabItem[];\n  type?: 'line' | 'card' | 'editable-card';\n  tabBarExtraContent?:\n    | React.ReactNode\n    | { left?: React.ReactNode; right?: React.ReactNode };\n  onEdit?: (\n    targetKey: string | React.MouseEvent | React.KeyboardEvent,\n    action: 'add' | 'remove',\n  ) => void;\n  hideAdd?: boolean;\n  style?: React.CSSProperties;\n  popupClassName?: string;\n  tabBarGutter?: number;\n}\n\nexport default function Tabs(props: ITabsProps) {\n  const {\n    size,\n    className,\n    adaptHeight,\n    style = {},\n    monospace: propsMonospace,\n    tabPosition = 'top',\n    padding: propsPadding = false,\n    compact,\n    hasDividing = true,\n    items,\n    activeKey: controlledActiveKey,\n    defaultActiveKey,\n    onChange,\n    onTabClick,\n    destroyInactiveTabPane,\n    tabBarExtraContent,\n    headerBackgroundColor,\n    children,\n    type,\n    onEdit,\n    hideAdd,\n  } = props;\n\n  const isEditable = type === 'editable-card';\n  const isCard = type === 'card' || type === 'editable-card';\n\n  // Derive items from children if not provided\n  const resolvedItems: TabItem[] = useMemo(() => {\n    if (items) return items;\n    return React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        key: child.key || child.props.key || '',\n        label: child.props.tab,\n        children: child.props.children,\n        disabled: child.props.disabled,\n        closable: child.props.closable,\n        forceRender: child.props.forceRender,\n      }));\n  }, [items, children]);\n\n  const firstKey = resolvedItems[0]?.key || '';\n  const [innerActiveKey, setInnerActiveKey] = useState(\n    defaultActiveKey || firstKey,\n  );\n  const activeKey =\n    controlledActiveKey !== undefined ? controlledActiveKey : innerActiveKey;\n\n  const handleTabClick = (key: string, e: React.MouseEvent) => {\n    if (controlledActiveKey === undefined) {\n      setInnerActiveKey(key);\n    }\n    onChange?.(key);\n    onTabClick?.(key, e);\n  };\n\n  const handleRemove = (key: string, e: React.MouseEvent) => {\n    e.stopPropagation();\n    onEdit?.(key, 'remove');\n  };\n\n  const handleAdd = (e: React.MouseEvent) => {\n    onEdit?.(e, 'add');\n  };\n\n  const monospace = tabPosition !== 'top' ? false : propsMonospace;\n  const paddingVal = useMemo(() => {\n    if (tabPosition !== 'top') return 0;\n    if (typeof propsPadding === 'number') return propsPadding;\n    if (typeof propsPadding === 'boolean' && propsPadding) return 20;\n    return 0;\n  }, [propsPadding, tabPosition]);\n\n  const isVertical = tabPosition === 'left' || tabPosition === 'right';\n\n  const extraLeft =\n    tabBarExtraContent &&\n    typeof tabBarExtraContent === 'object' &&\n    'left' in tabBarExtraContent\n      ? tabBarExtraContent.left\n      : null;\n  const extraRight = tabBarExtraContent\n    ? typeof tabBarExtraContent === 'object' && 'right' in tabBarExtraContent\n      ? tabBarExtraContent.right\n      : React.isValidElement(tabBarExtraContent)\n      ? tabBarExtraContent\n      : null\n    : null;\n\n  // Scroll state for overflow\n  const navListRef = useRef<HTMLDivElement>(null);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const checkScroll = useCallback(() => {\n    const el = navListRef.current;\n    if (!el || isVertical) {\n      setCanScrollLeft(false);\n      setCanScrollRight(false);\n      return;\n    }\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    setCanScrollLeft(scrollLeft > 1);\n    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n  }, [isVertical]);\n\n  useEffect(() => {\n    checkScroll();\n    const el = navListRef.current;\n    if (!el) return;\n    // Use ResizeObserver to detect size changes\n    let ro: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== 'undefined') {\n      ro = new ResizeObserver(() => checkScroll());\n      ro.observe(el);\n    }\n    el.addEventListener('scroll', checkScroll, { passive: true });\n    return () => {\n      el.removeEventListener('scroll', checkScroll);\n      ro?.disconnect();\n    };\n  }, [checkScroll, resolvedItems.length]);\n\n  const scrollBy = (delta: number) => {\n    const el = navListRef.current;\n    if (el) {\n      el.scrollBy({ left: delta, behavior: 'smooth' });\n    }\n  };\n\n  const showScrollButtons = canScrollLeft || canScrollRight;\n\n  return (\n    <div\n      className={cn(\n        'ald-tabs tw-flex',\n        isVertical ? 'tw-flex-row' : 'tw-flex-col',\n        adaptHeight && 'ald-adapt-height tw-h-full',\n        size !== 'small' && 'ald-tabs-default',\n        monospace && 'ald-tabs-monospace',\n        compact && 'ald-tabs-compact',\n        !hasDividing && 'ald-tabs-no-dividing',\n        className,\n      )}\n      style={\n        {\n          ...style,\n          '--header-bg-color': headerBackgroundColor,\n          '--tabs-padding': `${paddingVal}px`,\n        } as React.CSSProperties\n      }\n    >\n      {/* Tab nav */}\n      <div\n        className={cn(\n          'ald-tabs-nav tw-flex tw-items-center',\n          !isVertical &&\n            hasDividing &&\n            'tw-mb-5 tw-border-0 tw-border-b tw-border-solid tw-border-b-[var(--global-cool-grey-100)]',\n          !isVertical && compact && '!tw-mb-0',\n          isVertical &&\n            'tw-flex-col tw-border-0 tw-border-r tw-border-solid tw-border-r-[var(--global-cool-grey-100)]',\n          paddingVal && `tw-px-[${paddingVal}px]`,\n        )}\n        style={\n          headerBackgroundColor\n            ? { backgroundColor: headerBackgroundColor }\n            : undefined\n        }\n      >\n        {extraLeft}\n\n        {/* Scroll left button */}\n        {showScrollButtons && !isVertical && (\n          <button\n            type=\"button\"\n            className={cn(\n              'ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-transparent tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]',\n              !canScrollLeft && 'tw-invisible',\n            )}\n            onClick={() => scrollBy(-200)}\n            aria-label=\"Scroll tabs left\"\n          >\n            <ChevronLeftLine size={16} />\n          </button>\n        )}\n\n        <div\n          ref={navListRef}\n          className={cn(\n            'ald-tabs-nav-list tw-flex tw-flex-1 tw-overflow-hidden',\n            isVertical && 'tw-flex-col',\n            monospace && '[&>*]:tw-flex-1',\n            isCard ? 'tw-gap-1' : !monospace && 'tw-gap-8',\n          )}\n          style={\n            !isVertical\n              ? { scrollbarWidth: 'none', msOverflowStyle: 'none' }\n              : undefined\n          }\n        >\n          {resolvedItems.map((item) => {\n            const isActive = activeKey === item.key;\n            // For editable-card, closable defaults to true unless explicitly set to false\n            const showClose = isEditable && item.closable !== false;\n\n            return (\n              <div\n                key={item.key}\n                className={cn(\n                  'ald-tabs-tab tw-relative tw-flex tw-shrink-0 tw-cursor-pointer tw-items-center tw-gap-2 tw-whitespace-nowrap tw-transition-colors',\n                  // Card / editable-card styling\n                  isCard\n                    ? cn(\n                        'tw-h-10 tw-rounded-t-[6px] tw-border tw-border-b-0 tw-border-solid tw-px-4 tw-text-sm tw-leading-5',\n                        'tw-gap-sp-75',\n                        isActive\n                          ? 'tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--background-default)] tw-font-medium tw-text-[var(--alias-colors-text-selected)]'\n                          : 'tw-border-[var(--alias-colors-border-default)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-text-[var(--alias-colors-text-subtle)] hover:tw-text-inherit',\n                      )\n                    : cn(\n                        size === 'small'\n                          ? 'tw-py-2 tw-text-xs tw-leading-4'\n                          : 'tw-py-2.5 tw-text-sm tw-leading-5',\n                        monospace && 'tw-justify-center',\n                        isActive\n                          ? 'tw-font-medium tw-text-[var(--alias-colors-text-selected)]'\n                          : 'tw-font-medium tw-text-[var(--alias-colors-text-subtle)] hover:tw-text-inherit',\n                      ),\n                  item.disabled &&\n                    'tw-pointer-events-none tw-cursor-default tw-opacity-50',\n                )}\n                onClick={\n                  item.disabled ? undefined : (e) => handleTabClick(item.key, e)\n                }\n              >\n                {item.icon}\n                <span>{item.label}</span>\n                {/* Close button for editable-card */}\n                {showClose && (\n                  <span\n                    className=\"ald-tabs-tab-remove tw-m-0 tw-grid tw-size-4 tw-cursor-pointer tw-place-items-center tw-p-0 tw-text-[var(--alias-colors-icon-subtle)] tw-transition-colors hover:tw-text-[var(--alias-colors-text-default)]\"\n                    onClick={(e) => handleRemove(item.key, e)}\n                    aria-label={`Remove ${item.label}`}\n                  >\n                    <CloseLightLine size={12} />\n                  </span>\n                )}\n                {/* Active indicator for non-card line tabs */}\n                {!isCard && isActive && !isVertical && (\n                  <div className=\"tw-absolute tw-inset-x-0 tw--bottom-px tw-h-[2px] tw-rounded-[2px] tw-bg-[var(--alias-colors-border-selected)]\" />\n                )}\n                {!isCard && isActive && isVertical && (\n                  <div className=\"tw-absolute tw-inset-y-0 tw--right-px tw-w-[2px] tw-rounded-[2px] tw-bg-[var(--alias-colors-border-selected)]\" />\n                )}\n              </div>\n            );\n          })}\n        </div>\n\n        {/* Scroll right button */}\n        {showScrollButtons && !isVertical && (\n          <button\n            type=\"button\"\n            className={cn(\n              'ald-tabs-scroll-btn tw-flex tw-shrink-0 tw-items-center tw-justify-center tw-border-none tw-bg-transparent tw-p-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]',\n              !canScrollRight && 'tw-invisible',\n            )}\n            onClick={() => scrollBy(200)}\n            aria-label=\"Scroll tabs right\"\n          >\n            <ChevronRightLine size={16} />\n          </button>\n        )}\n\n        {/* Add button for editable-card */}\n        {isEditable && !hideAdd && (\n          <button\n            type=\"button\"\n            className=\"ald-tabs-nav-add tw-ml-1 tw-flex tw-shrink-0 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-2 tw-py-1 tw-text-[var(--content-secondary)] tw-transition-colors hover:tw-text-[var(--content-primary)]\"\n            onClick={handleAdd}\n            aria-label=\"Add tab\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"14\"\n              height=\"14\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n            </svg>\n          </button>\n        )}\n\n        {extraRight}\n      </div>\n\n      {/* Tab content */}\n      <div className=\"ald-tabs-content tw-min-h-0 tw-flex-1\">\n        {resolvedItems.map((item) => {\n          const isActive = item.key === activeKey;\n          if (!isActive && destroyInactiveTabPane && !item.forceRender) {\n            return null;\n          }\n          return (\n            <div\n              key={item.key}\n              className={cn(\n                'ald-tabs-tabpane',\n                isActive ? 'tw-block' : 'tw-hidden',\n              )}\n              role=\"tabpanel\"\n            >\n              {item.children}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nTabs.TabPane = TabPane;\n"],"mappings":"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"}