Ant-design: `prefixCls` wird in einigen Komponenten nicht vererbt

Erstellt am 9. Juni 2018  ·  4Kommentare  ·  Quelle: ant-design/ant-design

Dies ist ein Umbrella-Problem, um das Problem von prefixCls zu verfolgen.

  • [] # 10017 Tag: prefixCls nicht an Icon übergeben
  • [] # 10565 Modal: prefixCls nicht an Button übergeben
  • [x] # 12546 Modal.xxx: prefixCls nicht an mask übergeben
  • [] # 10042 Upload - Dragger: Übergeben Sie prefixCls an UploadList - Upload
  • [ ] Transfer
  • [] # 12676 Popconfirm: prefixCls nicht an Button übergeben
Inactive IssueHuntFest help wanted

Hilfreichster Kommentar

Aus internen Diskussionen:

Wir werden einen neuen Anbieter namens ConfigProvider für die Konfiguration von prefixCls vorstellen.

import { ConfigProvider, Button } from 'antd';

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

produziert:

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

Alle 4 Kommentare

Ich glaube, Input sollte ebenfalls auf der Liste stehen.

Bei Verwendung von import 'antd/dist/antd.less' oder 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);
}

Bei Verwendung von import 'antd/dist/antd.css' das browserspezifische Präfix

.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 Nicht das gleiche Problem.

Aus internen Diskussionen:

Wir werden einen neuen Anbieter namens ConfigProvider für die Konfiguration von prefixCls vorstellen.

import { ConfigProvider, Button } from 'antd';

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

produziert:

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

Es wird über # 12991 gelöst

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen