@sheinx/base 3.0.0-alpha.1

package/esm/table/table.type.d.ts

@@ -0,0 +1,333 @@
+import React from 'react';
+import { CommonType } from '../common/type';
+import type { ObjectType, TableColumnItem, BaseTableProps, ObjectKey } from '@sheinx/hooks';
+import { useListSelect, useTableTree } from '@sheinx/hooks';
+import { CheckboxClasses } from '../checkbox/checkbox.type';
+import { RadioClasses } from '../radio/radio.type';
+import { SpinClasses } from '../spin/spin.type';
+import { PaginationProps } from '../pagination/pagination.type';
+import { PaginationClasses } from '../pagination/pagination.type';
+import { ButtonClasses } from '../button/button.type';
+import { InputClasses } from '../input/input.type';
+import { EmptyClasses } from '../empty/empty.type';
+export declare type ListDatum = ReturnType<typeof useListSelect<any, any>>;
+export declare type UseTreeResult = ReturnType<typeof useTableTree>;
+export interface TableClasses {
+    wrapper: string;
+    small: string;
+    large: string;
+    default: string;
+    scrollY: string;
+    floatLeft: string;
+    floatRight: string;
+    bordered: string;
+    sticky: string;
+    verticalAlignTop: string;
+    verticalAlignMiddle: string;
+    simple: string;
+    striped: string;
+    loading: string;
+    headWrapper: string;
+    bodyWrapper: string;
+    footWrapper: string;
+    emptyWrapper: string;
+    cellAlignRight: string;
+    cellAlignCenter: string;
+    cellFixedLeft: string;
+    cellFixedRight: string;
+    cellFixedLast: string;
+    cellGroup: string;
+    cellHover: string;
+    rowStriped: string;
+    rowChecked: string;
+    rowExpand: string;
+    hasSorter: string;
+    sorterContainer: string;
+    sorterActive: string;
+    sorterAsc: string;
+    sorterDesc: string;
+    resizeSpanner: string;
+    resizeSpannerActive: string;
+    resizeSpannerInactive: string;
+    cellIgnoreBorder: string;
+    expandIcon: string;
+    iconWrapper: string;
+    expandWrapper: string;
+    pagination: string;
+}
+export interface TableRef {
+    scrollToIndex: (index: number, cb?: () => void) => void;
+    [key: string]: any;
+}
+export interface TableSelectProps<DataItem, Value> {
+    /**
+     * @en The current selected value.
+     * @cn 当前选中值，格式和 onRowSelect 返回值一致
+     * @override any
+     */
+    value?: Value;
+    /**
+     * @en Select row. Rows is the selected data.
+     * @cn 选择行。rows为选中的数据。如果需要数据需要格式化的处理，建议配置 format 和 prediction
+     */
+    onRowSelect?: (rows: Value) => void;
+    /**
+     * @en Format value. The defaule value is return the original data. When it is a string, the value is fetched from the original data as a key equivalent to (d) => d\\[format] When it is a function, use its return value.
+     * @cn 格式化 value, 默认值，返回原始数据。 为 string 时，会作为 key 从原始数据中获取值，相当于 (d) => d\\[format]; 为函数时，以函数返回结果作为 value。
+     * @default d => d
+     */
+    format?: ObjectKey<DataItem> | ((data: DataItem) => Value extends (infer U)[] ? U : Value);
+    /**
+     * @en By default, the result of the format function is used to compare whether it matches. In some cases (for example, whe an object that returns the original data is updated, an different option with the same value  is generated), the prediction function needs to be used to determine whether match
+     * @cn 默认使用 format 函数执行的结果来比较是否匹配，在某些情况下（例如返回原始数据的对象，更新数据时，生成了一个值相同，非同一个对象的选项），需要借助 prediction 函数来判断是否匹配
+     * @default (val, d) => val===format(d)
+     */
+    prediction?: (value: Value extends (infer U)[] ? U : Value, data: DataItem) => boolean;
+    disabled?: boolean | ((d: DataItem) => boolean);
+}
+export interface TableProps<DataItem, Value> extends Pick<CommonType, 'className' | 'style'>, BaseTableProps<DataItem>, TableSelectProps<DataItem, Value> {
+    jssStyle?: {
+        table?: () => TableClasses;
+        checkbox?: () => CheckboxClasses;
+        radio?: () => RadioClasses;
+        spin?: () => SpinClasses;
+        pagination?: () => PaginationClasses;
+        button?: () => ButtonClasses;
+        input?: () => InputClasses;
+        empty?: () => EmptyClasses;
+    };
+    /**
+     * @en which takes effect when the virtual list is enabled
+     * @cn 当开启虚拟列表时生效
+     */
+    scrollLeft?: number;
+    /**
+     * @en The expected height of a one-line table is just a rough estimate to show the scroll bar.
+     * @cn 单行表格的预期高度，只是一个大概的估值，用来展示滚动条
+     * @default 40
+     */
+    rowHeight?: number;
+    /**
+     * @en row hover highlight
+     * @cn 数据行鼠标悬浮高亮效果
+     * @default true
+     */
+    hover?: boolean;
+    /**
+     * @en empty text
+     * @cn 空数据文案
+     * @default getLocale("Data not found")
+     */
+    empty?: React.ReactNode;
+    /**
+     * @en whether to enable ctrl/cmd + click check
+     * @cn 是否启用 ctrl/cmd + click 选中单元格
+     * @default false
+     */
+    cellSelectable?: boolean;
+    /**
+     * @en height of table, same with style.height
+     * @cn 表格高度，与 style.height 作用相同
+     */
+    height?: number;
+    /**
+     * @en The callback function after scrolling.\nx: Horizontal rolling ratio(0 <= x <= 1)\ny: Vertical scroll ratio(0 <= y <= 1)
+     * @cn 滚动条滚动后回调函数；\nx: 横向滚动比(0 <= x <= 1)\ny: 纵向滚动比(0 <= y <= 1)
+     */
+    onScroll?: (x: number, y: number, left: number) => void;
+    /**
+     * @en Show pagination See [Pagination](/components/Pagination) for details
+     * @cn 展示分页 详见 [Pagination](/components/Pagination)
+     */
+    pagination?: PaginationProps;
+    /**
+     * @en When it is true, a default [Spin](/components/Spin) component will be displayed, a custom loading icon can be passed in to replace.
+     * @cn 数据加载中，为true时会展示一个默认的 [Spin](/components/Spin) 组件，可以传入一个自定义的Spin代替
+     * @default false
+     */
+    loading?: boolean | React.ReactNode;
+    /**
+     * @deprecated 虚拟列表使用 virutal 属性替代
+     */
+    fixed?: TableFix | 'auto';
+    /**
+     *  @en Whether to use virtual list
+     *  @cn 是否使用虚拟列表
+     */
+    virtual?: boolean;
+    /**
+     * @en The maximum number of rows for a single render. Table uses lazy render to optimize performance under large amounts of data. If your table displays more than 20 rows, you can change the value of rowsInView. Value of 0 render all data.
+     * @cn 单次 render的 最大行数。Table 采用了 lazy render 的方式来优化在大量数据下的性能，如果你的表格显示的高度超出了20条，可以调整 rowsInView 的值。为 0 表示单次 render 所有数据。
+     * @default 20
+     */
+    rowsInView?: number;
+    /**
+     * @en size of table
+     * @cn 表格尺寸
+     * @default 'default'
+     */
+    size?: CommonType['size'];
+    /**
+     * @en is Radio
+     * @cn 是否为单选
+     * @default false
+     */
+    radio?: boolean;
+    /**
+     * @en vertical align with content
+     * @cn 单元格内容垂直对齐方式
+     * @default 'top'
+     */
+    verticalAlign?: 'top' | 'middle';
+    /**
+     * @en Pass in the native tr td, using styles only
+     * @cn 传入原生 tr td, 只使用样式
+     */
+    children?: React.ReactNode;
+    /**
+     * @en TThe total width of the table, which defaults to the container width, must not be less than the sum of width set in columns
+     * @cn 表格总宽度，默认为容器宽度，不可小于 columns 中设置的 width 之和
+     */
+    width?: number;
+    /**
+     * @en array，see TableColumn
+     * @cn 数组，见 TableColumn
+     * @override TableColumn[]
+     * @default []
+     */
+    columns?: ColumnItem<DataItem>[];
+    /**
+     * @en When the value is true, disabled all checkboxes; When the value is function, disable the checkbox that this function returns true.
+     * @cn 如果 disabled 为 true，禁用全部选项，如果 disabled 为函数，根据函数反回结果禁用选项
+     */
+    disabled?: boolean | ((d: DataItem) => boolean);
+    /**
+     * @en show expand button while children data is empty
+     * @cn 树形表格子数据为空时依然展示展开按钮
+     * @default false
+     */
+    treeEmptyExpand?: boolean;
+    /**
+     * @en Sets the attribute of inner element to trigger onRowClick as needed, and '*' to accept the row click
+     * @cn 设置行内元素的 attribute 来按需触发 onRowClick, '*'表示接受行点击触发
+     * @default ['*']
+     */
+    rowClickAttr?: string[] | string | boolean;
+    /**
+     * @en Callback when row click. data: current row data; index: current row index
+     * @cn 行点击事件; data: 当前行数据; index: 当前行索引
+     */
+    onRowClick?: (rowData: DataItem, index: number, fireAttr?: string | boolean) => void;
+    /**
+     * @en Whether to display zebra shading.
+     * @cn 是否显示交错斑马底纹
+     */
+    striped?: boolean;
+    /**
+     * @en Specify row className
+     * @cn 指定单行className
+     * @override (rowData: DataItem, index: number) => string | undefined
+     */
+    rowClassName?: (rowData: DataItem, index: number) => string | undefined;
+    /**
+     * @en tr events
+     * @cn tr 事件监听器集合
+     * @override object
+     */
+    rowEvents?: ObjectType;
+    /**
+     * @en data
+     * @cn 数据
+     * @override object[]
+     */
+    data?: DataItem[];
+    /**
+     * @en Whether to show being fully selected.
+     * @cn 是否显示全选
+     * @default true
+     */
+    showSelectAll?: boolean;
+    /**
+     * @en Whether to display the border
+     * @cn 是否显示外边框
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * @en check children data while select all
+     * @cn 全选时是否将子孙数据选中
+     * @default false
+     */
+    treeCheckAll?: boolean;
+    /**
+     * @en customize sort icons
+     * @cn 自定义排序图标
+     */
+    renderSorter?: (params: RenderSorterParam) => React.ReactNode;
+    /**
+     * @en whether hide thead
+     * @cn 是否隐藏表头
+     * @default false
+     */
+    hideHeader?: boolean;
+    /**
+     * @en Footer information can be used to summarize
+     * @cn 底部信息可用于总结
+     */
+    summary?: SummaryItem[][] | SummaryItem[];
+    /**
+     * @en sticky header, When it is true, the distance from the top is 0. When it is an object, the attribute value reference [Sticky component](/components/Sticky)
+     * @cn 表头是否附着顶部，为 true 时距离顶部为0，为对象时属性值参考 [Sticky](/components/Sticky) 组件
+     */
+    sticky?: boolean | {
+        top: number;
+    };
+    /**
+     * @en Table instance (please use with caution: only fixed Table)
+     * @cn Table 实例（请谨慎使用：仅虚拟列表支持）
+     */
+    tableRef?: (table: TableRef) => void;
+    /**
+     * @en Select row. Rows is the selected data.
+     * @cn 选择行。rows为选中的数据。如果需要数据需要格式化的处理，建议配置 format 和 prediction
+     */
+    onRowSelect?: (rows: Value) => void;
+}
+export interface SorterInfo {
+    order?: ColumnOrder;
+    /**
+     * @cn 如果是 defaultOrder 触发的排序, manual 为 false
+     */
+    manual: boolean;
+    /**
+     * @cn 列 key
+     */
+    key: string | number;
+    /**
+     * @cn 设置的权重
+     */
+    weight?: number;
+}
+export interface Sorter {
+    rule: string | ((sorter: SorterInfo[]) => void);
+    weight: number;
+}
+export declare type ColumnOrder = 'asc' | 'desc';
+export declare type ColumnFix = 'left' | 'right';
+export declare type TableFix = 'x' | 'y' | 'both';
+export declare type ColumnType = 'expand' | 'row-expand' | 'checkbox';
+export interface RenderSorterParam {
+    status?: 'asc' | 'desc' | null;
+    triggerAsc: () => void;
+    triggerDesc: () => void;
+}
+export interface SummaryItem {
+    render: () => React.ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+}
+/**
+ * @title TableColumn
+ */
+export declare type ColumnItem<DataItem> = TableColumnItem<DataItem>;
+//# sourceMappingURL=table.type.d.ts.map

