Ant-design: `prefixCls` não é herdado em alguns componentes

Criado em 9 jun. 2018  ·  4Comentários  ·  Fonte: ant-design/ant-design

Este é um problema geral para rastrear o problema de prefixCls .

  • [] # 10017 Tag: prefixCls não passado para o ícone
  • [] # 10565 Modal: prefixCls não passado para o botão
  • [x] # 12546 Modal.xxx: prefixCls não passado para a máscara
  • [] # 10042 Upload - Dragger: Passe prefixCls para UploadList - Upload
  • [] Transferir
  • [] # 12676 Popconfirm: prefixCls não passado para o botão
Inactive IssueHuntFest help wanted

Comentários muito úteis

De discussões internas:

Apresentaremos um novo provedor chamado ConfigProvider para a configuração de prefixCls .

import { ConfigProvider, Button } from 'antd';

<ConfigProvider prefixCls="awesome-">
  <Button>A Button</Button>
</ConfigProvider

produz:

<button type="button" class="awesome-btn"><span>A Button</span></button>

Todos 4 comentários

Eu acredito que Input deveria ser incluído na lista também.

Ao usar import 'antd/dist/antd.less' ou import 'antd/lib/input/style' ;

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
    color: rgba(0, 0, 0, 0.65);
}

Ao usar import 'antd/dist/antd.css' teria o prefixo específico do navegador

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0;
    color: rgba(0, 0, 0, 0.65);
}

@chungwong Não é o mesmo problema.

De discussões internas:

Apresentaremos um novo provedor chamado ConfigProvider para a configuração de prefixCls .

import { ConfigProvider, Button } from 'antd';

<ConfigProvider prefixCls="awesome-">
  <Button>A Button</Button>
</ConfigProvider

produz:

<button type="button" class="awesome-btn"><span>A Button</span></button>

Foi resolvido via # 12991

Esta página foi útil?
0 / 5 - 0 avaliações