@rxflow/base
Version:
BaseFlow - 核心 Flow 组件库
48 lines (46 loc) • 1.23 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _classcat = _interopRequireDefault(require("classcat"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*
* @author: yanxianliang
* @date: 2025-06-08 11:16
* @desc: 边文字组件支持左对齐/右对齐
*
* Copyright (c) 2025 by yanxianliang, All Rights Reserved.
*/
function EdgeText({
x,
y,
label,
labelStyle,
labelShowBg = true,
labelBgStyle,
labelBgPadding = [2, 4],
labelBgBorderRadius = 2,
children,
className,
...rest
}) {
const edgeTextClasses = (0, _classcat.default)(['react-flow__edge-textwrapper', className]);
if (!label) {
return null;
}
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
transform: `translate(${x} ${y})`,
className: edgeTextClasses,
...rest,
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
className: "react-flow__edge-text",
dy: "0.3em",
style: labelStyle,
children: label
}), children]
});
}
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(EdgeText);