@xrenders/xflow
Version:
一款功能强大、易用灵活的流程编辑器框架，帮助你轻松构建复杂的工作流和流程产品
34 lines • 1.3 kB
JavaScript
import React, { useMemo } from 'react';
import createIconFont from '../../utils/createIconFont';
var TitleMenuTooltip = function TitleMenuTooltip(_ref) {
var icon = _ref.icon,
nodeSettingTitle = _ref.nodeSettingTitle,
description = _ref.description,
iconFontUrl = _ref.iconFontUrl,
iconSvg = _ref.iconSvg;
var IconBox = useMemo(function () {
return createIconFont(iconFontUrl);
}, [iconFontUrl]);
return /*#__PURE__*/React.createElement("div", {
className: 'xflow-node-title-menu-tooltip'
}, /*#__PURE__*/React.createElement("div", {
className: 'header-wrap'
}, /*#__PURE__*/React.createElement("div", {
className: 'icon-box-max',
style: {
background: (icon === null || icon === void 0 ? void 0 : icon.bgColor) || '#F79009',
marginRight: '8px'
}
}, iconSvg ? iconSvg : /*#__PURE__*/React.createElement(IconBox, {
type: icon === null || icon === void 0 ? void 0 : icon.type,
style: Object.assign({
color: '#fff',
fontSize: 13
}, icon === null || icon === void 0 ? void 0 : icon.style)
})), /*#__PURE__*/React.createElement("div", {
className: 'title'
}, nodeSettingTitle)), /*#__PURE__*/React.createElement("div", {
className: 'description'
}, description));
};
export default TitleMenuTooltip;