"use strict";

require("./demo2.css");

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _2 = require("../..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var data = [{
  title: '构建一套产品化设计系统',
  description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
  author: '谢瑶 3 小时前更新',
  img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png'
}, {
  title: '构建一套产品化设计系统',
  description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
  author: '谢瑶 3 小时前更新',
  img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png'
}, {
  title: '构建一套产品化设计系统',
  description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
  author: '谢瑶 3 小时前更新',
  img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png'
}, {
  title: '构建一套产品化设计系统',
  description: '随着互联网行业的聚变式发展，在电商业务从“信息透出” 到 “在线交易” 的过程中，网站 UI 构建也经历了“体验一致性”、“设计效率”、“UI系统构建/应用效率”、“多端适配” …',
  author: '谢瑶 3 小时前更新',
  img: 'https://img.alicdn.com/tfs/TB1R5fio4v1gK0jSZFFXXb0sXXa-322-216.png'
}];

var actions = /*#__PURE__*/_react["default"].createElement(_2.Box, {
  direction: "row",
  align: "center",
  style: {
    whiteSpace: 'nowrap',
    height: '100%'
  }
}, /*#__PURE__*/_react["default"].createElement(_2.Button, {
  text: true,
  type: "primary"
}, "\u7F16\u8F91"), /*#__PURE__*/_react["default"].createElement(_2.Divider, {
  direction: "ver"
}), /*#__PURE__*/_react["default"].createElement(_2.Button, {
  text: true,
  type: "primary"
}, "\u8BA2\u9605"), /*#__PURE__*/_react["default"].createElement(_2.Divider, {
  direction: "ver"
}), /*#__PURE__*/_react["default"].createElement(_2.Button, {
  text: true,
  type: "primary"
}, "\u5220\u9664"));

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: 850,
    padding: 20
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  size: "medium",
  renderItem: function renderItem(item, i) {
    return /*#__PURE__*/_react["default"].createElement(_["default"].Item, {
      key: i,
      extra: actions,
      media: /*#__PURE__*/_react["default"].createElement("img", {
        width: "161",
        height: "143",
        src: item.img
      }),
      title: item.title,
      updateTime: "2021.07.08"
    }, /*#__PURE__*/_react["default"].createElement("p", {
      style: {
        margin: '8px 0'
      }
    }, item.description));
  }
})), document.getElementById('list-demo-2'));