@jannie-shao/components-antd4/es/attention/index.js

基于 Antd 4 的组件封装

import React from 'react';
import classnames from 'classnames';
import { ExclamationCircleFilled } from '@ant-design/icons';
import { rootPrefix } from "../style/config";
var Attention = function Attention(props) {
  var _props$className = props.className,
    className = _props$className === void 0 ? '' : _props$className,
    _props$title = props.title,
    title = _props$title === void 0 ? 'Instruction:' : _props$title,
    _props$ul = props.ul,
    ul = _props$ul === void 0 ? [] : _props$ul,
    _props$children = props.children,
    children = _props$children === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _props$children;
  return /*#__PURE__*/React.createElement("div", {
    className: classnames(rootPrefix + "-attention-content", className)
  }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(ExclamationCircleFilled, null), title), children, ul.map(function (l, idx) {
    var temp = {
      _rowKey: idx,
      node: l
    };
    return /*#__PURE__*/React.createElement("p", {
      key: temp._rowKey
    }, temp.node);
  }));
};
export default Attention;