@sheinx/base 3.0.0-alpha.1

package/esm/table/thead.js

@@ -0,0 +1,237 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.from.js");
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _icons = _interopRequireDefault(require("../icons"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 _default = function _default(props) {
+  var _props$jssStyle, _props$jssStyle$table;
+  var _props$colgroup = props.colgroup,
+    colgroup = _props$colgroup === void 0 ? [] : _props$colgroup,
+    sortInfo = props.sortInfo,
+    onSorterChange = props.onSorterChange,
+    _props$showSelectAll = props.showSelectAll,
+    showSelectAll = _props$showSelectAll === void 0 ? true : _props$showSelectAll;
+  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 _useTableGroup = (0, _hooks.useTableGroup)({
+      columns: props.columns,
+      bordered: props.bordered
+    }),
+    groupColumns = _useTableGroup.groupColumns,
+    columnLevel = _useTableGroup.columnLevel;
+  var _useRef = (0, _react.useRef)({
+      dragIndex: -1
+    }),
+    context = _useRef.current;
+  var handleDragMove = (0, _hooks.usePersistFn)(function (deltaX) {
+    props === null || props === void 0 ? void 0 : props.dragCol(context.dragIndex, deltaX);
+  });
+  var handleDragEnd = (0, _hooks.usePersistFn)(function () {
+    props === null || props === void 0 ? void 0 : props.resizeCol(context.dragIndex);
+    context.dragIndex = -1;
+  });
+  var _useDragMock = (0, _hooks.useDragMock)({
+      onDragMove: handleDragMove,
+      onDragEnd: handleDragEnd
+    }),
+    startDrag = _useDragMock.handleMouseDown,
+    isDragging = _useDragMock.isDragging;
+  var renderTitle = function renderTitle(title) {
+    if (typeof title === 'function') {
+      return title(props.data || []);
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: title
+    });
+  };
+  var renderSort = function renderSort(column) {
+    var _sortInfo$get;
+    if (!column.sorter) {
+      return null;
+    }
+    var currentOrder = (_sortInfo$get = sortInfo.get(column.key)) === null || _sortInfo$get === void 0 ? void 0 : _sortInfo$get.order;
+    var handleChange = function handleChange(order) {
+      if (onSorterChange) {
+        onSorterChange(column.key, order, true, column.sorter);
+      }
+    };
+    var isCustomRender = props.renderSorter && typeof props.renderSorter === 'function';
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterContainer,
+      children: isCustomRender ? props.renderSorter({
+        status: currentOrder,
+        triggerAsc: function triggerAsc() {
+          return handleChange('asc');
+        },
+        triggerDesc: function triggerDesc() {
+          return handleChange('desc');
+        }
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterAsc, currentOrder === 'asc' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterActive)),
+          onClick: function onClick() {
+            handleChange(currentOrder === 'asc' ? null : 'asc');
+          },
+          children: _icons.default.TableSortIconUp
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterDesc, currentOrder === 'desc' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sorterActive)),
+          onClick: function onClick() {
+            handleChange(currentOrder === 'desc' ? null : 'desc');
+          },
+          children: _icons.default.TableSortIconDown
+        })]
+      })
+    });
+  };
+  var renderDrag = function renderDrag(index) {
+    if (!props.columnResizable) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.resizeSpanner, isDragging && context.dragIndex === index && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.resizeSpannerActive), isDragging && context.dragIndex !== index && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.resizeSpannerInactive)),
+      onMouseDown: function onMouseDown(e) {
+        context.dragIndex = index;
+        startDrag(e);
+      }
+    });
+  };
+  var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
+    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 createTh = function createTh(trs, col, level, isLast) {
+    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 isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
+    if (colTemp.title || isExpand) {
+      var sorter = renderSort(colTemp);
+      trs[level].push( /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+        className: cellClassName,
+        rowSpan: columnLevel - level + 1,
+        style: fixedStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames.default)(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter)),
+          children: [renderTitle(colTemp.title), renderSort(colTemp), colTemp.columnResizable !== false && renderDrag(colTemp.index)]
+        })
+      }, col.key));
+      return;
+    }
+    if (colTemp.type === 'checkbox') {
+      trs[level].push( /*#__PURE__*/(0, _jsxRuntime.jsxs)("th", {
+        className: cellClassName,
+        rowSpan: trs.length,
+        style: fixedStyle,
+        children: [showSelectAll && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            lineHeight: 1,
+            verticalAlign: 'middle'
+          },
+          children: props.radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+            disabled: props.disabled === true,
+            checked: props.datum.getCheckedStatus(props.treeColumnsName),
+            onChange: function onChange(_value, checked) {
+              if (checked) {
+                props.datum.add(props.datum.data, {
+                  childrenKey: props.treeColumnsName
+                });
+              } else {
+                props.datum.remove(props.datum.data, {
+                  childrenKey: props.treeColumnsName
+                });
+              }
+            },
+            jssStyle: props.jssStyle,
+            style: {
+              margin: 0
+            }
+          })
+        }), renderDrag(colTemp.index)]
+      }, 'checkbox'));
+      return;
+    }
+    var style = typeof colTemp2.name === 'string' ? fixedStyle : _objectSpread({
+      padding: 0
+    }, fixedStyle);
+    trs[level].push( /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+      className: (0, _classnames.default)(cellClassName, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellGroup),
+      style: style,
+      colSpan: colTemp2.colSpan,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: colTemp2.name
+      })
+    }, colTemp2.key));
+    if (colTemp2.columns) {
+      colTemp2.columns.forEach(function (c, index) {
+        return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index);
+      });
+    }
+  };
+  var renderTrs = function renderTrs() {
+    var trs = Array.from({
+      length: columnLevel + 1
+    }).map(function () {
+      return [];
+    });
+    groupColumns.forEach(function (col, index) {
+      var isLast = index === groupColumns.length - 1;
+      createTh(trs, col, 0, isLast);
+    });
+    return trs.map(function (tr, i) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+        children: tr
+      }, i);
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+    children: renderTrs()
+  });
+};
+exports.default = _default;

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

