import React, { Component } from 'react'
import { Space, Tag, Typography } from 'antd'
import Highlighter from 'pages/system/doc/highlighter'

const { Title, Text } = Typography

export default class open extends Component {
    render() {
        return (
            <Space direction="vertical" className="w-100-p">
                <Text>可调用全局方法打开窗口</Text>
                <Highlighter code={'window.openContentWindow(settings)'} language="javascript" />
                <Title level={4}>配置</Title>
                <ul>
                    <li>
                        <p>
                            <Tag color="red">key</Tag>
                            <Tag>String | Number</Tag>
                            非必要，窗口的唯一键。当下一次打开同键的窗口时，只切换到该窗口。如果未指定唯一键，将会自动生成随机键。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">icon</Tag>
                            <Tag>String</Tag>非必要，窗口页签的图标。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">title</Tag>
                            <Tag>String</Tag>
                            非必要，窗口页签的标题。如果不指定标题，讲会以“新建窗口”显示。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">subTitle</Tag>
                            <Tag>String</Tag>
                            非必要，窗口页签的副标题。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">path</Tag>
                            <Tag>String</Tag>必要，组件路径。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">param</Tag>
                            <Tag>Object</Tag>非必要，传递参数。在业务组件中通过
                            <Tag className="ml-xs" color="orange">
                                props
                            </Tag>
                            接收。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">openType</Tag>
                            <Tag>Number</Tag>
                            打开类型：1、组件，2、iframe，3、新浏览器窗口。
                        </p>
                    </li>
                    <li>
                        <p>
                            <Tag color="red">closable</Tag>
                            <Tag>Boolean</Tag>非必要，设置是否可关闭窗口。默认为可关闭。
                        </p>
                    </li>
                </ul>
                <Text>通过菜单名打开窗口</Text>
                <Highlighter
                    code={'window.openContentWindowByMenuName(name)'}
                    language="javascript"
                />
            </Space>
        )
    }
}
