Tabnine Logo For Javascript
@ant-design/compatible
Code IndexAdd Tabnine to your IDE (free)

How to use @ant-design/compatible

Best JavaScript code snippets using @ant-design/compatible(Showing top 15 results out of 1,395)

origin: cube-js/cube.js

<Form.Item label="Framework">
 <Dropdown overlay={frameworkMenu}>
  <Button>
  </Button>
 </Dropdown>
</Form.Item>
{frameworkItem && frameworkItem.docsLink && (
 <Alert
<Form.Item label="Main Template">
 <Dropdown
  overlay={templatePackagesMenu}
  </Button>
 </Dropdown>
</Form.Item>
<Form.Item label="Charting Library">
 <Dropdown
  overlay={chartLibrariesMenu}
  </Button>
 </Dropdown>
</Form.Item>
<Form.Item label="Web Socket Transport (Real-time)">
 <Switch
  checked={enableWebSocketTransport}
</Form.Item>
origin: hello-react/HoServer

const LoginSubmit = ({ className, ...rest }) => {
  const clsString = classNames(styles.submit, className)
  return (
    <FormItem>
      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} />
    </FormItem>
  )
}
origin: hello-react/HoServer

const renderContactlForm = () => {
    return (
      <Card title="联系信息" bordered={false} size="small">
        <LegacyForm.Item label="手机号码">
          {getFieldDecorator('mobile')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="电子邮件">
          {getFieldDecorator('email')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="地区">
          <SelectLocation location={userInfo.location} onChange={value => {
            userInfo.location = value
          }} />
        </LegacyForm.Item>
      </Card>
    )
  }
origin: hello-react/HoServer

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>
      )
    })
origin: hello-react/HoServer

render() {
    const {userInfo} = this.state

    return (
      <LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
        <Row gutter={8}>
          <Col span={18}>
            {this.renderGeneralForm()}
            {this.renderContactlForm()}
            {this.renderRoleForm()}
          </Col>
          <Col span={6} align="center">
            <AvatarForm src={userInfo.avatar} onUploadResult={avatarUrl => {
              if (avatarUrl) {
                userInfo.avatar = avatarUrl
                this.setState({userInfo})
              }
            }} />
          </Col>
        </Row>
      </LegacyForm>
    )
  }
origin: hello-react/HoServer

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
        )
      })
origin: hello-react/HoServer

return (
  <Card title="角色权限" bordered={false} size="small">
    <LegacyForm.Item label="角色">
      <div>
        {userInfo.roles ? userInfo.roles.map(role => {
        }) : '未设置'}
      </div>
    </LegacyForm.Item>
    <LegacyForm.Item label={<Tooltip title="用户实际权限为角色权限+管理员设置权限">权限 <Icon type="question-circle" /></Tooltip>}>
      <div>
        {userInfo.permissions ? userInfo.permissions.map(perm => {
        }) : '未设置'}
      </div>
    </LegacyForm.Item>
  </Card>
origin: hello-react/HoServer

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>
          </>
        </>
      ),
    })
origin: hello-react/HoServer

renderContactlForm() {
    const {getFieldDecorator} = this.props.form
    const {userInfo} = this.state

    return (
      <Card title="联系信息" bordered={false} size="small">
        <LegacyForm.Item label="手机号码">
          {getFieldDecorator('mobile')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="电子邮件">
          {getFieldDecorator('email')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="地区">
          <SelectLocation location={userInfo.location} onChange={value => {
            userInfo.location = value
            this.setState({userInfo})
          }} />
        </LegacyForm.Item>
      </Card>
    )
  }
origin: hello-react/HoServer

  }}>
    <a title="编辑">
      <Icon type="edit" />
      <Divider type="vertical" />
    </a>
    handleRemove(record)
  }}>
    <Icon type="delete" />
  </a>
</>
origin: hello-react/HoServer

<LoginContext.Provider value={this.getContext()}>
  <div className={classNames(className, styles.login)}>
    <Form onSubmit={this.handleSubmit}>
      {tabs.length ? (
        <React.Fragment>
origin: hello-react/HoServer

LegacyForm.create()(props => {
  const {editMode, modelInstance, formRef} = props
  const {getFieldDecorator} = props.form
    <LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
      <LegacyForm.Item required label="分类英文名">
        {getFieldDecorator('name', {
          rules: [
      </LegacyForm.Item>
      <LegacyForm.Item required label="分类显示名">
        {getFieldDecorator('dis_name', {
          rules: [{required: true, message: '显示名称必填'}]
        })(<Input placeholder="请输入" />)}
      </LegacyForm.Item>
    </LegacyForm>
origin: hello-react/HoServer

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

</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 => {
origin: hello-react/HoServer

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}
@ant-design/compatible(npm)

Most used @ant-design/compatible functions

  • FormItem.Item
  • Item
  • create

Popular in JavaScript

  • mkdirp
    Recursively mkdir, like `mkdir -p`
  • commander
    the complete solution for node.js command-line programs
  • moment
    Parse, validate, manipulate, and display dates
  • webpack
    Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  • async
    Higher-order functions and common patterns for asynchronous code
  • mocha
    simple, flexible, fun test framework
  • node-fetch
    A light-weight module that brings window.fetch to node.js
  • aws-sdk
    AWS SDK for JavaScript
  • minimist
    parse argument options
  • From CI to AI: The AI layer in your organization
Tabnine Logo
  • Products

    Search for Java codeSearch for JavaScript code
  • IDE Plugins

    IntelliJ IDEAWebStormVisual StudioAndroid StudioEclipseVisual Studio CodePyCharmSublime TextPhpStormVimGoLandRubyMineEmacsJupyter NotebookJupyter LabRiderDataGripAppCode
  • Company

    About UsContact UsCareers
  • Resources

    FAQBlogTabnine AcademyTerms of usePrivacy policyJavascript Code Index
Get Tabnine for your IDE now