@@ -0,0 +1,15 @@
+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'> {
+    columns: TableFormatColumn<any>[];
+    isScrollY?: boolean;
+    bordered?: boolean;
+    colgroup: (number | undefined)[];
+    datum: ListDatum;
+    fixLeftNum?: number;
+    fixRightNum?: number;
+    treeColumnsName: string | undefined;
+}
+//# sourceMappingURL=thead.type.d.ts.map

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

@@ -0,0 +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"}

package/esm/table/thead.type.js

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

package/esm/table/tr.d.ts

@@ -0,0 +1,29 @@
+/// <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'> {
+    row: {
+        data: any[];
+        colSpan: number;
+        rowSpan: number;
+    }[];
+    rowIndex: number;
+    columns: TableFormatColumn<any>[];
+    isScrollX: boolean;
+    colgroup: (number | undefined)[];
+    rawData: any;
+    expanded: boolean;
+    expandCol: TbodyProps['expandHideCol'] | undefined;
+    rowClickExpand: boolean;
+    handleExpandClick: (col: TableFormatColumn<any>, data: any, index: number) => void;
+    treeColumnsName?: string;
+    originKey: string | number;
+    isCellHover: UseTableRowResult['isCellHover'];
+    handleCellHover: UseTableRowResult['handleCellHover'];
+    hoverIndex: UseTableRowResult['hoverIndex'];
+    isSelect: boolean;
+    disabled?: boolean;
+}
+declare const Tr: (props: TrProps) => JSX.Element;
+export default Tr;
+//# sourceMappingURL=tr.d.ts.map

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

@@ -0,0 +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,gBA0QzB,CAAC;AAEF,eAAe,EAAE,CAAC"}

package/esm/table/tr.js

