render()

in seatunnel-ui/src/views/setting/index.tsx [26:157]

• 127 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    const { t, locale } = useI18n()

    return (
      <NSpace vertical>
        <NCard title={t('setting.table_setting')}>
          <NList>
            <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.sequence_column')}</span>
                <NSwitch
                  value={useSettingStore().getSequenceColumn}
                  onUpdateValue={(v) => {
                    useSettingStore().setSequenceColumn(v)
                  }}
                />
              </NSpace>
            </NListItem>
            <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.data_unique_value')}</span>
                <NSwitch
                  value={useSettingStore().getDataUniqueValue}
                  onUpdateValue={(v) => {
                    useSettingStore().setDataUniqueValue(v)
                  }}
                />
              </NSpace>
            </NListItem>
          </NList>
        </NCard>
        <NCard title={t('setting.language_setting')}>
          <NList>
            <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.language')}</span>
                <div class='w-56'>
                  <NSelect
                    value={useSettingStore().getLocales}
                    options={[
                      { value: 'en_US', label: t('setting.english') },
                      { value: 'zh_CN', label: t('setting.chinese') }
                    ]}
                    onUpdateValue={(l) => {
                      locale.value = l
                      useSettingStore().setLocales(l)
                    }}
                  />
                </div>
              </NSpace>
            </NListItem>
          </NList>
        </NCard>
        <NCard title={t('setting.request_setting')}>
          <NList>
            <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.request_time')}</span>
                <div class='w-56'>
                  <NSelect
                    value={useSettingStore().getRequestTimeValue}
                    onUpdateValue={(v) => {
                      useSettingStore().setRequestTimeValue(v)
                    }}
                    options={[
                      { value: 3000, label: '3000ms' },
                      { value: 6000, label: '6000ms' },
                      { value: 10000, label: '10000ms' },
                      { value: 20000, label: '20000ms' },
                      { value: 30000, label: '30000ms' }
                    ]}
                  />
                </div>
              </NSpace>
            </NListItem>
          </NList>
        </NCard>
        <NCard title={t('setting.theme_setting')}>
          <NList>
            <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.model')}</span>
                <div class='w-56'>
                  <Theme/>
                  {/* <NSelect
                    value={'light'}
                    options={[
                      { value: 'light', label: t('setting.light') }
                    ]}
                  /> */}
                </div>
              </NSpace>
            </NListItem>
            {/* <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.hue')}</span>
                <div class='w-56'>
                  <NSelect
                    value={'purple'}
                    options={[
                      { value: 'purple', label: t('setting.purple') }
                    ]}
                  />
                </div>
              </NSpace>
            </NListItem> */}
            <NListItem>
              <NSpace justify='space-between' align='center'>
                <span>{t('setting.fillet')}</span>
                <div class='w-56'>
                  <NSelect
                    value={useSettingStore().getFilletValue}
                    onUpdateValue={(v) => {
                      useSettingStore().setFilletValue(v)
                    }}
                    options={[
                      { value: 5, label: '5px' },
                      { value: 10, label: '10px' },
                      { value: 15, label: '15px' },
                      { value: 20, label: '20px' },
                      { value: 25, label: '25px' },
                      { value: 30, label: '30px' }
                    ]}
                  />
                </div>
              </NSpace>
            </NListItem>
          </NList>
        </NCard>
      </NSpace>
    )
  }