@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Table/components/Footer/index.js

@@ -3,73 +3,142 @@ import { LocaleContext, getTranslator } from "../../../locale/default.js";
 import TextLink from "../../../TextLink/index.js";
 import Pagination from "../../../Pagination/index.js";
 import { prefixCls } from "../../helper.js";
-import { useCallback, useContext } from "react";
+import { c } from "react-compiler-runtime";
+import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Table/components/Footer/index.tsx
 function TableFooter(props) {
+	const $ = c(25);
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
-	const { pagination, scroll = {}, scrollToFirstRow, isShowPagination, rowSelectionInfo } = props;
-	const { getCheckboxAllNode, selectedRowKeys, selectedRowKeysInCurrPage, items, isShowRowSelectionInFooter, onChange: changeSelectedRowKeys } = rowSelectionInfo;
-	const btnItems = [{
-		key: "$UN_SELECT_ALL$",
-		label: t.Table.cancelSelect,
-		onClick: () => rowSelectionInfo.unSelectAll()
-	}, ...items];
-	const rowSelectionNode = isShowRowSelectionInFooter && /* @__PURE__ */ jsxs("div", {
-		className: prefixCls("footer-row-selection"),
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: prefixCls("footer-row-selection-btn"),
-				children: getCheckboxAllNode?.(t.Table.selectAll)
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: cn(prefixCls("footer-row-selection-selected"), "tw-text-typography-body-dense"),
-				children: [
-					t.Table.selected,
-					/* @__PURE__ */ jsx(TextLink, {
-						className: prefixCls("footer-row-selection-selected-num"),
-						children: selectedRowKeys.length
-					}),
-					t.Table.item
-				]
-			}),
-			btnItems.map((btnItem) => {
-				return /* @__PURE__ */ jsx("div", {
-					className: prefixCls("footer-row-selection-item"),
-					onClick: (e) => {
-						btnItem.onClick(e);
-					},
-					children: /* @__PURE__ */ jsx(TextLink, { children: btnItem.label })
-				}, btnItem.key);
+	let changeSelectedRowKeys;
+	let isShowPagination;
+	let pagination;
+	let rowSelectionInfo;
+	let scroll;
+	let scrollToFirstRow;
+	let selectedRowKeysInCurrPage;
+	let t0;
+	if ($[0] !== locale || $[1] !== props) {
+		const t = getTranslator(locale);
+		const { pagination: t1, scroll: t2, scrollToFirstRow: t3, isShowPagination: t4, rowSelectionInfo: t5 } = props;
+		pagination = t1;
+		scrollToFirstRow = t3;
+		isShowPagination = t4;
+		rowSelectionInfo = t5;
+		let t6;
+		if ($[10] !== t2) {
+			t6 = t2 === void 0 ? {} : t2;
+			$[10] = t2;
+			$[11] = t6;
+		} else t6 = $[11];
+		scroll = t6;
+		const { getCheckboxAllNode, selectedRowKeys, selectedRowKeysInCurrPage: t7, items, isShowRowSelectionInFooter, onChange: t8 } = rowSelectionInfo;
+		selectedRowKeysInCurrPage = t7;
+		changeSelectedRowKeys = t8;
+		const btnItems = [{
+			key: "$UN_SELECT_ALL$",
+			label: t.Table.cancelSelect,
+			onClick: () => rowSelectionInfo.unSelectAll()
+		}, ...items];
+		t0 = isShowRowSelectionInFooter && /* @__PURE__ */ jsxs("div", {
+			className: prefixCls("footer-row-selection"),
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: prefixCls("footer-row-selection-btn"),
+					children: getCheckboxAllNode?.(t.Table.selectAll)
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: cn(prefixCls("footer-row-selection-selected"), "tw-text-typography-body-dense"),
+					children: [
+						t.Table.selected,
+						/* @__PURE__ */ jsx(TextLink, {
+							className: prefixCls("footer-row-selection-selected-num"),
+							children: selectedRowKeys.length
+						}),
+						t.Table.item
+					]
+				}),
+				btnItems.map(_temp)
+			]
+		});
+		$[0] = locale;
+		$[1] = props;
+		$[2] = changeSelectedRowKeys;
+		$[3] = isShowPagination;
+		$[4] = pagination;
+		$[5] = rowSelectionInfo;
+		$[6] = scroll;
+		$[7] = scrollToFirstRow;
+		$[8] = selectedRowKeysInCurrPage;
+		$[9] = t0;
+	} else {
+		changeSelectedRowKeys = $[2];
+		isShowPagination = $[3];
+		pagination = $[4];
+		rowSelectionInfo = $[5];
+		scroll = $[6];
+		scrollToFirstRow = $[7];
+		selectedRowKeysInCurrPage = $[8];
+		t0 = $[9];
+	}
+	const rowSelectionNode = t0;
+	let t1;
+	if ($[12] !== changeSelectedRowKeys || $[13] !== pagination || $[14] !== scroll || $[15] !== scrollToFirstRow) {
+		t1 = (page) => {
+			const { onChange: t2 } = pagination || {};
+			const onChange = t2 === void 0 ? _temp2 : t2;
+			const { scrollToFirstRowOnChange: t3 } = scroll;
+			if (t3 === void 0 ? true : t3) scrollToFirstRow();
+			onChange(page);
+			changeSelectedRowKeys([]);
+		};
+		$[12] = changeSelectedRowKeys;
+		$[13] = pagination;
+		$[14] = scroll;
+		$[15] = scrollToFirstRow;
+		$[16] = t1;
+	} else t1 = $[16];
+	const onChangePage = t1;
+	let t2;
+	if ($[17] !== isShowPagination || $[18] !== onChangePage || $[19] !== pagination) {
+		t2 = isShowPagination && pagination && /* @__PURE__ */ jsx("div", {
+			className: prefixCls("pager"),
+			children: /* @__PURE__ */ jsx(Pagination, {
+				hideOnSinglePage: true,
+				...pagination,
+				onChange: onChangePage
 			})
-		]
-	});
-	const onChangePage = useCallback((page) => {
-		const { onChange = () => {} } = pagination || {};
-		const { scrollToFirstRowOnChange = true } = scroll;
-		if (scrollToFirstRowOnChange) scrollToFirstRow();
-		onChange(page);
-		changeSelectedRowKeys([]);
-	}, [
-		scrollToFirstRow,
-		scroll,
-		pagination,
-		changeSelectedRowKeys
-	]);
-	const pager = isShowPagination && pagination && /* @__PURE__ */ jsx("div", {
-		className: prefixCls("pager"),
-		children: /* @__PURE__ */ jsx(Pagination, {
-			hideOnSinglePage: true,
-			...pagination,
-			onChange: onChangePage
-		})
-	});
+		});
+		$[17] = isShowPagination;
+		$[18] = onChangePage;
+		$[19] = pagination;
+		$[20] = t2;
+	} else t2 = $[20];
+	const pager = t2;
 	const isShowRowSelection = rowSelectionInfo.isRowSelectionEnabled && selectedRowKeysInCurrPage.length > 0;
