@xrenders/xflow/lib/components/NodeLogPanel/index.js

一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品

"use strict";

function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("antd/es/empty/style");
var _empty = _interopRequireDefault(require("antd/es/empty"));
require("antd/es/space/style");
var _space = _interopRequireDefault(require("antd/es/space"));
require("antd/es/tabs/style");
var _tabs = _interopRequireDefault(require("antd/es/tabs"));
require("antd/es/spin/style");
var _spin = _interopRequireDefault(require("antd/es/spin"));
var _lodash = require("lodash");
var _react = _interopRequireWildcard(require("react"));
var _context = require("../../models/context");
var _DetailPanel = _interopRequireDefault(require("./components/DetailPanel"));
var _TrackPanel = _interopRequireDefault(require("./components/TrackPanel"));
require("./index.css");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 && {}.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; }
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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 = (0, _react.useContext)(_context.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 = (0, _lodash.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.default.createElement(CustomWidget, {
      logList: logPanel === null || logPanel === void 0 ? void 0 : logPanel.logList,
      node: node,
      logPanel: logPanel
    });
  } else {
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "node-log-container"
    }, /*#__PURE__*/_react.default.createElement(_spin.default, {
      spinning: Boolean(logPanel === null || logPanel === void 0 ? void 0 : logPanel.loading)
    }, /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
      size: "small",
      className: "log-header-tab"
    }, logPanel === null || logPanel === void 0 ? void 0 : logPanel.tabsProps), /*#__PURE__*/_react.default.createElement(_tabs.default.TabPane, {
      tab: "\u8BE6\u60C5",
      key: "detail"
    }, Boolean(logData === null || logData === void 0 ? void 0 : logData.length) ? (/*#__PURE__*/_react.default.createElement(_space.default, {
      direction: "vertical",
      size: 16,
      style: {
        width: '100%'
      }
    }, (_b = logData || []) === null || _b === void 0 ? void 0 : _b.map(function (item, index) {
      return /*#__PURE__*/_react.default.createElement(_DetailPanel.default, {
        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.default.createElement(_empty.default, {
      image: _empty.default.PRESENTED_IMAGE_SIMPLE,
      description: "\u6682\u65E0\u65E5\u5FD7\u4FE1\u606F",
      style: {
        fontSize: '12px'
      }
    }))), /*#__PURE__*/_react.default.createElement(_tabs.default.TabPane, {
      tab: "\u8FFD\u8E2A",
      key: "track"
    }, /*#__PURE__*/_react.default.createElement(_TrackPanel.default, {
      logList: (logPanel === null || logPanel === void 0 ? void 0 : logPanel.logList) || [],
      onTrackCollapseChange: onTrackCollapseChange
    })))));
  }
};
var _default = exports.default = NodeLogPanel;