@tendaui/react 1.1.1 → 1.1.2

package/es/table/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../components/table/hooks/useTableClassName.ts","../../../../components/table/hooks/useTableStyle.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport useConfig from \"../../hooks/useConfig\";\n\nexport interface TableClassName {\n  table: string;\n  content: string;\n  tableElm: string;\n  header: string;\n  body: string;\n  empty: string;\n  emptyRow: string;\n  bordered: string;\n  stripe: string;\n  hover: string;\n  sizeSmall: string;\n  sizeMedium: string;\n  sizeLarge: string;\n  layoutFixed: string;\n  layoutAuto: string;\n  verticalAlignTop: string;\n  verticalAlignMiddle: string;\n  verticalAlignBottom: string;\n  alignLeft: string;\n  alignCenter: string;\n  alignRight: string;\n  ellipsis: string;\n  cellEllipsis: string;\n}\n\nexport default function useTableClassName() {\n  const { classPrefix } = useConfig();\n\n  const classNames = useMemo<TableClassName>(\n    () => ({\n      table: `${classPrefix}-table`,\n      content: `${classPrefix}-table__content`,\n      tableElm: `${classPrefix}-table__table`,\n      header: `${classPrefix}-table__header`,\n      body: `${classPrefix}-table__body`,\n      empty: `${classPrefix}-table__empty`,\n      emptyRow: `${classPrefix}-table__empty-row`,\n      bordered: `${classPrefix}-table--bordered`,\n      stripe: `${classPrefix}-table--stripe`,\n      hover: `${classPrefix}-table--hover`,\n      sizeSmall: `${classPrefix}-table--size-small`,\n      sizeMedium: `${classPrefix}-table--size-medium`,\n      sizeLarge: `${classPrefix}-table--size-large`,\n      layoutFixed: `${classPrefix}-table--layout-fixed`,\n      layoutAuto: `${classPrefix}-table--layout-auto`,\n      verticalAlignTop: `${classPrefix}-vertical-align-top`,\n      verticalAlignMiddle: `${classPrefix}-vertical-align-middle`,\n      verticalAlignBottom: `${classPrefix}-vertical-align-bottom`,\n      alignLeft: `${classPrefix}-align-left`,\n      alignCenter: `${classPrefix}-align-center`,\n      alignRight: `${classPrefix}-align-right`,\n      ellipsis: `${classPrefix}-table__ellipsis`,\n      cellEllipsis: `${classPrefix}-table__cell--ellipsis`\n    }),\n    [classPrefix]\n  );\n\n  return classNames;\n}\n","import { useMemo } from \"react\";\nimport classNames from \"classnames\";\nimport { BaseTableProps } from \"../type\";\nimport useTableClassName from \"./useTableClassName\";\n\nexport interface TableStyleResult {\n  tableClasses: string;\n  tableContentStyles: React.CSSProperties;\n  tableElementStyles: React.CSSProperties;\n}\n\n/**\n * 格式化 CSS 单位\n */\nexport function formatCSSUnit(unit: string | number | undefined): string | undefined {\n  if (!unit) return undefined;\n  if (typeof unit === \"string\") {\n    // 如果已经是字符串且包含单位，直接返回\n    if (/px|em|rem|%|vh|vw/.test(unit)) {\n      return unit;\n    }\n    // 如果是纯数字字符串，添加 px\n    if (!isNaN(Number(unit))) {\n      return `${unit}px`;\n    }\n    return unit;\n  }\n  // 数字类型，添加 px\n  return `${unit}px`;\n}\n\nexport default function useTableStyle(props: BaseTableProps): TableStyleResult {\n  const {\n    bordered = false,\n    stripe = false,\n    hover = false,\n    size = \"medium\",\n    tableLayout = \"fixed\",\n    verticalAlign = \"middle\",\n    height,\n    maxHeight,\n    className,\n    style\n  } = props;\n\n  const tableClassNames = useTableClassName();\n\n  // 构建表格类名\n  const tableClasses = useMemo(\n    () =>\n      classNames(\n        tableClassNames.table,\n        {\n          [tableClassNames.bordered]: bordered,\n          [tableClassNames.stripe]: stripe,\n          [tableClassNames.hover]: hover,\n          [tableClassNames.sizeSmall]: size === \"small\",\n          [tableClassNames.sizeMedium]: size === \"medium\",\n          [tableClassNames.sizeLarge]: size === \"large\",\n          [tableClassNames.layoutFixed]: tableLayout === \"fixed\",\n          [tableClassNames.layoutAuto]: tableLayout === \"auto\",\n          [tableClassNames.verticalAlignTop]: verticalAlign === \"top\",\n          [tableClassNames.verticalAlignMiddle]: verticalAlign === \"middle\",\n          [tableClassNames.verticalAlignBottom]: verticalAlign === \"bottom\"\n        },\n        className\n      ),\n    [bordered, stripe, hover, size, tableLayout, verticalAlign, className, tableClassNames]\n  );\n\n  // 表格内容区样式\n  const tableContentStyles = useMemo<React.CSSProperties>(() => {\n    const styles: React.CSSProperties = {};\n    if (maxHeight) {\n      styles.maxHeight = formatCSSUnit(maxHeight);\n    }\n    if (height) {\n      styles.height = formatCSSUnit(height);\n    }\n    return styles;\n  }, [height, maxHeight]);\n\n  // 表格元素样式\n  const tableElementStyles = useMemo<React.CSSProperties>(() => {\n    return style || {};\n  }, [style]);\n\n  return {\n    tableClasses,\n    tableContentStyles,\n    tableElementStyles\n  };\n}\n"],"names":["useTableClassName","_useConfig","useConfig","classPrefix","classNames","useMemo","table","concat","content","tableElm","header","body","empty","emptyRow","bordered","stripe","hover","sizeSmall","sizeMedium","sizeLarge","layoutFixed","layoutAuto","verticalAlignTop","verticalAlignMiddle","verticalAlignBottom","alignLeft","alignCenter","alignRight","ellipsis","cellEllipsis","formatCSSUnit","unit","test","isNaN","Number","useTableStyle","props","_props$bordered","_props$stripe","_props$hover","_props$size","size","_props$tableLayout","tableLayout","_props$verticalAlign","verticalAlign","height","maxHeight","className","style","tableClassNames","tableClasses","_classNames","_defineProperty","tableContentStyles","styles","tableElementStyles"],"mappings":";;;;;;;;AA6BA,SAAwBA,iBAAAA,GAAoB;AAC1C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EAER,IAAMC,UAAA,GAAaC,OAAA,CACjB,YAAA;IAAA,OAAO;AACLC,MAAAA,KAAA,EAAA,EAAA,CAAAC,MAAA,CAAUJ,WAAW,EAAA,QAAA,CAAA;AACrBK,MAAAA,OAAA,EAAA,EAAA,CAAAD,MAAA,CAAYJ,WAAW,EAAA,iBAAA,CAAA;AACvBM,MAAAA,QAAA,EAAA,EAAA,CAAAF,MAAA,CAAaJ,WAAW,EAAA,eAAA,CAAA;AACxBO,MAAAA,MAAA,EAAA,EAAA,CAAAH,MAAA,CAAWJ,WAAW,EAAA,gBAAA,CAAA;AACtBQ,MAAAA,IAAA,EAAA,EAAA,CAAAJ,MAAA,CAASJ,WAAW,EAAA,cAAA,CAAA;AACpBS,MAAAA,KAAA,EAAA,EAAA,CAAAL,MAAA,CAAUJ,WAAW,EAAA,eAAA,CAAA;AACrBU,MAAAA,QAAA,EAAA,EAAA,CAAAN,MAAA,CAAaJ,WAAW,EAAA,mBAAA,CAAA;AACxBW,MAAAA,QAAA,EAAA,EAAA,CAAAP,MAAA,CAAaJ,WAAW,EAAA,kBAAA,CAAA;AACxBY,MAAAA,MAAA,EAAA,EAAA,CAAAR,MAAA,CAAWJ,WAAW,EAAA,gBAAA,CAAA;AACtBa,MAAAA,KAAA,EAAA,EAAA,CAAAT,MAAA,CAAUJ,WAAW,EAAA,eAAA,CAAA;AACrBc,MAAAA,SAAA,EAAA,EAAA,CAAAV,MAAA,CAAcJ,WAAW,EAAA,oBAAA,CAAA;AACzBe,MAAAA,UAAA,EAAA,EAAA,CAAAX,MAAA,CAAeJ,WAAW,EAAA,qBAAA,CAAA;AAC1BgB,MAAAA,SAAA,EAAA,EAAA,CAAAZ,MAAA,CAAcJ,WAAW,EAAA,oBAAA,CAAA;AACzBiB,MAAAA,WAAA,EAAA,EAAA,CAAAb,MAAA,CAAgBJ,WAAW,EAAA,sBAAA,CAAA;AAC3BkB,MAAAA,UAAA,EAAA,EAAA,CAAAd,MAAA,CAAeJ,WAAW,EAAA,qBAAA,CAAA;AAC1BmB,MAAAA,gBAAA,EAAA,EAAA,CAAAf,MAAA,CAAqBJ,WAAW,EAAA,qBAAA,CAAA;AAChCoB,MAAAA,mBAAA,EAAA,EAAA,CAAAhB,MAAA,CAAwBJ,WAAW,EAAA,wBAAA,CAAA;AACnCqB,MAAAA,mBAAA,EAAA,EAAA,CAAAjB,MAAA,CAAwBJ,WAAW,EAAA,wBAAA,CAAA;AACnCsB,MAAAA,SAAA,EAAA,EAAA,CAAAlB,MAAA,CAAcJ,WAAW,EAAA,aAAA,CAAA;AACzBuB,MAAAA,WAAA,EAAA,EAAA,CAAAnB,MAAA,CAAgBJ,WAAW,EAAA,eAAA,CAAA;AAC3BwB,MAAAA,UAAA,EAAA,EAAA,CAAApB,MAAA,CAAeJ,WAAW,EAAA,cAAA,CAAA;AAC1ByB,MAAAA,QAAA,EAAA,EAAA,CAAArB,MAAA,CAAaJ,WAAW,EAAA,kBAAA,CAAA;MACxB0B,YAAA,EAAA,EAAA,CAAAtB,MAAA,CAAiBJ,WAAW,EAAA,wBAAA;KAC9B;AAAA,EAAA,CAAA,EACA,CAACA,WAAW,CACd,CAAA;AAEA,EAAA,OAAOC,UAAA;AACT;;AChDO,SAAS0B,cAAcC,IAAA,EAAuD;AACnF,EAAA,IAAI,CAACA,MAAM,OAAO,KAAA,CAAA;AAClB,EAAA,IAAI,OAAOA,SAAS,QAAA,EAAU;AAE5B,IAAA,IAAI,mBAAA,CAAoBC,IAAA,CAAKD,IAAI,CAAA,EAAG;AAClC,MAAA,OAAOA,IAAA;AACT,IAAA;IAEA,IAAI,CAACE,KAAA,CAAMC,MAAA,CAAOH,IAAI,CAAC,CAAA,EAAG;MACxB,OAAA,EAAA,CAAAxB,MAAA,CAAUwB,IAAI,EAAA,IAAA,CAAA;AAChB,IAAA;AACA,IAAA,OAAOA,IAAA;AACT,EAAA;EAEA,OAAA,EAAA,CAAAxB,MAAA,CAAUwB,IAAI,EAAA,IAAA,CAAA;AAChB;AAEA,SAAwBI,cAAcC,KAAA,EAAyC;AAC7E,EAAA,IAAAC,eAAA,GAWID,KAAA,CAVFtB,QAAA;AAAAA,IAAAA,QAAA,GAAAuB,eAAA,KAAA,KAAA,CAAA,GAAW,KAAA,GAAAA,eAAA;IAAAC,aAAA,GAUTF,KAAA,CATFrB,MAAA;AAAAA,IAAAA,MAAA,GAAAuB,aAAA,KAAA,KAAA,CAAA,GAAS,KAAA,GAAAA,aAAA;IAAAC,YAAA,GASPH,KAAA,CARFpB,KAAA;AAAAA,IAAAA,KAAA,GAAAuB,YAAA,KAAA,KAAA,CAAA,GAAQ,KAAA,GAAAA,YAAA;IAAAC,WAAA,GAQNJ,KAAA,CAPFK,IAAA;AAAAA,IAAAA,IAAA,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAO,QAAA,GAAAA,WAAA;IAAAE,kBAAA,GAOLN,KAAA,CANFO,WAAA;AAAAA,IAAAA,WAAA,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAc,OAAA,GAAAA,kBAAA;IAAAE,oBAAA,GAMZR,KAAA,CALFS,aAAA;AAAAA,IAAAA,aAAA,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAgB,QAAA,GAAAA,oBAAA;IAChBE,MAAA,GAIEV,KAAA,CAJFU,MAAA;IACAC,SAAA,GAGEX,KAAA,CAHFW,SAAA;IACAC,SAAA,GAEEZ,KAAA,CAFFY,SAAA;IACAC,KAAA,GACEb,KAAA,CADFa,KAAA;AAGF,EAAA,IAAMC,kBAAkBlD,iBAAA,EAAkB;EAG1C,IAAMmD,YAAA,GAAe9C,OAAA,CACnB,YAAA;AAAA,IAAA,IAAA+C,WAAA;IAAA,OACEhD,UAAA,CACE8C,eAAA,CAAgB5C,KAAA,GAAA8C,WAAA,GAAA,EAAA,EAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAD,WAAA,EAEbF,eAAA,CAAgBpC,QAAQ,EAAGA,QAAA,CAAA,EAC3BoC,eAAA,CAAgBnC,MAAM,EAAGA,MAAA,CAAA,EACzBmC,eAAA,CAAgBlC,KAAK,EAAGA,KAAA,CAAA,EACxBkC,eAAA,CAAgBjC,SAAS,EAAGwB,IAAA,KAAS,OAAA,CAAA,EACrCS,eAAA,CAAgBhC,UAAU,EAAGuB,IAAA,KAAS,QAAA,CAAA,EACtCS,eAAA,CAAgB/B,SAAS,EAAGsB,IAAA,KAAS,OAAA,CAAA,EACrCS,eAAA,CAAgB9B,WAAW,EAAGuB,WAAA,KAAgB,OAAA,CAAA,EAC9CO,eAAA,CAAgB7B,UAAU,EAAGsB,WAAA,KAAgB,MAAA,CAAA,EAC7CO,eAAA,CAAgB5B,gBAAgB,EAAGuB,aAAA,KAAkB,KAAA,CAAA,EACrDK,eAAA,CAAgB3B,mBAAmB,EAAGsB,aAAA,KAAkB,QAAA,CAAA,EAAAQ,eAAA,CAAAD,WAAA,EACxDF,eAAA,CAAgB1B,mBAAmB,EAAGqB,aAAA,KAAkB,QAAA,CAAA,GAE3DG,SACF,CAAA;AAAA,EAAA,CAAA,EACF,CAAClC,UAAUC,MAAA,EAAQC,KAAA,EAAOyB,MAAME,WAAA,EAAaE,aAAA,EAAeG,WAAWE,eAAe,CACxF,CAAA;AAGA,EAAA,IAAMI,kBAAA,GAAqBjD,QAA6B,YAAM;IAC5D,IAAMkD,SAA8B,EAAC;AACrC,IAAA,IAAIR,SAAA,EAAW;AACbQ,MAAAA,MAAA,CAAOR,SAAA,GAAYjB,cAAciB,SAAS,CAAA;AAC5C,IAAA;AACA,IAAA,IAAID,MAAA,EAAQ;AACVS,MAAAA,MAAA,CAAOT,MAAA,GAAShB,cAAcgB,MAAM,CAAA;AACtC,IAAA;AACA,IAAA,OAAOS,MAAA;AACT,EAAA,CAAA,EAAG,CAACT,MAAA,EAAQC,SAAS,CAAC,CAAA;AAGtB,EAAA,IAAMS,kBAAA,GAAqBnD,QAA6B,YAAM;IAC5D,OAAO4C,SAAS,EAAC;AACnB,EAAA,CAAA,EAAG,CAACA,KAAK,CAAC,CAAA;EAEV,OAAO;AACLE,IAAAA,YAAA,EAAAA,YAAA;AACAG,IAAAA,kBAAA,EAAAA,kBAAA;AACAE,IAAAA,kBAAA,EAAAA;GACF;AACF;;;;"}

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