-	return isShowPagination || isShowRowSelection ? /* @__PURE__ */ jsxs("div", {
-		className: prefixCls("footer"),
-		children: [rowSelectionNode, pager]
-	}) : null;
+	const isShowFooter = isShowPagination || isShowRowSelection;
+	let t3;
+	if ($[21] !== isShowFooter || $[22] !== pager || $[23] !== rowSelectionNode) {
+		t3 = isShowFooter ? /* @__PURE__ */ jsxs("div", {
+			className: prefixCls("footer"),
+			children: [rowSelectionNode, pager]
+		}) : null;
+		$[21] = isShowFooter;
+		$[22] = pager;
+		$[23] = rowSelectionNode;
+		$[24] = t3;
+	} else t3 = $[24];
+	return t3;
+}
+function _temp2() {}
+function _temp(btnItem) {
+	return /* @__PURE__ */ jsx("div", {
+		className: prefixCls("footer-row-selection-item"),
+		onClick: (e) => {
+			btnItem.onClick(e);
+		},
+		children: /* @__PURE__ */ jsx(TextLink, { children: btnItem.label })
+	}, btnItem.key);
 }
 //#endregion
 export { TableFooter as default };

package/dist/Table/components/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Table/components/Footer/index.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Pagination } from '../../..';\nimport { IPaginationProps } from '../../../Pagination/types';\nimport TextLink from '../../../TextLink';\nimport { cn } from '../../../lib/utils';\nimport { LocaleContext, getTranslator } from '../../../locale/default';\nimport { prefixCls } from '../../helper';\nimport { IRowSelectionInfo } from '../../hooks/useRowSelection';\nimport { ITableProps } from '../../types';\n\nexport default function TableFooter<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    pagination,\n    scroll = {},\n    scrollToFirstRow,\n    isShowPagination,\n    rowSelectionInfo,\n  } = props;\n\n  // 选择行\n  const {\n    getCheckboxAllNode,\n    selectedRowKeys,\n    selectedRowKeysInCurrPage,\n    items,\n    isShowRowSelectionInFooter,\n    onChange: changeSelectedRowKeys,\n  } = rowSelectionInfo;\n\n  const btnItems = [\n    {\n      key: '$UN_SELECT_ALL$',\n      label: t.Table.cancelSelect,\n      onClick: () => rowSelectionInfo.unSelectAll(),\n    },\n    ...items,\n  ];\n\n  const rowSelectionNode = isShowRowSelectionInFooter && (\n    <div className={prefixCls('footer-row-selection')}>\n      <div className={prefixCls('footer-row-selection-btn')}>\n        {getCheckboxAllNode?.(t.Table.selectAll)}\n      </div>\n      <div\n        className={cn(\n          prefixCls('footer-row-selection-selected'),\n          'tw-text-typography-body-dense',\n        )}\n      >\n        {t.Table.selected}\n        <TextLink className={prefixCls('footer-row-selection-selected-num')}>\n          {selectedRowKeys.length}\n        </TextLink>\n        {t.Table.item}\n      </div>\n      {btnItems.map((btnItem) => {\n        return (\n          <div\n            key={btnItem.key}\n            className={prefixCls('footer-row-selection-item')}\n            onClick={(e) => {\n              btnItem.onClick(e);\n            }}\n          >\n            <TextLink>{btnItem.label}</TextLink>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  // 翻页器\n  const onChangePage = useCallback(\n    (page: number) => {\n      const { onChange = () => {} } = pagination || {};\n      const { scrollToFirstRowOnChange = true } = scroll;\n      if (scrollToFirstRowOnChange) {\n        scrollToFirstRow();\n      }\n      onChange(page);\n      // 翻页后，清空已选行\n      changeSelectedRowKeys([]);\n    },\n    [scrollToFirstRow, scroll, pagination, changeSelectedRowKeys],\n  );\n\n  const pager = isShowPagination && pagination && (\n    <div className={prefixCls('pager')}>\n      <Pagination hideOnSinglePage {...pagination} onChange={onChangePage} />\n    </div>\n  );\n\n  const isShowRowSelection =\n    rowSelectionInfo.isRowSelectionEnabled &&\n    selectedRowKeysInCurrPage.length > 0;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  return isShowFooter ? (\n    <div className={prefixCls('footer')}>\n      {rowSelectionNode}\n      {pager}\n    </div>\n  ) : null;\n}\n\ninterface IProps<TDataItem extends object> {\n  isShowPagination: boolean;\n  rowSelectionInfo: IRowSelectionInfo<TDataItem>;\n  pagination?: IPaginationProps;\n  scroll?: ITableProps<TDataItem>['scroll'];\n  scrollToFirstRow: () => void;\n}\n"],"mappings":";;;;;;;;AAUA,SAAwB,YACtB,OACA;CACA,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,YACA,SAAS,EAAE,EACX,kBACA,kBACA,qBACE;CAGJ,MAAM,EACJ,oBACA,iBACA,2BACA,OACA,4BACA,UAAU,0BACR;CAEJ,MAAM,WAAW,CACf;EACE,KAAK;EACL,OAAO,EAAE,MAAM;EACf,eAAe,iBAAiB,aAAa;EAC9C,EACD,GAAG,MACJ;CAED,MAAM,mBAAmB,8BACvB,qBAAC,OAAD;EAAK,WAAW,UAAU,uBAAuB;YAAjD;GACE,oBAAC,OAAD;IAAK,WAAW,UAAU,2BAA2B;cAClD,qBAAqB,EAAE,MAAM,UAAU;IACpC,CAAA;GACN,qBAAC,OAAD;IACE,WAAW,GACT,UAAU,gCAAgC,EAC1C,gCACD;cAJH;KAMG,EAAE,MAAM;KACT,oBAAC,UAAD;MAAU,WAAW,UAAU,oCAAoC;gBAChE,gBAAgB;MACR,CAAA;KACV,EAAE,MAAM;KACL;;GACL,SAAS,KAAK,YAAY;AACzB,WACE,oBAAC,OAAD;KAEE,WAAW,UAAU,4BAA4B;KACjD,UAAU,MAAM;AACd,cAAQ,QAAQ,EAAE;;eAGpB,oBAAC,UAAD,EAAA,UAAW,QAAQ,OAAiB,CAAA;KAChC,EAPC,QAAQ,IAOT;KAER;GACE;;CAIR,MAAM,eAAe,aAClB,SAAiB;EAChB,MAAM,EAAE,iBAAiB,OAAO,cAAc,EAAE;EAChD,MAAM,EAAE,2BAA2B,SAAS;AAC5C,MAAI,yBACF,mBAAkB;AAEpB,WAAS,KAAK;AAEd,wBAAsB,EAAE,CAAC;IAE3B;EAAC;EAAkB;EAAQ;EAAY;EAAsB,CAC9D;CAED,MAAM,QAAQ,oBAAoB,cAChC,oBAAC,OAAD;EAAK,WAAW,UAAU,QAAQ;YAChC,oBAAC,YAAD;GAAY,kBAAA;GAAiB,GAAI;GAAY,UAAU;GAAgB,CAAA;EACnE,CAAA;CAGR,MAAM,qBACJ,iBAAiB,yBACjB,0BAA0B,SAAS;AAIrC,QAFqB,oBAAoB,qBAGvC,qBAAC,OAAD;EAAK,WAAW,UAAU,SAAS;YAAnC,CACG,kBACA,MACG;MACJ"}
+{"version":3,"file":"index.js","names":["React","useCallback","useContext","Pagination","IPaginationProps","TextLink","cn","LocaleContext","getTranslator","prefixCls","IRowSelectionInfo","ITableProps","TableFooter","props","$","_c","locale","changeSelectedRowKeys","isShowPagination","pagination","rowSelectionInfo","scroll","scrollToFirstRow","selectedRowKeysInCurrPage","t0","t","t1","t2","t3","t4","t5","t6","undefined","getCheckboxAllNode","selectedRowKeys","t7","items","isShowRowSelectionInFooter","onChange","t8","btnItems","key","label","Table","cancelSelect","onClick","unSelectAll","selectAll","selected","length","item","map","_temp","rowSelectionNode","page","_temp2","scrollToFirstRowOnChange","onChangePage","pager","isShowRowSelection","isRowSelectionEnabled","isShowFooter","btnItem","e","IProps","TDataItem"],"sources":["../../../../src/Table/components/Footer/index.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react';\nimport { Pagination } from '../../..';\nimport { IPaginationProps } from '../../../Pagination/types';\nimport TextLink from '../../../TextLink';\nimport { cn } from '../../../lib/utils';\nimport { LocaleContext, getTranslator } from '../../../locale/default';\nimport { prefixCls } from '../../helper';\nimport { IRowSelectionInfo } from '../../hooks/useRowSelection';\nimport { ITableProps } from '../../types';\n\nexport default function TableFooter<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    pagination,\n    scroll = {},\n    scrollToFirstRow,\n    isShowPagination,\n    rowSelectionInfo,\n  } = props;\n\n  // 选择行\n  const {\n    getCheckboxAllNode,\n    selectedRowKeys,\n    selectedRowKeysInCurrPage,\n    items,\n    isShowRowSelectionInFooter,\n    onChange: changeSelectedRowKeys,\n  } = rowSelectionInfo;\n\n  const btnItems = [\n    {\n      key: '$UN_SELECT_ALL$',\n      label: t.Table.cancelSelect,\n      onClick: () => rowSelectionInfo.unSelectAll(),\n    },\n    ...items,\n  ];\n\n  const rowSelectionNode = isShowRowSelectionInFooter && (\n    <div className={prefixCls('footer-row-selection')}>\n      <div className={prefixCls('footer-row-selection-btn')}>\n        {getCheckboxAllNode?.(t.Table.selectAll)}\n      </div>\n      <div\n        className={cn(\n          prefixCls('footer-row-selection-selected'),\n          'tw-text-typography-body-dense',\n        )}\n      >\n        {t.Table.selected}\n        <TextLink className={prefixCls('footer-row-selection-selected-num')}>\n          {selectedRowKeys.length}\n        </TextLink>\n        {t.Table.item}\n      </div>\n      {btnItems.map((btnItem) => {\n        return (\n          <div\n            key={btnItem.key}\n            className={prefixCls('footer-row-selection-item')}\n            onClick={(e) => {\n              btnItem.onClick(e);\n            }}\n          >\n            <TextLink>{btnItem.label}</TextLink>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  // 翻页器\n  const onChangePage = useCallback(\n    (page: number) => {\n      const { onChange = () => {} } = pagination || {};\n      const { scrollToFirstRowOnChange = true } = scroll;\n      if (scrollToFirstRowOnChange) {\n        scrollToFirstRow();\n      }\n      onChange(page);\n      // 翻页后，清空已选行\n      changeSelectedRowKeys([]);\n    },\n    [scrollToFirstRow, scroll, pagination, changeSelectedRowKeys],\n  );\n\n  const pager = isShowPagination && pagination && (\n    <div className={prefixCls('pager')}>\n      <Pagination hideOnSinglePage {...pagination} onChange={onChangePage} />\n    </div>\n  );\n\n  const isShowRowSelection =\n    rowSelectionInfo.isRowSelectionEnabled &&\n    selectedRowKeysInCurrPage.length > 0;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  return isShowFooter ? (\n    <div className={prefixCls('footer')}>\n      {rowSelectionNode}\n      {pager}\n    </div>\n  ) : null;\n}\n\ninterface IProps<TDataItem extends object> {\n  isShowPagination: boolean;\n  rowSelectionInfo: IRowSelectionInfo<TDataItem>;\n  pagination?: IPaginationProps;\n  scroll?: ITableProps<TDataItem>['scroll'];\n  scrollToFirstRow: () => void;\n}\n"],"mappings":"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"}

