@cainiaofe/cn-ui-charts/es/components/cn-tile/title/index.js

菜鸟图表组件

import React from 'react';
import { CnBalloon, CnIcon } from '@alife/cn-ui';
import "./index.scss";

/**
 * Title 组件
 * @param {*} props
 * @returns
 */
function Title(props) {
  var title = props.title,
    titleTip = props.titleTip,
    titleSlot = props.titleSlot,
    collapsible = props.collapsible,
    onCollapse = props.onCollapse,
    collapsed = props.collapsed,
    setCollapsed = props.setCollapsed;
  var toggleCollapsed = function toggleCollapsed() {
    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
    setCollapsed && setCollapsed(!collapsed);
  };
  return /*#__PURE__*/React.createElement("div", {
    className: "cn-tile-header-title"
  }, collapsible && /*#__PURE__*/React.createElement("div", {
    className: "cn-tile-header-collapsed",
    onClick: toggleCollapsed
  }, /*#__PURE__*/React.createElement(CnIcon, {
    type: !collapsed ? 'triangle-down-fill' : 'triangle-right-fill'
  })), title && /*#__PURE__*/React.createElement("div", {
    className: "cn-tile-header-content"
  }, title), titleTip && /*#__PURE__*/React.createElement("div", {
    className: "cn-tile-header-tip"
  }, /*#__PURE__*/React.createElement(CnBalloon, {
    closable: false,
    trigger: /*#__PURE__*/React.createElement(CnIcon, {
      className: "cn-tile-header-tip-icon",
      type: "help-color"
    }),
    triggerType: "hover",
    align: "t"
  }, titleTip)), titleSlot);
}
export default Title;