@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Table/components/ExpandCell.js

@@ -1,62 +1,61 @@
-import _ from 'lodash';
-import React from 'react';
-import { ArrowDownLightLine, ArrowRightLightLine } from "../../Icon";
-import { getRowKey, prefixCls } from "../helper";
-import { getExpandableConfig } from "../hooks/useExpandable";
-export default function ExpandCell(props) {
-  var children = props.children,
-    expandableInfo = props.expandableInfo,
-    data = props.data,
-    rowKey = props.rowKey,
-    propsExpandable = props.expandable;
-  if (!expandableInfo.isExpandable || !rowKey) {
-    // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  var expandItemMap = expandableInfo.expandItemMap,
-    onExpand = expandableInfo.onExpand;
-  var key = getRowKey(data, rowKey);
-  var expandItem = expandItemMap[key];
-  if (!expandItem) {
-    console.error('expandItem in not found', key, expandItemMap);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  var level = expandItem.level,
-    isExpanded = expandItem.isExpanded,
-    isLeaf = expandItem.isLeaf;
-  var expandable = getExpandableConfig(propsExpandable);
-  var defaultExpandIconRender = function defaultExpandIconRender(params) {
-    var record = params.record,
-      onExpand = params.onExpand,
-      isExpandedIcon = params.isExpanded;
-    return /*#__PURE__*/React.createElement("span", {
-      className: prefixCls('expand-btn-inner'),
-      onClick: function onClick() {
-        if (isLeaf) {
-          return;
-        }
-        onExpand(record, !isExpanded);
-      }
-    }, isExpandedIcon ? /*#__PURE__*/React.createElement(ArrowDownLightLine, null) : /*#__PURE__*/React.createElement(ArrowRightLightLine, null));
-  };
-  var expandIcon = expandable.expandIcon || defaultExpandIconRender;
-  var iconNode = isLeaf ? null : expandIcon({
-    record: data,
-    onExpand: onExpand,
-    isExpanded: !!isExpanded
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('expandable-td')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('indent-list')
-  }, _.map(_.range(level), function (i) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: prefixCls('indent-item'),
-      key: i
-    });
-  })), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('expand-btn')
-  }, iconNode), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('expand-content')
-  }, children));
-}
+import Memo from "../../Icon/components/ArrowDownLightLine.js";
+import Memo$1 from "../../Icon/components/ArrowRightLightLine.js";
+import { getRowKey, prefixCls } from "../helper.js";
+import { getExpandableConfig } from "../hooks/useExpandable.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+//#region src/Table/components/ExpandCell.tsx
+function ExpandCell(props) {
+	const { children, expandableInfo, data, rowKey, expandable: propsExpandable } = props;
+	if (!expandableInfo.isExpandable || !rowKey) return /* @__PURE__ */ jsx(Fragment, { children });
+	const { expandItemMap, onExpand } = expandableInfo;
+	const key = getRowKey(data, rowKey);
+	const expandItem = expandItemMap[key];
+	if (!expandItem) {
+		console.error("expandItem in not found", key, expandItemMap);
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	}
+	const { level, isExpanded, isLeaf } = expandItem;
+	const expandable = getExpandableConfig(propsExpandable);
+	const defaultExpandIconRender = (params) => {
+		const { record, onExpand, isExpanded: isExpandedIcon } = params;
+		return /* @__PURE__ */ jsx("span", {
+			className: prefixCls("expand-btn-inner"),
+			onClick: () => {
+				if (isLeaf) return;
+				onExpand(record, !isExpanded);
+			},
+			children: isExpandedIcon ? /* @__PURE__ */ jsx(Memo, {}) : /* @__PURE__ */ jsx(Memo$1, {})
+		});
+	};
+	const expandIcon = expandable.expandIcon || defaultExpandIconRender;
+	const iconNode = isLeaf ? null : expandIcon({
+		record: data,
+		onExpand,
+		isExpanded: !!isExpanded
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: prefixCls("expandable-td"),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: prefixCls("indent-list"),
+				children: _.map(_.range(level), (i) => {
+					return /* @__PURE__ */ jsx("div", { className: prefixCls("indent-item") }, i);
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: prefixCls("expand-btn"),
+				children: iconNode
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: prefixCls("expand-content"),
+				children
+			})
+		]
+	});
+}
+//#endregion
+export { ExpandCell as default };
+
+//# sourceMappingURL=ExpandCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandCell.js","names":[],"sources":["../../../src/Table/components/ExpandCell.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../../Icon';\nimport { getRowKey, prefixCls } from '../helper';\nimport { IExpandableInfo, getExpandableConfig } from '../hooks/useExpandable';\nimport { IExpandIconProps, ITableExpandable, TRowKey } from '../types';\n\nexport default function ExpandCell<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const {\n    children,\n    expandableInfo,\n    data,\n    rowKey,\n    expandable: propsExpandable,\n  } = props;\n  if (!expandableInfo.isExpandable || !rowKey) {\n    // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在\n    return <>{children}</>;\n  }\n  const { expandItemMap, onExpand } = expandableInfo;\n  const key = getRowKey(data, rowKey);\n  const expandItem = expandItemMap[key];\n\n  if (!expandItem) {\n    console.error('expandItem in not found', key, expandItemMap);\n    return <>{children}</>;\n  }\n  const { level, isExpanded, isLeaf } = expandItem;\n\n  const expandable = getExpandableConfig(propsExpandable);\n  const defaultExpandIconRender = (params: IExpandIconProps<TDataItem>) => {\n    const { record, onExpand, isExpanded: isExpandedIcon } = params;\n    return (\n      <span\n        className={prefixCls('expand-btn-inner')}\n        onClick={() => {\n          if (isLeaf) {\n            return;\n          }\n          onExpand(record, !isExpanded);\n        }}\n      >\n        {isExpandedIcon ? <ArrowDownLightLine /> : <ArrowRightLightLine />}\n      </span>\n    );\n  };\n  const expandIcon = expandable.expandIcon || defaultExpandIconRender;\n\n  const iconNode = isLeaf\n    ? null\n    : expandIcon({\n        record: data,\n        onExpand,\n        isExpanded: !!isExpanded,\n      });\n\n  return (\n    <div className={prefixCls('expandable-td')}>\n      <div className={prefixCls('indent-list')}>\n        {_.map(_.range(level), (i) => {\n          return <div className={prefixCls('indent-item')} key={i} />;\n        })}\n      </div>\n      <div className={prefixCls('expand-btn')}>{iconNode}</div>\n      <div className={prefixCls('expand-content')}>{children}</div>\n    </div>\n  );\n}\n\ninterface IProps<TDataItem extends object> {\n  expandableInfo: IExpandableInfo<TDataItem>;\n  data: TDataItem;\n  children: React.ReactNode;\n  rowKey?: TRowKey<TDataItem>;\n  expandable?: ITableExpandable<TDataItem> | boolean;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,UACA,gBACA,MACA,QACA,YAAY,oBACV;AACJ,KAAI,CAAC,eAAe,gBAAgB,CAAC,OAEnC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,MAAM,UAAU,MAAM,OAAO;CACnC,MAAM,aAAa,cAAc;AAEjC,KAAI,CAAC,YAAY;AACf,UAAQ,MAAM,2BAA2B,KAAK,cAAc;AAC5D,SAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;CAExB,MAAM,EAAE,OAAO,YAAY,WAAW;CAEtC,MAAM,aAAa,oBAAoB,gBAAgB;CACvD,MAAM,2BAA2B,WAAwC;EACvE,MAAM,EAAE,QAAQ,UAAU,YAAY,mBAAmB;AACzD,SACE,oBAAC,QAAD;GACE,WAAW,UAAU,mBAAmB;GACxC,eAAe;AACb,QAAI,OACF;AAEF,aAAS,QAAQ,CAAC,WAAW;;aAG9B,iBAAiB,oBAAC,MAAD,EAAsB,CAAA,GAAG,oBAAC,QAAD,EAAuB,CAAA;GAC7D,CAAA;;CAGX,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,WAAW,SACb,OACA,WAAW;EACT,QAAQ;EACR;EACA,YAAY,CAAC,CAAC;EACf,CAAC;AAEN,QACE,qBAAC,OAAD;EAAK,WAAW,UAAU,gBAAgB;YAA1C;GACE,oBAAC,OAAD;IAAK,WAAW,UAAU,cAAc;cACrC,EAAE,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM;AAC5B,YAAO,oBAAC,OAAD,EAAK,WAAW,UAAU,cAAc,EAAY,EAAL,EAAK;MAC3D;IACE,CAAA;GACN,oBAAC,OAAD;IAAK,WAAW,UAAU,aAAa;cAAG;IAAe,CAAA;GACzD,oBAAC,OAAD;IAAK,WAAW,UAAU,iBAAiB;IAAG;IAAe,CAAA;GACzD"}

