@tendaui/react 1.1.1 → 1.1.2

package/es/table/Cell.js

@@ -0,0 +1,73 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import React from 'react';
+import classNames from 'classnames';
+import { isFunction, get } from 'lodash-es';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function renderCell(params, extra) {
+  var col = params.col,
+    row = params.row;
+  if (isFunction(col.cell)) {
+    return col.cell(params);
+  }
+  if (isFunction(col.render)) {
+    return col.render(params);
+  }
+  if (col.cell && !isFunction(col.cell)) {
+    return col.cell;
+  }
+  var value = get(row, col.colKey);
+  if (value === void 0 || value === null || value === "") {
+    if (extra !== null && extra !== void 0 && extra.cellEmptyContent) {
+      return isFunction(extra.cellEmptyContent) ? extra.cellEmptyContent(params) : extra.cellEmptyContent;
+    }
+  }
+  return value;
+}
+var Cell = function Cell(props) {
+  var cellParams = props.cellParams,
+    cellEmptyContent = props.cellEmptyContent,
+    onClick = props.onClick;
+  var col = cellParams.col,
+    colIndex = cellParams.colIndex;
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var cellNode = renderCell(cellParams, {
+    cellEmptyContent: cellEmptyContent
+  });
+  var isEllipsis = Boolean(col.ellipsis);
+  var cellContent = isEllipsis ? /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-table__ellipsis"),
+    title: String(cellNode),
+    style: {
+      width: "100%",
+      overflow: "hidden"
+    }
+  }, cellNode) : cellNode;
+  var customClasses = isFunction(col.className) ? col.className(cellParams) : col.className;
+  var classes = classNames(customClasses, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-table__cell--ellipsis"), isEllipsis), "".concat(classPrefix, "-align-left"), col.align === "left" || !col.align), "".concat(classPrefix, "-align-center"), col.align === "center"), "".concat(classPrefix, "-align-right"), col.align === "right"));
+  var attrs = isFunction(col.attrs) ? col.attrs(cellParams) : col.attrs || {};
+  var cellStyle = {};
+  if (col.width) {
+    cellStyle.width = typeof col.width === "number" ? "".concat(col.width, "px") : col.width;
+  }
+  if (col.minWidth) {
+    cellStyle.minWidth = typeof col.minWidth === "number" ? "".concat(col.minWidth, "px") : col.minWidth;
+  }
+  return /* @__PURE__ */React.createElement("td", _objectSpread(_objectSpread({
+    key: col.colKey || colIndex,
+    className: classes || void 0,
+    style: Object.keys(cellStyle).length > 0 ? cellStyle : void 0
+  }, attrs), {}, {
+    onClick: onClick
+  }), cellContent);
+};
+Cell.displayName = "Cell";
+
+export { Cell as default, renderCell };
+//# sourceMappingURL=Cell.js.map

package/es/table/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../components/table/Cell.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { isFunction, get } from \"lodash-es\";\nimport useConfig from \"../hooks/useConfig\";\nimport { BaseTableCellParams, TableRowData } from \"./type\";\n\nexport interface CellProps<T extends TableRowData = TableRowData> {\n  cellParams: BaseTableCellParams<T>;\n  cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n}\n\n/**\n * 渲染单元格内容\n */\nexport function renderCell<T extends TableRowData = TableRowData>(\n  params: BaseTableCellParams<T>,\n  extra?: {\n    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  }\n): React.ReactNode {\n  const { col, row } = params;\n\n  // 如果列配置了自定义渲染函数\n  if (isFunction(col.cell)) {\n    return col.cell(params);\n  }\n\n  if (isFunction(col.render)) {\n    return col.render(params);\n  }\n\n  // 如果列配置了字符串或 ReactNode\n  if (col.cell && !isFunction(col.cell)) {\n    return col.cell;\n  }\n\n  // 默认从 row 数据中获取值\n  const value = get(row, col.colKey) as React.ReactNode;\n\n  // 处理空值\n  if (value === undefined || value === null || value === \"\") {\n    if (extra?.cellEmptyContent) {\n      return isFunction(extra.cellEmptyContent) ? extra.cellEmptyContent(params) : extra.cellEmptyContent;\n    }\n  }\n\n  return value;\n}\n\nconst Cell = <T extends TableRowData = TableRowData>(props: CellProps<T>) => {\n  const { cellParams, cellEmptyContent, onClick } = props;\n  const { col, colIndex } = cellParams;\n  const { classPrefix } = useConfig();\n\n  const cellNode = renderCell(cellParams, { cellEmptyContent });\n\n  // 处理省略文本\n  const isEllipsis = Boolean(col.ellipsis);\n  const cellContent = isEllipsis ? (\n    <div\n      className={`${classPrefix}-table__ellipsis`}\n      title={String(cellNode)}\n      style={{ width: \"100%\", overflow: \"hidden\" }}\n    >\n      {cellNode}\n    </div>\n  ) : (\n    cellNode\n  );\n\n  // 处理类名\n  const customClasses = isFunction(col.className) ? col.className(cellParams) : col.className;\n\n  const classes = classNames(customClasses, {\n    [`${classPrefix}-table__cell--ellipsis`]: isEllipsis,\n    [`${classPrefix}-align-left`]: col.align === \"left\" || !col.align,\n    [`${classPrefix}-align-center`]: col.align === \"center\",\n    [`${classPrefix}-align-right`]: col.align === \"right\"\n  });\n\n  // 处理属性\n  const attrs = isFunction(col.attrs) ? col.attrs(cellParams) : col.attrs || {};\n\n  // 处理单元格样式\n  const cellStyle: React.CSSProperties = {};\n  if (col.width) {\n    cellStyle.width = typeof col.width === \"number\" ? `${col.width}px` : col.width;\n  }\n  if (col.minWidth) {\n    cellStyle.minWidth = typeof col.minWidth === \"number\" ? `${col.minWidth}px` : col.minWidth;\n  }\n\n  return (\n    <td\n      key={col.colKey || colIndex}\n      className={classes || undefined}\n      style={Object.keys(cellStyle).length > 0 ? cellStyle : undefined}\n      {...attrs}\n      onClick={onClick}\n    >\n      {cellContent}\n    </td>\n  );\n};\n\nCell.displayName = \"Cell\";\n\nexport default Cell;\n"],"names":["renderCell","params","extra","col","row","isFunction","cell","render","value","get","colKey","cellEmptyContent","Cell","props","cellParams","onClick","colIndex","_useConfig","useConfig","classPrefix","cellNode","isEllipsis","Boolean","ellipsis","cellContent","React","createElement","className","concat","title","String","style","width","overflow","customClasses","classes","classNames","_defineProperty","align","attrs","cellStyle","minWidth","_objectSpread","key","Object","keys","length","displayName"],"mappings":"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"}

