How to use the choerodon-ui.Radio.Group function in choerodon-ui

import Editor from '../../../components/editor';
import MouseOverWrapper from '../../../components/mouseOverWrapper';

configure({ enforceActions: false });

// 匹配html界面为空白的正则。
const patternHTMLEmpty = /^(((<[^>]+>)*\s*)| |\s)*$/g;
const inputWidth = '512px';
const iconType = {
  COMPLETED: 'COMPLETED',
  SENDING: 'RUNNING',
  WAITING: 'UN_START',
  // FAILED: 'FAILED',
};
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 100 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 10 },
  },
};
const { Sidebar } = Modal;
// 公用方法类
class AnnouncementType {
  constructor(context) {
    this.context = context;
    const { AppState } = this.context.props;

import React, { Component } from 'react';
import { Button, Form, Modal, Table, Tooltip, Radio, Select, Input } from 'choerodon-ui';
import { inject, observer } from 'mobx-react';
import { withRouter } from 'react-router-dom';
import { Content, Header, Page, Permission, stores } from 'choerodon-boot-combine';
import { injectIntl, FormattedMessage } from 'react-intl';
import './Application.scss';
import { Tabs } from 'choerodon-ui';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import StatusTag from '../../../components/statusTag';

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

import { inject, observer } from 'mobx-react';
import { Button, Form, Modal, Progress, Select, Table, Tooltip, Upload, Spin, Radio } from 'choerodon-ui';
import { withRouter } from 'react-router-dom';
import { Content, Header, Page, Permission } from '@choerodon/boot';
import { FormattedMessage, injectIntl } from 'react-intl';
import classnames from 'classnames';
import MemberRoleType, { pageSize } from './MemberRoleType';
import './MemberRole.scss';
import '../../../common/ConfirmModal.scss';

let timer;
let selectFilterEmpty = true;
const { Sidebar } = Modal;
const FormItem = Form.Item;
const Option = Select.Option;
const RadioGroup = Radio.Group;
const FormItemNumLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 100 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 10 },
  },
};
const intlPrefix = 'memberrole';

@Form.create({})
@withRouter
@injectIntl
@inject('AppState')

import React, { Component } from 'react';
import PropTypes from 'prop-types';

import {
  Page, Header, Content, stores, axios,
} from '@choerodon/boot';
import { observer } from 'mobx-react';
import { Modal, Radio } from 'choerodon-ui';
import FileSaver from 'file-saver';
import IssueStore from '../../../stores/project/sprint/IssueStore/IssueStore';

const RadioGroup = Radio.Group;
const { AppState } = stores;
const radioStyle = {
  display: 'block',
  height: '30px',
  lineHeight: '30px',
};
@observer
class ExportIssue extends Component {
  state = {
    mode: 'all',
    loading: false,
  }

  handleExportChange = (e) => {
    this.setState({
      mode: e.target.value,

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import { withRouter } from 'react-router-dom';
import { Button, Form, Input, Radio, InputNumber } from 'choerodon-ui';
import { injectIntl, FormattedMessage } from 'react-intl';
import { Content, Header, Page, Permission } from '@choerodon/boot';
import PasswordPolicyStore from '../../../stores/organization/password-policy/index';
import LoadingBar from '../../../components/loadingBar/index';
import './PasswordPolicy.scss';

const inputPrefix = 'organization.pwdpolicy';
const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const { TextArea } = Input;
const formItemNumLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 100 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 9 },
  },
};

@Form.create({})
@withRouter
@injectIntl
@inject('AppState')

import PIStore from '../../../../stores/program/PI/PIStore';
import {
  getPIAims, deletePIAims, getPIList,
} from '../../../../api/PIApi';
import { getArtList } from '../../../../api/ArtApi';
import ProgramAimsTable from './component/ProgramAimsTable';
import PIAimsCard from './component/PIAimsCard';
import Empty from '../../../../components/Empty';
import emptyPI from '../../../../assets/image/emptyPI.svg';
import CreatePIAims from '../CreatePIAims/CreatePIAims';

import './PIAims.scss';
import EditPIAims from '../EditPIAims';

const RadioGroup = Radio.Group;
const RadioButton = Radio.Button;
const { Option } = Select;
const { AppState } = stores;
const amisColumns = [
  {
    title: 'PI目标',
    dataIndex: 'name',
  },
  {
    title: '计划商业价值',
    dataIndex: 'planBv',
    render: text => text || '-',
    width: 120,
  },
  {
    title: '实际商业价值',

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import { stores } from '@choerodon/boot';
import { Modal, Radio } from 'choerodon-ui';
import FileSaver from 'file-saver';
import { exportFeatures } from '../../../../../api/FeatureApi';

const RadioGroup = Radio.Group;
const { AppState } = stores;
const radioStyle = {
  display: 'block',
  height: '30px',
  lineHeight: '30px',
};
const propTypes = {
  searchDTO: PropTypes.shape({}).isRequired,
  tableShowColumns: PropTypes.arrayOf(PropTypes.string).isRequired,
  onCancel: PropTypes.func.isRequired,
};
class ExportIssue extends PureComponent {
  state = {
    mode: 'all',
  }

Form,
  Modal,
  Tooltip,
  Select,
  Icon,
  Popover,
  Radio,
  Tag,
} from 'choerodon-ui';
import Tips from '../../../../components/Tips/Tips';
import InterceptMask from '../../../../components/interceptMask/InterceptMask';
import '../../envPipeline/EnvPipeLineHome.scss';

const { Sidebar } = Modal;
const { Option } = Select;
const RadioGroup = Radio.Group;
const FormItem = Form.Item;
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 100 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 26 },
  },
};

@Form.create({})
@injectIntl
@inject('AppState')
@observer

import React, { Component, Fragment } from 'react';
import _ from "lodash";
import { observer } from 'mobx-react';
import { injectIntl, FormattedMessage } from 'react-intl';
import { Button, Radio, Form, Input, message, Icon } from 'choerodon-ui';
import { stores } from 'choerodon-front-boot';
import '../AppImport.scss';

const RadioGroup = Radio.Group;
const FormItem = Form.Item;
const { AppState } = stores;
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 8 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 16 },
  },
};

@observer
class StepOne extends Component {
  constructor() {

import React, { Component } from 'react';
import { toJS } from 'mobx';
import { inject, observer } from 'mobx-react';
import { Button, Form, Icon, IconSelect, Input, Modal, Select, Table, Tooltip, Radio } from 'choerodon-ui';
import { Content, Header, Page, Permission } from 'choerodon-boot-combine';
import { FormattedMessage, injectIntl } from 'react-intl';
import './DashboardSetting.scss';
import MouseOverWrapper from '../../../components/mouseOverWrapper';
import RoleStore from '../../../stores/global/role/RoleStore';
import StatusTag from '../../../components/statusTag';

const RadioGroup = Radio.Group;
const { Sidebar } = Modal;
const { Option } = Select;

const intlPrefix = 'global.dashboard-setting';
const FormItem = Form.Item;
const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 100 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 10 },
  },
};
const inputWidth = 512;