packages/ui/xconsole-rc-description/stories/index.stories.tsx

import * as React from 'react';
import { storiesOf } from '@storybook/react';
import XconsoleRcDescription from '../src/index'
import { Button } from '@alicloud/console-components'

const items = [
  {
    label: '实例 ID',
    dataIndex: 'InstanceId',
  },
  {
    label: '地域',
    dataIndex: 'RegionId',
    visible: false,
  },
  {
    label: '规格',
    dataIndex: 'Config',
    visible: (value) => value === 'xxxxx1',
  },
  {
    label: '创建时间',
    dataIndex: 'CreatedDate',
    visible: (value, dataSource) => dataSource.RegionId === 'cn-hanghou',
  },
]

const dataSource = {
  InstanceId: 'rds-xxxxx',
  RegionId: 'cn-hanghou',
  Config: 'xxxxx',
  CreatedDate: '2019-10-10',
}

storiesOf('XconsoleRcDescription', module)
  .add('XconsoleRcDescription', () => {
   return (<div id="app-wrapper">
      <div id="app">
       <XconsoleRcDescription
         title="实例详情"
         items={items}
         dataSource={dataSource}
         actions={<Button type='primary' text>编辑</Button>}
        />
      </div>
    </div>);
  })