package/es/table/TBody.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { TableRowData, BaseTableCol, BaseTableCellParams } from "./type";
+export interface TBodyProps<T extends TableRowData = TableRowData> {
+    data: T[];
+    columns: BaseTableCol<T>[];
+    rowKey: string;
+    rowClassName?: string | ((params: {
+        row: T;
+        rowIndex: number;
+    }) => string);
+    rowAttributes?: Record<string, unknown> | ((params: {
+        row: T;
+        rowIndex: number;
+    }) => Record<string, unknown>);
+    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);
+    empty?: React.ReactNode;
+    onRowClick?: (params: {
+        row: T;
+        rowIndex: number;
+        e: React.MouseEvent<HTMLTableRowElement>;
+    }) => void;
+    onCellClick?: (params: BaseTableCellParams<T>) => void;
+}
+declare const TBody: {
+    <T extends TableRowData = TableRowData>(props: TBodyProps<T>): React.JSX.Element;
+    displayName: string;
+};
+export default TBody;

package/es/table/TBody.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { get } from 'lodash-es';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import TR from './TR.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import 'dayjs';
+import 'classnames';
+import './Cell.js';
+
+var TBody = function TBody(props) {
+  var data = props.data,
+    columns = props.columns,
+    rowKey = props.rowKey,
+    rowClassName = props.rowClassName,
+    rowAttributes = props.rowAttributes,
+    cellEmptyContent = props.cellEmptyContent,
+    empty = props.empty,
+    onRowClick = props.onRowClick,
+    onCellClick = props.onCellClick;
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var renderEmpty = function renderEmpty() {
+    if (empty !== void 0) {
+      return /* @__PURE__ */React.createElement("tr", {
+        className: "".concat(classPrefix, "-table__empty-row")
+      }, /* @__PURE__ */React.createElement("td", {
+        colSpan: columns.length
+      }, /* @__PURE__ */React.createElement("div", {
+        className: "".concat(classPrefix, "-table__empty")
+      }, empty)));
+    }
+    return /* @__PURE__ */React.createElement("tr", {
+      className: "".concat(classPrefix, "-table__empty-row")
+    }, /* @__PURE__ */React.createElement("td", {
+      colSpan: columns.length
+    }, /* @__PURE__ */React.createElement("div", {
+      className: "".concat(classPrefix, "-table__empty")
+    }, "\u6682\u65E0\u6570\u636E")));
+  };
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */React.createElement("tbody", {
+      className: "".concat(classPrefix, "-table__body")
+    }, renderEmpty());
+  }
+  var rows = data.map(function (row, rowIndex) {
+    var rowKeyValue = get(row, rowKey);
+    var key = typeof rowKeyValue === "string" || typeof rowKeyValue === "number" ? rowKeyValue : rowIndex;
+    return /* @__PURE__ */React.createElement(TR, {
+      key: key,
+      row: row,
+      rowIndex: rowIndex,
+      columns: columns,
+      rowKey: rowKey,
+      rowClassName: rowClassName,
+      rowAttributes: rowAttributes,
+      cellEmptyContent: cellEmptyContent,
+      onRowClick: onRowClick,
+      onCellClick: onCellClick
+    });
+  });
+  return /* @__PURE__ */React.createElement("tbody", {
+    className: "".concat(classPrefix, "-table__body")
+  }, rows);
+};
+TBody.displayName = "TBody";
+
+export { TBody as default };
+//# sourceMappingURL=TBody.js.map

