How to use

Icon

in

@ant-design/compatible

confObj.map(seg => {
      return (
        <Descriptions.Item key={seg.seg} label={(
          <>
            {seg.seg}
            <span style={{color: '#999'}}>
              {seg.config.dis_name ? ` - ${seg.config.dis_name}` : ''}
            </span>
            {seg.config.desc ? (
              <Tooltip title={seg.config.desc}>
                {' '}
                <Icon type="question-circle-o" />
              </Tooltip>
            ) : null}
          </>
        )}>
          {seg.configs ? this.renderObject(seg.configs) : seg.config.value}
        </Descriptions.Item>
      )
    })

tags.map(tag => {
        if (typeof tag === 'object') {
          return (
            <JsonViewModal data={tag}>
              <Icon type="eye" /> 查看
            </JsonViewModal>
          )
        }

        const isLongTag = tag.length > 20
        const tagElem = (
          <Tag key={tag} color="blue" closable onClose={() => handleClose(tag)}>
            {isLongTag ? `${tag.slice(0, 20)}...` : tag}
          </Tag>
        )

        return isLongTag ? (
          <Tooltip title={tag} key={tag}>
            {tagElem}
          </Tooltip>
        ) : (
          tagElem
        )
      })

  </div>
</LegacyForm.Item>
<LegacyForm.Item label={<Tooltip title="用户实际权限为角色权限+管理员设置权限">权限 <Icon type="question-circle" /></Tooltip>}>
  <div>
    {userInfo.permissions ? userInfo.permissions.map(perm => {

tableColumns.push({
      title: '操作',
      dataIndex: 'enabled',
      valueType: 'operation',
      align: 'center',
      fixed: 'right',
      width: 100,
      render: (text, record) => (
        <>
          <>
            <a title="编辑" onClick={async () => {
              await setValueEditMode(2)
              await setSelectedRowData(record)
              await setValueModalVisible(true)
              props.form.setFieldsValue(record)
            }}>
              <Icon type="edit" />
            </a>
            <Divider type="vertical" />
            <a title="删除" onClick={() => {
              handleRemove(record)
            }}>
              <Icon type="delete" />
            </a>
          </>
        </>
      ),
    })

  }}>
    <a title="编辑">
      <Icon type="edit" />
      <Divider type="vertical" />
    </a>
    handleRemove(record)
  }}>
    <Icon type="delete" />
  </a>
</>

<LegacyForm.Item>
  <div>
    <Avatar src={avatarSrc} size={128} icon={avatarSrc ? undefined : <Icon type="user" />} style={{marginTop: 50}} />
  </div>
  <div style={{marginTop: 10}}>

  <FormComp editMode={2} modelMeta={modelMeta} modelInstance={record} onOk={this.handleSubmit}>
    <a title="编辑" disabled={record.editable === false}>
      <Icon type="edit" />
      {options.delete !== false || this.extraOperationRender ? <Divider type="vertical" /> : null}
    </a>
{options.delete !== false ? (
  <a title="删除" disabled={record.editable === false || record.deletable === false} onClick={() => this.handleOperate('delete', {record})}>
    <Icon type="delete" />
    {this.extraOperationRender ? <Divider type="vertical" /> : null}
  </a>

  </div>
</LegacyForm.Item>
<LegacyForm.Item label={<Tooltip title="用户实际权限为角色权限+管理员设置权限">权限 <Icon type="question-circle" /></Tooltip>}>
  <div>
    {permissions.length > 0 ? permissions.map(perm => {

) : (
  <Button disabled={modelInstance.editable === false} onClick={() => setVisible(true)}>
    <Icon type={!editMode ? 'eye' : 'edit'} /> {!editMode ? '查看' : '设置'}
  </Button>
)}

    </Menu>
  }>
    <Icon type="ellipsis" />
  </Dropdown>
</Tooltip>

return (
  <JsonViewModal title={`${record.dis_name} DB Schema`} data={record.schema}>
    <Icon type="console-sql" />
  </JsonViewModal>
      {value}{' '}
      <Tooltip title="修改分类显示名称，也可以通过修改系统字典中的 sys_category 字典相关键值修改分类名称">
        <Icon type="edit" onClick={() => this.handleChangeCatName(row.category_name, value)} />
      </Tooltip>
      <br />{row.category_name}

</Row>
<Row gutter={[10, 20]}>
  <Col span={6} align="right"><Tooltip title="用户实际权限为角色权限+管理员设置权限"><Icon type="question-circle" /></Tooltip> 权限：</Col>
  <Col span={18}>
    {userInfo.permissions && userInfo.permissions.length > 0 ? userInfo.permissions.map(perm => {

render: (text, row) => (
  <Popover placement="right" content={row.file} title="服务对应文件">
    {text} <Icon type="question-circle" />
  </Popover>

) : (
  <Button onClick={() => setVisible(true)}>
    <Icon type={!editMode ? 'eye' : 'edit'} /> {!editMode ? '查看' : '设置'}
  </Button>
)}

) : (
  <Button onClick={() => setVisible(true)}>
    <Icon type={!editMode ? 'eye' : 'edit'} /> {!editMode ? '查看' : '设置'}
  </Button>
)}