@tiny-design/react 1.0.4 → 1.0.10

package/es/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["Pagination"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { TableProps, ColumnType, SortOrder } from './types';\n\nconst ROW_HEIGHT_MAP = { sm: 40, md: 48, lg: 56 } as const;\n\nconst getRowKey = <T,>(record: T, rowKey: string | ((record: T) => React.Key), index: number): React.Key => {\n  if (typeof rowKey === 'function') return rowKey(record);\n  const key = (record as any)[rowKey];\n  return key !== undefined ? key : index;\n};\n\nconst getValue = <T,>(record: T, dataIndex: string): any => {\n  return (record as any)[dataIndex];\n};\n\nconst Table = React.forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const {\n    columns,\n    dataSource = [],\n    rowKey = 'key',\n    loading = false,\n    bordered = false,\n    size,\n    scroll,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    rowSelection,\n    pagination,\n    onChange,\n    emptyText = 'No Data',\n    showHeader = true,\n    rowClassName,\n    onRow,\n    prefixCls: customisedCls,\n    className,\n    style,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('table', configContext.prefixCls, customisedCls);\n  const tableSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-ui: Table] `height` is required when `virtual` is enabled.');\n  }\n\n  const isVirtual = virtual && height != null;\n\n  // Sorting\n  const [sortField, setSortField] = useState<string | undefined>();\n  const [sortOrder, setSortOrder] = useState<SortOrder>(null);\n\n  // Pagination\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  // Selection\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys ?? []\n  );\n\n  useEffect(() => {\n    if (rowSelection?.selectedRowKeys) {\n      setSelectedKeys(rowSelection.selectedRowKeys);\n    }\n  }, [rowSelection?.selectedRowKeys]);\n\n  // Initialize default sort\n  useEffect(() => {\n    for (const col of columns) {\n      if (col.defaultSortOrder) {\n        setSortField(col.dataIndex);\n        setSortOrder(col.defaultSortOrder);\n        break;\n      }\n    }\n  }, []);\n\n  const sortedData = useMemo(() => {\n    if (!sortField || !sortOrder) return [...dataSource];\n    const col = columns.find((c) => c.dataIndex === sortField);\n    if (!col?.sorter) return [...dataSource];\n    const sorted = [...dataSource];\n    const sorterFn =\n      typeof col.sorter === 'function'\n        ? col.sorter\n        : (a: any, b: any) => {\n            const va = getValue(a, sortField);\n            const vb = getValue(b, sortField);\n            if (va < vb) return -1;\n            if (va > vb) return 1;\n            return 0;\n          };\n    sorted.sort((a, b) => {\n      const result = sorterFn(a, b);\n      return sortOrder === 'descend' ? -result : result;\n    });\n    return sorted;\n  }, [dataSource, sortField, sortOrder, columns]);\n\n  const rowHeight = itemHeightProp ?? ROW_HEIGHT_MAP[tableSize] ?? ROW_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: sortedData.length,\n    itemHeight: rowHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const paginatedData = useMemo(() => {\n    if (isVirtual) return sortedData;\n    if (pagination === false) return sortedData;\n    const page = pagination?.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, pagination, currentPage, pageSize, isVirtual]);\n\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const handleSort = (col: ColumnType) => {\n    if (!col.sorter) return;\n    let newOrder: SortOrder;\n    if (sortField !== col.dataIndex) {\n      newOrder = 'ascend';\n    } else if (sortOrder === 'ascend') {\n      newOrder = 'descend';\n    } else if (sortOrder === 'descend') {\n      newOrder = null;\n    } else {\n      newOrder = 'ascend';\n    }\n    setSortField(newOrder ? col.dataIndex : undefined);\n    setSortOrder(newOrder);\n    onChange?.({ current: activePage, pageSize }, { field: col.dataIndex, order: newOrder });\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n    onChange?.({ current: page, pageSize }, { field: sortField, order: sortOrder });\n  };\n\n  const handleSelectAll = () => {\n    if (!rowSelection) return;\n    const allKeys = paginatedData.map((record, i) => getRowKey(record, rowKey, i));\n    const allSelected = allKeys.every((k) => selectedKeys.includes(k));\n    const newKeys = allSelected ? [] : allKeys;\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = allSelected ? [] : paginatedData;\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const handleSelectRow = (record: any, key: React.Key) => {\n    if (!rowSelection) return;\n    const isRadio = rowSelection.type === 'radio';\n    let newKeys: React.Key[];\n    if (isRadio) {\n      newKeys = [key];\n    } else {\n      newKeys = selectedKeys.includes(key)\n        ? selectedKeys.filter((k) => k !== key)\n        : [...selectedKeys, key];\n    }\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = dataSource.filter((r, i) => newKeys.includes(getRowKey(r, rowKey, i)));\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_${tableSize}`]: tableSize,\n    [`${prefixCls}_loading`]: loading,\n  });\n\n  const tableStyle: React.CSSProperties = {};\n  if (scroll?.x) tableStyle.minWidth = scroll.x;\n\n  const wrapperStyle: React.CSSProperties = {};\n  if (isVirtual) {\n    wrapperStyle.height = height;\n    wrapperStyle.overflowY = 'auto';\n  } else if (scroll?.y) {\n    wrapperStyle.maxHeight = scroll.y;\n    wrapperStyle.overflowY = 'auto';\n  }\n\n  const allPageKeys = paginatedData.map((r, i) => getRowKey(r, rowKey, i));\n  const allSelected = allPageKeys.length > 0 && allPageKeys.every((k) => selectedKeys.includes(k));\n  const someSelected = allPageKeys.some((k) => selectedKeys.includes(k));\n\n  const colCount = columns.length + (rowSelection ? 1 : 0);\n\n  const renderRow = (record: any, rowIndex: number) => {\n    const key = getRowKey(record, rowKey, rowIndex);\n    const isSelected = selectedKeys.includes(key);\n    const rowCls = classNames(`${prefixCls}__row`, {\n      [`${prefixCls}__row_selected`]: isSelected,\n    }, typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName);\n    const rowProps = onRow?.(record, rowIndex) ?? {};\n    return (\n      <tr key={key} className={rowCls} {...rowProps}>\n        {rowSelection && (\n          <td className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n            <input\n              type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n              checked={isSelected}\n              onChange={() => handleSelectRow(record, key)}\n              aria-label={`Select row ${rowIndex + 1}`}\n            />\n          </td>\n        )}\n        {columns.map((col, colIndex) => {\n          const colKey = col.key ?? col.dataIndex ?? colIndex;\n          const value = getValue(record, col.dataIndex);\n          const tdCls = classNames(`${prefixCls}__cell`, col.className, {\n            [`${prefixCls}__cell_ellipsis`]: col.ellipsis,\n            [`${prefixCls}__cell_align-${col.align}`]: col.align,\n          });\n          return (\n            <td key={colKey} className={tdCls} style={{ width: col.width }}>\n              {col.render ? col.render(value, record, rowIndex) : value}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  const renderTbody = () => {\n    if (loading) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__loading-cell`}\n            colSpan={colCount}\n          >\n            Loading...\n          </td>\n        </tr>\n      );\n    }\n\n    if (isVirtual) {\n      if (sortedData.length === 0) {\n        return (\n          <tr>\n            <td className={`${prefixCls}__cell ${prefixCls}__empty-cell`} colSpan={colCount}>\n              {emptyText}\n            </td>\n          </tr>\n        );\n      }\n      const [start, end] = visibleRange;\n      const topHeight = offsetY;\n      const bottomHeight = totalHeight - offsetY - (end - start + 1) * rowHeight;\n      return (\n        <>\n          {topHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: topHeight }} />\n            </tr>\n          )}\n          {sortedData.slice(start, end + 1).map((record, i) => renderRow(record, start + i))}\n          {bottomHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: Math.max(0, bottomHeight) }} />\n            </tr>\n          )}\n        </>\n      );\n    }\n\n    if (paginatedData.length === 0) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__empty-cell`}\n            colSpan={colCount}\n          >\n            {emptyText}\n          </td>\n        </tr>\n      );\n    }\n\n    return paginatedData.map((record, rowIndex) => renderRow(record, rowIndex));\n  };\n\n  const theadCls = classNames(`${prefixCls}__thead`, {\n    [`${prefixCls}__thead_sticky`]: isVirtual,\n  });\n\n  const showPagination = pagination !== false && !isVirtual;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div\n        className={`${prefixCls}__wrapper`}\n        style={wrapperStyle}\n        onScroll={isVirtual ? onScroll : undefined}\n      >\n        <table className={`${prefixCls}__table`} style={tableStyle}>\n          {showHeader && (\n            <thead className={theadCls}>\n              <tr>\n                {rowSelection && (\n                  <th className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n                    {rowSelection.type !== 'radio' && (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected; }}\n                        onChange={handleSelectAll}\n                        aria-label=\"Select all\"\n                      />\n                    )}\n                  </th>\n                )}\n                {columns.map((col, i) => {\n                  const key = col.key ?? col.dataIndex ?? i;\n                  const thCls = classNames(`${prefixCls}__cell`, col.className, {\n                    [`${prefixCls}__cell_sortable`]: !!col.sorter,\n                    [`${prefixCls}__cell_align-${col.align}`]: col.align,\n                  });\n                  return (\n                    <th\n                      key={key}\n                      className={thCls}\n                      style={{ width: col.width }}\n                      onClick={() => handleSort(col)}\n                    >\n                      <span className={`${prefixCls}__col-title`}>{col.title}</span>\n                      {col.sorter && (\n                        <span className={`${prefixCls}__sorter`}>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'ascend',\n                          })}>▲</span>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'descend',\n                          })}>▼</span>\n                        </span>\n                      )}\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n          )}\n          <tbody className={`${prefixCls}__tbody`}>\n            {renderTbody()}\n          </tbody>\n        </table>\n      </div>\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: '16px 0' }}\n        />\n      )}\n    </div>\n  );\n});\n\nTable.displayName = 'Table';\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":["Pagination"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useMemo } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { TableProps, ColumnType, SortOrder } from './types';\n\nconst ROW_HEIGHT_MAP = { sm: 40, md: 48, lg: 56 } as const;\n\nconst getRowKey = <T,>(record: T, rowKey: string | ((record: T) => React.Key), index: number): React.Key => {\n  if (typeof rowKey === 'function') return rowKey(record);\n  const key = (record as any)[rowKey];\n  return key !== undefined ? key : index;\n};\n\nconst getValue = <T,>(record: T, dataIndex: string): any => {\n  return (record as any)[dataIndex];\n};\n\nconst Table = React.forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const {\n    columns,\n    dataSource = [],\n    rowKey = 'key',\n    loading = false,\n    bordered = false,\n    size,\n    scroll,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    rowSelection,\n    pagination,\n    onChange,\n    emptyText = 'No Data',\n    showHeader = true,\n    rowClassName,\n    onRow,\n    prefixCls: customisedCls,\n    className,\n    style,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('table', configContext.prefixCls, customisedCls);\n  const tableSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-design: Table] `height` is required when `virtual` is enabled.');\n  }\n\n  const isVirtual = virtual && height != null;\n\n  // Sorting\n  const [sortField, setSortField] = useState<string | undefined>();\n  const [sortOrder, setSortOrder] = useState<SortOrder>(null);\n\n  // Pagination\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  // Selection\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys ?? []\n  );\n\n  useEffect(() => {\n    if (rowSelection?.selectedRowKeys) {\n      setSelectedKeys(rowSelection.selectedRowKeys);\n    }\n  }, [rowSelection?.selectedRowKeys]);\n\n  // Initialize default sort\n  useEffect(() => {\n    for (const col of columns) {\n      if (col.defaultSortOrder) {\n        setSortField(col.dataIndex);\n        setSortOrder(col.defaultSortOrder);\n        break;\n      }\n    }\n  }, []);\n\n  const sortedData = useMemo(() => {\n    if (!sortField || !sortOrder) return [...dataSource];\n    const col = columns.find((c) => c.dataIndex === sortField);\n    if (!col?.sorter) return [...dataSource];\n    const sorted = [...dataSource];\n    const sorterFn =\n      typeof col.sorter === 'function'\n        ? col.sorter\n        : (a: any, b: any) => {\n            const va = getValue(a, sortField);\n            const vb = getValue(b, sortField);\n            if (va < vb) return -1;\n            if (va > vb) return 1;\n            return 0;\n          };\n    sorted.sort((a, b) => {\n      const result = sorterFn(a, b);\n      return sortOrder === 'descend' ? -result : result;\n    });\n    return sorted;\n  }, [dataSource, sortField, sortOrder, columns]);\n\n  const rowHeight = itemHeightProp ?? ROW_HEIGHT_MAP[tableSize] ?? ROW_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: sortedData.length,\n    itemHeight: rowHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const paginatedData = useMemo(() => {\n    if (isVirtual) return sortedData;\n    if (pagination === false) return sortedData;\n    const page = pagination?.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, pagination, currentPage, pageSize, isVirtual]);\n\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const handleSort = (col: ColumnType) => {\n    if (!col.sorter) return;\n    let newOrder: SortOrder;\n    if (sortField !== col.dataIndex) {\n      newOrder = 'ascend';\n    } else if (sortOrder === 'ascend') {\n      newOrder = 'descend';\n    } else if (sortOrder === 'descend') {\n      newOrder = null;\n    } else {\n      newOrder = 'ascend';\n    }\n    setSortField(newOrder ? col.dataIndex : undefined);\n    setSortOrder(newOrder);\n    onChange?.({ current: activePage, pageSize }, { field: col.dataIndex, order: newOrder });\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n    onChange?.({ current: page, pageSize }, { field: sortField, order: sortOrder });\n  };\n\n  const handleSelectAll = () => {\n    if (!rowSelection) return;\n    const allKeys = paginatedData.map((record, i) => getRowKey(record, rowKey, i));\n    const allSelected = allKeys.every((k) => selectedKeys.includes(k));\n    const newKeys = allSelected ? [] : allKeys;\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = allSelected ? [] : paginatedData;\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const handleSelectRow = (record: any, key: React.Key) => {\n    if (!rowSelection) return;\n    const isRadio = rowSelection.type === 'radio';\n    let newKeys: React.Key[];\n    if (isRadio) {\n      newKeys = [key];\n    } else {\n      newKeys = selectedKeys.includes(key)\n        ? selectedKeys.filter((k) => k !== key)\n        : [...selectedKeys, key];\n    }\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = dataSource.filter((r, i) => newKeys.includes(getRowKey(r, rowKey, i)));\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_${tableSize}`]: tableSize,\n    [`${prefixCls}_loading`]: loading,\n  });\n\n  const tableStyle: React.CSSProperties = {};\n  if (scroll?.x) tableStyle.minWidth = scroll.x;\n\n  const wrapperStyle: React.CSSProperties = {};\n  if (isVirtual) {\n    wrapperStyle.height = height;\n    wrapperStyle.overflowY = 'auto';\n  } else if (scroll?.y) {\n    wrapperStyle.maxHeight = scroll.y;\n    wrapperStyle.overflowY = 'auto';\n  }\n\n  const allPageKeys = paginatedData.map((r, i) => getRowKey(r, rowKey, i));\n  const allSelected = allPageKeys.length > 0 && allPageKeys.every((k) => selectedKeys.includes(k));\n  const someSelected = allPageKeys.some((k) => selectedKeys.includes(k));\n\n  const colCount = columns.length + (rowSelection ? 1 : 0);\n\n  const renderRow = (record: any, rowIndex: number) => {\n    const key = getRowKey(record, rowKey, rowIndex);\n    const isSelected = selectedKeys.includes(key);\n    const rowCls = classNames(`${prefixCls}__row`, {\n      [`${prefixCls}__row_selected`]: isSelected,\n    }, typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName);\n    const rowProps = onRow?.(record, rowIndex) ?? {};\n    return (\n      <tr key={key} className={rowCls} {...rowProps}>\n        {rowSelection && (\n          <td className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n            <input\n              type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n              checked={isSelected}\n              onChange={() => handleSelectRow(record, key)}\n              aria-label={`Select row ${rowIndex + 1}`}\n            />\n          </td>\n        )}\n        {columns.map((col, colIndex) => {\n          const colKey = col.key ?? col.dataIndex ?? colIndex;\n          const value = getValue(record, col.dataIndex);\n          const tdCls = classNames(`${prefixCls}__cell`, col.className, {\n            [`${prefixCls}__cell_ellipsis`]: col.ellipsis,\n            [`${prefixCls}__cell_align-${col.align}`]: col.align,\n          });\n          return (\n            <td key={colKey} className={tdCls} style={{ width: col.width }}>\n              {col.render ? col.render(value, record, rowIndex) : value}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  const renderTbody = () => {\n    if (loading) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__loading-cell`}\n            colSpan={colCount}\n          >\n            Loading...\n          </td>\n        </tr>\n      );\n    }\n\n    if (isVirtual) {\n      if (sortedData.length === 0) {\n        return (\n          <tr>\n            <td className={`${prefixCls}__cell ${prefixCls}__empty-cell`} colSpan={colCount}>\n              {emptyText}\n            </td>\n          </tr>\n        );\n      }\n      const [start, end] = visibleRange;\n      const topHeight = offsetY;\n      const bottomHeight = totalHeight - offsetY - (end - start + 1) * rowHeight;\n      return (\n        <>\n          {topHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: topHeight }} />\n            </tr>\n          )}\n          {sortedData.slice(start, end + 1).map((record, i) => renderRow(record, start + i))}\n          {bottomHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: Math.max(0, bottomHeight) }} />\n            </tr>\n          )}\n        </>\n      );\n    }\n\n    if (paginatedData.length === 0) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__empty-cell`}\n            colSpan={colCount}\n          >\n            {emptyText}\n          </td>\n        </tr>\n      );\n    }\n\n    return paginatedData.map((record, rowIndex) => renderRow(record, rowIndex));\n  };\n\n  const theadCls = classNames(`${prefixCls}__thead`, {\n    [`${prefixCls}__thead_sticky`]: isVirtual,\n  });\n\n  const showPagination = pagination !== false && !isVirtual;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div\n        className={`${prefixCls}__wrapper`}\n        style={wrapperStyle}\n        onScroll={isVirtual ? onScroll : undefined}\n      >\n        <table className={`${prefixCls}__table`} style={tableStyle}>\n          {showHeader && (\n            <thead className={theadCls}>\n              <tr>\n                {rowSelection && (\n                  <th className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n                    {rowSelection.type !== 'radio' && (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected; }}\n                        onChange={handleSelectAll}\n                        aria-label=\"Select all\"\n                      />\n                    )}\n                  </th>\n                )}\n                {columns.map((col, i) => {\n                  const key = col.key ?? col.dataIndex ?? i;\n                  const thCls = classNames(`${prefixCls}__cell`, col.className, {\n                    [`${prefixCls}__cell_sortable`]: !!col.sorter,\n                    [`${prefixCls}__cell_align-${col.align}`]: col.align,\n                  });\n                  return (\n                    <th\n                      key={key}\n                      className={thCls}\n                      style={{ width: col.width }}\n                      onClick={() => handleSort(col)}\n                    >\n                      <span className={`${prefixCls}__col-title`}>{col.title}</span>\n                      {col.sorter && (\n                        <span className={`${prefixCls}__sorter`}>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'ascend',\n                          })}>▲</span>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'descend',\n                          })}>▼</span>\n                        </span>\n                      )}\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n          )}\n          <tbody className={`${prefixCls}__tbody`}>\n            {renderTbody()}\n          </tbody>\n        </table>\n      </div>\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: '16px 0' }}\n        />\n      )}\n    </div>\n  );\n});\n\nTable.displayName = 'Table';\nexport default Table;\n"],"mappings":"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"}