package/es/table/TBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBody.js","sources":["../../../components/table/TBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { get } from \"lodash-es\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TableRowData, BaseTableCol, BaseTableCellParams } from \"./type\";\nimport TR from \"./TR\";\n\nexport interface TBodyProps<T extends TableRowData = TableRowData> {\n  data: T[];\n  columns: BaseTableCol<T>[];\n  rowKey: string;\n  rowClassName?: string | ((params: { row: T; rowIndex: number }) => string);\n  rowAttributes?: Record<string, unknown> | ((params: { row: T; rowIndex: number }) => Record<string, unknown>);\n  cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  empty?: React.ReactNode;\n  onRowClick?: (params: { row: T; rowIndex: number; e: React.MouseEvent<HTMLTableRowElement> }) => void;\n  onCellClick?: (params: BaseTableCellParams<T>) => void;\n}\n\nconst TBody = <T extends TableRowData = TableRowData>(props: TBodyProps<T>) => {\n  const { data, columns, rowKey, rowClassName, rowAttributes, cellEmptyContent, empty, onRowClick, onCellClick } =\n    props;\n  const { classPrefix } = useConfig();\n\n  // 空数据渲染\n  const renderEmpty = () => {\n    if (empty !== undefined) {\n      return (\n        <tr className={`${classPrefix}-table__empty-row`}>\n          <td colSpan={columns.length}>\n            <div className={`${classPrefix}-table__empty`}>{empty}</div>\n          </td>\n        </tr>\n      );\n    }\n    return (\n      <tr className={`${classPrefix}-table__empty-row`}>\n        <td colSpan={columns.length}>\n          <div className={`${classPrefix}-table__empty`}>暂无数据</div>\n        </td>\n      </tr>\n    );\n  };\n\n  // 如果没有数据，显示空状态\n  if (!data || data.length === 0) {\n    return <tbody className={`${classPrefix}-table__body`}>{renderEmpty()}</tbody>;\n  }\n\n  // 渲染数据行\n  const rows = data.map((row, rowIndex) => {\n    const rowKeyValue = get(row, rowKey);\n    const key = typeof rowKeyValue === \"string\" || typeof rowKeyValue === \"number\" ? rowKeyValue : rowIndex;\n    return (\n      <TR\n        key={key}\n        row={row}\n        rowIndex={rowIndex}\n        columns={columns}\n        rowKey={rowKey}\n        rowClassName={rowClassName}\n        rowAttributes={rowAttributes}\n        cellEmptyContent={cellEmptyContent}\n        onRowClick={onRowClick}\n        onCellClick={onCellClick}\n      />\n    );\n  });\n\n  return <tbody className={`${classPrefix}-table__body`}>{rows}</tbody>;\n};\n\nTBody.displayName = \"TBody\";\n\nexport default TBody;\n"],"names":["TBody","props","data","columns","rowKey","rowClassName","rowAttributes","cellEmptyContent","empty","onRowClick","onCellClick","_useConfig","useConfig","classPrefix","renderEmpty","className","concat","colSpan","length","React","createElement","rows","map","row","rowIndex","rowKeyValue","get","key","TR","displayName"],"mappings":";;;;;;;;;;;AAkBA,IAAMA,KAAA,GAAQ,SAARA,KAAAA,CAAgDC,KAAA,EAAyB;AAC7E,EAAA,IAAQC,IAAA,GACND,KAAA,CADMC,IAAA;IAAMC,OAAA,GACZF,KAAA,CADYE,OAAA;IAASC,MAAA,GACrBH,KAAA,CADqBG,MAAA;IAAQC,YAAA,GAC7BJ,KAAA,CAD6BI,YAAA;IAAcC,gBAC3CL,KAAA,CAD2CK;IAAeC,gBAAA,GAC1DN,KAAA,CAD0DM,gBAAA;IAAkBC,KAAA,GAC5EP,KAAA,CAD4EO,KAAA;IAAOC,UAAA,GACnFR,KAAA,CADmFQ,UAAA;IAAYC,WAAA,GAC/FT,KAAA,CAD+FS,WAAA;AAEjG,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;AAGR,EAAA,IAAMC,cAAc,SAAdA,cAAoB;AACxB,IAAA,IAAIN,UAAU,KAAA,CAAA,EAAW;AACvB,MAAA,0CACG,IAAA,EAAA;QAAGO,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,mBAAA;AAAA,OAAA,qCAC1B,IAAA,EAAA;QAAGI,OAAA,EAASd,QAAQe;AAAA,OAAA,iBACnBC,KAAA,CAAAC,aAAA,CAAC;QAAIL,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,eAAA;AAAA,OAAA,EAAkBL,KAAM,CACxD,CACF,CAAA;AAEJ,IAAA;AACA,IAAA,0CACG,IAAA,EAAA;MAAGO,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,mBAAA;AAAA,KAAA,qCAC1B,IAAA,EAAA;MAAGI,OAAA,EAASd,QAAQe;AAAA,KAAA,iBACnBC,KAAA,CAAAC,aAAA,CAAC;MAAIL,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,eAAA;AAAA,KAAA,EAAiB,0BAAI,CACrD,CACF,CAAA;EAEJ,CAAA;EAGA,IAAI,CAACX,IAAA,IAAQA,IAAA,CAAKgB,MAAA,KAAW,CAAA,EAAG;AAC9B,IAAA,0CAAQ,OAAA,EAAA;MAAMH,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,cAAA;AAAA,KAAA,EAAiBC,aAAc,CAAA;AACxE,EAAA;EAGA,IAAMO,IAAA,GAAOnB,IAAA,CAAKoB,GAAA,CAAI,UAACC,KAAKC,QAAA,EAAa;AACvC,IAAA,IAAMC,WAAA,GAAcC,GAAA,CAAIH,GAAA,EAAKnB,MAAM,CAAA;AACnC,IAAA,IAAMuB,MAAM,OAAOF,WAAA,KAAgB,YAAY,OAAOA,WAAA,KAAgB,WAAWA,WAAA,GAAcD,QAAA;AAC/F,IAAA,sBACEL,KAAA,CAAAC,aAAA,CAACQ,EAAA,EAAA;AACCD,MAAAA,GAAA,EAAAA,GAAA;AACAJ,MAAAA,GAAA,EAAAA,GAAA;AACAC,MAAAA,QAAA,EAAAA,QAAA;AACArB,MAAAA,OAAA,EAAAA,OAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAA;AACAC,MAAAA,aAAA,EAAAA,aAAA;AACAC,MAAAA,gBAAA,EAAAA,gBAAA;AACAE,MAAAA,UAAA,EAAAA,UAAA;AACAC,MAAAA,WAAA,EAAAA;AAAA,KACF,CAAA;AAEJ,EAAA,CAAC,CAAA;AAED,EAAA,0CAAQ,OAAA,EAAA;IAAMK,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,cAAA;KAAiBQ,IAAK,CAAA;AAC/D;AAEArB,KAAA,CAAM6B,WAAA,GAAc,OAAA;;;;"}

package/es/table/THead.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { BaseTableCol, TableRowData } from "./type";
+export interface THeadProps<T extends TableRowData = TableRowData> {
+    columns: BaseTableCol<T>[];
+}
+declare const THead: {
+    <T extends TableRowData = TableRowData>(props: THeadProps<T>): React.JSX.Element;
+    displayName: string;
+};
+export default THead;

package/es/table/THead.js

