@xrenders/xflow
Version:
一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品
76 lines • 3.96 kB
JavaScript
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
import { ReactFlowProvider } from '@xyflow/react';
import React, { memo, useContext, useEffect, useState } from 'react';
import { useStore } from '../../hooks/useStore';
import StoreContext, { Provider } from '../../models/context';
import { createStore } from '../../models/store';
import { transformNodes, transformSwitchNodes } from '../../utils';
export var FlowProvider = /*#__PURE__*/memo(function (_ref) {
var _ref$initialNodes = _ref.initialNodes,
nodes = _ref$initialNodes === void 0 ? [] : _ref$initialNodes,
_ref$initialEdges = _ref.initialEdges,
edges = _ref$initialEdges === void 0 ? [] : _ref$initialEdges,
children = _ref.children,
_ref$layout = _ref.layout,
layout = _ref$layout === void 0 ? 'LR' : _ref$layout;
var _useState = useState(function () {
return createStore({
nodes: nodes,
edges: edges,
layout: layout
});
}),
_useState2 = _slicedToArray(_useState, 1),
store = _useState2[0];
return /*#__PURE__*/React.createElement(ReactFlowProvider, null, /*#__PURE__*/React.createElement(Provider, {
value: store
}, children));
});
var InitialProvider = function InitialProvider(_ref2) {
var nodes = _ref2.nodes,
edges = _ref2.edges,
layout = _ref2.layout,
children = _ref2.children;
var _useStore = useStore(function (s) {
return {
setNodes: s.setNodes,
setEdges: s.setEdges,
setLayout: s.setLayout
};
}),
setNodes = _useStore.setNodes,
setEdges = _useStore.setEdges,
setLayout = _useStore.setLayout;
useEffect(function () {
setNodes(nodes);
setLayout(layout);
setEdges(edges);
}, []);
// we need to wrap it with a fragment because it's not allowed for children to be a ReactNode
// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/18051
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
};
export var FlowProviderWrapper = function FlowProviderWrapper(_ref3) {
var children = _ref3.children,
nodes = _ref3.nodes,
edges = _ref3.edges,
layout = _ref3.layout;
var isWrapped = useContext(StoreContext);
if (isWrapped) {
return /*#__PURE__*/React.createElement(InitialProvider, {
nodes: transformSwitchNodes(nodes),
edges: edges,
layout: layout
}, children);
}
return /*#__PURE__*/React.createElement(FlowProvider, {
initialNodes: transformNodes(nodes),
initialEdges: edges,
layout: layout
}, children);
};