package/dist/Table/components/Footer.js

@@ -0,0 +1,2 @@
+export * from './Footer/index.js';
+export { default } from './Footer/index.js';

package/dist/Table/components/Header.d.ts

@@ -1,5 +1,6 @@
 import { Column } from '@tanstack/react-table';
-export default function Header<T extends object>(props: IProps<T>): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+export default function Header<T extends object>(props: IProps<T>): React.JSX.Element;
 export interface IProps<T> {
     column: Column<T>;
 }

package/dist/Table/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport React, { MouseEventHandler, useCallback } from 'react';\nimport SortAscIcon from '../../Icon/components/SortAscendingOrderColor';\nimport SortIcon from '../../Icon/components/SortColor';\nimport SortDescIcon from '../../Icon/components/SortDescendingOrderColor';\nimport { prefixCls } from '../helper';\nimport { ITableColumn, ITableProps } from '../types';\n\nexport default function Header<T extends object>(props: IProps<T>) {\n  const { column } = props;\n  const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column\n    .columnDef.meta as ITableColumn & { onSort: ITableProps<T>['onSort'] };\n  const isSortable =\n    sortOrder !== undefined && !!dataIndex && typeof onSort === 'function';\n  const ariaSort =\n    sortOrder === 'ascend'\n      ? 'ascending'\n      : sortOrder === 'descend'\n      ? 'descending'\n      : 'none';\n\n  let sortIcon = <SortIcon size={20} color={'var(--action-neutral-normal)'} />;\n  if (sortOrder === 'ascend') {\n    sortIcon = <SortAscIcon size={20} color={'var(--action-primary-normal)'} />;\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(--action-primary-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (!isSortable || !dataIndex) {\n        return;\n      }\n      e.stopPropagation();\n\n      let newSortOrder: typeof sortOrder;\n      if (sortOrder === 'ascend') {\n        newSortOrder = 'descend';\n      } else if (sortOrder === 'descend') {\n        newSortOrder = null;\n      } else {\n        newSortOrder = 'ascend';\n      }\n      onSort(dataIndex, newSortOrder);\n    },\n    [dataIndex, isSortable, onSort, sortOrder],\n  );\n\n  const content = isSortable ? (\n    <span className={prefixCls('sort-th-inner')}>\n      <span className={prefixCls('sort-title')}>{title}</span>\n      <span className={prefixCls('sort-btn')} aria-hidden=\"true\">\n        {sortIcon}\n      </span>\n    </span>\n  ) : (\n    title\n  );\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      aria-sort={isSortable ? ariaSort : undefined}\n      className={cn(\n        prefixCls('th-default'),\n        'tw-text-typography-label',\n        prefixCls(`align-${align}`),\n        {\n          [prefixCls('td-ellipsis-content')]: ellipsis,\n          [prefixCls('th-sortable')]: isSortable,\n        },\n      )}\n    >\n      {isSortable ? (\n        <button\n          type=\"button\"\n          className={prefixCls('sort-trigger')}\n          aria-label={`Sort by ${title}`}\n          onClick={onClickTh}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n    </div>\n  ) : (\n    <>{title}</>\n  );\n}\n\nexport interface IProps<T> {\n  column: Column<T>;\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,OAAyB,OAAkB;CACjE,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,OAAO,WAAW,OAAO,UAAU,WAAW,WAAW,OAC9D,UAAU;CACb,MAAM,aACJ,cAAc,UAAa,CAAC,CAAC,aAAa,OAAO,WAAW;CAC9D,MAAM,WACJ,cAAc,WACV,cACA,cAAc,YACd,eACA;CAEN,IAAI,WAAW,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAkC,CAAA;AAC5E,KAAI,cAAc,SAChB,YAAW,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAkC,CAAA;UAClE,cAAc,UACvB,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAAkC,CAAA;CAIrE,MAAM,YAAY,aACf,MAAM;AACL,MAAI,CAAC,cAAc,CAAC,UAClB;AAEF,IAAE,iBAAiB;EAEnB,IAAI;AACJ,MAAI,cAAc,SAChB,gBAAe;WACN,cAAc,UACvB,gBAAe;MAEf,gBAAe;AAEjB,SAAO,WAAW,aAAa;IAEjC;EAAC;EAAW;EAAY;EAAQ;EAAU,CAC3C;CAED,MAAM,UAAU,aACd,qBAAC,QAAD;EAAM,WAAW,UAAU,gBAAgB;YAA3C,CACE,oBAAC,QAAD;GAAM,WAAW,UAAU,aAAa;aAAG;GAAa,CAAA,EACxD,oBAAC,QAAD;GAAM,WAAW,UAAU,WAAW;GAAE,eAAY;aACjD;GACI,CAAA,CACF;MAEP;AAGF,QAAO,OAAO,UAAU,WACtB,oBAAC,OAAD;EAEE,aAAW,aAAa,WAAW;EACnC,WAAW,GACT,UAAU,aAAa,EACvB,4BACA,UAAU,SAAS,QAAQ,EAC3B;IACG,UAAU,sBAAsB,GAAG;IACnC,UAAU,cAAc,GAAG;GAC7B,CACF;YAEA,aACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAW,UAAU,eAAe;GACpC,cAAY,WAAW;GACvB,SAAS;aAER;GACM,CAAA,GAET;EAEE,EAxBC,UAwBD,GAEN,oBAAA,UAAA,EAAA,UAAG,OAAS,CAAA"}
+{"version":3,"file":"Header.js","names":["Column","cn","React","MouseEventHandler","useCallback","SortAscIcon","SortIcon","SortDescIcon","prefixCls","ITableColumn","ITableProps","Header","props","IProps","T","column","title","dataIndex","align","ellipsis","sortOrder","onSort","columnDef","meta","isSortable","undefined","ariaSort","sortIcon","onClickTh","e","stopPropagation","newSortOrder","content"],"sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport React, { MouseEventHandler, useCallback } from 'react';\nimport SortAscIcon from '../../Icon/components/SortAscendingOrderColor';\nimport SortIcon from '../../Icon/components/SortColor';\nimport SortDescIcon from '../../Icon/components/SortDescendingOrderColor';\nimport { prefixCls } from '../helper';\nimport { ITableColumn, ITableProps } from '../types';\n\nexport default function Header<T extends object>(props: IProps<T>) {\n  const { column } = props;\n  const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column\n    .columnDef.meta as ITableColumn & { onSort: ITableProps<T>['onSort'] };\n  const isSortable =\n    sortOrder !== undefined && !!dataIndex && typeof onSort === 'function';\n  const ariaSort =\n    sortOrder === 'ascend'\n      ? 'ascending'\n      : sortOrder === 'descend'\n      ? 'descending'\n      : 'none';\n\n  let sortIcon = <SortIcon size={20} color={'var(--action-neutral-normal)'} />;\n  if (sortOrder === 'ascend') {\n    sortIcon = <SortAscIcon size={20} color={'var(--action-primary-normal)'} />;\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(--action-primary-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (!isSortable || !dataIndex) {\n        return;\n      }\n      e.stopPropagation();\n\n      let newSortOrder: typeof sortOrder;\n      if (sortOrder === 'ascend') {\n        newSortOrder = 'descend';\n      } else if (sortOrder === 'descend') {\n        newSortOrder = null;\n      } else {\n        newSortOrder = 'ascend';\n      }\n      onSort(dataIndex, newSortOrder);\n    },\n    [dataIndex, isSortable, onSort, sortOrder],\n  );\n\n  const content = isSortable ? (\n    <span className={prefixCls('sort-th-inner')}>\n      <span className={prefixCls('sort-title')}>{title}</span>\n      <span className={prefixCls('sort-btn')} aria-hidden=\"true\">\n        {sortIcon}\n      </span>\n    </span>\n  ) : (\n    title\n  );\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      aria-sort={isSortable ? ariaSort : undefined}\n      className={cn(\n        prefixCls('th-default'),\n        'tw-text-typography-label',\n        prefixCls(`align-${align}`),\n        {\n          [prefixCls('td-ellipsis-content')]: ellipsis,\n          [prefixCls('th-sortable')]: isSortable,\n        },\n      )}\n    >\n      {isSortable ? (\n        <button\n          type=\"button\"\n          className={prefixCls('sort-trigger')}\n          aria-label={`Sort by ${title}`}\n          onClick={onClickTh}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n    </div>\n  ) : (\n    <>{title}</>\n  );\n}\n\nexport interface IProps<T> {\n  column: Column<T>;\n}\n"],"mappings":";;;;;;;;AASA,SAAwBW,OAAyBC,OAAkB;CACjE,MAAM,EAAEG,WAAWH;CACnB,MAAM,EAAEI,OAAOC,WAAWC,OAAOC,UAAUC,WAAWC,WAAWN,OAC9DO,UAAUC;CACb,MAAMC,aACJJ,cAAcK,UAAa,CAAC,CAACR,aAAa,OAAOI,WAAW;CAC9D,MAAMK,WACJN,cAAc,WACV,cACAA,cAAc,YACd,eACA;CAEN,IAAIO,WAAW,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAkC,CAAA;AAC5E,KAAIP,cAAc,SAChBO,YAAW,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAkC,CAAA;UAClEP,cAAc,UACvBO,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAChC,CAAA;CAGH,MAAMC,YAAYxB,aACfyB,MAAM;AACL,MAAI,CAACL,cAAc,CAACP,UAClB;AAEFY,IAAEC,iBAAiB;EAEnB,IAAIC;AACJ,MAAIX,cAAc,SAChBW,gBAAe;WACNX,cAAc,UACvBW,gBAAe;MAEfA,gBAAe;AAEjBV,SAAOJ,WAAWc,aAAa;IAEjC;EAACd;EAAWO;EAAYH;EAAQD;EAClC,CAAC;CAED,MAAMY,UAAUR,aACd,qBAAC,QAAD;EAAM,WAAWhB,UAAU,gBAAgB;YAA3C,CACE,oBAAC,QAAD;GAAM,WAAWA,UAAU,aAAa;aAAGQ;GAAY,CAAA,EACvD,oBAAC,QAAD;GAAM,WAAWR,UAAU,WAAW;GAAE,eAAY;aACjDmB;GACG,CAAA,CACD;MAEPX;AAGF,QAAO,OAAOA,UAAU,WACtB,oBAAC,OAAD;EAEE,aAAWQ,aAAaE,WAAWD;EACnC,WAAWxB,GACTO,UAAU,aAAa,EACvB,4BACAA,UAAU,SAASU,QAAQ,EAC3B;IACGV,UAAU,sBAAsB,GAAGW;IACnCX,UAAU,cAAc,GAAGgB;GAEhC,CAAC;YAEAA,aACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAWhB,UAAU,eAAe;GACpC,cAAY,WAAWQ;GACvB,SAASY;aAERI;GACM,CAAA,GAETA;EAEE,EAxBCf,UAwBD,GAEN,oBAAA,UAAA,EAAA,UAAGD,OACJ,CAAA"}