@@ -0,0 +1,56 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import React from 'react';
+import classNames from 'classnames';
+import { isFunction } from 'lodash-es';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function renderTitle(col, colIndex) {
+  var params = {
+    col: col,
+    colIndex: colIndex
+  };
+  if (isFunction(col.title)) {
+    return col.title(params);
+  }
+  return col.title || "";
+}
+var THead = function THead(props) {
+  var columns = props.columns;
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var thList = columns.map(function (col, colIndex) {
+    var title = renderTitle(col, colIndex);
+    var customClasses = isFunction(col.className) ? col.className({
+      row: {},
+      rowIndex: -1,
+      col: col,
+      colIndex: colIndex
+    }) : col.className;
+    var classes = classNames(customClasses, _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-align-left"), col.align === "left" || !col.align), "".concat(classPrefix, "-align-center"), col.align === "center"), "".concat(classPrefix, "-align-right"), col.align === "right"));
+    var attrs = isFunction(col.attrs) ? col.attrs({
+      row: {},
+      rowIndex: -1,
+      col: col,
+      colIndex: colIndex
+    }) : col.attrs || {};
+    return /* @__PURE__ */React.createElement("th", _objectSpread({
+      key: col.colKey || colIndex,
+      className: classes || void 0,
+      style: col.width ? {
+        width: typeof col.width === "number" ? "".concat(col.width, "px") : col.width
+      } : void 0
+    }, attrs), title);
+  });
+  return /* @__PURE__ */React.createElement("thead", {
+    className: "".concat(classPrefix, "-table__header")
+  }, /* @__PURE__ */React.createElement("tr", null, thList));
+};
+THead.displayName = "THead";
+
+export { THead as default };
+//# sourceMappingURL=THead.js.map

package/es/table/THead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"THead.js","sources":["../../../components/table/THead.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { isFunction } from \"lodash-es\";\nimport useConfig from \"../hooks/useConfig\";\nimport { BaseTableCol, TableRowData, BaseTableHeadCellParams } from \"./type\";\n\nexport interface THeadProps<T extends TableRowData = TableRowData> {\n  columns: BaseTableCol<T>[];\n}\n\n/**\n * 渲染表头标题\n */\nfunction renderTitle<T extends TableRowData = TableRowData>(col: BaseTableCol<T>, colIndex: number): React.ReactNode {\n  const params: BaseTableHeadCellParams<T> = { col, colIndex };\n\n  if (isFunction(col.title)) {\n    return col.title(params);\n  }\n\n  return col.title || \"\";\n}\n\nconst THead = <T extends TableRowData = TableRowData>(props: THeadProps<T>) => {\n  const { columns } = props;\n  const { classPrefix } = useConfig();\n\n  const thList = columns.map((col, colIndex) => {\n    const title = renderTitle(col, colIndex);\n    const customClasses = isFunction(col.className)\n      ? col.className({ row: {} as T, rowIndex: -1, col, colIndex })\n      : col.className;\n\n    const classes = classNames(customClasses, {\n      [`${classPrefix}-align-left`]: col.align === \"left\" || !col.align,\n      [`${classPrefix}-align-center`]: col.align === \"center\",\n      [`${classPrefix}-align-right`]: col.align === \"right\"\n    });\n\n    const attrs = isFunction(col.attrs) ? col.attrs({ row: {} as T, rowIndex: -1, col, colIndex }) : col.attrs || {};\n\n    return (\n      <th\n        key={col.colKey || colIndex}\n        className={classes || undefined}\n        style={col.width ? { width: typeof col.width === \"number\" ? `${col.width}px` : col.width } : undefined}\n        {...attrs}\n      >\n        {title}\n      </th>\n    );\n  });\n\n  return (\n    <thead className={`${classPrefix}-table__header`}>\n      <tr>{thList}</tr>\n    </thead>\n  );\n};\n\nTHead.displayName = \"THead\";\n\nexport default THead;\n"],"names":["renderTitle","col","colIndex","params","isFunction","title","THead","props","columns","_useConfig","useConfig","classPrefix","thList","map","customClasses","className","row","rowIndex","classes","classNames","_defineProperty","concat","align","attrs","React","createElement","_objectSpread","key","colKey","style","width","displayName"],"mappings":";;;;;;;;;;;AAaA,SAASA,WAAAA,CAAmDC,KAAsBC,QAAA,EAAmC;AACnH,EAAA,IAAMC,MAAA,GAAqC;AAAEF,IAAAA,GAAA,EAAAA,GAAA;AAAKC,IAAAA,QAAA,EAAAA;GAAS;AAE3D,EAAA,IAAIE,UAAA,CAAWH,GAAA,CAAII,KAAK,CAAA,EAAG;AACzB,IAAA,OAAOJ,GAAA,CAAII,MAAMF,MAAM,CAAA;AACzB,EAAA;AAEA,EAAA,OAAOF,IAAII,KAAA,IAAS,EAAA;AACtB;AAEA,IAAMC,KAAA,GAAQ,SAARA,KAAAA,CAAgDC,KAAA,EAAyB;AAC7E,EAAA,IAAQC,UAAYD,KAAA,CAAZC;AACR,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EAER,IAAMC,MAAA,GAASJ,OAAA,CAAQK,GAAA,CAAI,UAACZ,KAAKC,QAAA,EAAa;AAC5C,IAAA,IAAMG,KAAA,GAAQL,WAAA,CAAYC,GAAA,EAAKC,QAAQ,CAAA;AACvC,IAAA,IAAMY,gBAAgBV,UAAA,CAAWH,GAAA,CAAIc,SAAS,CAAA,GAC1Cd,IAAIc,SAAA,CAAU;MAAEC,GAAA,EAAK;MAASC,QAAA,EAAU,CAAA,CAAA;AAAIhB,MAAAA,KAAAA;AAAKC,MAAAA,QAAA,EAAAA;AAAS,KAAC,IAC3DD,GAAA,CAAIc,SAAA;IAER,IAAMG,OAAA,GAAUC,WAAWL,aAAA,EAAAM,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA,EAAA,EAAA,EAAA,CAAAC,MAAA,CACrBV,WAAW,EAAA,aAAA,CAAA,EAAgBV,GAAA,CAAIqB,KAAA,KAAU,MAAA,IAAU,CAACrB,GAAA,CAAIqB,KAAA,MAAAD,MAAA,CACxDV,WAAW,EAAA,eAAA,CAAA,EAAkBV,IAAIqB,KAAA,KAAU,QAAA,MAAAD,MAAA,CAC3CV,WAAW,EAAA,cAAA,CAAA,EAAiBV,IAAIqB,KAAA,KAAU,OAAA,CAC/C,CAAA;AAED,IAAA,IAAMC,QAAQnB,UAAA,CAAWH,GAAA,CAAIsB,KAAK,CAAA,GAAItB,GAAA,CAAIsB,MAAM;MAAEP,GAAA,EAAK,EAAC;MAAQC,QAAA,EAAU;AAAIhB,MAAAA,GAAA,EAAAA,GAAA;AAAKC,MAAAA,QAAA,EAAAA;AAAS,KAAC,CAAA,GAAID,GAAA,CAAIsB,SAAS,EAAC;AAE/G,IAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,IAAA,EAAAC,aAAA,CAAA;AACCC,MAAAA,GAAA,EAAK1B,IAAI2B,MAAA,IAAU1B,QAAA;AACnBa,MAAAA,WAAWG,OAAA,IAAW,KAAA,CAAA;AACtBW,MAAAA,KAAA,EAAO5B,GAAA,CAAI6B,KAAA,GAAQ;AAAEA,QAAAA,OAAO,OAAO7B,GAAA,CAAI6B,KAAA,KAAU,QAAA,GAAA,EAAA,CAAAT,MAAA,CAAcpB,GAAA,CAAI6B,KAAK,EAAA,IAAA,CAAA,GAAO7B,GAAA,CAAI6B;AAAM,OAAA,GAAI,KAAA;KAAA,EACzFP,KAAA,CAAA,EAEHlB,KACH,CAAA;AAEJ,EAAA,CAAC,CAAA;AAED,EAAA,sBACEmB,KAAA,CAAAC,aAAA,CAAC;IAAMV,SAAA,EAAA,EAAA,CAAAM,MAAA,CAAcV,WAAW,EAAA,gBAAA;AAAA,GAAA,iBAC9Ba,KAAA,CAAAC,aAAA,CAAC,IAAA,EAAA,IAAA,EAAIb,MAAO,CACd,CAAA;AAEJ;AAEAN,KAAA,CAAMyB,WAAA,GAAc,OAAA;;;;"}

