"use strict";

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

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

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

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

var data = [{
  key: 1,
  name: 'a',
  age: 32,
  address: 'aa',
  children: [{
    key: 11,
    name: 'b',
    age: 33,
    address: 'bb'
  }, {
    key: 12,
    name: 'c',
    age: 33,
    address: 'cc',
    children: [{
      key: 121,
      name: 'd',
      age: 33,
      address: 'dd'
    }]
  }, {
    key: 13,
    name: 'e',
    age: 33,
    address: 'ee',
    children: [{
      key: 131,
      name: 'f',
      age: 33,
      address: 'ff',
      children: [{
        key: 1311,
        name: 'g',
        age: 33,
        address: 'gg'
      }, {
        key: 1312,
        name: 'h',
        age: 33,
        address: 'hh'
      }]
    }]
  }]
}, {
  key: 2,
  name: 'i',
  age: 32,
  address: 'ii',
  children: []
}];

var tableMixTree = /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  primaryKey: "key",
  isTree: true,
  rowSelection: {
    onChange: function onChange() {}
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Key",
  dataIndex: "key"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Name",
  dataIndex: "name"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Age",
  dataIndex: "age"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Address",
  dataIndex: "address"
}));

var tableMixExpanded = /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  primaryKey: "key",
  expandedRowRender: function expandedRowRender(record) {
    return record.address;
  },
  rowSelection: {
    onChange: function onChange() {}
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Key",
  dataIndex: "key"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Name",
  dataIndex: "name"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Age",
  dataIndex: "age"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Address",
  dataIndex: "address"
}));

var tableMixSelectionTreeLock = /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '500px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  primaryKey: "key",
  rowSelection: {
    onChange: function onChange() {}
  },
  isTree: true
}, /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Key",
  dataIndex: "key",
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Name",
  dataIndex: "name",
  lock: true,
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Age",
  dataIndex: "age",
  width: 200,
  lock: "right"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Address",
  dataIndex: "address",
  width: 200
})));

var tableMixLock = /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '500px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  primaryKey: "key",
  rowSelection: {
    onChange: function onChange() {}
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Key",
  dataIndex: "key",
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Name",
  dataIndex: "name",
  lock: true,
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Age",
  dataIndex: "age",
  width: 200,
  lock: "right"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Address",
  dataIndex: "address",
  width: 200
})));

var tableMixExpandedLock = /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '500px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  primaryKey: "key",
  rowSelection: {
    onChange: function onChange() {}
  },
  expandedRowRender: function expandedRowRender(record) {
    return record.address;
  },
  expandedRowIndent: [3, 1]
}, /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Key",
  dataIndex: "key",
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Name",
  dataIndex: "name",
  lock: true,
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Age",
  dataIndex: "age",
  width: 200,
  lock: "right"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Address",
  dataIndex: "address",
  width: 200
})));

var tableMixTreeLock = /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '500px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  dataSource: data,
  primaryKey: "key",
  isTree: true
}, /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Key",
  dataIndex: "key",
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Name",
  dataIndex: "name",
  lock: true,
  width: 100
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Age",
  dataIndex: "age",
  width: 200,
  lock: "right"
}), /*#__PURE__*/_react["default"].createElement(_["default"].Column, {
  title: "Address",
  dataIndex: "address",
  width: 200
})));

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "mix-demo"
}, /*#__PURE__*/_react["default"].createElement("div", {
  className: "row"
}, /*#__PURE__*/_react["default"].createElement("h4", null, "tree & select"), tableMixTree), /*#__PURE__*/_react["default"].createElement("div", {
  className: "row"
}, /*#__PURE__*/_react["default"].createElement("h4", null, "extra & select"), tableMixExpanded), /*#__PURE__*/_react["default"].createElement("div", {
  className: "row"
}, /*#__PURE__*/_react["default"].createElement("h4", null, "tree & lock column & select"), tableMixSelectionTreeLock), /*#__PURE__*/_react["default"].createElement("div", {
  className: "row"
}, /*#__PURE__*/_react["default"].createElement("h4", null, "extra & lock column & select"), tableMixExpandedLock), /*#__PURE__*/_react["default"].createElement("div", {
  className: "row"
}, /*#__PURE__*/_react["default"].createElement("h4", null, "lock column & select"), tableMixLock), /*#__PURE__*/_react["default"].createElement("div", {
  className: "row"
}, /*#__PURE__*/_react["default"].createElement("h4", null, "tree & lock column"), tableMixTreeLock)), document.getElementById('table-demo-22'));