@@ -0,0 +1,267 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.array.filter.js");
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _radio = _interopRequireDefault(require("../radio"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 Tr = function Tr(props) {
+  var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
+  var treeFunc = props.treeFunc;
+  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 trRef = (0, _react.useRef)(null);
+  var expandRef = (0, _react.useRef)(null);
+  var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
+    if (!props.isScrollX) return;
+    if (fixed === 'left') {
+      if (props.fixLeftNum !== undefined) {
+        return {
+          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+        };
+      }
+      var left = props.colgroup.slice(0, index).reduce(function (a, b) {
+        return (a || 0) + (b || 0);
+      }, 0);
+      return {
+        position: 'sticky',
+        left: left
+      };
+    }
+    if (fixed === 'right') {
+      if (props.fixRightNum !== undefined) {
+        return {
+          transform: "translate3d(-".concat(props.fixRightNum, "px, 0, 0)")
+        };
+      }
+      var right = props.colgroup.slice(index + 1 + colSpan).reduce(function (a, b) {
+        return (a || 0) + (b || 0);
+      }, 0);
+      return {
+        position: 'sticky',
+        right: right
+      };
+    }
+    return {};
+  };
+  var getTdStyle = function getTdStyle(column, colSpan) {
+    var index = column.index;
+    var fixedStyle = getFixedStyle(column.fixed, index, colSpan);
+    return _objectSpread(_objectSpread({}, column.style), fixedStyle);
+  };
+  (0, _react.useEffect)(function () {
+    if (props.setRowHeight && trRef.current) {
+      var expandHeight = expandRef.current ? expandRef.current.offsetHeight : 0;
+      props.setRowHeight(props.rowIndex, trRef.current.offsetHeight + expandHeight);
+    }
+  }, [props.expanded, props.rowIndex]);
+  var renderTreeExpand = function renderTreeExpand(content) {
+    var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 20;
+    var level = props.treeExpandLevel.get(props.originKey) || 0;
+    var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
+    var children = props.rawData[props.treeColumnsName];
+    var isExpanded = props.treeFunc.isTreeExpanded(props.rawData, props.rowIndex);
+    if (!children || children.length === 0 && !props.treeEmptyExpand) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: className,
+        style: {
+          marginLeft: level * treeIndent,
+          paddingLeft: props.isEmptyTree ? 0 : 22
+        },
+        children: content
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: className,
+      style: {
+        marginLeft: level * treeIndent
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
+          onClick: function onClick() {
+            treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
+          },
+          children: isExpanded ? _icons.default.Expand : _icons.default.OdecShrink
+        })
+      }), content]
+    });
+  };
+  var renderContent = function renderContent(col, data, index) {
+    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;
+      var clickEvent = col.type === 'expand' ? function () {
+        props.handleExpandClick(col, props.rawData, props.rowIndex);
+      } : undefined;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
+        onClick: clickEvent,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
+          children: props.expanded ? _icons.default.Expand : _icons.default.OdecShrink
+        })
+      });
+    }
+    if (col.type === 'checkbox') {
+      if (props.radio) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default, {
+            jssStyle: props.jssStyle,
+            style: {
+              margin: 0
+            },
+            checked: props.isSelect,
+            disabled: props.disabled,
+            onChange: function onChange(value) {
+              if (value) {
+                props.datum.add(data);
+              } else {
+                props.datum.remove(data);
+              }
+            }
+          })
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+          jssStyle: props.jssStyle,
+          disabled: props.disabled,
+          style: {
+            margin: 0
+          },
+          checked: props.isSelect,
+          onChange: function onChange(_value, check) {
+            if (check) {
+              props.datum.add(data, {
+                childrenKey: props.treeColumnsName
+              });
+            } else {
+              props.datum.remove(data, {
+                childrenKey: props.treeColumnsName
+              });
+            }
+          }
+        })
+      });
+    }
+    var content = _hooks.util.render(col.render, data, index);
+    if (col.treeColumnsName) {
+      return renderTreeExpand(content, col.treeIndent);
+    }
+    return content;
+  };
+  var renderTds = function renderTds(cols, data) {
+    var tds = [];
+    var skip = 0;
+    var lastRowIndex = data.length - 1;
+    var _loop = function _loop(i) {
+      if (skip > 0) {
+        skip--;
+        return "continue";
+      }
+      var col = cols[i];
+      if (data[i]) {
+        var last = cols[i + (data[i].colSpan || 1) - 1] || {};
+        var td = /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+          colSpan: data[i].colSpan,
+          rowSpan: data[i].rowSpan,
+          onMouseEnter: function onMouseEnter() {
+            props.handleCellHover(props.rowIndex, data[i].rowSpan);
+          },
+          onMouseLeave: function onMouseLeave() {
+            props.handleCellHover(-1, 0);
+          },
+          className: (0, _classnames.default)(col.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), 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)
+        }, col.key);
+        tds.push(td);
+        if (data[i].colSpan) skip = data[i].colSpan - 1;
+      }
+    };
+    for (var i = 0; i < cols.length; i++) {
+      var _ret = _loop(i);
+      if (_ret === "continue") continue;
+    }
+    return tds;
+  };
+  var renderExpand = function renderExpand() {
+    if (!props.expanded) return null;
+    var expandCol = props.expandCol;
+    if (expandCol && typeof expandCol.render === 'function') {
+      var renderFunc = expandCol.render(props.rawData, props.rowIndex);
+      if (typeof renderFunc === 'function') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+          className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowExpand,
+          ref: expandRef,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+            className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder,
+            colSpan: props.columns.length,
+            style: {
+              padding: 0
+            },
+            children: renderFunc()
+          })
+        });
+      }
+    }
+  };
+  var handleRowClick = (0, _hooks.usePersistFn)(function (e) {
+    var target = e.target;
+    var _props$rowClickAttr = props.rowClickAttr,
+      rowClickAttr = _props$rowClickAttr === void 0 ? ['*'] : _props$rowClickAttr,
+      onRowClick = props.onRowClick;
+    if (onRowClick && rowClickAttr) {
+      if (rowClickAttr === true || rowClickAttr === '*') {
+        onRowClick(props.rawData, props.rowIndex);
+      } else {
+        var arrts = Array.isArray(rowClickAttr) ? rowClickAttr : [rowClickAttr].filter(function (item) {
+          return typeof item === 'string';
+        });
+        var isMatch = arrts.some(function (attr) {
+          return attr === '*' || target.hasAttribute(attr);
+        });
+        if (isMatch) {
+          onRowClick(props.rawData, props.rowIndex);
+        }
+      }
+    }
+    if (props.rowClickExpand) {
+      props.handleExpandClick(props.expandCol, props.rawData, props.rowIndex);
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("tr", _objectSpread(_objectSpread({
+      ref: trRef,
+      className: (0, _classnames.default)(props === null || props === void 0 ? void 0 : (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked))
+    }, props.rowEvents), {}, {
+      onClick: handleRowClick,
+      children: renderTds(props.columns, props.row)
+    })), renderExpand()]
+  });
+};
+var _default = Tr;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+import { TableProps } from './table.type';
+export interface UseTableSelectProps {
+    cellSelectable: TableProps<any, any>['cellSelectable'];
+}
+declare const useTableSelect: (props: UseTableSelectProps) => {
+    getTableProps: () => {
+        "data-soui-table"?: undefined;
+        onMouseDown?: undefined;
+        onMouseMove?: undefined;
+        onMouseUp?: undefined;
+    } | {
+        "data-soui-table": string;
+        onMouseDown: (e: React.MouseEvent) => void;
+        onMouseMove: (event: React.MouseEvent) => void;
+        onMouseUp: (event: React.MouseEvent) => void;
+    };
+};
+export default useTableSelect;
+//# sourceMappingURL=use-table-select.d.ts.map

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

@@ -0,0 +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"}