@sheinx/base 3.0.0-alpha.3 → 3.0.0-alpha.30

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

@@ -3,7 +3,7 @@ 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'> {
+export interface TbodyProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'rowClassName' | 'expandKeys' | 'keygen' | 'treeEmptyExpand' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'disabled' | 'hover' | 'treeCheckAll'> {
     columns: TableFormatColumn<any>[];
     data: any[];
     colgroup: (number | undefined)[];
@@ -18,5 +18,7 @@ export interface TbodyProps extends Pick<OptionalToRequired<TableProps<any, any>
     setRowHeight?: (index: number, height: number) => void;
     fixLeftNum?: number;
     fixRightNum?: number;
+    bodyScrollWidth?: number;
+    resizeFlag?: number;
 }
 //# sourceMappingURL=tbody.type.d.ts.map

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

@@ -1 +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"}
+{"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,GACP,cAAc,CACjB;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;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/cjs/table/temp/00-scroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"00-scroll.d.ts","sourceRoot":"","sources":["00-scroll.tsx"],"names":[],"mappings":";;AAUA,wBAWE"}
+{"version":3,"file":"00-scroll.d.ts","sourceRoot":"","sources":["00-scroll.tsx"],"names":[],"mappings":";;AASA,wBAWE"}

package/cjs/table/temp/00-scroll.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
-require("@sheinx/shineout-style");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * cn - scroll

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

@@ -1 +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"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAOnB,UAAU;AAAjC,wBA0OE"}

package/cjs/table/thead.js

@@ -149,7 +149,7 @@ var _default = function _default(props) {
     var colTemp = col;
     var colTemp2 = col;
     var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1);
-    var cellClassName = (0, _classnames.default)(colTemp.className, col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), colTemp.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), colTemp.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder));
+    var cellClassName = (0, _classnames.default)(colTemp.className, colTemp.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), colTemp.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), colTemp.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder));
     var isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
     if (colTemp.title || isExpand) {
       var sorter = renderSort(colTemp);
@@ -176,16 +176,16 @@ var _default = function _default(props) {
           },
           children: props.radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
             disabled: props.disabled === true,
-            checked: props.datum.getCheckedStatus(props.treeColumnsName),
+            checked: props.datum.getCheckedStatus(props.treeCheckAll ? props.treeColumnsName : undefined),
             onChange: function onChange(_value, checked) {
               if (checked) {
-                props.datum.add(props.datum.data, {
+                props.datum.add(props.datum.data, props.treeCheckAll ? {
                   childrenKey: props.treeColumnsName
-                });
+                } : undefined);
               } else {
-                props.datum.remove(props.datum.data, {
+                props.datum.remove(props.datum.data, props.treeCheckAll ? {
                   childrenKey: props.treeColumnsName
-                });
+                } : undefined);
               }
             },
             jssStyle: props.jssStyle,
@@ -193,7 +193,7 @@ var _default = function _default(props) {
               margin: 0
             }
           })
-        }), renderDrag(colTemp.index)]
+        }), colTemp.type !== 'checkbox' ? renderDrag(colTemp.index) : null]
       }, 'checkbox'));
       return;
     }

package/cjs/table/thead.type.d.ts

@@ -2,7 +2,7 @@ import { TableProps, ListDatum } from './table.type';
 import { useTableSort, useTableLayout } from '@sheinx/hooks';
 import type { TableFormatColumn, OptionalToRequired } from '@sheinx/hooks';
 export declare type UseTableLayoutResultFunc = ReturnType<typeof useTableLayout>['func'];
