Панель команд скрывает метки действий, когда они слишком малы - PullRequest
Новая
       6

Панель команд скрывает метки действий, когда они слишком малы

0 голосов
/ 31 января 2019

Ожидаемое поведение

Expected behavior

Это то, чего я пытаюсь достичь с помощью CommandBar .

Когда недостаточно места для метки элементов, я хочу скрыть метки и не переходить в меню переполнения.Когда я изменяю размер CommandBar, я хочу, чтобы метки появлялись снова, если есть достаточно места.

Я могу скрыть метки, используя реквизиты iconOnly и обратный вызов onReduceData.

Затем я попытался использовать onGrowData для восстановления iconOnly при изменении размера commandBar, но, поскольку в переполнении нет элементов, обратный вызов никогда не вызывается.

Текущее поведение

enter image description here

Вот упрощенный код: 

<CommandBar
className='CommandBar'
items={[{
    iconProps: { iconName: 'Previous' },
    key: 'FindPrevious',
    onClick: () => { this.findPrevious() },
    text: 'Find Previous',
},
{
    iconProps: { iconName: 'Next' },
    key: 'FindNext',
    onClick: () => { this.findNext() },
    text: 'Find Next',
}]}
farItems={[{
    iconProps: { iconName: 'Search' },
    key: 'FindAll',
    onClick: this.findAll,
    text: 'Find All',
}]}

onReduceData={this.onReduceData}
/>

private onReduceData = (data: ICommandBarData): any => {
    data.primaryItems[0].iconOnly = true;
    data.primaryItems[1].iconOnly = true;
    return data;
}
...