@xrenders/xflow
Version:
一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品
77 lines • 3.49 kB
JavaScript
import "antd/es/empty/style";
import _Empty from "antd/es/empty";
import "antd/es/space/style";
import _Space from "antd/es/space";
import "antd/es/tabs/style";
import _Tabs from "antd/es/tabs";
import "antd/es/spin/style";
import _Spin from "antd/es/spin";
import { isArray } from 'lodash';
import React, { useContext } from 'react';
import { ConfigContext } from '../../models/context';
import DetailPanel from './components/DetailPanel';
import TrackPanel from './components/TrackPanel';
import "./index.css";
var NodeLogPanel = function NodeLogPanel(props) {
var _a, _b;
var data = props.data,
onChange = props.onChange,
nodeType = props.nodeType,
id = props.id,
node = props.node,
onTrackCollapseChange = props.onTrackCollapseChange;
var _useContext = useContext(ConfigContext),
widgets = _useContext.widgets,
globalConfig = _useContext.globalConfig,
logPanel = _useContext.logPanel;
var _globalConfig$nodeVie = globalConfig.nodeView.status,
status = _globalConfig$nodeVie === void 0 ? [] : _globalConfig$nodeVie;
var CustomWidget = widgets[logPanel === null || logPanel === void 0 ? void 0 : logPanel.logWidget]; // 内置setting组件
var logData = isArray(logPanel === null || logPanel === void 0 ? void 0 : logPanel.logList) ? (_a = (logPanel === null || logPanel === void 0 ? void 0 : logPanel.logList) || []) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
return (item === null || item === void 0 ? void 0 : item.nodeId) === id;
}) : [];
if ((logPanel === null || logPanel === void 0 ? void 0 : logPanel.logWidget) && CustomWidget) {
return /*#__PURE__*/React.createElement(CustomWidget, {
logList: logPanel === null || logPanel === void 0 ? void 0 : logPanel.logList,
node: node,
logPanel: logPanel
});
} else {
return /*#__PURE__*/React.createElement("div", {
className: "node-log-container"
}, /*#__PURE__*/React.createElement(_Spin, {
spinning: Boolean(logPanel === null || logPanel === void 0 ? void 0 : logPanel.loading)
}, /*#__PURE__*/React.createElement(_Tabs, Object.assign({
size: "small",
className: "log-header-tab"
}, logPanel === null || logPanel === void 0 ? void 0 : logPanel.tabsProps), /*#__PURE__*/React.createElement(_Tabs.TabPane, {
tab: "\u8BE6\u60C5",
key: "detail"
}, Boolean(logData === null || logData === void 0 ? void 0 : logData.length) ? (/*#__PURE__*/React.createElement(_Space, {
direction: "vertical",
size: 16,
style: {
width: '100%'
}
}, (_b = logData || []) === null || _b === void 0 ? void 0 : _b.map(function (item, index) {
return /*#__PURE__*/React.createElement(DetailPanel, {
key: index,
currentStatus: (item === null || item === void 0 ? void 0 : item._status) || (node === null || node === void 0 ? void 0 : node._status),
detailData: item
});
}))) : (/*#__PURE__*/React.createElement(_Empty, {
image: _Empty.PRESENTED_IMAGE_SIMPLE,
description: "\u6682\u65E0\u65E5\u5FD7\u4FE1\u606F",
style: {
fontSize: '12px'
}
}))), /*#__PURE__*/React.createElement(_Tabs.TabPane, {
tab: "\u8FFD\u8E2A",
key: "track"
}, /*#__PURE__*/React.createElement(TrackPanel, {
logList: (logPanel === null || logPanel === void 0 ? void 0 : logPanel.logList) || [],
onTrackCollapseChange: onTrackCollapseChange
})))));
}
};
export default NodeLogPanel;