-export interface TheadProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'onColumnResize' | 'columnResizable' | 'showSelectAll' | 'renderSorter' | 'radio' | 'disabled'>, Pick<ReturnType<typeof useTableSort<any>>, 'sortInfo' | 'onSorterChange'>, Pick<UseTableLayoutResultFunc, 'dragCol' | 'resizeCol'> {
+export interface TheadProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'onColumnResize' | 'columnResizable' | 'showSelectAll' | 'renderSorter' | 'radio' | 'disabled' | 'treeCheckAll'>, Pick<ReturnType<typeof useTableSort<any>>, 'sortInfo' | 'onSorterChange'>, Pick<UseTableLayoutResultFunc, 'dragCol' | 'resizeCol'> {
     columns: TableFormatColumn<any>[];
     isScrollY?: boolean;
     bordered?: boolean;

package/cjs/table/thead.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,oBAAY,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,CACb,EACD,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACzE,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,WAAW,CAAC;IACzD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC"}
+{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,oBAAY,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,GACV,cAAc,CACjB,EACD,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACzE,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,WAAW,CAAC;IACzD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC"}

package/cjs/table/tr.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { TableFormatColumn } from '@sheinx/hooks';
 import { TbodyProps, UseTableRowResult } from './tbody.type';
-interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents'> {
+interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth' | 'resizeFlag' | 'treeCheckAll'> {
     row: {
         data: any[];
         colSpan: number;

package/cjs/table/tr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,CACd;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBA8QzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
+{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,CACjB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAoRzB,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/cjs/table/tr.js

@@ -73,7 +73,7 @@ var Tr = function Tr(props) {
       var expandHeight = expandRef.current ? expandRef.current.offsetHeight : 0;
       props.setRowHeight(props.rowIndex, trRef.current.offsetHeight + expandHeight);
     }
-  }, [props.expanded, props.rowIndex]);
+  }, [props.expanded, props.rowIndex, props.bodyScrollWidth, props.resizeFlag]);
   var renderTreeExpand = function renderTreeExpand(content) {
     var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
     var level = props.treeExpandLevel.get(props.originKey) || 0;
@@ -107,7 +107,7 @@ var Tr = function Tr(props) {
       }), content]
     });
   };
-  var renderContent = function renderContent(col, data, index) {
+  var renderContent = function renderContent(col, data) {
     if (col.type === 'expand' || col.type === 'row-expand') {
       var renderResult = typeof col.render === 'function' ? col.render(props.rawData, props.rowIndex) : undefined;
       if (typeof renderResult !== 'function') return null;
@@ -155,19 +155,19 @@ var Tr = function Tr(props) {
           checked: props.isSelect,
           onChange: function onChange(_value, check) {
             if (check) {
-              props.datum.add(data, {
+              props.datum.add(data, props.treeCheckAll ? {
                 childrenKey: props.treeColumnsName
-              });
+              } : undefined);
             } else {
-              props.datum.remove(data, {
+              props.datum.remove(data, props.treeCheckAll ? {
                 childrenKey: props.treeColumnsName
-              });
+              } : undefined);
             }
           }
         })
       });
     }
-    var content = _hooks.util.render(col.render, data, index);
+    var content = _hooks.util.render(col.render, data, props.rowIndex);
     if (col.treeColumnsName) {
       return renderTreeExpand(content, col.treeIndent);
     }
@@ -196,7 +196,7 @@ var Tr = function Tr(props) {
           },
           className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
-          children: renderContent(col, data[i].data, col.index)
+          children: renderContent(col, data[i].data)
         }, col.key);
         tds.push(td);
         if (data[i].colSpan) skip = data[i].colSpan - 1;

package/cjs/table/use-table-select.d.ts

