owl-rich-table
Version:
富文本编辑表格，react组件
47 lines (46 loc) • 2.04 kB
JavaScript
import { useContext, useMemo } from 'react';
import TableDataContext from "../../../context/TableDataContext";
import TableShapeContext from "../../../context/TableShapeContext";
import "./style.css";
/**
* @description
* @author Huang Wenjie
* @createDate 2023-11-03
*/
import { jsx as _jsx } from "react/jsx-runtime";
export default function ActionMoveBar(props) {
var _useContext = useContext(TableDataContext),
tableRenderData = _useContext.tableRenderData,
tableRef = _useContext.tableRef;
var _useContext2 = useContext(TableShapeContext),
setWidthMoveData = _useContext2.setWidthMoveData,
initWidthChangeEvent = _useContext2.initWidthChangeEvent;
var barIndex = props.barIndex;
var handleMouseDown = function handleMouseDown(e) {
if (typeof setWidthMoveData === 'function' && typeof initWidthChangeEvent === 'function') {
setWidthMoveData({
startX: e.clientX,
endX: null,
updateWidth: null
});
initWidthChangeEvent(barIndex);
}
};
var height = useMemo(function () {
var _tableRenderData$heig, _tableRenderData$heig2, _tableRef$current;
if (!(tableRef !== null && tableRef !== void 0 && tableRef.current)) return (_tableRenderData$heig = tableRenderData === null || tableRenderData === void 0 ? void 0 : (_tableRenderData$heig2 = tableRenderData.height) === null || _tableRenderData$heig2 === void 0 ? void 0 : _tableRenderData$heig2.reduce(function (cur, next) {
return cur + next;
})) !== null && _tableRenderData$heig !== void 0 ? _tableRenderData$heig : 0 + 14;
return tableRef === null || tableRef === void 0 ? void 0 : (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.offsetHeight;
}, [tableRef, tableRenderData]);
return /*#__PURE__*/_jsx("div", {
className: "action-move-bar-hot",
style: {
height: height
},
onMouseDown: handleMouseDown,
children: /*#__PURE__*/_jsx("div", {
className: "action-move-bar-color"
})
});
}