tdesign-react
Version:
TDesign Component for React
187 lines (179 loc) • 8.38 kB
JavaScript
/**
* tdesign v1.16.2
* (c) 2025 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var defineProperty = require('../../_chunks/dep-0fe55884.js');
var toConsumableArray = require('../../_chunks/dep-a7fe58de.js');
var slicedToArray = require('../../_chunks/dep-5cb0d66d.js');
var React = require('react');
var tdesignIconsReact = require('tdesign-icons-react');
var classNames = require('classnames');
var table_hooks_useClassName = require('./useClassName.js');
var hooks_useControlled = require('../../hooks/useControlled.js');
var hooks_useGlobalIcon = require('../../hooks/useGlobalIcon.js');
var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
var _util_parseTNode = require('../../_util/parseTNode.js');
var get = require('../../_chunks/dep-b7bd245a.js');
var isFunction = require('../../_chunks/dep-967e785f.js');
require('../../_chunks/dep-b325182b.js');
require('../../_chunks/dep-737b8bd8.js');
require('../../hooks/useConfig.js');
require('../../config-provider/ConfigContext.js');
require('../../_chunks/dep-17dea53e.js');
require('../../_chunks/dep-a0cbf081.js');
require('dayjs');
require('../../_chunks/dep-481a1ecc.js');
require('../../_chunks/dep-474eb386.js');
require('../../_chunks/dep-3b256bc0.js');
require('../../_chunks/dep-4ce0670e.js');
require('../../_chunks/dep-3448f35f.js');
require('../../_chunks/dep-b6a3ada9.js');
require('../../_chunks/dep-735cd5b9.js');
require('../../_chunks/dep-bdafd287.js');
require('../../_chunks/dep-4d300b8f.js');
require('../../_chunks/dep-3332ad6f.js');
require('../../_chunks/dep-98783318.js');
require('../../_chunks/dep-5c8525ea.js');
require('../../_chunks/dep-fc884a8e.js');
require('../../_chunks/dep-008b21d4.js');
require('../../_chunks/dep-9193eded.js');
require('../../_chunks/dep-afe817f9.js');
require('../../_chunks/dep-0b70c7ec.js');
require('../../_chunks/dep-a1e3e59b.js');
require('../../_chunks/dep-24ab8f68.js');
require('../../_chunks/dep-753b7d52.js');
require('../../_util/noop.js');
require('../../_chunks/dep-908ffaed.js');
require('../../_chunks/dep-a76ede3e.js');
require('../../_chunks/dep-2ad01263.js');
require('../../_chunks/dep-7659797a.js');
require('../../_chunks/dep-eb2203ae.js');
require('../../_chunks/dep-b304bc94.js');
require('../../config-provider/ConfigProvider.js');
require('../../_chunks/dep-542bd26e.js');
require('../../_chunks/dep-c89d3d1e.js');
require('../../_chunks/dep-e018b522.js');
require('../../_chunks/dep-7f4d0687.js');
require('../../_chunks/dep-b23d5e45.js');
require('../../_chunks/dep-05f87b98.js');
require('../../_chunks/dep-5dd1b13c.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
function useRowExpand(props) {
var _props$columns;
var expandIcon = props.expandIcon,
expandedRow = props.expandedRow;
var _useGlobalIcon = hooks_useGlobalIcon["default"]({
ChevronRightCircleIcon: tdesignIconsReact.ChevronRightCircleIcon
}),
ChevronRightCircleIcon = _useGlobalIcon.ChevronRightCircleIcon;
var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("table"),
_useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 1),
locale = _useLocaleReceiver2[0];
var _useClassName = table_hooks_useClassName["default"](),
tableExpandClasses = _useClassName.tableExpandClasses,
positiveRotate90 = _useClassName.positiveRotate90,
tableFullRowClasses = _useClassName.tableFullRowClasses;
var _useControlled = hooks_useControlled["default"](props, "expandedRowKeys", props.onExpandChange, {
defaultExpandedRowKeys: props.defaultExpandedRowKeys || []
}),
_useControlled2 = slicedToArray._slicedToArray(_useControlled, 2),
tExpandedRowKeys = _useControlled2[0],
setTExpandedRowKeys = _useControlled2[1];
var showExpandedRow = Boolean(expandedRow);
var getExpandedRowClass = React.useCallback(function (params) {
if (!showExpandedRow) return null;
var row = params.row,
rowKey = params.rowKey;
var currentRowKey = get.get(row, rowKey || "id");
return tableExpandClasses[tExpandedRowKeys !== null && tExpandedRowKeys !== void 0 && tExpandedRowKeys.includes(currentRowKey) ? "rowExpanded" : "rowFolded"];
}, [tExpandedRowKeys, tableExpandClasses, showExpandedRow]);
var showExpandIconColumn = props.expandIcon !== false && showExpandedRow;
var isFirstColumnFixed = ((_props$columns = props.columns) === null || _props$columns === void 0 || (_props$columns = _props$columns[0]) === null || _props$columns === void 0 ? void 0 : _props$columns.fixed) === "left";
var onToggleExpand = function onToggleExpand(e, row) {
props.expandOnRowClick && e.stopPropagation();
var currentId = get.get(row, props.rowKey || "id");
var index = tExpandedRowKeys.indexOf(currentId);
var newKeys = toConsumableArray._toConsumableArray(tExpandedRowKeys);
index !== -1 ? newKeys.splice(index, 1) : newKeys.push(currentId);
setTExpandedRowKeys(newKeys, {
expandedRowData: props.data.filter(function (t) {
return newKeys.includes(get.get(t, props.rowKey || "id"));
}),
currentRowData: row
});
};
var renderExpandIcon = function renderExpandIcon(p, expandIcon2) {
var row = p.row,
rowIndex = p.rowIndex;
var currentId = get.get(row, props.rowKey || "id");
var expanded = tExpandedRowKeys.includes(currentId);
var defaultIcon = locale.expandIcon || /* @__PURE__ */React__default["default"].createElement(ChevronRightCircleIcon, null);
var icon = defaultIcon;
if (expandIcon2 === false || expandIcon2 === null) {
icon = null;
} else if (isFunction.isFunction(expandIcon2)) {
icon = expandIcon2({
row: row,
index: rowIndex
});
}
var classes = [tableExpandClasses.iconBox, tableExpandClasses[expanded ? "expanded" : "collapsed"], defineProperty._defineProperty({}, positiveRotate90, expanded)];
return /* @__PURE__ */React__default["default"].createElement("span", {
className: classNames__default["default"](classes),
onClick: function onClick(e) {
return onToggleExpand(e, row);
}
}, icon);
};
var getExpandColumn = function getExpandColumn() {
var expandCol = {
colKey: "__EXPAND_ROW_ICON_COLUMN__",
width: 46,
className: tableExpandClasses.iconCell,
fixed: isFirstColumnFixed ? "left" : void 0,
cell: function cell(p) {
return renderExpandIcon(p, expandIcon);
},
stopPropagation: true
};
return expandCol;
};
var renderExpandedRow = function renderExpandedRow(p) {
var rowId = get.get(p.row, props.rowKey || "id");
if (!tExpandedRowKeys || !tExpandedRowKeys.includes(rowId)) return null;
var isFixedLeft = p.isWidthOverflow && props.columns.find(function (item) {
return item.fixed === "left";
});
return /* @__PURE__ */React__default["default"].createElement("tr", {
key: "expand_".concat(rowId),
className: classNames__default["default"]([tableExpandClasses.row, defineProperty._defineProperty({}, tableFullRowClasses.base, isFixedLeft)])
}, /* @__PURE__ */React__default["default"].createElement("td", {
colSpan: p.columns.length
}, /* @__PURE__ */React__default["default"].createElement("div", {
className: classNames__default["default"]([tableExpandClasses.rowInner, defineProperty._defineProperty({}, tableFullRowClasses.innerFullRow, isFixedLeft)]),
style: isFixedLeft ? {
width: "".concat(p.tableWidth, "px")
} : {}
}, /* @__PURE__ */React__default["default"].createElement("div", {
className: tableFullRowClasses.innerFullElement
}, _util_parseTNode.parseContentTNode(expandedRow, p)))));
};
var onInnerExpandRowClick = function onInnerExpandRowClick(p) {
onToggleExpand(p.e, p.row);
};
return {
showExpandedRow: showExpandedRow,
showExpandIconColumn: showExpandIconColumn,
getExpandColumn: getExpandColumn,
renderExpandedRow: renderExpandedRow,
onInnerExpandRowClick: onInnerExpandRowClick,
getExpandedRowClass: getExpandedRowClass
};
}
exports["default"] = useRowExpand;
//# sourceMappingURL=useRowExpand.js.map