@@ -0,0 +1,26 @@
+export interface TableClassName {
+    table: string;
+    content: string;
+    tableElm: string;
+    header: string;
+    body: string;
+    empty: string;
+    emptyRow: string;
+    bordered: string;
+    stripe: string;
+    hover: string;
+    sizeSmall: string;
+    sizeMedium: string;
+    sizeLarge: string;
+    layoutFixed: string;
+    layoutAuto: string;
+    verticalAlignTop: string;
+    verticalAlignMiddle: string;
+    verticalAlignBottom: string;
+    alignLeft: string;
+    alignCenter: string;
+    alignRight: string;
+    ellipsis: string;
+    cellEllipsis: string;
+}
+export default function useTableClassName(): TableClassName;

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

@@ -0,0 +1,11 @@
+import { BaseTableProps } from "../type";
+export interface TableStyleResult {
+    tableClasses: string;
+    tableContentStyles: React.CSSProperties;
+    tableElementStyles: React.CSSProperties;
+}
+/**
+ * 格式化 CSS 单位
+ */
+export declare function formatCSSUnit(unit: string | number | undefined): string | undefined;
+export default function useTableStyle(props: BaseTableProps): TableStyleResult;

package/es/table/index.d.ts

@@ -0,0 +1,5 @@
+import "./style/index";
+export type { TableProps } from "./Table";
+export type * from "./type";
+export declare const Table: <T extends import("./type").TableRowData = import("./type").TableRowData>(props: import("./Table").TableProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+export default Table;

package/es/table/index.js

@@ -0,0 +1,22 @@
+import Table$1 from './Table.js';
+import './style/css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import 'react';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '../_chunks/dep-DGvfel3I.js';
+import './hooks/index.js';
+import 'classnames';
+import './THead.js';
+import 'lodash-es';
+import './TBody.js';
+import './TR.js';
+import './Cell.js';
+
+var Table = Table$1;
+
+export { Table, Table as default };
+//# sourceMappingURL=index.js.map

package/es/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/table/index.ts"],"sourcesContent":["import _Table from \"./Table\";\nimport \"./style/index\";\n\nexport type { TableProps } from \"./Table\";\nexport type * from \"./type\";\nexport const Table = _Table;\nexport default Table;\n"],"names":["Table","_Table"],"mappings":";;;;;;;;;;;;;;;;;;AAKO,IAAMA,KAAA,GAAQC;;;;"}