package/es/typography/heading.d.ts

@@ -1,7 +1,8 @@
 import { HeadingProps } from "./types.js";
+import React from "react";
 
 //#region src/typography/heading.d.ts
-declare const Heading: (props: HeadingProps) => JSX.Element | null;
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Heading };
 //# sourceMappingURL=heading.d.ts.map

package/es/typography/heading.js

@@ -2,29 +2,22 @@ import { ConfigContext } from "../config-provider/config-context.js";
 import { getPrefixCls } from "../_utils/general.js";
 import React, { useContext } from "react";
 import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
 //#region src/typography/heading.tsx
-const headingGenerator = (htmlType, displayName) => {
-	const Component = React.forwardRef((props, ref) => {
-		const { prefixCls: customisedCls, className, children, ...otherProps } = props;
-		const cls = classNames(getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls), className);
-		return React.createElement(htmlType, {
-			...otherProps,
-			ref,
-			className: cls
-		}, children);
-	});
-	Component.displayName = displayName;
-	return Component;
-};
-const Heading = (props) => {
-	const { level = 1, ...otherProps } = props;
+const Heading = React.forwardRef((props, ref) => {
+	const { level = 1, prefixCls: customisedCls, className, children, ...otherProps } = props;
+	const prefixCls = getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls);
 	if (level < 1 || level > 6) {
 		console.warn("The heading level parameter is invalid.");
 		return null;
 	}
-	return /* @__PURE__ */ jsx(headingGenerator(`h${level}`, `H${level}`), { ...otherProps });
-};
+	const cls = classNames(prefixCls, className);
+	return React.createElement(`h${level}`, {
+		...otherProps,
+		ref,
+		className: cls
+	}, children);
+});
+Heading.displayName = "Heading";
 //#endregion
 export { Heading as default };
 

