/**
 * title: "默认"
 * description: "mode 属性控制选项模式，默认多选。"
 */
import React from 'react';
import { Transfer } from '@alicloud/console-components';

const labels = [
  '默认项',
  '默认项',
  '默认项',
  '聚焦项',
  '默认项',
  '失效项',
  '默认项',
];
const getDataSource = () => {
  const result = [];

  for (let i = 0; i < 10; i++) {
    result.push({
      label: labels[i],
      value: `${i}`,
      disabled: i === 5,
    });
  }

  return result;
};

const handleChange = (value, data, extra) => {
  console.log(value, data, extra);
};

export default () => {
  return (
    <Transfer
      defaultValue={['3', '2']}
      defaultLeftChecked={['1']}
      dataSource={getDataSource()}
      onChange={handleChange}
      titles={[
        <span style={{ fontWeight: 500 }}>项目列标题</span>,
        <span style={{ fontWeight: 500 }}>项目列标题</span>,
      ]}
      showCheckAll={false}
    />
  );
};