package/es/table/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/table/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/table/style/index.css

@@ -0,0 +1,139 @@
+.t-table {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  width: 100%;
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  background-color: var(--td-bg-color-container);
+  position: relative;
+}
+.t-table__content {
+  position: relative;
+  overflow: auto;
+}
+.t-table__table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.t-table__header th {
+  color: var(--td-text-color-placeholder);
+  font-weight: 500;
+}
+.t-table__body tr {
+  background-color: var(--td-bg-color-container);
+}
+.t-table th,
+.t-table td {
+  position: relative;
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
+  border-bottom: 1px solid var(--td-component-border);
+  line-height: var(--td-line-height-body-medium);
+  font-weight: normal;
+  overflow-wrap: break-word;
+  background-color: inherit;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  text-align: left;
+}
+.t-table .t-align-left {
+  text-align: left;
+}
+.t-table .t-align-center {
+  text-align: center;
+}
+.t-table .t-align-right {
+  text-align: right;
+}
+.t-table__ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  max-width: 100%;
+  display: block;
+}
+.t-table__cell--ellipsis {
+  overflow: hidden;
+  position: relative;
+  max-width: 100%;
+}
+.t-table__cell--ellipsis > div {
+  width: 100%;
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.t-table--bordered td,
+.t-table--bordered th {
+  border-left: 1px solid var(--td-component-border);
+}
+.t-table--bordered td:first-child,
+.t-table--bordered th:first-child {
+  border-left-width: 0;
+}
+.t-table--bordered__content {
+  border: 1px solid var(--td-component-border);
+  border-radius: var(--td-border-radius-default, 4px);
+}
+.t-table--stripe tbody tr:nth-of-type(odd) {
+  background-color: var(--td-bg-color-secondarycontainer);
+}
+.t-table--hover tbody tr {
+  -webkit-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
+}
+.t-table--hover tbody tr:hover {
+  background-color: var(--td-bg-color-secondarycontainer-hover);
+}
+.t-table--size-small th,
+.t-table--size-small td {
+  padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
+}
+.t-table--size-medium th,
+.t-table--size-medium td {
+  padding: var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l);
+}
+.t-table--size-large th,
+.t-table--size-large td {
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-xl);
+}
+.t-table--layout-fixed {
+  table-layout: fixed;
+}
+.t-table--layout-fixed td.t-table__cell--ellipsis,
+.t-table--layout-fixed th.t-table__cell--ellipsis {
+  overflow: hidden;
+  position: relative;
+}
+.t-table--layout-auto {
+  table-layout: auto;
+}
+.t-table--vertical-align-top tbody td {
+  vertical-align: top;
+}
+.t-table--vertical-align-bottom tbody td {
+  vertical-align: bottom;
+}
+.t-table__empty-row td {
+  padding: 0;
+  border: 0;
+}
+.t-table__empty {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-height: 120px;
+  color: var(--td-text-color-disabled);
+}

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