package/es/table/TR.d.ts

@@ -0,0 +1,28 @@
+import React, { MouseEvent } from "react";
+import { TableRowData, BaseTableCol, BaseTableCellParams } from "./type";
+export interface TRProps<T extends TableRowData = TableRowData> {
+    row: T;
+    rowIndex: number;
+    columns: BaseTableCol<T>[];
+    rowKey: string;
+    rowClassName?: string | ((params: {
+        row: T;
+        rowIndex: number;
+    }) => string);
+    rowAttributes?: Record<string, unknown> | ((params: {
+        row: T;
+        rowIndex: number;
+    }) => Record<string, unknown>);
+    cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);
+    onRowClick?: (params: {
+        row: T;
+        rowIndex: number;
+        e: MouseEvent<HTMLTableRowElement>;
+    }) => void;
+    onCellClick?: (params: BaseTableCellParams<T>) => void;
+}
+declare const TR: {
+    <T extends TableRowData = TableRowData>(props: TRProps<T>): React.JSX.Element;
+    displayName: string;
+};
+export default TR;

package/es/table/TR.js

@@ -0,0 +1,76 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import React from 'react';
+import classNames from 'classnames';
+import { isFunction } from 'lodash-es';
+import Cell from './Cell.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TR = function TR(props) {
+  var row = props.row,
+    rowIndex = props.rowIndex,
+    columns = props.columns,
+    rowClassName = props.rowClassName,
+    rowAttributes = props.rowAttributes,
+    cellEmptyContent = props.cellEmptyContent,
+    onRowClick = props.onRowClick,
+    onCellClick = props.onCellClick;
+  var customRowClassName = isFunction(rowClassName) ? rowClassName({
+    row: row,
+    rowIndex: rowIndex
+  }) : rowClassName;
+  var rowClasses = classNames(customRowClassName);
+  var customRowAttributes = isFunction(rowAttributes) ? rowAttributes({
+    row: row,
+    rowIndex: rowIndex
+  }) : rowAttributes || {};
+  var handleCellClick = function handleCellClick(e, col, colIndex) {
+    if (onCellClick) {
+      onCellClick({
+        row: row,
+        rowIndex: rowIndex,
+        col: col,
+        colIndex: colIndex,
+        e: e
+      });
+    }
+  };
+  var handleRowClick = function handleRowClick(e) {
+    if (onRowClick) {
+      onRowClick({
+        row: row,
+        rowIndex: rowIndex,
+        e: e
+      });
+    }
+  };
+  var cells = columns.map(function (col, colIndex) {
+    var cellParams = {
+      row: row,
+      rowIndex: rowIndex,
+      col: col,
+      colIndex: colIndex
+    };
+    return /* @__PURE__ */React.createElement(Cell, {
+      key: col.colKey || colIndex,
+      cellParams: cellParams,
+      cellEmptyContent: cellEmptyContent,
+      onClick: function onClick(e) {
+        return handleCellClick(e, col, colIndex);
+      }
+    });
+  });
+  return /* @__PURE__ */React.createElement("tr", _objectSpread(_objectSpread({
+    className: rowClasses || void 0
+  }, customRowAttributes), {}, {
+    onClick: handleRowClick
+  }), cells);
+};
+TR.displayName = "TR";
+
+export { TR as default };
+//# sourceMappingURL=TR.js.map

