@xrenders/xflow
Version:
一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品
54 lines • 2.03 kB
JavaScript
import "antd/es/button/style";
import _Button from "antd/es/button";
import "antd/es/tooltip/style";
import _Tooltip from "antd/es/tooltip";
import React, { memo, useContext } from 'react';
import IconView from '../../components/IconView';
import "./index.css";
import { ConfigContext } from '../../models/context';
export default /*#__PURE__*/memo(function (_ref) {
var handleUndo = _ref.handleUndo,
handleRedo = _ref.handleRedo,
pastStates = _ref.pastStates,
futureStates = _ref.futureStates;
var _useContext = useContext(ConfigContext),
readOnly = _useContext.readOnly;
if (readOnly) {
return null;
}
return /*#__PURE__*/React.createElement("div", {
className: 'fai-reactflow-undoredo'
}, /*#__PURE__*/React.createElement(_Tooltip, {
title: "\u64A4\u9500",
getPopupContainer: function getPopupContainer() {
return document.getElementById('xflow-container');
}
}, /*#__PURE__*/React.createElement(_Button, {
type: 'text',
icon: /*#__PURE__*/React.createElement(IconView, {
type: 'icon-undo',
className: "icon",
style: {
color: !(pastStates === null || pastStates === void 0 ? void 0 : pastStates.length) ? 'rgba(0, 0, 0, 0.25)' : '#666F83'
}
}),
onClick: handleUndo,
disabled: !(pastStates === null || pastStates === void 0 ? void 0 : pastStates.length)
})), /*#__PURE__*/React.createElement(_Tooltip, {
title: "\u91CD\u505A",
getPopupContainer: function getPopupContainer() {
return document.getElementById('xflow-container');
}
}, /*#__PURE__*/React.createElement(_Button, {
type: 'text',
icon: /*#__PURE__*/React.createElement(IconView, {
type: 'icon-redo',
className: "icon",
style: {
color: !(futureStates === null || futureStates === void 0 ? void 0 : futureStates.length) ? 'rgba(0, 0, 0, 0.25)' : '#666F83'
}
}),
onClick: handleRedo,
disabled: !(futureStates === null || futureStates === void 0 ? void 0 : futureStates.length)
})));
});