@@ -0,0 +1 @@
+export {};

package/es/table/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/table/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/table/type.d.ts

@@ -0,0 +1,195 @@
+import { ReactNode, MouseEvent } from "react";
+/**
+ * 表格行数据类型
+ */
+export type TableRowData = Record<string, unknown>;
+/**
+ * 列对齐方式
+ */
+export type TableColumnAlign = "left" | "center" | "right";
+/**
+ * 表格尺寸
+ */
+export type TableSize = "small" | "medium" | "large";
+/**
+ * 表格布局方式
+ */
+export type TableLayout = "auto" | "fixed";
+/**
+ * 单元格参数
+ */
+export interface BaseTableCellParams<T extends TableRowData = TableRowData> {
+    row: T;
+    rowIndex: number;
+    col: BaseTableCol<T>;
+    colIndex: number;
+    e?: React.MouseEvent<HTMLElement>;
+}
+/**
+ * 表头单元格参数
+ */
+export interface BaseTableHeadCellParams<T extends TableRowData = TableRowData> {
+    col: BaseTableCol<T>;
+    colIndex: number;
+}
+/**
+ * 表格列配置
+ */
+export interface BaseTableCol<T extends TableRowData = TableRowData> {
+    /**
+     * 列标识，必需
+     */
+    colKey: string;
+    /**
+     * 列标题
+     */
+    title?: string | ReactNode | ((params: BaseTableHeadCellParams<T>) => ReactNode);
+    /**
+     * 列宽度
+     */
+    width?: string | number;
+    /**
+     * 列最小宽度
+     */
+    minWidth?: string | number;
+    /**
+     * 列对齐方式
+     */
+    align?: TableColumnAlign;
+    /**
+     * 自定义单元格渲染
+     */
+    cell?: string | ReactNode | ((params: BaseTableCellParams<T>) => ReactNode);
+    /**
+     * 自定义表头渲染
+     */
+    render?: (params: BaseTableHeadCellParams<T> | BaseTableCellParams<T>) => ReactNode;
+    /**
+     * 是否固定列
+     */
+    fixed?: "left" | "right";
+    /**
+     * 列类名
+     */
+    className?: string | ((params: BaseTableCellParams<T>) => string);
+    /**
+     * 列属性
+     */
+    attrs?: Record<string, unknown> | ((params: BaseTableCellParams<T>) => Record<string, unknown>);
+    /**
+     * 是否省略文本
+     */
+    ellipsis?: boolean | {
+        content?: ReactNode;
+        props?: Record<string, unknown>;
+    };
+    /**
+     * 子列（多级表头）
+     */
+    children?: BaseTableCol<T>[];
+}
+/**
+ * 基础表格属性
+ */
+export interface BaseTableProps<T extends TableRowData = TableRowData> {
+    /**
+     * 列配置
+     * @default []
+     */
+    columns?: BaseTableCol<T>[];
+    /**
+     * 数据源
+     * @default []
+     */
+    data?: T[];
+    /**
+     * 行唯一标识字段名
+     * @default 'id'
+     */
+    rowKey?: string;
+    /**
+     * 是否显示表头
+     * @default true
+     */
+    showHeader?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * 是否显示斑马纹
+     * @default false
+     */
+    stripe?: boolean;
+    /**
+     * 是否显示悬浮效果
+     * @default false
+     */
+    hover?: boolean;
+    /**
+     * 表格尺寸
+     * @default 'medium'
+     */
+    size?: TableSize;
+    /**
+     * 表格布局方式
+     * @default 'fixed'
+     */
+    tableLayout?: TableLayout;
+    /**
+     * 垂直对齐方式
+     * @default 'middle'
+     */
+    verticalAlign?: "top" | "middle" | "bottom";
+    /**
+     * 表格高度，超出后会出现滚动条。示例：100, '30%', '300'。值为数字类型，会自动加上单位 px
+     */
+    height?: string | number;
+    /**
+     * 表格最大高度，超出后会出现滚动条。示例：100, '30%', '300'。值为数字类型，会自动加上单位 px
+     */
+    maxHeight?: string | number;
+    /**
+     * 空数据展示内容
+     */
+    empty?: ReactNode;
+    /**
+     * 单元格为空时的展示内容
+     */
+    cellEmptyContent?: ReactNode | ((params: BaseTableCellParams<T>) => ReactNode);
+    /**
+     * 行类名
+     */
+    rowClassName?: string | ((params: {
+        row: T;
+        rowIndex: number;
+    }) => string);
+    /**
+     * 行属性
+     */
+    rowAttributes?: Record<string, unknown> | ((params: {
+        row: T;
+        rowIndex: number;
+    }) => Record<string, unknown>);
+    /**
+     * 行点击事件
+     */
+    onRowClick?: (params: {
+        row: T;
+        rowIndex: number;
+        e: MouseEvent<HTMLTableRowElement>;
+    }) => void;
+    /**
+     * 单元格点击事件
+     */
+    onCellClick?: (params: BaseTableCellParams<T>) => void;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+}

package/es/tag/Tag.d.ts

@@ -0,0 +1,14 @@
+import React, { ForwardRefRenderFunction, FocusEvent } from "react";
+import { StyledProps } from "../common";
+import { TdTagProps } from "./type";
+export interface TagProps extends TdTagProps, StyledProps {
+    /**
+     * 标签内容
+     */
+    tabIndex?: number;
+    onFocus?: (e: FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLDivElement>) => void;
+}
+export declare const TagFunction: ForwardRefRenderFunction<HTMLDivElement, TagProps>;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
+export default Tag;