package/es/table/TR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TR.js","sources":["../../../components/table/TR.tsx"],"sourcesContent":["import React, { MouseEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { isFunction } from \"lodash-es\";\nimport { TableRowData, BaseTableCol, BaseTableCellParams } from \"./type\";\nimport Cell from \"./Cell\";\n\nexport interface TRProps<T extends TableRowData = TableRowData> {\n  row: T;\n  rowIndex: number;\n  columns: BaseTableCol<T>[];\n  rowKey: string;\n  rowClassName?: string | ((params: { row: T; rowIndex: number }) => string);\n  rowAttributes?: Record<string, unknown> | ((params: { row: T; rowIndex: number }) => Record<string, unknown>);\n  cellEmptyContent?: React.ReactNode | ((params: BaseTableCellParams<T>) => React.ReactNode);\n  onRowClick?: (params: { row: T; rowIndex: number; e: MouseEvent<HTMLTableRowElement> }) => void;\n  onCellClick?: (params: BaseTableCellParams<T>) => void;\n}\n\nconst TR = <T extends TableRowData = TableRowData>(props: TRProps<T>) => {\n  const { row, rowIndex, columns, rowClassName, rowAttributes, cellEmptyContent, onRowClick, onCellClick } = props;\n\n  // 处理行类名\n  const customRowClassName = isFunction(rowClassName) ? rowClassName({ row, rowIndex }) : rowClassName;\n\n  const rowClasses = classNames(customRowClassName);\n\n  // 处理行属性\n  const customRowAttributes = isFunction(rowAttributes) ? rowAttributes({ row, rowIndex }) : rowAttributes || {};\n\n  // 处理单元格点击\n  const handleCellClick = (e: React.MouseEvent<HTMLElement>, col: BaseTableCol<T>, colIndex: number) => {\n    if (onCellClick) {\n      onCellClick({\n        row,\n        rowIndex,\n        col,\n        colIndex,\n        e\n      });\n    }\n  };\n\n  // 处理行点击\n  const handleRowClick = (e: MouseEvent<HTMLTableRowElement>) => {\n    if (onRowClick) {\n      onRowClick({ row, rowIndex, e });\n    }\n  };\n\n  // 渲染单元格\n  const cells = columns.map((col, colIndex) => {\n    const cellParams: BaseTableCellParams<T> = {\n      row,\n      rowIndex,\n      col,\n      colIndex\n    };\n\n    return (\n      <Cell\n        key={col.colKey || colIndex}\n        cellParams={cellParams}\n        cellEmptyContent={cellEmptyContent}\n        onClick={(e) => handleCellClick(e, col, colIndex)}\n      />\n    );\n  });\n\n  return (\n    <tr className={rowClasses || undefined} {...customRowAttributes} onClick={handleRowClick}>\n      {cells}\n    </tr>\n  );\n};\n\nTR.displayName = \"TR\";\n\nexport default TR;\n"],"names":["TR","props","row","rowIndex","columns","rowClassName","rowAttributes","cellEmptyContent","onRowClick","onCellClick","customRowClassName","isFunction","rowClasses","classNames","customRowAttributes","handleCellClick","e","col","colIndex","handleRowClick","cells","map","cellParams","React","createElement","Cell","key","colKey","onClick","className","displayName"],"mappings":";;;;;;;;;;;;AAkBA,IAAMA,EAAA,GAAK,SAALA,EAAAA,CAA6CC,KAAA,EAAsB;AACvE,EAAA,IAAQC,MAAmGD,KAAA,CAAnGC;IAAKC,QAAA,GAA8FF,KAAA,CAA9FE,QAAA;IAAUC,OAAA,GAAoFH,KAAA,CAApFG,OAAA;IAASC,eAA2EJ,KAAA,CAA3EI;IAAcC,aAAA,GAA6DL,KAAA,CAA7DK,aAAA;IAAeC,gBAAA,GAA8CN,KAAA,CAA9CM,gBAAA;IAAkBC,UAAA,GAA4BP,KAAA,CAA5BO,UAAA;IAAYC,WAAA,GAAgBR,KAAA,CAAhBQ,WAAA;EAG3F,IAAMC,kBAAA,GAAqBC,WAAWN,YAAY,CAAA,GAAIA,aAAa;AAAEH,IAAAA,GAAA,EAAAA,GAAA;AAAKC,IAAAA,QAAA,EAAAA;GAAU,CAAA,GAAIE,YAAA;AAExF,EAAA,IAAMO,UAAA,GAAaC,WAAWH,kBAAkB,CAAA;EAGhD,IAAMI,mBAAA,GAAsBH,UAAA,CAAWL,aAAa,CAAA,GAAIA,aAAA,CAAc;AAAEJ,IAAAA,GAAA,EAAAA,GAAA;AAAKC,IAAAA,QAAA,EAAAA;AAAS,GAAC,CAAA,GAAIG,aAAA,IAAiB,EAAC;EAG7G,IAAMS,eAAA,GAAkB,SAAlBA,eAAAA,CAAmBC,CAAA,EAAkCC,GAAA,EAAsBC,QAAA,EAAqB;AACpG,IAAA,IAAIT,WAAA,EAAa;AACfA,MAAAA,WAAA,CAAY;AACVP,QAAAA,GAAA,EAAAA,GAAA;AACAC,QAAAA,QAAA,EAAAA,QAAA;AACAc,QAAAA,GAAA,EAAAA,GAAA;AACAC,QAAAA,QAAA,EAAAA,QAAA;AACAF,QAAAA,CAAA,EAAAA;AACF,OAAC,CAAA;AACH,IAAA;EACF,CAAA;AAGA,EAAA,IAAMG,cAAA,GAAiB,SAAjBA,cAAAA,CAAkBH,CAAA,EAAuC;AAC7D,IAAA,IAAIR,UAAA,EAAY;AACdA,MAAAA,UAAA,CAAW;AAAEN,QAAAA,GAAA,EAAAA,GAAA;AAAKC,QAAAA,QAAA,EAAAA,QAAA;AAAUa,QAAAA,CAAA,EAAAA;AAAE,OAAC,CAAA;AACjC,IAAA;EACF,CAAA;EAGA,IAAMI,KAAA,GAAQhB,OAAA,CAAQiB,GAAA,CAAI,UAACJ,KAAKC,QAAA,EAAa;AAC3C,IAAA,IAAMI,UAAA,GAAqC;AACzCpB,MAAAA,GAAA,EAAAA,GAAA;AACAC,MAAAA,QAAA,EAAAA,QAAA;AACAc,MAAAA,GAAA,EAAAA,GAAA;AACAC,MAAAA,QAAA,EAAAA;KACF;AAEA,IAAA,sBACEK,KAAA,CAAAC,aAAA,CAACC,IAAA,EAAA;AACCC,MAAAA,GAAA,EAAKT,IAAIU,MAAA,IAAUT,QAAA;AACnBI,MAAAA,UAAA,EAAAA,UAAA;AACAf,MAAAA,gBAAA,EAAAA,gBAAA;AACAqB,MAAAA,SAAS,SAATA,QAAUZ,CAAA,EAAA;AAAA,QAAA,OAAMD,eAAA,CAAgBC,CAAA,EAAGC,KAAKC,QAAQ,CAAA;AAAA,MAAA;AAAA,KAClD,CAAA;AAEJ,EAAA,CAAC,CAAA;EAED,sBACEK,KAAA,CAAAC,aAAA,CAAC;IAAGK,SAAA,EAAWjB,UAAA,IAAc;KAAeE,mBAAA,CAAA,EAAA,EAAA,EAAA;AAAqBc,IAAAA,OAAA,EAAST;AAAA,GAAA,CAAA,EACvEC,KACH,CAAA;AAEJ;AAEApB,EAAA,CAAG8B,WAAA,GAAc,IAAA;;;;"}