package/dist/Table/components/Footer/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { IPaginationProps } from '../../../Pagination/types';
 import { IRowSelectionInfo } from '../../hooks/useRowSelection';
 import { ITableProps } from '../../types';
-export default function TableFooter<TDataItem extends object>(props: IProps<TDataItem>): React.JSX.Element | null;
+export default function TableFooter<TDataItem extends object>(props: IProps<TDataItem>): import("react/jsx-runtime").JSX.Element | null;
 interface IProps<TDataItem extends object> {
     isShowPagination: boolean;
     rowSelectionInfo: IRowSelectionInfo<TDataItem>;

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

@@ -1,82 +1,76 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import React, { useCallback, useContext } from 'react';
-import { Pagination } from "../../..";
-import TextLink from "../../../TextLink";
-import { LocaleContext, getTranslator } from "../../../locale/default";
-import { prefixCls } from "../../helper";
-export default function TableFooter(props) {
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var pagination = props.pagination,
-    _props$scroll = props.scroll,
-    scroll = _props$scroll === void 0 ? {} : _props$scroll,
-    scrollToFirstRow = props.scrollToFirstRow,
-    isShowPagination = props.isShowPagination,
-    rowSelectionInfo = props.rowSelectionInfo;
+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 { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/components/Footer/index.tsx
+function TableFooter(props) {
+	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: (e) => rowSelectionInfo.unSelectAll(e)
+	}, ...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: prefixCls("footer-row-selection-selected"),
+				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);
+			})
+		]
+	});
+	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
+		})
+	});
+	const isShowRowSelection = rowSelectionInfo.isRowSelectionEnabled && selectedRowKeysInCurrPage.length > 0;
+	return isShowPagination || isShowRowSelection ? /* @__PURE__ */ jsxs("div", {
+		className: prefixCls("footer"),
+		children: [rowSelectionNode, pager]
+	}) : null;
+}
+//#endregion
+export { TableFooter as default };
 
