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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("antd/es/popover/style");
var _popover = _interopRequireDefault(require("antd/es/popover"));
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var _createIconFont = _interopRequireDefault(require("../../utils/createIconFont"));
var _TextEllipsis = _interopRequireDefault(require("../TextEllipsis"));
require("./index.css");
var _TitleMenuTooltip = _interopRequireDefault(require("./TitleMenuTooltip"));
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 }; }
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); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function (props) {
  var className = props.className,
    onClick = props.onClick,
    children = props.children,
    icon = props.icon,
    title = props.title,
    desc = props.desc,
    hideDesc = props.hideDesc,
    NodeWidget = props.NodeWidget,
    iconFontUrl = props.iconFontUrl,
    iconSvg = props.iconSvg,
    hideTitleTips = props.hideTitleTips,
    isSwitchBottom = props.isSwitchBottom,
    nodeSettingTitle = props.nodeSettingTitle,
    style = props.style;
  var IconBox = (0, _react.useMemo)(function () {
    return (0, _createIconFont.default)(iconFontUrl);
  }, [iconFontUrl]);
  var renderDesc = function renderDesc() {
    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hideDesc && !!desc && (/*#__PURE__*/_react.default.createElement(_TextEllipsis.default, {
      text: desc,
      rows: 2,
      type: "paragraph",
      className: 'node-desc'
    })));
  };
  var renderDescAndNodeWidget = function renderDescAndNodeWidget() {
    if (isSwitchBottom) {
      // 条件节点且为TB布局
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderDesc(), NodeWidget && /*#__PURE__*/_react.default.createElement("div", {
        className: "node-widget"
      }, NodeWidget));
    } else {
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, NodeWidget && /*#__PURE__*/_react.default.createElement("div", {
        className: "node-widget"
      }, NodeWidget), renderDesc());
    }
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)('custom-node-container', _defineProperty({}, className, !!className)),
    onClick: onClick,
    style: style
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "node-title"
  }, !hideTitleTips ? (/*#__PURE__*/_react.default.createElement(_popover.default, {
    overlayClassName: "nodes-popover",
    content: /*#__PURE__*/_react.default.createElement(_TitleMenuTooltip.default, Object.assign({}, props)),
    placement: "bottomLeft",
    trigger: "hover",
    getPopupContainer: function getPopupContainer() {
      return document.getElementById('xflow-container');
    },
    overlayInnerStyle: {
      padding: '12px 16px'
    }
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "icon-box",
    style: {
      background: icon === null || icon === void 0 ? void 0 : icon.bgColor
    }
  }, iconSvg ? iconSvg : /*#__PURE__*/_react.default.createElement(IconBox, Object.assign({}, icon))))) : (/*#__PURE__*/_react.default.createElement("span", {
    className: "icon-box",
    style: {
      background: icon === null || icon === void 0 ? void 0 : icon.bgColor
    }
  }, iconSvg ? iconSvg : /*#__PURE__*/_react.default.createElement(IconBox, Object.assign({}, icon)))), /*#__PURE__*/_react.default.createElement(_TextEllipsis.default, {
    text: title,
    style: {
      width: 188,
      marginLeft: '8px'
    }
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "node-body"
  }, children), renderDescAndNodeWidget());
});