Method renderFooter

packages/amis-editor/src/renderer/FieldSetting.tsx:347–386

()

  @autobind
  renderFooter() {
    const {classnames: cx, renderer, store, data: ctx, feat} = this.props;
    const scaffoldData = store?.data;
    const {initApi, listApi} = scaffoldData || {};
    const {loading} = this.state;
    const isForm = renderer === 'form';
    const isCRUD = renderer === 'crud';
    const fieldApi = isForm ? initApi : isCRUD ? listApi : '';
    const isApiValid = isValidApi(normalizeApi(fieldApi)?.url);
    const showAutoGenBtn =
      (isForm &&
        (feat === DSFeatureEnum.Edit || feat === DSFeatureEnum.View)) ||
      (isCRUD && feat === DSFeatureEnum.List && ctx?.__step === 0);

    return showAutoGenBtn ? (
      <div
        className={cx('ae-FieldSetting-footer', {
          ['ae-FieldSetting-footer--form']: isForm
        })}
      >
        <Button
          size="sm"
          level="link"
          loading={loading}
          disabled={!isApiValid || loading}
          disabledTip={{
            content: loading
              ? '数据处理中...'
              : isForm
              ? '请先填写初始化接口'
              : '请先填写接口',
            tooltipTheme: 'dark'
          }}
          onClick={this.debounceGenerateFields}
        >
          <span>基于接口自动生成字段</span>
        </Button>
      </div>
    ) : null;
  }

  render() {
    const {