-  // 选择行
-  var getCheckboxAllNode = rowSelectionInfo.getCheckboxAllNode,
-    selectedRowKeys = rowSelectionInfo.selectedRowKeys,
-    selectedRowKeysInCurrPage = rowSelectionInfo.selectedRowKeysInCurrPage,
-    items = rowSelectionInfo.items,
-    isShowRowSelectionInFooter = rowSelectionInfo.isShowRowSelectionInFooter,
-    changeSelectedRowKeys = rowSelectionInfo.onChange;
-  var btnItems = [{
-    key: '$UN_SELECT_ALL$',
-    label: t.Table.cancelSelect,
-    onClick: function onClick(e) {
-      return rowSelectionInfo.unSelectAll(e);
-    }
-  }].concat(_toConsumableArray(items));
-  var rowSelectionNode = isShowRowSelectionInFooter && /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('footer-row-selection')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('footer-row-selection-btn')
-  }, getCheckboxAllNode === null || getCheckboxAllNode === void 0 ? void 0 : getCheckboxAllNode(t.Table.selectAll)), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('footer-row-selection-selected')
-  }, t.Table.selected, /*#__PURE__*/React.createElement(TextLink, {
-    className: prefixCls('footer-row-selection-selected-num')
-  }, selectedRowKeys.length), t.Table.item), btnItems.map(function (btnItem) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: btnItem.key,
-      className: prefixCls('footer-row-selection-item'),
-      onClick: function onClick(e) {
-        btnItem.onClick(e);
-      }
-    }, /*#__PURE__*/React.createElement(TextLink, null, btnItem.label));
-  }));
-
-  // 翻页器
-  var onChangePage = useCallback(function (page) {
-    var _ref = pagination || {},
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
-    var _scroll$scrollToFirst = scroll.scrollToFirstRowOnChange,
-      scrollToFirstRowOnChange = _scroll$scrollToFirst === void 0 ? true : _scroll$scrollToFirst;
-    if (scrollToFirstRowOnChange) {
-      scrollToFirstRow();
-    }
-    onChange(page);
-    // 翻页后，清空已选行
-    changeSelectedRowKeys([]);
-  }, [scrollToFirstRow, scroll, pagination, changeSelectedRowKeys]);
-  var pager = isShowPagination && pagination && /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('pager')
-  }, /*#__PURE__*/React.createElement(Pagination, _extends({
-    hideOnSinglePage: true
-  }, pagination, {
-    onChange: onChangePage
-  })));
-  var isShowRowSelection = rowSelectionInfo.isRowSelectionEnabled && selectedRowKeysInCurrPage.length > 0;
-  var isShowFooter = isShowPagination || isShowRowSelection;
-  return isShowFooter ? /*#__PURE__*/React.createElement("div", {
-    className: prefixCls('footer')
-  }, rowSelectionNode, pager) : null;
-}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 { 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: (e: React.MouseEvent) => rowSelectionInfo.unSelectAll(e),\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 className={prefixCls('footer-row-selection-selected')}>\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":";;;;;;;AASA,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,UAAU,MAAwB,iBAAiB,YAAY,EAAE;EAClE,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;IAAK,WAAW,UAAU,gCAAgC;cAA1D;KACG,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"}

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

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

package/dist/Table/components/Header.js

@@ -1,68 +1,62 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import classnames from 'classnames';
-import React, { useCallback } from 'react';
-import SortAscIcon from "../../Icon/components/SortAscendingOrderColor";
-import SortIcon from "../../Icon/components/SortColor";
-import SortDescIcon from "../../Icon/components/SortDescendingOrderColor";
-import { prefixCls } from "../helper";
-export default function Header(props) {
-  var _classnames;
-  var column = props.column;
-  var _ref = column.columnDef.meta,
-    title = _ref.title,
-    dataIndex = _ref.dataIndex,
-    align = _ref.align,
-    ellipsis = _ref.ellipsis,
-    sortOrder = _ref.sortOrder,
-    onSort = _ref.onSort;
-  var sortIcon = /*#__PURE__*/React.createElement(SortIcon, {
-    size: 20,
-    color: 'var(  --interaction-neutral-normal)'
-  });
-  if (sortOrder === 'ascend') {
-    sortIcon = /*#__PURE__*/React.createElement(SortAscIcon, {
-      size: 20,
-      color: 'var(  --interaction-default-normal)'
-    });
-  } else if (sortOrder === 'descend') {
-    sortIcon = /*#__PURE__*/React.createElement(SortDescIcon, {
-      size: 20,
-      color: 'var(  --interaction-default-normal)'
-    });
-  }
-  var onClickTh = useCallback(function (e) {
-    if (sortOrder === undefined || !dataIndex || typeof onSort !== 'function') {
-      return;
-    }
-    e.stopPropagation();
-    var newSortOrder;
-    if (sortOrder === 'ascend') {
-      newSortOrder = 'descend';
-    } else if (sortOrder === 'descend') {
-      newSortOrder = null;
-    } else {
-      newSortOrder = 'ascend';
-    }
-    onSort(dataIndex, newSortOrder);
-  }, [dataIndex, onSort, sortOrder]);
-  var content = title;
-  if (typeof content === 'string') {
-    if (sortOrder !== undefined) {
-      content = /*#__PURE__*/React.createElement("span", {
-        className: prefixCls('sort-th-inner')
-      }, /*#__PURE__*/React.createElement("span", {
-        className: prefixCls('sort-title')
-      }, title), /*#__PURE__*/React.createElement("span", {
-        className: prefixCls('sort-btn')
-      }, sortIcon));
-    }
-  }
-  return typeof title === 'string' ? /*#__PURE__*/React.createElement("div", {
-    key: dataIndex,
-    className: classnames(prefixCls('th-default'), prefixCls("align-".concat(align)), (_classnames = {}, _defineProperty(_classnames, prefixCls('td-ellipsis-content'), ellipsis), _defineProperty(_classnames, prefixCls('th-sortable'), sortOrder !== undefined), _classnames)),
-    onClick: onClickTh
-  }, content) : /*#__PURE__*/React.createElement(React.Fragment, null, title);
-}
+import { cn } from "../../lib/utils.js";
+import Memo from "../../Icon/components/SortAscendingOrderColor.js";
+import Memo$1 from "../../Icon/components/SortColor.js";
+import Memo$2 from "../../Icon/components/SortDescendingOrderColor.js";
+import { prefixCls } from "../helper.js";
+import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/components/Header.tsx
+function Header(props) {
+	const { column } = props;
+	const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column.columnDef.meta;
+	let sortIcon = /* @__PURE__ */ jsx(Memo$1, {
+		size: 20,
+		color: "var(  --interaction-neutral-normal)"
+	});
+	if (sortOrder === "ascend") sortIcon = /* @__PURE__ */ jsx(Memo, {
+		size: 20,
+		color: "var(  --interaction-default-normal)"
+	});
+	else if (sortOrder === "descend") sortIcon = /* @__PURE__ */ jsx(Memo$2, {
+		size: 20,
+		color: "var(  --interaction-default-normal)"
+	});
+	const onClickTh = useCallback((e) => {
+		if (sortOrder === void 0 || !dataIndex || typeof onSort !== "function") return;
+		e.stopPropagation();
+		let newSortOrder;
+		if (sortOrder === "ascend") newSortOrder = "descend";
+		else if (sortOrder === "descend") newSortOrder = null;
+		else newSortOrder = "ascend";
+		onSort(dataIndex, newSortOrder);
+	}, [
+		dataIndex,
+		onSort,
+		sortOrder
+	]);
+	let content = title;
+	if (typeof content === "string") {
+		if (sortOrder !== void 0) content = /* @__PURE__ */ jsxs("span", {
+			className: prefixCls("sort-th-inner"),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: prefixCls("sort-title"),
+				children: title
+			}), /* @__PURE__ */ jsx("span", {
+				className: prefixCls("sort-btn"),
+				children: sortIcon
+			})]
+		});
+	}
+	return typeof title === "string" ? /* @__PURE__ */ jsx("div", {
+		className: cn(prefixCls("th-default"), prefixCls(`align-${align}`), {
+			[prefixCls("td-ellipsis-content")]: ellipsis,
+			[prefixCls("th-sortable")]: sortOrder !== void 0
+		}),
+		onClick: onClickTh,
+		children: content
+	}, dataIndex) : /* @__PURE__ */ jsx(Fragment, { children: title });
+}
+//#endregion
+export { Header as default };
+
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +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\n  let sortIcon = (\n    <SortIcon size={20} color={'var(  --interaction-neutral-normal)'} />\n  );\n  if (sortOrder === 'ascend') {\n    sortIcon = (\n      <SortAscIcon size={20} color={'var(  --interaction-default-normal)'} />\n    );\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(  --interaction-default-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (\n        sortOrder === undefined ||\n        !dataIndex ||\n        typeof onSort !== 'function'\n      ) {\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, onSort, sortOrder],\n  );\n\n  let content = title;\n  if (typeof content === 'string') {\n    if (sortOrder !== undefined) {\n      content = (\n        <span className={prefixCls('sort-th-inner')}>\n          <span className={prefixCls('sort-title')}>{title}</span>\n          <span className={prefixCls('sort-btn')}>{sortIcon}</span>\n        </span>\n      );\n    }\n  }\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      className={cn(prefixCls('th-default'), prefixCls(`align-${align}`), {\n        [prefixCls('td-ellipsis-content')]: ellipsis,\n        [prefixCls('th-sortable')]: sortOrder !== undefined,\n      })}\n      onClick={onClickTh}\n    >\n      {content}\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;CAEb,IAAI,WACF,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAyC,CAAA;AAEtE,KAAI,cAAc,SAChB,YACE,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAyC,CAAA;UAEhE,cAAc,UACvB,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAAyC,CAAA;CAI5E,MAAM,YAAY,aACf,MAAM;AACL,MACE,cAAc,UACd,CAAC,aACD,OAAO,WAAW,WAElB;AAEF,IAAE,iBAAiB;EAEnB,IAAI;AACJ,MAAI,cAAc,SAChB,gBAAe;WACN,cAAc,UACvB,gBAAe;MAEf,gBAAe;AAEjB,SAAO,WAAW,aAAa;IAEjC;EAAC;EAAW;EAAQ;EAAU,CAC/B;CAED,IAAI,UAAU;AACd,KAAI,OAAO,YAAY,UACrB;MAAI,cAAc,OAChB,WACE,qBAAC,QAAD;GAAM,WAAW,UAAU,gBAAgB;aAA3C,CACE,oBAAC,QAAD;IAAM,WAAW,UAAU,aAAa;cAAG;IAAa,CAAA,EACxD,oBAAC,QAAD;IAAM,WAAW,UAAU,WAAW;cAAG;IAAgB,CAAA,CACpD;;;AAKb,QAAO,OAAO,UAAU,WACtB,oBAAC,OAAD;EAEE,WAAW,GAAG,UAAU,aAAa,EAAE,UAAU,SAAS,QAAQ,EAAE;IACjE,UAAU,sBAAsB,GAAG;IACnC,UAAU,cAAc,GAAG,cAAc;GAC3C,CAAC;EACF,SAAS;YAER;EACG,EARC,UAQD,GAEN,oBAAA,UAAA,EAAA,UAAG,OAAS,CAAA"}

package/dist/Table/helper.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ITableColumn, ITableProps } from './types';
+import { ITableColumn, ITableProps } from './types.js';
 export declare function getTableColumns<TDataItem extends object>({ columns, containerWidth, onError, onSort, }: {
     columns: ITableColumn<TDataItem>[];
     containerWidth: number;
@@ -7,20 +6,20 @@ 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.Element;
-    cell: (props: import("./components/Cell").IProps<TDataItem>) => import("react").JSX.Element;
+    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;
     size: number;
     minSize: number;
     meta: {
-        onError: ((errorInfo: import("./types").ITableCellErrorInfo) => void) | undefined;
+        onError: ((errorInfo: import('./types').ITableCellErrorInfo) => void) | undefined;
         columnWidths: number[];
         index: number;
         onSort: ((columnKey: string, order: "ascend" | "descend" | null) => void) | undefined;
-        title: import("react").ReactNode;
+        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;
+        render?: ((text: any, record: TDataItem, rowIndex: number) => import('react').ReactNode) | undefined;
         ellipsis?: boolean | undefined;
         noPadding?: boolean | undefined;
         align?: "center" | "left" | "right" | undefined;