package/es/table/Table.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { BaseTableProps, TableRowData } from "./type";
+export interface TableProps<T extends TableRowData = TableRowData> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick">, BaseTableProps<T> {
+}
+declare const Table: <T extends TableRowData = TableRowData>(props: TableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+export default Table;

package/es/table/Table.js

@@ -0,0 +1,98 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
+import React, { forwardRef } from 'react';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
+import { useTableStyle, formatCSSUnit } from './hooks/index.js';
+import THead from './THead.js';
+import TBody from './TBody.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import 'classnames';
+import 'lodash-es';
+import './TR.js';
+import './Cell.js';
+
+var tableDefaultProps = {
+  columns: [],
+  data: [],
+  rowKey: "id",
+  showHeader: true,
+  bordered: false,
+  stripe: false,
+  hover: false,
+  size: "medium",
+  tableLayout: "fixed",
+  verticalAlign: "middle"
+};
+
+var _excluded = ["columns", "data", "rowKey", "showHeader", "empty", "cellEmptyContent", "rowClassName", "rowAttributes", "onRowClick", "onCellClick"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TableComponent = /*#__PURE__*/forwardRef(function (originalProps, ref) {
+  var props = useDefaultProps(originalProps, tableDefaultProps);
+  var _props$columns = props.columns,
+    columns = _props$columns === void 0 ? [] : _props$columns,
+    _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey,
+    _props$showHeader = props.showHeader,
+    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
+    empty = props.empty,
+    cellEmptyContent = props.cellEmptyContent,
+    rowClassName = props.rowClassName,
+    rowAttributes = props.rowAttributes,
+    onRowClick = props.onRowClick,
+    onCellClick = props.onCellClick,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var _useTableStyle = useTableStyle(props),
+    tableClasses = _useTableStyle.tableClasses,
+    tableContentStyles = _useTableStyle.tableContentStyles,
+    tableElementStyles = _useTableStyle.tableElementStyles;
+  return /* @__PURE__ */React.createElement("div", _objectSpread({
+    ref: ref,
+    className: tableClasses,
+    style: tableElementStyles
+  }, restProps), /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-table__content"),
+    style: tableContentStyles
+  }, /* @__PURE__ */React.createElement("table", {
+    className: "".concat(classPrefix, "-table__table"),
+    style: {
+      tableLayout: props.tableLayout || "fixed"
+    }
+  }, /* @__PURE__ */React.createElement("colgroup", null, columns.map(function (col, index) {
+    var colStyle = {};
+    if (col.width) {
+      colStyle.width = formatCSSUnit(col.width);
+    }
+    if (col.minWidth) {
+      colStyle.minWidth = formatCSSUnit(col.minWidth);
+    }
+    return /* @__PURE__ */React.createElement("col", {
+      key: col.colKey || index,
+      style: colStyle
+    });
+  })), showHeader && /* @__PURE__ */React.createElement(THead, {
+    columns: columns
+  }), /* @__PURE__ */React.createElement(TBody, {
+    data: data,
+    columns: columns,
+    rowKey: rowKey,
+    rowClassName: rowClassName,
+    rowAttributes: rowAttributes,
+    cellEmptyContent: cellEmptyContent,
+    empty: empty,
+    onRowClick: onRowClick,
+    onCellClick: onCellClick
+  }))));
+});
+TableComponent.displayName = "Table";
+var Table = TableComponent;
+
+export { Table as default };
+//# sourceMappingURL=Table.js.map

package/es/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../components/table/defaultProps.ts","../../../components/table/Table.tsx"],"sourcesContent":["import { BaseTableProps } from \"./type\";\n\nexport const tableDefaultProps: BaseTableProps = {\n  columns: [],\n  data: [],\n  rowKey: \"id\",\n  showHeader: true,\n  bordered: false,\n  stripe: false,\n  hover: false,\n  size: \"medium\",\n  tableLayout: \"fixed\",\n  verticalAlign: \"middle\"\n};\n","import React, { forwardRef } from \"react\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { BaseTableProps, TableRowData } from \"./type\";\nimport { tableDefaultProps } from \"./defaultProps\";\nimport { useTableStyle, formatCSSUnit } from \"./hooks\";\nimport THead from \"./THead\";\nimport TBody from \"./TBody\";\n\nexport interface TableProps<T extends TableRowData = TableRowData>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onClick\">,\n    BaseTableProps<T> {}\n\nconst TableComponent = forwardRef<HTMLDivElement, TableProps<TableRowData>>((originalProps, ref) => {\n  const props = useDefaultProps<TableProps<TableRowData>>(originalProps, tableDefaultProps);\n  const {\n    columns = [],\n    data = [],\n    rowKey = \"id\",\n    showHeader = true,\n    empty,\n    cellEmptyContent,\n    rowClassName,\n    rowAttributes,\n    onRowClick,\n    onCellClick,\n    ...restProps\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const { tableClasses, tableContentStyles, tableElementStyles } = useTableStyle(props);\n\n  return (\n    <div ref={ref} className={tableClasses} style={tableElementStyles} {...restProps}>\n      <div className={`${classPrefix}-table__content`} style={tableContentStyles}>\n        <table className={`${classPrefix}-table__table`} style={{ tableLayout: props.tableLayout || \"fixed\" }}>\n          <colgroup>\n            {columns.map((col, index) => {\n              const colStyle: React.CSSProperties = {};\n              if (col.width) {\n                colStyle.width = formatCSSUnit(col.width);\n              }\n              if (col.minWidth) {\n                colStyle.minWidth = formatCSSUnit(col.minWidth);\n              }\n              return <col key={col.colKey || index} style={colStyle} />;\n            })}\n          </colgroup>\n          {showHeader && <THead columns={columns} />}\n          <TBody\n            data={data}\n            columns={columns}\n            rowKey={rowKey}\n            rowClassName={rowClassName}\n            rowAttributes={rowAttributes}\n            cellEmptyContent={cellEmptyContent}\n            empty={empty}\n            onRowClick={onRowClick}\n            onCellClick={onCellClick}\n          />\n        </table>\n      </div>\n    </div>\n  );\n});\n\nTableComponent.displayName = \"Table\";\n\nconst Table = TableComponent as <T extends TableRowData = TableRowData>(\n  props: TableProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement;\n\nexport default Table;\n"],"names":["tableDefaultProps","columns","data","rowKey","showHeader","bordered","stripe","hover","size","tableLayout","verticalAlign","TableComponent","forwardRef","originalProps","ref","props","useDefaultProps","_props$columns","_props$data","_props$rowKey","_props$showHeader","empty","cellEmptyContent","rowClassName","rowAttributes","onRowClick","onCellClick","restProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","_useTableStyle","useTableStyle","tableClasses","tableContentStyles","tableElementStyles","_objectSpread","className","style","React","createElement","concat","map","col","index","colStyle","width","formatCSSUnit","minWidth","key","colKey","THead","TBody","displayName","Table"],"mappings":"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"}