package/esm/table/table.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.type.d.ts","sourceRoot":"","sources":["table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,oBAAY,SAAS,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACnE,oBAAY,aAAa,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAE5B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAEhB,OAAO,EAAE,MAAM,CAAC;IAEhB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IAErB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAElB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAElB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IAEnB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,gBAAgB,EAAE,MAAM,CAAC;IAEzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IAEpB,aAAa,EAAE,MAAM,CAAC;IAEtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;IAC3F;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC;IACvF,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,UAAU,CAAC,QAAQ,EAAE,KAAK,CACzC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,cAAc,CAAC,QAAQ,CAAC,EACxB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC;IACnC,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;QACzB,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;QACrC,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;QAC7B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;QAC3B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC;IAChD;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IACrF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE;;;;OAIG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,EAAE,GAAG,WAAW,EAAE,CAAC;IAC1C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,oBAAY,WAAW,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzC,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC,oBAAY,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAE1C,oBAAY,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,oBAAY,UAAU,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC"}

package/esm/table/table.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/table/tbody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TbodyProps } from './tbody.type';
+declare const _default: (props: TbodyProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=tbody.d.ts.map

package/esm/table/tbody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAgEE"}

package/esm/table/tbody.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _tr = _interopRequireDefault(require("./tr"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = function _default(props) {
+  var _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    _props$currentIndex = props.currentIndex,
+    currentIndex = _props$currentIndex === void 0 ? 0 : _props$currentIndex,
+    _props$hover = props.hover,
+    hover = _props$hover === void 0 ? true : _props$hover;
+  var _useTableExpand = (0, _hooks.useTableExpand)({
+      columns: props.columns,
+      expandKeys: props.expandKeys,
+      keygen: props.keygen
+    }),
+    isRowExpand = _useTableExpand.isRowExpand,
+    handleExpandClick = _useTableExpand.handleExpandClick;
+  var _useTableRow = (0, _hooks.useTableRow)({
+      columns: props.columns,
+      data: props.data,
+      currentIndex: currentIndex,
+      hover: hover
+    }),
+    rowData = _useTableRow.rowData,
+    isCellHover = _useTableRow.isCellHover,
+    handleCellHover = _useTableRow.handleCellHover,
+    hoverIndex = _useTableRow.hoverIndex,
+    rowSelectMergeStartData = _useTableRow.rowSelectMergeStartData;
+  var expandCol = props.expandHideCol || columns.find(function (col) {
+    return col.type === 'expand' || col.type === 'row-expand';
+  });
+  var renderRow = function renderRow(item, index) {
+    var rowIndex = index + currentIndex;
+    var originKey = _hooks.util.getKey(props.keygen, item, rowIndex);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tr.default, {
+      originKey: originKey,
+      row: rowData[index],
+      columns: columns,
+      isScrollX: props.isScrollX,
+      jssStyle: props.jssStyle,
+      colgroup: props.colgroup,
+      rowClassName: props.rowClassName,
+      rawData: item,
+      rowIndex: rowIndex,
+      expandCol: expandCol,
+      rowClickExpand: !!expandCol && (expandCol.hide || expandCol.type === 'row-expand'),
+      handleExpandClick: handleExpandClick,
+      expanded: isRowExpand(item, rowIndex),
+      datum: props.datum,
+      treeFunc: props.treeFunc,
+      treeExpandLevel: props.treeExpandLevel,
+      treeEmptyExpand: props.treeEmptyExpand,
+      isEmptyTree: props.isEmptyTree,
+      treeColumnsName: props.treeColumnsName,
+      setRowHeight: props.setRowHeight,
+      fixLeftNum: props.fixLeftNum,
+      fixRightNum: props.fixRightNum,
+      striped: props.striped,
+      radio: props.radio,
+      isCellHover: isCellHover,
+      isSelect: props.datum.check(rowSelectMergeStartData[index]),
+      handleCellHover: handleCellHover
+      // to update
+      ,
+      hoverIndex: hoverIndex,
+      rowClickAttr: props.rowClickAttr,
+      onRowClick: props.onRowClick,
+      rowEvents: props.rowEvents,
+      disabled: props.datum.disabledCheck(item)
+    }, originKey);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    children: (props.data || []).map(function (item, index) {
+      return renderRow(item, index);
+    })
+  });
+};
+exports.default = _default;

package/esm/table/tbody.type.d.ts

@@ -0,0 +1,22 @@
+import { useTableColumns, useTableRow } from '@sheinx/hooks';
+import { TableProps, ListDatum, UseTreeResult } from './table.type';
+import type { TableFormatColumn, OptionalToRequired } from '@sheinx/hooks';
+export declare type UseColumnsResult = ReturnType<typeof useTableColumns>;
+export declare type UseTableRowResult = ReturnType<typeof useTableRow>;
+export interface TbodyProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'rowClassName' | 'expandKeys' | 'keygen' | 'treeEmptyExpand' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'disabled' | 'hover'> {
+    columns: TableFormatColumn<any>[];
+    data: any[];
+    colgroup: (number | undefined)[];
+    isScrollX: boolean;
+    currentIndex?: number;
+    expandHideCol: UseColumnsResult['expandHideCol'];
+    datum: ListDatum;
+    treeFunc: UseTreeResult['func'];
+    treeExpandLevel: UseTreeResult['treeExpandLevel'];
+    isEmptyTree: boolean | undefined;
+    treeColumnsName: string | undefined;
+    setRowHeight?: (index: number, height: number) => void;
+    fixLeftNum?: number;
+    fixRightNum?: number;
+}
+//# sourceMappingURL=tbody.type.d.ts.map

package/esm/table/tbody.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tbody.type.d.ts","sourceRoot":"","sources":["tbody.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAClE,oBAAY,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAE/D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,CACV;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/esm/table/tbody.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/table/tfoot.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TfootProps } from './tfoot.type';
+declare const _default: (props: TfootProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=tfoot.d.ts.map

package/esm/table/tfoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tfoot.d.ts","sourceRoot":"","sources":["tfoot.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAe,MAAM,cAAc,CAAC;gCAKhC,UAAU;AAAjC,wBAiGE"}

package/esm/table/tfoot.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var isArray = _hooks.util.isArray;
+var _default = function _default(props) {
+  var _props$jssStyle, _props$jssStyle$table;
+  var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
+  var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
+    var colgroup = props.colgroup;
+    if (fixed === 'left') {
+      if (props.fixLeftNum !== undefined) {
+        return {
+          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+        };
+      }
+      var left = colgroup.slice(0, index).reduce(function (a, b) {
+        return (a || 0) + (b || 0);
+      }, 0);
+      return {
+        left: left,
+        position: 'sticky'
+      };
+    }
+    if (fixed === 'right') {
+      if (props.fixRightNum !== undefined) {
+        return {
+          transform: "translate3d(-".concat(props.fixRightNum, "px, 0, 0)")
+        };
+      }
+      var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
+        return (a || 0) + (b || 0);
+      }, 0);
+      return {
+        right: right,
+        position: 'sticky'
+      };
+    }
+  };
+  var renderTd = function renderTd(item, index) {
+    var columns = props.columns || [];
+    var render = item.render,
+      _item$colSpan = item.colSpan,
+      colSpan = _item$colSpan === void 0 ? 1 : _item$colSpan;
+    var content = render();
+    var fixed = {};
+    var isLast = index + colSpan - 1 >= columns.length - 1;
+    for (var i = 0; i < colSpan; i++) {
+      var col = columns[index + i] || {};
+      if (col.fixed) {
+        fixed["fixed"] = col.fixed;
+      }
+      if (col.firstFixed) {
+        fixed['firstFixed'] = true;
+      }
+      if (col.lastFixed) {
+        fixed['lastFixed'] = true;
+      }
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      colSpan: colSpan,
+      style: getFixedStyle(fixed.fixed, index, colSpan),
+      className: (0, _classnames.default)(fixed['fixed'] === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), fixed['fixed'] === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), (fixed.lastFixed || fixed.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder)),
+      children: content
+    }, index);
+  };
+  var getTrs = function getTrs() {
+    var _props$summary = props.summary,
+      summary = _props$summary === void 0 ? [] : _props$summary;
+    if (!isArray(summary[0])) {
+      summary = [summary];
+    }
+    var summarys = summary;
+    var trs = [];
+    for (var i = 0; i < summarys.length; i++) {
+      var row = summarys[i];
+      trs[i] = [];
+      var index = 0;
+      for (var j = 0; j < row.length; j++) {
+        var item = row[j];
+        var nextIndex = index + (item.colSpan || 1);
+        trs[i].push(renderTd(item, index));
+        index = nextIndex;
+      }
+    }
+    return trs;
+  };
+  var trs = getTrs();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tfoot", {
+    children: trs.map(function (tr, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        children: tr
+      }, index);
+    })
+  });
+};
+exports.default = _default;

package/esm/table/tfoot.type.d.ts

@@ -0,0 +1,10 @@
+import { TableProps } from './table.type';
+import type { OptionalToRequired, TableFormatColumn } from '@sheinx/hooks';
+export { SummaryItem } from './table.type';
+export interface TfootProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'summary' | 'jssStyle'> {
+    fixLeftNum?: number;
+    fixRightNum?: number;
+    columns: TableFormatColumn<any>[];
+    colgroup: (number | undefined)[];
+}
+//# sourceMappingURL=tfoot.type.d.ts.map

package/esm/table/tfoot.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tfoot.type.d.ts","sourceRoot":"","sources":["tfoot.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CAClC"}

package/esm/table/tfoot.type.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SummaryItem", {
+  enumerable: true,
+  get: function get() {
+    return _table.SummaryItem;
+  }
+});
+var _table = require("./table.type");

package/esm/table/thead.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TheadProps } from './thead.type';
+declare const _default: (props: TheadProps) => JSX.Element;
+export default _default;
+//# sourceMappingURL=thead.d.ts.map

package/esm/table/thead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAOnB,UAAU;AAAjC,wBAiOE"}