How to use the choerodon-ui.Select.Option function in choerodon-ui

import React, { Component } from 'react';
import { Form, Input, Select } from 'choerodon-ui';
import { injectIntl } from 'react-intl';
import { inject, observer } from 'mobx-react';
import { withRouter } from 'react-router-dom';
import { Content } from 'choerodon-boot-combine';
import CreateUserStore from '../../../stores/organization/user/CreateUserStore';

const FormItem = Form.Item;
const Option = Select.Option;
const intlPrefix = 'organization.user';

const inputWidth = 512; // input框的长度
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 100 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 10 },
  },
};

function noop() {
}

import { withRouter } from 'react-router-dom';
import { Button, Form, Icon, Input, Select, Spin, InputNumber, Popover, Modal, Radio } from 'choerodon-ui';
import { axios, Content, Header, Page, Permission } from '@choerodon/boot';
import { FormattedMessage, injectIntl } from 'react-intl';
import './SystemSetting.scss';
import '../../../common/ConfirmModal.scss';
import LogoUploader from './LogoUploader';
// import AvatarUploader from '../../../components/AvatarUploader';

const intlPrefix = 'global.system-setting';
const prefixClas = 'c7n-iam-system-setting';
const inputPrefix = 'organization.pwdpolicy';
const limitSize = 1024;
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const Option = Select.Option;
const confirm = Modal.confirm;
const { TextArea } = Input;
const dirty = false;
const cardContentFavicon = (
  <div>
    <p></p>
    <div>
  </div>
);
const cardContentLogo = (
  <div>
    <p></p>
    <div>
  </div>
);
const cardContentTitle = (</div></div>

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import { Button, Form, Input, Modal, Select, Icon } from 'choerodon-ui';
import { Content, Header, Page, Permission, stores } from 'choerodon-front-boot';
import { injectIntl, FormattedMessage } from 'react-intl';
import { withRouter } from 'react-router-dom';
import classnames from 'classnames';
import './OrganizationSetting.scss';
import OrganizationSettingStore from '../../../stores/organization/organization-setting/OrganizationSettingStore';
import '../../../common/ConfirmModal.scss';
import AvatarUploader from '../../../components/avatarUploader';


const { HeaderStore } = stores;
const FormItem = Form.Item;
const Option = Select.Option;
const intlPrefix = 'organization.info';
const ORGANIZATION_TYPE = 'organization';
const PROJECT_TYPE = 'project';

@Form.create({})
@withRouter
@injectIntl
@inject('AppState')
@observer
export default class OrganizationSetting extends Component {
  state = {
    submitting: false,
    isShowAvatar: false,
  };

  componentDidMount() {

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import { Button, Select, Tooltip, Modal, Form, Input, Popover, Icon } from 'choerodon-ui';
import { injectIntl, FormattedMessage } from 'react-intl';
import { withRouter } from 'react-router-dom';
import { axios, Content, Header, Page } from '@choerodon/boot';
import MailTemplateStore from '../../../stores/global/mail-template';
import './MailTemplate.scss';
import Editor from '../../../components/editor';

const FormItem = Form.Item;
const Option = Select.Option;

class MailTemplateType {
  constructor(context) {
    this.context = context;
    const { AppState } = this.context.props;
    this.data = AppState.currentMenuType;
    const { type, id, name } = this.data;
    const codePrefix = type === 'organization' ? 'organization' : 'global';
    this.code = `${codePrefix}.mailtemplate`;
    this.values = { name: name || 'Choerodon' };
    this.type = type;
    this.orgId = id;
    this.orgName = name;
  }
}

import { Content, Header, Page, Permission } from 'choerodon-boot-combine';
import { Steps, Button, Select, Table, DatePicker, Radio, Tooltip, Modal, Form, Input, Popover, Icon, Tabs, Col, Row, Spin, InputNumber, Checkbox } from 'choerodon-ui';
import { injectIntl, FormattedMessage } from 'react-intl';
import moment from 'moment';
import classnames from 'classnames';
import _ from 'lodash';
import TaskDetailStore from '../../../stores/global/task-detail';
import './TaskDetail.scss';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import Tips from '../../../components/tips';

const { TextArea } = Input;
const FormItem = Form.Item;
const { RangePicker } = DatePicker;
const RadioGroup = Radio.Group;
const Option = Select.Option;
const { Step } = Steps;
const CheckboxGroup = Checkbox.Group;
const intlPrefix = 'taskdetail';
const inputWidth = '512px';
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 8 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 16 },
  },
};

