@tiny-design/react 1.0.4 → 1.0.9

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":";;;;;;;;AAQA,MAAM,iBAAiB;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI;AAEjD,MAAM,aAAiB,QAAW,QAA6C,UAA6B;AAC1G,KAAI,OAAO,WAAW,WAAY,QAAO,OAAO,OAAO;CACvD,MAAM,MAAO,OAAe;AAC5B,QAAO,QAAQ,KAAA,IAAY,MAAM;;AAGnC,MAAM,YAAgB,QAAW,cAA2B;AAC1D,QAAQ,OAAe;;AAGzB,MAAM,QAAQ,MAAM,YAAwC,OAAO,QAAQ;CACzE,MAAM,EACJ,SACA,aAAa,EAAE,EACf,SAAS,OACT,UAAU,OACV,WAAW,OACX,MACA,QACA,UAAU,OACV,QACA,YAAY,gBACZ,cACA,YACA,UACA,YAAY,WACZ,aAAa,MACb,cACA,OACA,WAAW,eACX,WACA,OACA,GAAG,eACD;CAEJ,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,SAAS,cAAc,WAAW,cAAc;CAC/E,MAAM,YAAY,QAAQ,cAAc,iBAAiB;AAEzD,KAAI,WAAW,UAAU,KACvB,SAAQ,KAAK,mEAAmE;CAGlF,MAAM,YAAY,WAAW,UAAU;CAGvC,MAAM,CAAC,WAAW,gBAAgB,UAA8B;CAChE,MAAM,CAAC,WAAW,gBAAgB,SAAoB,KAAK;CAG3D,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,WAAW,cAAc,WAAW,WAAW,WAAW,WAAW;CAG3E,MAAM,CAAC,cAAc,mBAAmB,SACtC,cAAc,mBAAmB,EAAE,CACpC;AAED,iBAAgB;AACd,MAAI,cAAc,gBAChB,iBAAgB,aAAa,gBAAgB;IAE9C,CAAC,cAAc,gBAAgB,CAAC;AAGnC,iBAAgB;AACd,OAAK,MAAM,OAAO,QAChB,KAAI,IAAI,kBAAkB;AACxB,gBAAa,IAAI,UAAU;AAC3B,gBAAa,IAAI,iBAAiB;AAClC;;IAGH,EAAE,CAAC;CAEN,MAAM,aAAa,cAAc;AAC/B,MAAI,CAAC,aAAa,CAAC,UAAW,QAAO,CAAC,GAAG,WAAW;EACpD,MAAM,MAAM,QAAQ,MAAM,MAAM,EAAE,cAAc,UAAU;AAC1D,MAAI,CAAC,KAAK,OAAQ,QAAO,CAAC,GAAG,WAAW;EACxC,MAAM,SAAS,CAAC,GAAG,WAAW;EAC9B,MAAM,WACJ,OAAO,IAAI,WAAW,aAClB,IAAI,UACH,GAAQ,MAAW;GAClB,MAAM,KAAK,SAAS,GAAG,UAAU;GACjC,MAAM,KAAK,SAAS,GAAG,UAAU;AACjC,OAAI,KAAK,GAAI,QAAO;AACpB,OAAI,KAAK,GAAI,QAAO;AACpB,UAAO;;AAEf,SAAO,MAAM,GAAG,MAAM;GACpB,MAAM,SAAS,SAAS,GAAG,EAAE;AAC7B,UAAO,cAAc,YAAY,CAAC,SAAS;IAC3C;AACF,SAAO;IACN;EAAC;EAAY;EAAW;EAAW;EAAQ,CAAC;CAE/C,MAAM,YAAY,kBAAkB,eAAe,cAAc,eAAe;CAChF,MAAM,EAAE,cAAc,aAAa,SAAS,aAAa,iBAAiB;EACxE,WAAW,WAAW;EACtB,YAAY;EACZ,iBAAiB,UAAU;EAC5B,CAAC;CAEF,MAAM,gBAAgB,cAAc;AAClC,MAAI,UAAW,QAAO;AACtB,MAAI,eAAe,MAAO,QAAO;EAEjC,MAAM,UADO,YAAY,WAAW,eACd,KAAK;AAC3B,SAAO,WAAW,MAAM,OAAO,QAAQ,SAAS;IAC/C;EAAC;EAAY;EAAY;EAAa;EAAU;EAAU,CAAC;CAE9D,MAAM,mBAAmB,cAAc,OAAO,eAAe,WAAW,aAAa,KAAA;CACrF,MAAM,aAAa,kBAAkB,SAAS,WAAW;CACzD,MAAM,aAAa,kBAAkB,WAAW;CAEhD,MAAM,cAAc,QAAoB;AACtC,MAAI,CAAC,IAAI,OAAQ;EACjB,IAAI;AACJ,MAAI,cAAc,IAAI,UACpB,YAAW;WACF,cAAc,SACvB,YAAW;WACF,cAAc,UACvB,YAAW;MAEX,YAAW;AAEb,eAAa,WAAW,IAAI,YAAY,KAAA,EAAU;AAClD,eAAa,SAAS;AACtB,aAAW;GAAE,SAAS;GAAY;GAAU,EAAE;GAAE,OAAO,IAAI;GAAW,OAAO;GAAU,CAAC;;CAG1F,MAAM,oBAAoB,SAAiB;AACzC,iBAAe,KAAK;AACpB,gBAAc,WAAW,WAAW,MAAM,SAAS;AACnD,aAAW;GAAE,SAAS;GAAM;GAAU,EAAE;GAAE,OAAO;GAAW,OAAO;GAAW,CAAC;;CAGjF,MAAM,wBAAwB;AAC5B,MAAI,CAAC,aAAc;EACnB,MAAM,UAAU,cAAc,KAAK,QAAQ,MAAM,UAAU,QAAQ,QAAQ,EAAE,CAAC;EAC9E,MAAM,cAAc,QAAQ,OAAO,MAAM,aAAa,SAAS,EAAE,CAAC;EAClE,MAAM,UAAU,cAAc,EAAE,GAAG;AACnC,MAAI,CAAC,aAAa,gBAChB,iBAAgB,QAAQ;EAE1B,MAAM,UAAU,cAAc,EAAE,GAAG;AACnC,eAAa,WAAW,SAAS,QAAQ;;CAG3C,MAAM,mBAAmB,QAAa,QAAmB;AACvD,MAAI,CAAC,aAAc;EACnB,MAAM,UAAU,aAAa,SAAS;EACtC,IAAI;AACJ,MAAI,QACF,WAAU,CAAC,IAAI;MAEf,WAAU,aAAa,SAAS,IAAI,GAChC,aAAa,QAAQ,MAAM,MAAM,IAAI,GACrC,CAAC,GAAG,cAAc,IAAI;AAE5B,MAAI,CAAC,aAAa,gBAChB,iBAAgB,QAAQ;EAE1B,MAAM,UAAU,WAAW,QAAQ,GAAG,MAAM,QAAQ,SAAS,UAAU,GAAG,QAAQ,EAAE,CAAC,CAAC;AACtF,eAAa,WAAW,SAAS,QAAQ;;CAG3C,MAAM,MAAM,WAAW,WAAW,WAAW;GAC1C,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,GAAG,cAAc;GAC9B,GAAG,UAAU,YAAY;EAC3B,CAAC;CAEF,MAAM,aAAkC,EAAE;AAC1C,KAAI,QAAQ,EAAG,YAAW,WAAW,OAAO;CAE5C,MAAM,eAAoC,EAAE;AAC5C,KAAI,WAAW;AACb,eAAa,SAAS;AACtB,eAAa,YAAY;YAChB,QAAQ,GAAG;AACpB,eAAa,YAAY,OAAO;AAChC,eAAa,YAAY;;CAG3B,MAAM,cAAc,cAAc,KAAK,GAAG,MAAM,UAAU,GAAG,QAAQ,EAAE,CAAC;CACxE,MAAM,cAAc,YAAY,SAAS,KAAK,YAAY,OAAO,MAAM,aAAa,SAAS,EAAE,CAAC;CAChG,MAAM,eAAe,YAAY,MAAM,MAAM,aAAa,SAAS,EAAE,CAAC;CAEtE,MAAM,WAAW,QAAQ,UAAU,eAAe,IAAI;CAEtD,MAAM,aAAa,QAAa,aAAqB;EACnD,MAAM,MAAM,UAAU,QAAQ,QAAQ,SAAS;EAC/C,MAAM,aAAa,aAAa,SAAS,IAAI;AAK7C,SACE,qBAAC,MAAD;GAAc,WALD,WAAW,GAAG,UAAU,QAAQ,GAC5C,GAAG,UAAU,kBAAkB,YACjC,EAAE,OAAO,iBAAiB,aAAa,aAAa,QAAQ,SAAS,GAAG,aAAa;GAGnD,GAFlB,QAAQ,QAAQ,SAAS,IAAI,EAAE;aAE9C,CACG,gBACC,oBAAC,MAAD;IAAI,WAAW,GAAG,UAAU,SAAS,UAAU;cAC7C,oBAAC,SAAD;KACE,MAAM,aAAa,SAAS,UAAU,UAAU;KAChD,SAAS;KACT,gBAAgB,gBAAgB,QAAQ,IAAI;KAC5C,cAAY,cAAc,WAAW;KACrC,CAAA;IACC,CAAA,EAEN,QAAQ,KAAK,KAAK,aAAa;IAC9B,MAAM,SAAS,IAAI,OAAO,IAAI,aAAa;IAC3C,MAAM,QAAQ,SAAS,QAAQ,IAAI,UAAU;AAK7C,WACE,oBAAC,MAAD;KAAiB,WALL,WAAW,GAAG,UAAU,SAAS,IAAI,WAAW;OAC3D,GAAG,UAAU,mBAAmB,IAAI;OACpC,GAAG,UAAU,eAAe,IAAI,UAAU,IAAI;MAChD,CAAC;KAEmC,OAAO,EAAE,OAAO,IAAI,OAAO;eAC3D,IAAI,SAAS,IAAI,OAAO,OAAO,QAAQ,SAAS,GAAG;KACjD,EAFI,OAEJ;KAEP,CACC;KAxBI,IAwBJ;;CAIT,MAAM,oBAAoB;AACxB,MAAI,QACF,QACE,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;GACE,WAAW,GAAG,UAAU,SAAS,UAAU;GAC3C,SAAS;aACV;GAEI,CAAA,EACF,CAAA;AAIT,MAAI,WAAW;AACb,OAAI,WAAW,WAAW,EACxB,QACE,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;IAAI,WAAW,GAAG,UAAU,SAAS,UAAU;IAAe,SAAS;cACpE;IACE,CAAA,EACF,CAAA;GAGT,MAAM,CAAC,OAAO,OAAO;GACrB,MAAM,YAAY;GAClB,MAAM,eAAe,cAAc,WAAW,MAAM,QAAQ,KAAK;AACjE,UACE,qBAAA,UAAA,EAAA,UAAA;IACG,YAAY,KACX,oBAAC,MAAD;KAAI,WAAW,GAAG,UAAU;eAC1B,oBAAC,MAAD;MAAI,SAAS;MAAU,OAAO,EAAE,QAAQ,WAAW;MAAI,CAAA;KACpD,CAAA;IAEN,WAAW,MAAM,OAAO,MAAM,EAAE,CAAC,KAAK,QAAQ,MAAM,UAAU,QAAQ,QAAQ,EAAE,CAAC;IACjF,eAAe,KACd,oBAAC,MAAD;KAAI,WAAW,GAAG,UAAU;eAC1B,oBAAC,MAAD;MAAI,SAAS;MAAU,OAAO,EAAE,QAAQ,KAAK,IAAI,GAAG,aAAa,EAAE;MAAI,CAAA;KACpE,CAAA;IAEN,EAAA,CAAA;;AAIP,MAAI,cAAc,WAAW,EAC3B,QACE,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;GACE,WAAW,GAAG,UAAU,SAAS,UAAU;GAC3C,SAAS;aAER;GACE,CAAA,EACF,CAAA;AAIT,SAAO,cAAc,KAAK,QAAQ,aAAa,UAAU,QAAQ,SAAS,CAAC;;CAG7E,MAAM,WAAW,WAAW,GAAG,UAAU,UAAU,GAChD,GAAG,UAAU,kBAAkB,WACjC,CAAC;CAEF,MAAM,iBAAiB,eAAe,SAAS,CAAC;AAEhD,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD,CACE,oBAAC,OAAD;GACE,WAAW,GAAG,UAAU;GACxB,OAAO;GACP,UAAU,YAAY,WAAW,KAAA;aAEjC,qBAAC,SAAD;IAAO,WAAW,GAAG,UAAU;IAAU,OAAO;cAAhD,CACG,cACC,oBAAC,SAAD;KAAO,WAAW;eAChB,qBAAC,MAAD,EAAA,UAAA,CACG,gBACC,oBAAC,MAAD;MAAI,WAAW,GAAG,UAAU,SAAS,UAAU;gBAC5C,aAAa,SAAS,WACrB,oBAAC,SAAD;OACE,MAAK;OACL,SAAS;OACT,MAAM,OAAO;AAAE,YAAI,GAAI,IAAG,gBAAgB,gBAAgB,CAAC;;OAC3D,UAAU;OACV,cAAW;OACX,CAAA;MAED,CAAA,EAEN,QAAQ,KAAK,KAAK,MAAM;MACvB,MAAM,MAAM,IAAI,OAAO,IAAI,aAAa;AAKxC,aACE,qBAAC,MAAD;OAEE,WAPU,WAAW,GAAG,UAAU,SAAS,IAAI,WAAW;SAC3D,GAAG,UAAU,mBAAmB,CAAC,CAAC,IAAI;SACtC,GAAG,UAAU,eAAe,IAAI,UAAU,IAAI;QAChD,CAAC;OAKE,OAAO,EAAE,OAAO,IAAI,OAAO;OAC3B,eAAe,WAAW,IAAI;iBAJhC,CAME,oBAAC,QAAD;QAAM,WAAW,GAAG,UAAU;kBAAe,IAAI;QAAa,CAAA,EAC7D,IAAI,UACH,qBAAC,QAAD;QAAM,WAAW,GAAG,UAAU;kBAA9B,CACE,oBAAC,QAAD;SAAM,WAAW,WAAW,GAAG,UAAU,gBAAgB,GACtD,GAAG,UAAU,wBAAwB,cAAc,IAAI,aAAa,cAAc,UACpF,CAAC;mBAAE;SAAQ,CAAA,EACZ,oBAAC,QAAD;SAAM,WAAW,WAAW,GAAG,UAAU,gBAAgB,GACtD,GAAG,UAAU,wBAAwB,cAAc,IAAI,aAAa,cAAc,WACpF,CAAC;mBAAE;SAAQ,CAAA,CACP;UAEN;SAhBE,IAgBF;OAEP,CACC,EAAA,CAAA;KACC,CAAA,EAEV,oBAAC,SAAD;KAAO,WAAW,GAAG,UAAU;eAC5B,aAAa;KACR,CAAA,CACF;;GACJ,CAAA,EACL,kBACC,oBAACA,oBAAD;GACE,SAAS;GACT,OAAO;GACG;GACV,OAAO,kBAAkB,SAAS;GAClC,MAAM,kBAAkB;GACxB,UAAU,kBAAkB;GAC5B,WAAW,SAAS,iBAAiB,KAAK;GAC1C,OAAO,EAAE,SAAS,UAAU;GAC5B,CAAA,CAEA;;EAER;AAEF,MAAM,cAAc"}
+{"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/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 };

package/lib/index.js

@@ -35,55 +35,55 @@ const require_index$28 = require("./empty/index.js");
 const require_index$29 = require("./flex/index.js");
 const require_index$30 = require("./flip/index.js");
 const require_index$31 = require("./form/index.js");
-const require_index$32 = require("./icon/index.js");
-const require_index$33 = require("./image/index.js");
-const require_index$34 = require("./input/index.js");
-const require_index$35 = require("./input-number/index.js");
-const require_index$36 = require("./input-password/index.js");
-const require_index$37 = require("./keyboard/index.js");
-const require_index$38 = require("./layout/index.js");
-const require_index$39 = require("./link/index.js");
-const require_index$40 = require("./pagination/index.js");
-const require_index$41 = require("./list/index.js");
-const require_index$42 = require("./loader/index.js");
-const require_index$43 = require("./loading-bar/index.js");
-const require_index$44 = require("./menu/index.js");
-const require_index$45 = require("./message/index.js");
-const require_index$46 = require("./native-select/index.js");
-const require_index$47 = require("./row/index.js");
-const require_index$48 = require("./modal/index.js");
-const require_index$49 = require("./notification/index.js");
-const require_index$50 = require("./popover/index.js");
-const require_index$51 = require("./pop-confirm/index.js");
-const require_index$52 = require("./progress/index.js");
-const require_index$53 = require("./radio/index.js");
-const require_index$54 = require("./rate/index.js");
-const require_index$55 = require("./result/index.js");
-const require_index$56 = require("./scroll-indicator/index.js");
-const require_index$57 = require("./segmented/index.js");
-const require_index$58 = require("./select/index.js");
-const require_index$59 = require("./skeleton/index.js");
-const require_index$60 = require("./tooltip/index.js");
-const require_index$61 = require("./slider/index.js");
-const require_index$62 = require("./split/index.js");
-const require_index$63 = require("./split-button/index.js");
-const require_index$64 = require("./space/index.js");
-const require_index$65 = require("./speed-dial/index.js");
-const require_index$66 = require("./steps/index.js");
-const require_index$67 = require("./statistic/index.js");
-const require_index$68 = require("./strength-indicator/index.js");
-const require_index$69 = require("./switch/index.js");
-const require_index$70 = require("./table/index.js");
-const require_index$71 = require("./tabs/index.js");
-const require_index$72 = require("./tag/index.js");
-const require_index$73 = require("./textarea/index.js");
-const require_index$74 = require("./timeline/index.js");
-const require_index$75 = require("./time-picker/index.js");
-const require_index$76 = require("./transfer/index.js");
-const require_index$77 = require("./tree/index.js");
-const require_index$78 = require("./typography/index.js");
-const require_index$79 = require("./upload/index.js");
+const require_index$32 = require("./image/index.js");
+const require_index$33 = require("./input/index.js");
+const require_index$34 = require("./input-number/index.js");
+const require_index$35 = require("./input-password/index.js");
+const require_index$36 = require("./keyboard/index.js");
+const require_index$37 = require("./layout/index.js");
+const require_index$38 = require("./link/index.js");
+const require_index$39 = require("./pagination/index.js");
+const require_index$40 = require("./list/index.js");
+const require_index$41 = require("./loader/index.js");
+const require_index$42 = require("./loading-bar/index.js");
+const require_index$43 = require("./menu/index.js");
+const require_index$44 = require("./message/index.js");
+const require_index$45 = require("./native-select/index.js");
+const require_index$46 = require("./row/index.js");
+const require_index$47 = require("./modal/index.js");
+const require_index$48 = require("./notification/index.js");
+const require_index$49 = require("./popover/index.js");
+const require_index$50 = require("./pop-confirm/index.js");
+const require_index$51 = require("./progress/index.js");
+const require_index$52 = require("./radio/index.js");
+const require_index$53 = require("./rate/index.js");
+const require_index$54 = require("./result/index.js");
+const require_index$55 = require("./scroll-indicator/index.js");
+const require_index$56 = require("./segmented/index.js");
+const require_index$57 = require("./select/index.js");
+const require_index$58 = require("./skeleton/index.js");
+const require_index$59 = require("./tooltip/index.js");
+const require_index$60 = require("./slider/index.js");
+const require_index$61 = require("./split/index.js");
+const require_index$62 = require("./split-button/index.js");
+const require_index$63 = require("./space/index.js");
+const require_index$64 = require("./speed-dial/index.js");
+const require_index$65 = require("./steps/index.js");
+const require_index$66 = require("./statistic/index.js");
+const require_index$67 = require("./strength-indicator/index.js");
+const require_index$68 = require("./switch/index.js");
+const require_index$69 = require("./table/index.js");
+const require_index$70 = require("./tabs/index.js");
+const require_index$71 = require("./tag/index.js");
+const require_index$72 = require("./textarea/index.js");
+const require_index$73 = require("./timeline/index.js");
+const require_index$74 = require("./time-picker/index.js");
+const require_index$75 = require("./transfer/index.js");
+const require_index$76 = require("./tree/index.js");
+const require_index$77 = require("./typography/index.js");
+const require_index$78 = require("./upload/index.js");
 const require_with_locale = require("./intl-provider/with-locale.js");
+const require_with_spin = require("./with-spin/with-spin.js");
 const require_zh_CN = require("./locale/zh_CN.js");
 const require_use_theme = require("./_utils/use-theme.js");
 exports.Alert = require_index$1;
@@ -115,60 +115,60 @@ exports.Empty = require_index$28;
 exports.Flex = require_index$29;
 exports.Flip = require_index$30;
 exports.Form = require_index$31;
-exports.Icon = require_index$32;
-exports.Image = require_index$33;
-exports.Input = require_index$34;
-exports.InputNumber = require_index$35;
-exports.InputPassword = require_index$36;
+exports.Image = require_index$32;
+exports.Input = require_index$33;
+exports.InputNumber = require_index$34;
+exports.InputPassword = require_index$35;
 exports.IntlProvider = require_index$15;
-exports.Keyboard = require_index$37;
-exports.Layout = require_index$38;
-exports.Link = require_index$39;
-exports.List = require_index$41;
-exports.Loader = require_index$42;
-exports.LoadingBar = require_index$43;
-exports.Menu = require_index$44;
-exports.Message = require_index$45;
-exports.Modal = require_index$48;
-exports.NativeSelect = require_index$46;
-exports.Notification = require_index$49;
+exports.Keyboard = require_index$36;
+exports.Layout = require_index$37;
+exports.Link = require_index$38;
+exports.List = require_index$40;
+exports.Loader = require_index$41;
+exports.LoadingBar = require_index$42;
+exports.Menu = require_index$43;
+exports.Message = require_index$44;
+exports.Modal = require_index$47;
+exports.NativeSelect = require_index$45;
+exports.Notification = require_index$48;
 exports.Overlay = require_index$26;
-exports.Pagination = require_index$40;
-exports.PopConfirm = require_index$51;
-exports.Popover = require_index$50;
-exports.Progress = require_index$52;
-exports.Radio = require_index$53;
-exports.Rate = require_index$54;
-exports.Result = require_index$55;
-exports.Row = require_index$47;
-exports.ScrollIndicator = require_index$56;
-exports.Segmented = require_index$57;
-exports.Select = require_index$58;
-exports.Skeleton = require_index$59;
-exports.Slider = require_index$61;
-exports.Space = require_index$64;
-exports.SpeedDial = require_index$65;
-exports.Split = require_index$62;
-exports.SplitButton = require_index$63;
-exports.Statistic = require_index$67;
-exports.Steps = require_index$66;
+exports.Pagination = require_index$39;
+exports.PopConfirm = require_index$50;
+exports.Popover = require_index$49;
+exports.Progress = require_index$51;
+exports.Radio = require_index$52;
+exports.Rate = require_index$53;
+exports.Result = require_index$54;
+exports.Row = require_index$46;
+exports.ScrollIndicator = require_index$55;
+exports.Segmented = require_index$56;
+exports.Select = require_index$57;
+exports.Skeleton = require_index$58;
+exports.Slider = require_index$60;
+exports.Space = require_index$63;
+exports.SpeedDial = require_index$64;
+exports.Split = require_index$61;
+exports.SplitButton = require_index$62;
+exports.Statistic = require_index$66;
+exports.Steps = require_index$65;
 exports.Sticky = require_index$2;
-exports.StrengthIndicator = require_index$68;
-exports.Switch = require_index$69;
-exports.Table = require_index$70;
-exports.Tabs = require_index$71;
-exports.Tag = require_index$72;
-exports.Textarea = require_index$73;
-exports.TimePicker = require_index$75;
-exports.Timeline = require_index$74;
-exports.Tooltip = require_index$60;
-exports.Transfer = require_index$76;
+exports.StrengthIndicator = require_index$67;
+exports.Switch = require_index$68;
+exports.Table = require_index$69;
+exports.Tabs = require_index$70;
+exports.Tag = require_index$71;
+exports.Textarea = require_index$72;
+exports.TimePicker = require_index$74;
+exports.Timeline = require_index$73;
+exports.Tooltip = require_index$59;
+exports.Transfer = require_index$75;
 exports.Transition = require_index;
-exports.Tree = require_index$77;
-exports.Typography = require_index$78;
-exports.Upload = require_index$79;
+exports.Tree = require_index$76;
+exports.Typography = require_index$77;
+exports.Upload = require_index$78;
 exports.en_US = require_en_US;
 exports.useLocale = require_use_locale.useLocale;
 exports.useTheme = require_use_theme.useTheme;
 exports.withLocale = require_with_locale.withLocale;
+exports.withSpin = require_with_spin.withSpin;
 exports.zh_CN = require_zh_CN;

package/lib/layout/sidebar.js

@@ -1,13 +1,13 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.js");
 const require_config_context = require("../config-provider/config-context.js");
 const require_general = require("../_utils/general.js");
-const require_index = require("../icon/index.js");
 const require_sidebar_context = require("./sidebar-context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _tiny_design_icons = require("@tiny-design/icons");
 //#region src/layout/sidebar.tsx
 const Sidebar = react.default.forwardRef((props, ref) => {
 	const { defaultCollapsed = false, width = 200, collapsedWidth = 70, theme = "light", trigger = null, collapsible = false, onCollapse, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
@@ -35,10 +35,7 @@ const Sidebar = react.default.forwardRef((props, ref) => {
 			className: `${prefixCls}__trigger`,
 			onClick: _collapseBtnOnClick,
 			"aria-label": "Toggle sidebar",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				name: "left",
-				className: `${prefixCls}__trigger-icon`
-			})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tiny_design_icons.IconLeft, { className: `${prefixCls}__trigger-icon` })
 		});
 	};
 	(0, react.useEffect)(() => {

package/lib/layout/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["React","SidebarContext","getPrefixCls","ConfigContext","Icon"],"sources":["../../src/layout/sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { SidebarContext } from './sidebar-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SidebarProps } from './types';\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (props: SidebarProps, ref): JSX.Element => {\n    const {\n      defaultCollapsed = false,\n      width = 200,\n      collapsedWidth = 70,\n      theme = 'light',\n      trigger = null,\n      collapsible = false,\n      onCollapse,\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const [sideCollapsed, setSideCollapsed] = useState(\n      'collapsed' in props ? props.collapsed : defaultCollapsed\n    );\n    const sidebarContext = useContext(SidebarContext);\n    const sidebarWidth = sideCollapsed ? collapsedWidth : width;\n\n    const outerStyle = {\n      ...style,\n      width: sidebarWidth,\n      maxWidth: sidebarWidth,\n      minWidth: sidebarWidth,\n    };\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('layout-sidebar', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_light`]: theme === 'light',\n    });\n\n    const _collapseBtnOnClick = () => {\n      const collapsedVal = !sideCollapsed;\n      if (!('collapsed' in props)) {\n        setSideCollapsed(collapsedVal);\n      }\n      onCollapse && onCollapse(collapsedVal);\n    };\n\n    const renderTrigger = () => {\n      if (!collapsible) {\n        return null;\n      }\n\n      if (trigger) {\n        return trigger;\n      }\n\n      return (\n        <button type=\"button\" className={`${prefixCls}__trigger`} onClick={_collapseBtnOnClick} aria-label=\"Toggle sidebar\">\n          <Icon name=\"left\" className={`${prefixCls}__trigger-icon`} />\n        </button>\n      );\n    };\n\n    useEffect(() => {\n      'collapsed' in props && setSideCollapsed(props.collapsed);\n      sidebarContext.addSidebar();\n\n      return () => {\n        sidebarContext.removeSidebar();\n      };\n    }, [props, sidebarContext]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls} style={outerStyle}>\n        <div className={`${prefixCls}__children`}>{children}</div>\n        {renderTrigger()}\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = 'Sidebar';\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;;;;AASA,MAAM,UAAUA,MAAAA,QAAM,YACnB,OAAqB,QAAqB;CACzC,MAAM,EACJ,mBAAmB,OACnB,QAAQ,KACR,iBAAiB,IACjB,QAAQ,SACR,UAAU,MACV,cAAc,OACd,YACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UACpB,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,kBAAA,GAAA,MAAA,YAA4BC,wBAAAA,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAYC,gBAAAA,aAAa,mBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,UAAU,UAAU,SACnC,CAAC;CAEF,MAAM,4BAA4B;EAChC,MAAM,eAAe,CAAC;AACtB,MAAI,EAAE,eAAe,OACnB,kBAAiB,aAAa;AAEhC,gBAAc,WAAW,aAAa;;CAGxC,MAAM,sBAAsB;AAC1B,MAAI,CAAC,YACH,QAAO;AAGT,MAAI,QACF,QAAO;AAGT,SACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IAAM,MAAK;IAAO,WAAW,GAAG,UAAU;IAAmB,CAAA;GACtD,CAAA;;AAIb,EAAA,GAAA,MAAA,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}
+{"version":3,"file":"sidebar.js","names":["React","SidebarContext","getPrefixCls","ConfigContext","IconLeft"],"sources":["../../src/layout/sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { IconLeft } from '@tiny-design/icons';\nimport { SidebarContext } from './sidebar-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SidebarProps } from './types';\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (props: SidebarProps, ref): JSX.Element => {\n    const {\n      defaultCollapsed = false,\n      width = 200,\n      collapsedWidth = 70,\n      theme = 'light',\n      trigger = null,\n      collapsible = false,\n      onCollapse,\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const [sideCollapsed, setSideCollapsed] = useState(\n      'collapsed' in props ? props.collapsed : defaultCollapsed\n    );\n    const sidebarContext = useContext(SidebarContext);\n    const sidebarWidth = sideCollapsed ? collapsedWidth : width;\n\n    const outerStyle = {\n      ...style,\n      width: sidebarWidth,\n      maxWidth: sidebarWidth,\n      minWidth: sidebarWidth,\n    };\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('layout-sidebar', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_light`]: theme === 'light',\n    });\n\n    const _collapseBtnOnClick = () => {\n      const collapsedVal = !sideCollapsed;\n      if (!('collapsed' in props)) {\n        setSideCollapsed(collapsedVal);\n      }\n      onCollapse && onCollapse(collapsedVal);\n    };\n\n    const renderTrigger = () => {\n      if (!collapsible) {\n        return null;\n      }\n\n      if (trigger) {\n        return trigger;\n      }\n\n      return (\n        <button type=\"button\" className={`${prefixCls}__trigger`} onClick={_collapseBtnOnClick} aria-label=\"Toggle sidebar\">\n          <IconLeft className={`${prefixCls}__trigger-icon`} />\n        </button>\n      );\n    };\n\n    useEffect(() => {\n      'collapsed' in props && setSideCollapsed(props.collapsed);\n      sidebarContext.addSidebar();\n\n      return () => {\n        sidebarContext.removeSidebar();\n      };\n    }, [props, sidebarContext]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls} style={outerStyle}>\n        <div className={`${prefixCls}__children`}>{children}</div>\n        {renderTrigger()}\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = 'Sidebar';\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;;;;AASA,MAAM,UAAUA,MAAAA,QAAM,YACnB,OAAqB,QAAqB;CACzC,MAAM,EACJ,mBAAmB,OACnB,QAAQ,KACR,iBAAiB,IACjB,QAAQ,SACR,UAAU,MACV,cAAc,OACd,YACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UACpB,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,kBAAA,GAAA,MAAA,YAA4BC,wBAAAA,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAYC,gBAAAA,aAAa,mBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,UAAU,UAAU,SACnC,CAAC;CAEF,MAAM,4BAA4B;EAChC,MAAM,eAAe,CAAC;AACtB,MAAI,EAAE,eAAe,OACnB,kBAAiB,aAAa;AAEhC,gBAAc,WAAW,aAAa;;CAGxC,MAAM,sBAAsB;AAC1B,MAAI,CAAC,YACH,QAAO;AAGT,MAAI,QACF,QAAO;AAGT,SACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,UAAD,EAAU,WAAW,GAAG,UAAU,iBAAmB,CAAA;GAC9C,CAAA;;AAIb,EAAA,GAAA,MAAA,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}

package/lib/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["React","ConfigContext","getPrefixCls","useVirtualScroll","Pagination"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } 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 { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-ui: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-ui: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => renderItem(item, index));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\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 bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</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: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":"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"}
+{"version":3,"file":"list.js","names":["React","ConfigContext","getPrefixCls","useVirtualScroll","Pagination"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } 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 { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-design: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-design: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => renderItem(item, index));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\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 bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</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: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":"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"}