@rxflow/base/cjs/components/MarkerDefinitions/index.js

BaseFlow - 核心 Flow 组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MarkerDefinitions = void 0;
var _system = require("@xyflow/system");
var _ = require("../..");
require("./styles.less");
var _classcat = _interopRequireDefault(require("classcat"));
var _Mark = require("./Mark");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
 * @author: yanxianliang
 * @date: 2025-07-23 15:02
 * @modified：2025/7/23 15:02 by yanxianliang
 * @desc: inner mark 定义
 *
 *
 * 可以放到 workflow内部，自定义，不需要再遍历进行更新
 *
 * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
 */

const MarkerDefinitions = ({
  marks
}) => {
  const flowId = (0, _.useFlowId)();
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
    className: (0, _classcat.default)(["react-flow__marker", 'rxflow-marks']),
    "aria-hidden": "true",
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
      children: marks.map((mark, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Mark.Marker, {
        id: (0, _system.getMarkerId)(mark, flowId),
        type: _system.MarkerType.ArrowClosed,
        color: mark.color,
        width: mark.width,
        height: mark.height,
        strokeWidth: mark.strokeWidth
      }, index))
    })
  });
};
exports.MarkerDefinitions = MarkerDefinitions;