@rxflow/base/cjs/store/PropsStore.js

BaseFlow - 核心 Flow 组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PropsStore = void 0;
var _NodeRoleType = require("../constants/NodeRoleType");
var _ahooks = require("ahooks");
var _react = _interopRequireWildcard(require("react"));
var _uuid = require("uuid");
var _ = require("./..");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/**
 * @author: yanxianliang
 * @date: 2025-10-16 19:35
 * @modified：2025/10/16 19:35 by yanxianliang
 * @desc: Props 存储
 *
 * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
 */

const PropsStore = ({
  props,
  children
}) => {
  const setState = (0, _.useSetState)();
  const getState = (0, _.useGetState)();
  const defaultId = (0, _react.useMemo)(() => {
    return (0, _uuid.v4)();
  }, []);
  const {
    nodeTypes
  } = props;
  const styleContentRef = (0, _react.useRef)([]);

  // TODO 怎么支持内置的 nodeTypes???
  const nodeTypeMap = (0, _react.useMemo)(() => {
    const map = new Map();
    styleContentRef.current = [];
    if (nodeTypes) {
      for (let i = 0; i < nodeTypes.length; i++) {
        const definition = nodeTypes[i];
        map.set(definition.type, definition);
        // TODO 子工作流需要禁用内容区域的拖拽
        if (definition.nodeRoleType === _NodeRoleType.NodeRoleType.SubFlow && (definition.allowContentSelection ?? true)) {
          // 子工作流，需要固定样式
          const type = definition.type;
          styleContentRef.current.push(`.react-flow__node-${type} {pointer-events: none!important;}`);
        }
      }
    }
    return map;
  }, [nodeTypes]);

  // TODO 更新属性怎么更好的区分
  (0, _ahooks.useDeepCompareEffect)(() => {
    setState({
      props: props,
      id: props.id || defaultId,
      nodeTypeMap
    });
  }, [props.edges, props.nodes, props.nodeTypes, props.loading]);
  (0, _react.useEffect)(() => {
    // nodes 变化，需要重新进行初始化，清除当前初始化记录
    getState().initialNodeIdSet.clear();
  }, [props.nodes]);

  // 样式需要注入
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
      children: styleContentRef.current.join('')
    }), children]
  });
};
exports.PropsStore = PropsStore;