package/es/table/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { BaseTableProps } from "./type";
+export declare const tableDefaultProps: BaseTableProps;

package/es/table/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useTableClassName } from "./useTableClassName";
+export type { TableClassName } from "./useTableClassName";
+export { default as useTableStyle, formatCSSUnit } from "./useTableStyle";
+export type { TableStyleResult } from "./useTableStyle";

package/es/table/hooks/index.js

@@ -0,0 +1,98 @@
+import { useMemo } from 'react';
+import { u as useConfig } from '../../_chunks/dep-gy8uvBaS.js';
+import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
+import classNames from 'classnames';
+import '../../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '../../_chunks/dep-D-UKOauR.js';
+
+function useTableClassName() {
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var classNames = useMemo(function () {
+    return {
+      table: "".concat(classPrefix, "-table"),
+      content: "".concat(classPrefix, "-table__content"),
+      tableElm: "".concat(classPrefix, "-table__table"),
+      header: "".concat(classPrefix, "-table__header"),
+      body: "".concat(classPrefix, "-table__body"),
+      empty: "".concat(classPrefix, "-table__empty"),
+      emptyRow: "".concat(classPrefix, "-table__empty-row"),
+      bordered: "".concat(classPrefix, "-table--bordered"),
+      stripe: "".concat(classPrefix, "-table--stripe"),
+      hover: "".concat(classPrefix, "-table--hover"),
+      sizeSmall: "".concat(classPrefix, "-table--size-small"),
+      sizeMedium: "".concat(classPrefix, "-table--size-medium"),
+      sizeLarge: "".concat(classPrefix, "-table--size-large"),
+      layoutFixed: "".concat(classPrefix, "-table--layout-fixed"),
+      layoutAuto: "".concat(classPrefix, "-table--layout-auto"),
+      verticalAlignTop: "".concat(classPrefix, "-vertical-align-top"),
+      verticalAlignMiddle: "".concat(classPrefix, "-vertical-align-middle"),
+      verticalAlignBottom: "".concat(classPrefix, "-vertical-align-bottom"),
+      alignLeft: "".concat(classPrefix, "-align-left"),
+      alignCenter: "".concat(classPrefix, "-align-center"),
+      alignRight: "".concat(classPrefix, "-align-right"),
+      ellipsis: "".concat(classPrefix, "-table__ellipsis"),
+      cellEllipsis: "".concat(classPrefix, "-table__cell--ellipsis")
+    };
+  }, [classPrefix]);
+  return classNames;
+}
+
+function formatCSSUnit(unit) {
+  if (!unit) return void 0;
+  if (typeof unit === "string") {
+    if (/px|em|rem|%|vh|vw/.test(unit)) {
+      return unit;
+    }
+    if (!isNaN(Number(unit))) {
+      return "".concat(unit, "px");
+    }
+    return unit;
+  }
+  return "".concat(unit, "px");
+}
+function useTableStyle(props) {
+  var _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered,
+    _props$stripe = props.stripe,
+    stripe = _props$stripe === void 0 ? false : _props$stripe,
+    _props$hover = props.hover,
+    hover = _props$hover === void 0 ? false : _props$hover,
+    _props$size = props.size,
+    size = _props$size === void 0 ? "medium" : _props$size,
+    _props$tableLayout = props.tableLayout,
+    tableLayout = _props$tableLayout === void 0 ? "fixed" : _props$tableLayout,
+    _props$verticalAlign = props.verticalAlign,
+    verticalAlign = _props$verticalAlign === void 0 ? "middle" : _props$verticalAlign,
+    height = props.height,
+    maxHeight = props.maxHeight,
+    className = props.className,
+    style = props.style;
+  var tableClassNames = useTableClassName();
+  var tableClasses = useMemo(function () {
+    var _classNames;
+    return classNames(tableClassNames.table, (_classNames = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_classNames, tableClassNames.bordered, bordered), tableClassNames.stripe, stripe), tableClassNames.hover, hover), tableClassNames.sizeSmall, size === "small"), tableClassNames.sizeMedium, size === "medium"), tableClassNames.sizeLarge, size === "large"), tableClassNames.layoutFixed, tableLayout === "fixed"), tableClassNames.layoutAuto, tableLayout === "auto"), tableClassNames.verticalAlignTop, verticalAlign === "top"), tableClassNames.verticalAlignMiddle, verticalAlign === "middle"), _defineProperty(_classNames, tableClassNames.verticalAlignBottom, verticalAlign === "bottom")), className);
+  }, [bordered, stripe, hover, size, tableLayout, verticalAlign, className, tableClassNames]);
+  var tableContentStyles = useMemo(function () {
+    var styles = {};
+    if (maxHeight) {
+      styles.maxHeight = formatCSSUnit(maxHeight);
+    }
+    if (height) {
+      styles.height = formatCSSUnit(height);
+    }
+    return styles;
+  }, [height, maxHeight]);
+  var tableElementStyles = useMemo(function () {
+    return style || {};
+  }, [style]);
+  return {
+    tableClasses: tableClasses,
+    tableContentStyles: tableContentStyles,
+    tableElementStyles: tableElementStyles
+  };
+}
+
+export { formatCSSUnit, useTableClassName, useTableStyle };
+//# sourceMappingURL=index.js.map