@@ -4,12 +4,11 @@ export interface UseTableSelectProps {
 }
 declare const useTableSelect: (props: UseTableSelectProps) => {
     getTableProps: () => {
-        "data-soui-table"?: undefined;
         onMouseDown?: undefined;
         onMouseMove?: undefined;
         onMouseUp?: undefined;
     } | {
-        "data-soui-table": string;
+        [x: string]: string | ((e: React.MouseEvent) => void);
         onMouseDown: (e: React.MouseEvent) => void;
         onMouseMove: (event: React.MouseEvent) => void;
         onMouseUp: (event: React.MouseEvent) => void;

package/cjs/table/use-table-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table-select.d.ts","sourceRoot":"","sources":["use-table-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC;CACxD;AA8JD,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;yBASP,gBAAgB;6BAiBZ,gBAAgB;2BAclB,gBAAgB;;CAmD5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"use-table-select.d.ts","sourceRoot":"","sources":["use-table-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,gBAAgB,CAAC,CAAC;CACxD;AA8JD,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;mCASP,gBAAgB;yBAAhB,gBAAgB;6BAiBZ,gBAAgB;2BAclB,gBAAgB;;CAmD5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/cjs/table/use-table-select.js

@@ -15,8 +15,8 @@ var isMacOS = _hooks.util.isMacOS,
   isFirefox = _hooks.util.isFirefox,
   ready = _hooks.util.ready,
   getParent = _hooks.util.getParent;
-var selectAttribute = 'data-soui-table-selection';
-var tableAttribute = 'data-soui-table';
+var selectAttribute = _hooks.util.getDataAttributeName("table-selection");
+var tableAttribute = _hooks.util.getDataAttributeName("table");
 var tdSelect = "td[".concat(selectAttribute, "]");
 var instanceNum = 0;
 function isEventCombination(event) {

package/cjs/tabs/index.d.ts

@@ -1,5 +1,5 @@
 export { default, default as Tabs } from './tabs';
-export type { TabsProps } from './tabs.type';
+export type { TabsProps, TabsClasses } from './tabs.type';
 export { default as TabsPanel } from './tabs-panel';
 export type { TabsPanelProps } from './tabs-panel.type';
 //# sourceMappingURL=index.d.ts.map

package/cjs/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/cjs/tabs/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAyFtC,wBAAqC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AA0FtC,wBAAqC"}

package/cjs/tabs/tab.js

@@ -21,7 +21,8 @@ var Tab = function Tab(props, ref) {
   var jssStyle = props.jssStyle,
     tab = props.tab,
     disabled = props.disabled,
-    id = props.id;
+    id = props.id,
+    color = props.color;
   var _useTabsContext = (0, _hooks.useTabsContext)(),
     active = _useTabsContext.active,
     _useTabsContext$shape = _useTabsContext.shape,
@@ -37,9 +38,9 @@ var Tab = function Tab(props, ref) {
     var stateProps = [];
     if (isActive) stateProps.push('active');
     if (disabled) stateProps.push('disabled');
-    return {
-      'data-soui-state': stateProps.join(' ')
-    };
+    return _hooks.util.getDataAttribute({
+      state: stateProps.join(' ')
+    });
   };
   var handleClick = function handleClick() {
     if (disabled) return;
@@ -73,6 +74,9 @@ var Tab = function Tab(props, ref) {
   if (inactiveBackground && !isActive) {
     style.background = inactiveBackground;
   }
+  if (shape === 'card') {
+    style.color = color;
+  }
   if (shape === 'button') return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, _objectSpread(_objectSpread({
     className: tabClass,
     jssStyle: {

package/cjs/tabs/tab.type.d.ts

@@ -5,6 +5,7 @@ export interface TabData {
     id: string | number;
     tab: React.ReactNode;
     disabled?: boolean;
+    color?: string;
     jssStyle: {
         tabs: () => TabsClasses;
         button: () => ButtonClasses;

package/cjs/tabs/tab.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.type.d.ts","sourceRoot":"","sources":["tab.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,QAAS,SAAQ,OAAO;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"tab.type.d.ts","sourceRoot":"","sources":["tab.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,QAAS,SAAQ,OAAO;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/cjs/tabs/tabs-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAmMzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tabs-header.d.ts","sourceRoot":"","sources":["tabs-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAmNzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/tabs/tabs-header.js

@@ -8,9 +8,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
@@ -29,15 +30,25 @@ var TabsHeader = function TabsHeader(props) {
     extra = props.extra,
     splitColor = props.splitColor,
     tabBarStyle = props.tabBarStyle,
-    getPosition = props.getPosition;
+    getPosition = props.getPosition,
+    sticky = props.sticky;
   var headerRef = (0, _react.useRef)(null);
   var scrollRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loaded = _useState2[0],
+    setLoaded = _useState2[1];
   var tabRef = (0, _react.useRef)({});
   var _useTabsContext = (0, _hooks.useTabsContext)(),
     shape = _useTabsContext.shape,
     isVertical = _useTabsContext.isVertical,
     onCollapsible = _useTabsContext.onCollapsible,
     active = _useTabsContext.active;
+  (0, _react.useEffect)(function () {
+    if (sticky && headerRef.current && scrollRef.current && !loaded) {
+      setLoaded(true);
+    }
+  }, [loaded, sticky]);
   var _useTransform = (0, _hooks.useTransform)({
       autoScroll: true,
       direction: isVertical ? 'Y' : 'X',
@@ -86,9 +97,9 @@ var TabsHeader = function TabsHeader(props) {
     setTransform(getActiveTabOffest());
   }, [active, tabRef.current, headerRef.current, scrollRef.current, shouldScroll]);
   var getDataProps = function getDataProps(options) {
-    return _objectSpread({
-      'data-soui-shape': shape
-    }, options);
+    return _hooks.util.getDataAttribute(_objectSpread({
+      shape: shape
+    }, options));
   };
   var handlePrev = function handlePrev() {
     if (!headerRef.current) return;
@@ -139,7 +150,7 @@ var TabsHeader = function TabsHeader(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       className: (0, _classnames.default)(headerStyle.prev)
     }, getDataProps({
-      'data-soui-state': atStart ? 'disabled' : ''
+      state: atStart ? 'disabled' : ''
     })), {}, {
       onClick: handlePrev,
       children: shape === 'card' ? _icons.default.ArrowLeft : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -152,7 +163,7 @@ var TabsHeader = function TabsHeader(props) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
       className: headerStyle.next
     }, getDataProps({
-      'data-soui-state': atEnd ? 'disabled' : ''
+      state: atEnd ? 'disabled' : ''
     })), {}, {
       onClick: handleNext,
       children: shape === 'card' ? _icons.default.ArrowRight : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/cjs/tabs/tabs-header.type.d.ts

@@ -16,5 +16,6 @@ export interface TabsHeaderProps {
     collapsible?: boolean;
     tabBarStyle?: React.CSSProperties;
     getPosition?: string;
+    sticky?: boolean;
 }
 //# sourceMappingURL=tabs-header.type.d.ts.map

package/cjs/tabs/tabs-header.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-header.type.d.ts","sourceRoot":"","sources":["tabs-header.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"tabs-header.type.d.ts","sourceRoot":"","sources":["tabs-header.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/cjs/tabs/tabs-panel.type.d.ts

@@ -1,15 +1,48 @@
 /// <reference types="react" />
+import { CommonType } from '../common/type';
 import { ButtonClasses } from '../button/button.type';
 import { TabsContextProps } from '@sheinx/hooks';
 import { TabsClasses } from './tabs.type';
-export interface TabsPanelProps extends TabsContextProps {
+export interface TabsPanelProps extends TabsContextProps, Pick<CommonType, 'className' | 'style'> {
     jssStyle?: {
         tabs: () => TabsClasses;
         button: () => ButtonClasses;
     };
+    /**
+     * @en The default is index
+     * @cn 选填，默认为 index
+     */
     id?: string | number;
+    /**
+     * @en Tab content
+     * @cn 标签标题内容
+     * @default index
+     */
     tab: React.ReactNode;
+    /**
+     * @en Specifies the Panel should be disabled
+     * @cn 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en Panel content
+     * @cn Panel 内容
+     */
     children?: React.ReactNode;
+    /**
+     * @en The color of the dividing line, only takes effect when shape=line
+     * @cn 分割线颜色,仅在shape=line的时候生效
+     */
+    splitColor?: string;
+    /**
+     * @deprecated 即将弃用，请使用 splitColor 替代
+     */
+    border?: string;
+    /**
+     * @en The color of tab"s text only when the shape is "card"
+     * @cn 标签页文字颜色，仅当 shape 为 "card" 时生效
+     */
+    color?: string;
 }
 //# sourceMappingURL=tabs-panel.type.d.ts.map

package/cjs/tabs/tabs-panel.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-panel.type.d.ts","sourceRoot":"","sources":["tabs-panel.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"tabs-panel.type.d.ts","sourceRoot":"","sources":["tabs-panel.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,cAAe,SAAQ,gBAAgB,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC/F,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,WAAW,CAAC;QACxB,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB;;;;OAIG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/cjs/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD,QAAA,MAAM,IAAI;YAAW,SAAS;;CA0N7B,CAAC;AAIF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI;YAAW,SAAS;;CA2P7B,CAAC;AAIF,eAAe,IAAI,CAAC"}

package/cjs/tabs/tabs.js

@@ -23,19 +23,22 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
 var _tabsPanel = _interopRequireDefault(require("./tabs-panel"));
 var _tabsHeader = _interopRequireDefault(require("./tabs-header"));
+var _sticky = _interopRequireDefault(require("../sticky"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "className"];
+var _excluded = ["jssStyle", "align", "children", "shape", "position", "lazy", "autoFill", "hideSplit", "collapsible", "defaultCollapsed", "onChange", "extra", "border", "splitColor", "tabBarExtraContent", "background", "activeBackground", "inactiveBackground", "defaultActive", "tabBarStyle", "color", "sticky", "className"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var isEmpty = _hooks.util.isEmpty,
+  isObject = _hooks.util.isObject,
+  isNumber = _hooks.util.isNumber;
 var Tabs = function Tabs(props) {
   var _jssStyle$tabs, _classNames;
   var jssStyle = props.jssStyle,
     align = props.align,
     children = props.children,
-    _props$shape = props.shape,
-    shape = _props$shape === void 0 ? 'card' : _props$shape,
+    shapeProps = props.shape,
     position = props.position,
     _props$lazy = props.lazy,
     lazy = _props$lazy === void 0 ? true : _props$lazy,
@@ -52,10 +55,14 @@ var Tabs = function Tabs(props) {
     background = props.background,
     activeBackground = props.activeBackground,
     inactiveBackground = props.inactiveBackground,
-    defaultActive = props.defaultActive,
+    _props$defaultActive = props.defaultActive,
+    defaultActive = _props$defaultActive === void 0 ? 0 : _props$defaultActive,
     tabBarStyle = props.tabBarStyle,
+    color = props.color,
+    sticky = props.sticky,
     tabsClassName = props.className,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var shape = shapeProps && shapeProps !== 'bordered' ? shapeProps : 'card';
   var _useTabs = (0, _hooks.useTabs)(_objectSpread(_objectSpread({}, rest), {}, {
       defaultActive: defaultActive,
       onChange: onChangeProps
@@ -75,7 +82,7 @@ var Tabs = function Tabs(props) {
   var panelRef = (0, _react.useRef)(null);
   var panelHeight = (0, _react.useRef)(0);
   var tabsStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$tabs = jssStyle.tabs) === null || _jssStyle$tabs === void 0 ? void 0 : _jssStyle$tabs.call(jssStyle)) || {};
-  var rootClass = (0, _classnames.default)(tabsStyle.tabs, tabsClassName, (_classNames = {}, (0, _defineProperty2.default)(_classNames, tabsStyle.autoFill, autoFill), (0, _defineProperty2.default)(_classNames, tabsStyle.collapsed, collapse), _classNames));
+  var rootClass = (0, _classnames.default)(tabsStyle.tabs, tabsClassName, (_classNames = {}, (0, _defineProperty2.default)(_classNames, tabsStyle.autoFill, isVertical || autoFill), (0, _defineProperty2.default)(_classNames, tabsStyle.collapsed, collapse), _classNames));
   var getRootProps = function getRootProps() {
     return rest;
   };
@@ -113,10 +120,10 @@ var Tabs = function Tabs(props) {
     }
   };
   var getDataProps = function getDataProps() {
-    return {
-      'data-soui-position': getPosition(),
-      'data-soui-shape': shape
-    };
+    return _hooks.util.getDataAttribute({
+      position: getPosition(),
+      shape: shape
+    });
   };
   var handleCollapsible = function handleCollapsible() {
     var nextCollapse = !collapse;
@@ -165,27 +172,57 @@ var Tabs = function Tabs(props) {
   };
   var renderHeader = function renderHeader() {
     var tabs = [];
+    var border = getSplitColor();
     _react.Children.toArray(children).forEach(function (child, index) {
       var Chlid = child;
+      var childBorder = Chlid.props.splitColor || Chlid.props.border;
+      var _Chlid$props$id = Chlid.props.id,
+        id = _Chlid$props$id === void 0 ? index : _Chlid$props$id;
+      if (active === id && childBorder) {
+        border = childBorder;
+      }
       tabs.push({
         id: Chlid.props.id !== undefined ? Chlid.props.id : index,
         tab: Chlid.props.tab,
         disabled: Chlid.props.disabled,
-        jssStyle: jssStyle
+        jssStyle: jssStyle,
+        color: Chlid.props.color || (active === id ? color : undefined)
       });
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabsHeader.default, {
+    var header = /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabsHeader.default, {
       tabs: tabs,
       align: align,
       jssStyle: jssStyle,
       position: position,
       hideSplit: hideSplit,
       extra: getExtra(),
-      splitColor: getSplitColor(),
+      splitColor: border,
       collapsible: collapsible,
       tabBarStyle: tabBarStyle,
-      getPosition: getPosition()
+      getPosition: getPosition(),
+      sticky: !!sticky
     });
+    if (!isEmpty(sticky) && !isVertical) {
+      var stickyClassName = tabsStyle.sticky;
+      var stickyProps = {
+        top: 0,
+        className: stickyClassName
+      };
+      if (isNumber(sticky)) {
+        stickyProps.top = sticky;
+      }
+      if (isObject(sticky)) {
+        stickyProps = _objectSpread(_objectSpread({}, sticky), {}, {
+          className: (0, _classnames.default)(stickyClassName, sticky.className)
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sticky.default, _objectSpread(_objectSpread({}, stickyProps), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getDataProps()), {}, {
+          children: header
+        }))
+      }));
+    }
+    return header;
   };
   var renderTabs = function renderTabs() {
     var realPosition = getPosition();