@teamix/data-link-card/es/index.js

数字链接卡片

import * as React from 'react';
import { Card } from '@alife/teamix-layout';
import './index.scss';

var DataLinkCard = function DataLinkCard(_ref) {
  var title = _ref.title,
      dataSource = _ref.dataSource,
      style = _ref.style,
      hasHoverShadow = _ref.hasHoverShadow;
  var items = dataSource instanceof Array ? dataSource : [dataSource];
  return /*#__PURE__*/React.createElement(Card, {
    className: "DataLinkCard",
    flexMode: true,
    noHoverEffect: !hasHoverShadow,
    title: title,
    style: style
  }, /*#__PURE__*/React.createElement("div", null, items.map(function (item) {
    if (!item) {
      return null;
    }

    return /*#__PURE__*/React.createElement("span", {
      className: "item"
    }, /*#__PURE__*/React.createElement("a", {
      target: item.target,
      onClick: item.onClick,
      href: item.url
    }, item.data), item.name);
  })));
};

DataLinkCard.defaultProps = {
  hasHoverShadow: true
};
export default DataLinkCard;