configure({ enforceActions: false });

*/
import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import { Button, Form, Modal, Select, Table } from 'choerodon-ui';
import { injectIntl, FormattedMessage } from 'react-intl';
import { withRouter } from 'react-router-dom';
import { Action, axios, Content, Header, Page, Permission } from 'choerodon-boot-combine';
import querystring from 'query-string';
import ConfigurationStore from '../../../stores/global/configuration';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import './Configuration.scss';
import '../../../common/ConfirmModal.scss';
import { handleFiltersParams } from '../../../common/util';

const FormItem = Form.Item;
const Option = Select.Option;
const intlPrefix = 'global.configuration';

@Form.create({})
@withRouter
@injectIntl
@inject('AppState')
@observer
export default class Configuration extends Component {
  state = this.getInitState();

  componentDidMount() {
    ConfigurationStore.setCurrentConfigId(null);
    this.loadInitData();
  }

  componentWillUnmount() {

*/
import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import { Button, Form, Modal, Select, Table } from 'choerodon-ui';
import { injectIntl, FormattedMessage } from 'react-intl';
import { withRouter } from 'react-router-dom';
import { Action, axios, Content, Header, Page, Permission } from 'choerodon-boot-combine';
import querystring from 'query-string';
import ConfigurationStore from '../../../stores/global/configuration';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import './Configuration.scss';
import '../../../common/ConfirmModal.scss';
import { handleFiltersParams } from '../../../common/util';

const FormItem = Form.Item;
const Option = Select.Option;
const intlPrefix = 'global.configuration';

@Form.create({})
@withRouter
@injectIntl
@inject('AppState')
@observer
export default class Configuration extends Component {
  state = this.getInitState();

  componentDidMount() {
    ConfigurationStore.setCurrentConfigId(null);
    this.loadInitData();
  }

  componentWillUnmount() {

import { injectIntl, FormattedMessage } from 'react-intl';
import ValueConfig from '../valueConfig';
import UpgradeIst from '../upgrateIst';
import DelIst from '../component/delIst/DelIst';
import ExpandRow from '../component/ExpandRow';
import '../AppDeploy.scss';
import '../../../main.scss';

const deploy = [{
  name: 'abc-sdf-355',
  replica: '2/2',
  replicaCount: 1,
  time: '2018/10/24',
  pods: [],
}];
const Option = Select.Option;

const { AppState } = stores;

@observer
class SingleEnvironment extends Component {
  constructor(props) {
    super(props);
    this.state = {
      visibleUp: false,
    };
  }

  /**
   * 页码改变的回调
   * @param appPage 改变后的页码
   * @param appPageSize 每页条数

import { withRouter } from 'react-router-dom';
import { Content, Header, Page, Permission, stores } from 'choerodon-boot-combine';
import { injectIntl, FormattedMessage } from 'react-intl';
import classnames from 'classnames';
import './Project.scss';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import StatusTag from '../../../components/statusTag';
import { handleFiltersParams } from '../../../common/util';
import AvatarUploader from '../../../components/avatarUploader';

const { HeaderStore } = stores;
const FormItem = Form.Item;
const ORGANIZATION_TYPE = 'organization';
const PROJECT_TYPE = 'project';
const { Sidebar } = Modal;
const Option = Select.Option;
const RadioGroup = Radio.Group;
const intlPrefix = 'organization.project';
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 8 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 16 },
  },
};
const isNum = /^\d+$/;

@Form.create({})
@withRouter

import { Content, Header, Page, Permission } from 'choerodon-front-boot';
import { Steps, Button, Select, Table, DatePicker, Radio, Tooltip, Modal, Form, Input, Popover, Icon, Tabs, Col, Row, Spin, InputNumber, Checkbox } from 'choerodon-ui';
import { injectIntl, FormattedMessage } from 'react-intl';
import moment from 'moment';
import classnames from 'classnames';
import _ from 'lodash';
import TaskDetailStore from '../../../stores/global/task-detail';
import './TaskDetail.scss';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import Tips from '../../../components/tips';

const { TextArea } = Input;
const FormItem = Form.Item;
const { RangePicker } = DatePicker;
const RadioGroup = Radio.Group;
const Option = Select.Option;
const { Step } = Steps;
const CheckboxGroup = Checkbox.Group;
const intlPrefix = 'taskdetail';
const inputWidth = '512px';
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 8 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 16 },
  },
};

configure({ enforceActions: false });