Ant-design: `prefixCls` no se hereda en algunos componentes

Creado en 9 jun. 2018  ·  4Comentarios  ·  Fuente: ant-design/ant-design

Este es un problema general para rastrear el problema de prefixCls .

  • [] # 10017 Etiqueta: prefixCls no se pasó al icono
  • [] # 10565 Modal: prefixCls no se pasó a Button
  • [x] # 12546 Modal.xxx: prefixCls no se pasó a la máscara
  • [] # 10042 Cargar - Arrastrador: pasar prefixCls a UploadList - Cargar
  • [] Transferencia
  • [] # 12676 Popconfirm: prefixCls no se pasó a Button
Inactive IssueHuntFest help wanted

Comentario más útil

De discusiones internas:

Presentaremos un nuevo proveedor llamado ConfigProvider para la configuración de prefixCls .

import { ConfigProvider, Button } from 'antd';

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

produce:

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

Todos 4 comentarios

Creo que Input debería incluirse en la lista.

Cuando se usa import 'antd/dist/antd.less' o 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);
}

Mientras que usar import 'antd/dist/antd.css' tendría el prefijo específico del 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 No es el mismo problema.

De discusiones internas:

Presentaremos un nuevo proveedor llamado ConfigProvider para la configuración de prefixCls .

import { ConfigProvider, Button } from 'antd';

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

produce:

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

Se resuelve vía # 12991

¿Fue útil esta página
0 / 5 - 0 calificaciones