package/es/typography/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../src/typography/heading.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { HeadingProps } from './types';\n\nconst headingGenerator = (htmlType: string, displayName: string) => {\n  const Component = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n    (props: HeadingProps, ref): JSX.Element => {\n      const { prefixCls: customisedCls, className, children, ...otherProps } = props;\n      const configContext = useContext(ConfigContext);\n      const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n      const cls = classNames(prefixCls, className);\n\n      return React.createElement(\n        htmlType,\n        {\n          ...otherProps,\n          ref,\n          className: cls,\n        },\n        children\n      );\n    }\n  );\n\n  Component.displayName = displayName;\n\n  return Component;\n};\n\nconst Heading = (props: HeadingProps): JSX.Element | null => {\n  const { level = 1, ...otherProps } = props;\n  if (level < 1 || level > 6) {\n    console.warn('The heading level parameter is invalid.');\n    return null;\n  }\n  const Component = headingGenerator(`h${level}`, `H${level}`);\n  return <Component {...otherProps} />;\n};\n\nexport default Heading;\n"],"mappings":";;;;;;AAMA,MAAM,oBAAoB,UAAkB,gBAAwB;CAClE,MAAM,YAAY,MAAM,YACrB,OAAqB,QAAqB;EACzC,MAAM,EAAE,WAAW,eAAe,WAAW,UAAU,GAAG,eAAe;EAGzE,MAAM,MAAM,WADM,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,EAClD,UAAU;AAE5C,SAAO,MAAM,cACX,UACA;GACE,GAAG;GACH;GACA,WAAW;GACZ,EACD,SACD;GAEJ;AAED,WAAU,cAAc;AAExB,QAAO;;AAGT,MAAM,WAAW,UAA4C;CAC3D,MAAM,EAAE,QAAQ,GAAG,GAAG,eAAe;AACrC,KAAI,QAAQ,KAAK,QAAQ,GAAG;AAC1B,UAAQ,KAAK,0CAA0C;AACvD,SAAO;;AAGT,QAAO,oBADW,iBAAiB,IAAI,SAAS,IAAI,QAAQ,EACrD,EAAW,GAAI,YAAc,CAAA"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/typography/heading.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { HeadingProps } from './types';\n\nconst Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n  (props, ref) => {\n    const { level = 1, prefixCls: customisedCls, className, children, ...otherProps } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n\n    if (level < 1 || level > 6) {\n      console.warn('The heading level parameter is invalid.');\n      return null;\n    }\n    const cls = classNames(prefixCls, className);\n\n    return React.createElement(\n      `h${level}`,\n      {\n        ...otherProps,\n        ref,\n        className: cls,\n      },\n      children\n    );\n  }\n);\n\nHeading.displayName = 'Heading';\n\nexport default Heading;\n"],"mappings":";;;;;AAMA,MAAM,UAAU,MAAM,YACnB,OAAO,QAAQ;CACd,MAAM,EAAE,QAAQ,GAAG,WAAW,eAAe,WAAW,UAAU,GAAG,eAAe;CAEpF,MAAM,YAAY,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc;AAEpF,KAAI,QAAQ,KAAK,QAAQ,GAAG;AAC1B,UAAQ,KAAK,0CAA0C;AACvD,SAAO;;CAET,MAAM,MAAM,WAAW,WAAW,UAAU;AAE5C,QAAO,MAAM,cACX,IAAI,SACJ;EACE,GAAG;EACH;EACA,WAAW;EACZ,EACD,SACD;EAEJ;AAED,QAAQ,cAAc"}