package/dist/Table/helper.d.ts

@@ -6,25 +6,25 @@ export declare function getTableColumns<TDataItem extends object>({ columns, con
     onSort: ITableProps<TDataItem>['onSort'];
 }): {
     accessorKey: string;
-    header: (props: import('./components/Header').IProps<TDataItem>) => import("react/jsx-runtime").JSX.Element;
-    cell: (props: import('./components/Cell').IProps<TDataItem>) => import("react/jsx-runtime").JSX.Element;
+    header: (props: import('./components/Header.js').IProps<TDataItem>) => import("react").JSX.Element;
+    cell: (props: import('./components/Cell.js').IProps<TDataItem>) => import("react").JSX.Element;
     size: number;
     minSize: number;
     meta: {
-        onError: ((errorInfo: import('./types').ITableCellErrorInfo) => void) | undefined;
+        onError: ((errorInfo: import('./types.js').ITableCellErrorInfo) => void) | undefined;
         columnWidths: number[];
         index: number;
         onSort: ((columnKey: string, order: "ascend" | "descend" | null) => void) | undefined;
-        title: import('react').ReactNode;
-        dataIndex?: string | undefined;
-        width?: string | number | undefined;
-        minWidth?: number | undefined;
-        render?: ((text: any, record: TDataItem, rowIndex: number) => import('react').ReactNode) | undefined;
-        ellipsis?: boolean | undefined;
-        noPadding?: boolean | undefined;
-        align?: "center" | "left" | "right" | undefined;
-        fixed?: "left" | "right" | undefined;
-        sortOrder?: "ascend" | "descend" | null | undefined;
+        title: string | React.ReactNode;
+        dataIndex?: string;
+        width?: number | string;
+        minWidth?: number;
+        render?: ((text: any, record: TDataItem, rowIndex: number) => React.ReactNode) | undefined;
+        ellipsis?: boolean;
+        noPadding?: boolean;
+        align?: "left" | "center" | "right";
+        fixed?: "left" | "right";
+        sortOrder?: "ascend" | "descend" | null;
     };
 }[];
 /**

package/dist/Table/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../src/Table/helper.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { getUUID } from '../_utils/hooks/useId';\nimport Cell from './components/Cell';\nimport Header from './components/Header';\nimport { ITableColumn, ITableProps } from './types';\n\nexport function getTableColumns<TDataItem extends object>({\n  columns,\n  containerWidth,\n  onError,\n  onSort,\n}: {\n  columns: ITableColumn<TDataItem>[];\n  containerWidth: number;\n  onError: ITableProps<TDataItem>['onError'];\n  onSort: ITableProps<TDataItem>['onSort'];\n}) {\n  const columnWidths = getColumnWidths(\n    columns as ITableColumn[],\n    containerWidth,\n  );\n  // 根据固定列的位置重排列顺序，将 left 的列放到最前面，right 的列放到最后面\n  const leftColumns: ITableColumn<TDataItem>[] = [];\n  const rightColumns: ITableColumn<TDataItem>[] = [];\n  const unFixedColumns: ITableColumn<TDataItem>[] = [];\n  columns.forEach((col) => {\n    if (col.fixed === 'left') {\n      leftColumns.push(col);\n    } else if (col.fixed === 'right') {\n      rightColumns.push(col);\n    } else {\n      unFixedColumns.push(col);\n    }\n  });\n  const sortedColumns = [...leftColumns, ...unFixedColumns, ...rightColumns];\n  return _.map(sortedColumns, (col, index) => {\n    // 最小宽度不能小于 40px，因为每个 cell 存在左右 padding，太小的宽度会导致 resize 列后看不出这个列的标题\n    const minSize = Math.max(col.minWidth || 0, 40);\n    return {\n      // 这里还需要排除掉空字符串的情况，id 不能为 ''\n      accessorKey: col.dataIndex || `column-${index}`,\n      header: Header<TDataItem>,\n      cell: Cell<TDataItem>,\n      size: columnWidths[index],\n      minSize,\n      meta: { ...col, onError, columnWidths, index, onSort },\n    };\n  });\n}\n\n/**\n * 计算列宽\n */\nexport function getColumnWidths(\n  columns: ITableColumn<unknown>[],\n  scrollWidth: number,\n): number[] {\n  if (columns.length === 0) {\n    return [];\n  }\n  // 可改变列宽情况，react-table 可拖动列宽要求列宽值必须是数字，因为将百分比列宽转换为数字\n  const DEFAULT_WIDTH = 150;\n  // 计算出每个列的具体宽度值\n  const columnWidthInfos: Array<{\n    width: number;\n    isSpecific: boolean; // 是否是具体值\n  }> = _.map(columns, (col) => {\n    const { width } = col;\n    if (typeof width === 'number') {\n      return {\n        width,\n        isSpecific: true,\n      };\n    }\n    if (typeof width === 'string' && isPercentage(width)) {\n      const widthNum = getNumberFromPercentageStr(width);\n      return {\n        width: (widthNum * scrollWidth) / 100,\n        isSpecific: false,\n      };\n    }\n    return { width: DEFAULT_WIDTH, isSpecific: false };\n  });\n  const totalColumnWidth = _.sum(columnWidthInfos.map((col) => col.width));\n  if (scrollWidth !== totalColumnWidth) {\n    // 如果实际宽度不等于列总宽度之和，则将差额的宽度按列宽的比例分配给各个没有设置具体宽度值的列\n\n    // 指定了具体值的列的总宽度\n    const specificWidth = _.sum(\n      _.filter(columnWidthInfos, (col) => col.isSpecific).map(\n        (col) => col.width,\n      ),\n    );\n    const offset = scrollWidth - totalColumnWidth;\n\n    // 计算每个没有设置具体宽度值的列应该分到的差值的占比\n    const totalOffsetWidth = totalColumnWidth - specificWidth;\n\n    const newColumnWidths = columnWidthInfos.map((colWidthInfo) => {\n      if (colWidthInfo.isSpecific) {\n        return colWidthInfo.width;\n      }\n      // 未指定具体宽度值的列，分配差值\n      if (totalOffsetWidth !== 0) {\n        const radio = colWidthInfo.width / totalOffsetWidth;\n        return colWidthInfo.width + offset * radio;\n      }\n      return 0;\n    });\n\n    // 计算新的列宽度总和\n    const newTotalColumnWidth = _.sum(newColumnWidths);\n\n    // 计算并处理可能存在的误差\n    const errorWidth = scrollWidth - newTotalColumnWidth;\n\n    // 将误差加到最后一个没有指定具体值的列上\n    const colIndex = _.findLastIndex(\n      columnWidthInfos,\n      (columnWidthInfo) => !columnWidthInfo.isSpecific,\n    );\n    if (colIndex !== -1) {\n      const newWidth = newColumnWidths[colIndex] + errorWidth;\n      if (newWidth >= 0) {\n        newColumnWidths[colIndex] += errorWidth;\n      }\n    }\n\n    return newColumnWidths;\n  } else {\n    return _.map(columnWidthInfos, (columnWidthInfo) => columnWidthInfo.width);\n  }\n}\n\nexport function getNumberFromPercentageStr(str: string) {\n  const numberStr = str.replace('%', '');\n  return parseFloat(numberStr);\n}\n\n/**\n * 判断是否百分比字符串\n * @param str\n * @returns\n */\nexport function isPercentage(str: string) {\n  const regex = /^100(\\.\\d+)?%?$|^\\d{1,2}(\\.\\d+)?%$/;\n  return regex.test(str);\n}\n\nconst ALD_PREFIX = 'ald-table';\nexport function prefixCls(className: string) {\n  return `${ALD_PREFIX}-${className}`;\n}\n\nexport function getRowKey<TDataItem extends object>(\n  row: TDataItem,\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  defaultKey?: string | number,\n) {\n  let rowKeyStr: string | number = defaultKey ?? getUUID();\n  if (typeof rowKey === 'function') {\n    rowKeyStr = rowKey(row);\n  } else if (rowKey !== undefined) {\n    rowKeyStr = _.get(row, rowKey) as string | number;\n  }\n  return _.toString(rowKeyStr);\n}\n\nexport function hasFixedLeftColumn<TDataItem extends object>(\n  columns: ITableColumn<TDataItem>[],\n) {\n  return columns.some((col) => col.fixed === 'left');\n}\n"],"mappings":";;;;;AAMA,SAAgB,gBAA0C,EACxD,SACA,gBACA,SACA,UAMC;CACD,MAAM,eAAe,gBACnB,SACA,eACD;CAED,MAAM,cAAyC,EAAE;CACjD,MAAM,eAA0C,EAAE;CAClD,MAAM,iBAA4C,EAAE;AACpD,SAAQ,SAAS,QAAQ;AACvB,MAAI,IAAI,UAAU,OAChB,aAAY,KAAK,IAAI;WACZ,IAAI,UAAU,QACvB,cAAa,KAAK,IAAI;MAEtB,gBAAe,KAAK,IAAI;GAE1B;CACF,MAAM,gBAAgB;EAAC,GAAG;EAAa,GAAG;EAAgB,GAAG;EAAa;AAC1E,QAAO,EAAE,IAAI,gBAAgB,KAAK,UAAU;EAE1C,MAAM,UAAU,KAAK,IAAI,IAAI,YAAY,GAAG,GAAG;AAC/C,SAAO;GAEL,aAAa,IAAI,aAAa,UAAU;GACxC,QAAQ;GACR,MAAM;GACN,MAAM,aAAa;GACnB;GACA,MAAM;IAAE,GAAG;IAAK;IAAS;IAAc;IAAO;IAAQ;GACvD;GACD;;;;;AAMJ,SAAgB,gBACd,SACA,aACU;AACV,KAAI,QAAQ,WAAW,EACrB,QAAO,EAAE;CAGX,MAAM,gBAAgB;CAEtB,MAAM,mBAGD,EAAE,IAAI,UAAU,QAAQ;EAC3B,MAAM,EAAE,UAAU;AAClB,MAAI,OAAO,UAAU,SACnB,QAAO;GACL;GACA,YAAY;GACb;AAEH,MAAI,OAAO,UAAU,YAAY,aAAa,MAAM,CAElD,QAAO;GACL,OAFe,2BAA2B,MAAM,GAE7B,cAAe;GAClC,YAAY;GACb;AAEH,SAAO;GAAE,OAAO;GAAe,YAAY;GAAO;GAClD;CACF,MAAM,mBAAmB,EAAE,IAAI,iBAAiB,KAAK,QAAQ,IAAI,MAAM,CAAC;AACxE,KAAI,gBAAgB,kBAAkB;EAIpC,MAAM,gBAAgB,EAAE,IACtB,EAAE,OAAO,mBAAmB,QAAQ,IAAI,WAAW,CAAC,KACjD,QAAQ,IAAI,MACd,CACF;EACD,MAAM,SAAS,cAAc;EAG7B,MAAM,mBAAmB,mBAAmB;EAE5C,MAAM,kBAAkB,iBAAiB,KAAK,iBAAiB;AAC7D,OAAI,aAAa,WACf,QAAO,aAAa;AAGtB,OAAI,qBAAqB,GAAG;IAC1B,MAAM,QAAQ,aAAa,QAAQ;AACnC,WAAO,aAAa,QAAQ,SAAS;;AAEvC,UAAO;IACP;EAMF,MAAM,aAAa,cAHS,EAAE,IAAI,gBAAgB;EAMlD,MAAM,WAAW,EAAE,cACjB,mBACC,oBAAoB,CAAC,gBAAgB,WACvC;AACD,MAAI,aAAa,IAEf;OADiB,gBAAgB,YAAY,cAC7B,EACd,iBAAgB,aAAa;;AAIjC,SAAO;OAEP,QAAO,EAAE,IAAI,mBAAmB,oBAAoB,gBAAgB,MAAM;;AAI9E,SAAgB,2BAA2B,KAAa;CACtD,MAAM,YAAY,IAAI,QAAQ,KAAK,GAAG;AACtC,QAAO,WAAW,UAAU;;;;;;;AAQ9B,SAAgB,aAAa,KAAa;AAExC,QADc,qCACD,KAAK,IAAI;;AAGxB,IAAM,aAAa;AACnB,SAAgB,UAAU,WAAmB;AAC3C,QAAO,GAAG,WAAW,GAAG;;AAG1B,SAAgB,UACd,KACA,QACA,YACA;CACA,IAAI,YAA6B,cAAc,SAAS;AACxD,KAAI,OAAO,WAAW,WACpB,aAAY,OAAO,IAAI;UACd,WAAW,OACpB,aAAY,EAAE,IAAI,KAAK,OAAO;AAEhC,QAAO,EAAE,SAAS,UAAU;;AAG9B,SAAgB,mBACd,SACA;AACA,QAAO,QAAQ,MAAM,QAAQ,IAAI,UAAU,OAAO"}
+{"version":3,"file":"helper.js","names":["_","getUUID","Cell","Header","ITableColumn","ITableProps","getTableColumns","columns","containerWidth","onError","onSort","TDataItem","columnWidths","getColumnWidths","leftColumns","rightColumns","unFixedColumns","forEach","col","fixed","push","sortedColumns","map","index","minSize","Math","max","minWidth","accessorKey","dataIndex","header","cell","size","meta","scrollWidth","length","DEFAULT_WIDTH","columnWidthInfos","Array","width","isSpecific","isPercentage","widthNum","getNumberFromPercentageStr","totalColumnWidth","sum","specificWidth","filter","offset","totalOffsetWidth","newColumnWidths","colWidthInfo","radio","newTotalColumnWidth","errorWidth","colIndex","findLastIndex","columnWidthInfo","newWidth","str","numberStr","replace","parseFloat","regex","test","ALD_PREFIX","prefixCls","className","getRowKey","row","rowKey","defaultKey","rowKeyStr","undefined","get","toString","hasFixedLeftColumn","some"],"sources":["../../src/Table/helper.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { getUUID } from '../_utils/hooks/useId';\nimport Cell from './components/Cell';\nimport Header from './components/Header';\nimport { ITableColumn, ITableProps } from './types';\n\nexport function getTableColumns<TDataItem extends object>({\n  columns,\n  containerWidth,\n  onError,\n  onSort,\n}: {\n  columns: ITableColumn<TDataItem>[];\n  containerWidth: number;\n  onError: ITableProps<TDataItem>['onError'];\n  onSort: ITableProps<TDataItem>['onSort'];\n}) {\n  const columnWidths = getColumnWidths(\n    columns as ITableColumn[],\n    containerWidth,\n  );\n  // 根据固定列的位置重排列顺序，将 left 的列放到最前面，right 的列放到最后面\n  const leftColumns: ITableColumn<TDataItem>[] = [];\n  const rightColumns: ITableColumn<TDataItem>[] = [];\n  const unFixedColumns: ITableColumn<TDataItem>[] = [];\n  columns.forEach((col) => {\n    if (col.fixed === 'left') {\n      leftColumns.push(col);\n    } else if (col.fixed === 'right') {\n      rightColumns.push(col);\n    } else {\n      unFixedColumns.push(col);\n    }\n  });\n  const sortedColumns = [...leftColumns, ...unFixedColumns, ...rightColumns];\n  return _.map(sortedColumns, (col, index) => {\n    // 最小宽度不能小于 40px，因为每个 cell 存在左右 padding，太小的宽度会导致 resize 列后看不出这个列的标题\n    const minSize = Math.max(col.minWidth || 0, 40);\n    return {\n      // 这里还需要排除掉空字符串的情况，id 不能为 ''\n      accessorKey: col.dataIndex || `column-${index}`,\n      header: Header<TDataItem>,\n      cell: Cell<TDataItem>,\n      size: columnWidths[index],\n      minSize,\n      meta: { ...col, onError, columnWidths, index, onSort },\n    };\n  });\n}\n\n/**\n * 计算列宽\n */\nexport function getColumnWidths(\n  columns: ITableColumn<unknown>[],\n  scrollWidth: number,\n): number[] {\n  if (columns.length === 0) {\n    return [];\n  }\n  // 可改变列宽情况，react-table 可拖动列宽要求列宽值必须是数字，因为将百分比列宽转换为数字\n  const DEFAULT_WIDTH = 150;\n  // 计算出每个列的具体宽度值\n  const columnWidthInfos: Array<{\n    width: number;\n    isSpecific: boolean; // 是否是具体值\n  }> = _.map(columns, (col) => {\n    const { width } = col;\n    if (typeof width === 'number') {\n      return {\n        width,\n        isSpecific: true,\n      };\n    }\n    if (typeof width === 'string' && isPercentage(width)) {\n      const widthNum = getNumberFromPercentageStr(width);\n      return {\n        width: (widthNum * scrollWidth) / 100,\n        isSpecific: false,\n      };\n    }\n    return { width: DEFAULT_WIDTH, isSpecific: false };\n  });\n  const totalColumnWidth = _.sum(columnWidthInfos.map((col) => col.width));\n  if (scrollWidth !== totalColumnWidth) {\n    // 如果实际宽度不等于列总宽度之和，则将差额的宽度按列宽的比例分配给各个没有设置具体宽度值的列\n\n    // 指定了具体值的列的总宽度\n    const specificWidth = _.sum(\n      _.filter(columnWidthInfos, (col) => col.isSpecific).map(\n        (col) => col.width,\n      ),\n    );\n    const offset = scrollWidth - totalColumnWidth;\n\n    // 计算每个没有设置具体宽度值的列应该分到的差值的占比\n    const totalOffsetWidth = totalColumnWidth - specificWidth;\n\n    const newColumnWidths = columnWidthInfos.map((colWidthInfo) => {\n      if (colWidthInfo.isSpecific) {\n        return colWidthInfo.width;\n      }\n      // 未指定具体宽度值的列，分配差值\n      if (totalOffsetWidth !== 0) {\n        const radio = colWidthInfo.width / totalOffsetWidth;\n        return colWidthInfo.width + offset * radio;\n      }\n      return 0;\n    });\n\n    // 计算新的列宽度总和\n    const newTotalColumnWidth = _.sum(newColumnWidths);\n\n    // 计算并处理可能存在的误差\n    const errorWidth = scrollWidth - newTotalColumnWidth;\n\n    // 将误差加到最后一个没有指定具体值的列上\n    const colIndex = _.findLastIndex(\n      columnWidthInfos,\n      (columnWidthInfo) => !columnWidthInfo.isSpecific,\n    );\n    if (colIndex !== -1) {\n      const newWidth = newColumnWidths[colIndex] + errorWidth;\n      if (newWidth >= 0) {\n        newColumnWidths[colIndex] += errorWidth;\n      }\n    }\n\n    return newColumnWidths;\n  } else {\n    return _.map(columnWidthInfos, (columnWidthInfo) => columnWidthInfo.width);\n  }\n}\n\nexport function getNumberFromPercentageStr(str: string) {\n  const numberStr = str.replace('%', '');\n  return parseFloat(numberStr);\n}\n\n/**\n * 判断是否百分比字符串\n * @param str\n * @returns\n */\nexport function isPercentage(str: string) {\n  const regex = /^100(\\.\\d+)?%?$|^\\d{1,2}(\\.\\d+)?%$/;\n  return regex.test(str);\n}\n\nconst ALD_PREFIX = 'ald-table';\nexport function prefixCls(className: string) {\n  return `${ALD_PREFIX}-${className}`;\n}\n\nexport function getRowKey<TDataItem extends object>(\n  row: TDataItem,\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  defaultKey?: string | number,\n) {\n  let rowKeyStr: string | number = defaultKey ?? getUUID();\n  if (typeof rowKey === 'function') {\n    rowKeyStr = rowKey(row);\n  } else if (rowKey !== undefined) {\n    rowKeyStr = _.get(row, rowKey) as string | number;\n  }\n  return _.toString(rowKeyStr);\n}\n\nexport function hasFixedLeftColumn<TDataItem extends object>(\n  columns: ITableColumn<TDataItem>[],\n) {\n  return columns.some((col) => col.fixed === 'left');\n}\n"],"mappings":"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"}

package/dist/Table/hooks/useExpandable.d.ts

@@ -1,6 +1,6 @@
-import { ITableProps } from '../types';
+import { ITableProps } from '../types.js';
 export default function useExpandable<TDataItem extends object>(props: IProps<TDataItem>): IExpandableInfo<TDataItem>;
-export declare function getExpandableConfig<TDataItem extends object>(expandable: ITableProps<TDataItem>['expandable']): import('../types').ITableExpandable<TDataItem>;
+export declare function getExpandableConfig<TDataItem extends object>(expandable: ITableProps<TDataItem>['expandable']): import('../types.js').ITableExpandable<TDataItem>;
 export interface IExpandableInfo<TDataItem extends object> {
     expandItemMap: IExpandItemMap;
     onExpand: (record: TDataItem, isExpanded: boolean) => void;