render()

in seatunnel-ui/src/views/data-pipes/create/index.tsx [63:121]
59 lines of code
1 McCabe index (conditional complexity)

  render() {
    return (
      <NSpace vertical>
        <NCard>
          {{
            header: () => (
              <NSpace align='center'>
                <NBreadcrumb>
                  <NBreadcrumbItem onClick={this.handleClickDataPipes}>
                    {this.t('data_pipes.data_pipes')}
                  </NBreadcrumbItem>
                  <NBreadcrumbItem>
                    {this.t('data_pipes.create')}
                  </NBreadcrumbItem>
                </NBreadcrumb>
              </NSpace>
            ),
            'header-extra': () => (
              <NSpace>
                <NButton secondary onClick={this.handleClickDataPipes}>
                  {this.t('data_pipes.cancel')}
                </NButton>
                <NButton secondary type='success' onClick={this.handleAdd}>
                  {this.t('data_pipes.save')}
                </NButton>
              </NSpace>
            )
          }}
        </NCard>
        <NCard>
          <NSpace align='center'>
            <span>{this.t('data_pipes.name')}</span>
            <NSpace align='center'>
              <NInput
                clearable
                maxlength='100'
                showCount
                style={{ width: '600px' }}
                v-model={[this.name, 'value']}
              />
              <NTooltip placement='right' trigger='hover'>
                {{
                  default: () => <span>{this.t('data_pipes.name_tips')}</span>,
                  trigger: () => (
                    <NIcon size='20' style={{ cursor: 'pointer' }}>
                      <BulbOutlined />
                    </NIcon>
                  )
                }}
              </NTooltip>
            </NSpace>
          </NSpace>
        </NCard>
        <NCard>
          <MonacoEditor v-model={[this.content, 'value']} />
        </NCard>
      </NSpace>
    )
  }