package/es/typography/style/_index.scss

@@ -4,8 +4,6 @@ $tp-prefix: #{$prefix}-typography;
 
 .#{$tp-prefix} {
   box-sizing: border-box;
-  font-family: $font-family;
-
   & + h1.#{$tp-prefix},
   & + h2.#{$tp-prefix},
   & + h3.#{$tp-prefix},
@@ -46,22 +44,6 @@ $tp-prefix: #{$prefix}-typography;
     background-color: var(--ty-typography-mark-bg);
   }
 
-  u {
-    text-decoration: underline;
-  }
-
-  del {
-    text-decoration: line-through;
-  }
-
-  strong {
-    font-weight: 600;
-  }
-
-  i {
-    font-style: italic;
-  }
-
   sup {
     vertical-align: super;
   }

package/es/typography/style/index.css

@@ -1,6 +1,5 @@
 .ty-typography {
   box-sizing: border-box;
-  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .ty-typography + h1.ty-typography, .ty-typography + h2.ty-typography, .ty-typography + h3.ty-typography, .ty-typography + h4.ty-typography {
   margin-top: 1.2em;
@@ -31,18 +30,6 @@
   padding: 0;
   background-color: var(--ty-typography-mark-bg);
 }
-.ty-typography u {
-  text-decoration: underline;
-}
-.ty-typography del {
-  text-decoration: line-through;
-}
-.ty-typography strong {
-  font-weight: 600;
-}
-.ty-typography i {
-  font-style: italic;
-}
 .ty-typography sup {
   vertical-align: super;
 }

package/es/typography/text.d.ts

@@ -1,7 +1,8 @@
 import { TextProps } from "./types.js";
+import React from "react";
 
 //#region src/typography/text.d.ts
-declare const Text: (props: TextProps) => JSX.Element;
+declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 //#endregion
 export { Text };
 //# sourceMappingURL=text.d.ts.map

package/es/typography/text.js

@@ -8,7 +8,7 @@ const tagGenerator = (isRequired, tag, element) => {
 	if (!isRequired) return element;
 	return React.createElement(tag, {}, element);
 };
-const Text = (props) => {
+const Text = React.forwardRef((props, ref) => {
 	const { code = false, del = false, underline = false, strong = false, italic = false, mark = false, sub = false, sup = false, className, children, prefixCls: customisedCls, ...otherProps } = props;
 	let Node = tagGenerator(code, "code", children);
 	Node = tagGenerator(del, "del", Node);
@@ -21,10 +21,12 @@ const Text = (props) => {
 	const cls = classNames(className, getPrefixCls("typography", useContext(ConfigContext).prefixCls, customisedCls));
 	return /* @__PURE__ */ jsx("span", {
 		...otherProps,
+		ref,
 		className: cls,
 		children: Node
 	});
-};
+});
+Text.displayName = "Text";
 //#endregion
 export { Text as default };
 

package/es/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../src/typography/text.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TextProps } from './types';\n\nconst tagGenerator = (\n  isRequired: boolean,\n  tag: string,\n  element: React.ReactNode\n): React.ReactNode => {\n  if (!isRequired) return element;\n  return React.createElement(tag, {}, element);\n};\n\nconst Text = (props: TextProps): JSX.Element => {\n  const {\n    code = false,\n    del = false,\n    underline = false,\n    strong = false,\n    italic = false,\n    mark = false,\n    sub = false,\n    sup = false,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n\n  let Node = tagGenerator(code, 'code', children);\n  Node = tagGenerator(del, 'del', Node);\n  Node = tagGenerator(underline, 'u', Node);\n  Node = tagGenerator(strong, 'strong', Node);\n  Node = tagGenerator(italic, 'i', Node);\n  Node = tagGenerator(mark, 'mark', Node);\n  Node = tagGenerator(sub, 'sub', Node);\n  Node = tagGenerator(sup, 'sup', Node);\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n  const cls = classNames(className, prefixCls);\n\n  return (\n    <span {...otherProps} className={cls}>\n      {Node}\n    </span>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;;;AAMA,MAAM,gBACJ,YACA,KACA,YACoB;AACpB,KAAI,CAAC,WAAY,QAAO;AACxB,QAAO,MAAM,cAAc,KAAK,EAAE,EAAE,QAAQ;;AAG9C,MAAM,QAAQ,UAAkC;CAC9C,MAAM,EACJ,OAAO,OACP,MAAM,OACN,YAAY,OACZ,SAAS,OACT,SAAS,OACT,OAAO,OACP,MAAM,OACN,MAAM,OACN,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,IAAI,OAAO,aAAa,MAAM,QAAQ,SAAS;AAC/C,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,WAAW,KAAK,KAAK;AACzC,QAAO,aAAa,QAAQ,UAAU,KAAK;AAC3C,QAAO,aAAa,QAAQ,KAAK,KAAK;AACtC,QAAO,aAAa,MAAM,QAAQ,KAAK;AACvC,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,KAAK,OAAO,KAAK;CAIrC,MAAM,MAAM,WAAW,WADL,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,CACxC;AAE5C,QACE,oBAAC,QAAD;EAAM,GAAI;EAAY,WAAW;YAC9B;EACI,CAAA"}
+{"version":3,"file":"text.js","names":[],"sources":["../../src/typography/text.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { TextProps } from './types';\n\nconst tagGenerator = (\n  isRequired: boolean,\n  tag: string,\n  element: React.ReactNode\n): React.ReactNode => {\n  if (!isRequired) return element;\n  return React.createElement(tag, {}, element);\n};\n\nconst Text = React.forwardRef<HTMLSpanElement, TextProps>(\n  (props, ref) => {\n    const {\n      code = false,\n      del = false,\n      underline = false,\n      strong = false,\n      italic = false,\n      mark = false,\n      sub = false,\n      sup = false,\n      className,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    let Node = tagGenerator(code, 'code', children);\n    Node = tagGenerator(del, 'del', Node);\n    Node = tagGenerator(underline, 'u', Node);\n    Node = tagGenerator(strong, 'strong', Node);\n    Node = tagGenerator(italic, 'i', Node);\n    Node = tagGenerator(mark, 'mark', Node);\n    Node = tagGenerator(sub, 'sub', Node);\n    Node = tagGenerator(sup, 'sup', Node);\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('typography', configContext.prefixCls, customisedCls);\n    const cls = classNames(className, prefixCls);\n\n    return (\n      <span {...otherProps} ref={ref} className={cls}>\n        {Node}\n      </span>\n    );\n  }\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;AAMA,MAAM,gBACJ,YACA,KACA,YACoB;AACpB,KAAI,CAAC,WAAY,QAAO;AACxB,QAAO,MAAM,cAAc,KAAK,EAAE,EAAE,QAAQ;;AAG9C,MAAM,OAAO,MAAM,YAChB,OAAO,QAAQ;CACd,MAAM,EACJ,OAAO,OACP,MAAM,OACN,YAAY,OACZ,SAAS,OACT,SAAS,OACT,OAAO,OACP,MAAM,OACN,MAAM,OACN,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,IAAI,OAAO,aAAa,MAAM,QAAQ,SAAS;AAC/C,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,WAAW,KAAK,KAAK;AACzC,QAAO,aAAa,QAAQ,UAAU,KAAK;AAC3C,QAAO,aAAa,QAAQ,KAAK,KAAK;AACtC,QAAO,aAAa,MAAM,QAAQ,KAAK;AACvC,QAAO,aAAa,KAAK,OAAO,KAAK;AACrC,QAAO,aAAa,KAAK,OAAO,KAAK;CAIrC,MAAM,MAAM,WAAW,WADL,aAAa,cADT,WAAW,cAAc,CACY,WAAW,cAAc,CACxC;AAE5C,QACE,oBAAC,QAAD;EAAM,GAAI;EAAiB;EAAK,WAAW;YACxC;EACI,CAAA;EAGZ;AAED,KAAK,cAAc"}

package/es/typography/types.d.ts

@@ -9,7 +9,7 @@ interface ParagraphProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElem
   children?: React.ReactNode;
 }
 interface HeadingProps extends BaseProps, React.PropsWithRef<React.HTMLAttributes<HTMLHeadingElement>> {
-  level?: number;
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
   children?: React.ReactNode;
 }
 interface TextProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['span']> {

package/es/with-spin/index.d.ts

@@ -0,0 +1 @@
+import { withSpin } from "./with-spin.js";

package/es/with-spin/style/_index.scss

@@ -0,0 +1,5 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-icon-spin {
+  animation: ty-rotate 1s linear infinite;
+}

package/es/with-spin/style/index.css

@@ -0,0 +1,3 @@
+.ty-icon-spin {
+  animation: ty-rotate 1s linear infinite;
+}

package/es/with-spin/with-spin.d.ts

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes } from "react";
+import { IconProps } from "@tiny-design/icons";
+
+//#region src/with-spin/with-spin.d.ts
+type IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+declare function withSpin(Icon: IconComponent): IconComponent;
+//#endregion
+export { withSpin };
+//# sourceMappingURL=with-spin.d.ts.map

package/es/with-spin/with-spin.js

@@ -0,0 +1,20 @@
+import { forwardRef } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/with-spin/with-spin.tsx
+function withSpin(Icon) {
+	const SpinIcon = forwardRef((props, ref) => {
+		const { className, ...rest } = props;
+		return /* @__PURE__ */ jsx(Icon, {
+			ref,
+			className: classNames("ty-icon-spin", className),
+			...rest
+		});
+	});
+	SpinIcon.displayName = `withSpin(${Icon.displayName || "Icon"})`;
+	return SpinIcon;
+}
+//#endregion
+export { withSpin };
+
+//# sourceMappingURL=with-spin.js.map

package/es/with-spin/with-spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-spin.js","names":[],"sources":["../../src/with-spin/with-spin.tsx"],"sourcesContent":["import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'react';\nimport type { IconProps } from '@tiny-design/icons';\nimport classNames from 'classnames';\n\ntype IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;\n\nexport function withSpin(Icon: IconComponent): IconComponent {\n  const SpinIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n    const { className, ...rest } = props;\n\n    return (\n      <Icon\n        ref={ref}\n        className={classNames('ty-icon-spin', className)}\n        {...rest}\n      />\n    );\n  });\n\n  const name = Icon.displayName || 'Icon';\n  SpinIcon.displayName = `withSpin(${name})`;\n\n  return SpinIcon;\n}\n"],"mappings":";;;;AAMA,SAAgB,SAAS,MAAoC;CAC3D,MAAM,WAAW,YAAsC,OAAO,QAAQ;EACpE,MAAM,EAAE,WAAW,GAAG,SAAS;AAE/B,SACE,oBAAC,MAAD;GACO;GACL,WAAW,WAAW,gBAAgB,UAAU;GAChD,GAAI;GACJ,CAAA;GAEJ;AAGF,UAAS,cAAc,YADV,KAAK,eAAe,OACO;AAExC,QAAO"}

package/lib/button/style/index.css

@@ -51,7 +51,7 @@
   height: 1em;
   position: relative;
   border-width: 2px;
-  border-color: currentColor currentColor transparent transparent;
+  border-color: currentcolor currentcolor transparent transparent;
   border-style: solid;
   border-radius: 50%;
   animation: ty-rotate-reverse 600ms infinite linear;

package/lib/index.d.ts

@@ -28,7 +28,6 @@ import { Empty } from "./empty/empty.js";
 import { Flex } from "./flex/flex.js";
 import { DefaultFlip } from "./flip/index.js";
 import { DefaultForm } from "./form/index.js";
-import { Icon } from "./icon/icon.js";
 import { Image } from "./image/image.js";
 import { DefaultInput } from "./input/index.js";
 import { InputNumber } from "./input-number/input-number.js";
@@ -81,8 +80,9 @@ import { Tree } from "./tree/tree.js";
 import { DefaultTypo } from "./typography/index.js";
 import { Upload } from "./upload/upload.js";
 import { withLocale } from "./intl-provider/with-locale.js";
+import { withSpin } from "./with-spin/with-spin.js";
 import { en_US } from "./locale/en_US.js";
 import { zh_CN } from "./locale/zh_CN.js";
 import { useLocale } from "./_utils/use-locale.js";
 import { ThemeMode, useTheme } from "./_utils/use-theme.js";
-export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Icon, Image, DefaultInput as Input, InputNumber, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, en_US, useLocale, useTheme, withLocale, zh_CN };
+export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Image, DefaultInput as Input, InputNumber, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, en_US, useLocale, useTheme, withLocale, withSpin, zh_CN };