linkmore-design
Version:
🌈 🚀lm组件库。🚀
54 lines (53 loc) • 1.48 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _reactResizable = require("react-resizable");
/** 排序的表头 */
const ResizableHeight = props => {
const {
dataSource,
onResize = () => {},
width,
dataIndex,
onResizeStop,
...restProps
} = props;
const style = dataSource?.length === 0 ? {
width: `${width}px`,
position: 'relative',
left: 'auto',
right: 'auto'
} : {};
if (!width) {
return /*#__PURE__*/_react.default.createElement("th", restProps);
}
return /*#__PURE__*/_react.default.createElement(_reactResizable.Resizable, {
width: width,
height: 0,
handle: /*#__PURE__*/_react.default.createElement("span", {
className: "react-resizable-handle",
onClick: e => {
e.stopPropagation();
}
}),
axis: "x",
minConstraints: [10, 10],
onResize: onResize,
onResizeStop: onResizeStop,
draggableOpts: {
enableUserSelectHack: false
}
}, /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({}, restProps, {
style: {
...restProps.style,
...style
}
})));
};
var _default = ResizableHeight;
exports.default = _default;