Como adicionar meu próprio menu suspenso (popupMenu) como as opções do compositor?

Dev
1

Adicionei o seguinte código ao meu componente de tema e esperava que um novo popupMenu aparecesse no compositor.

api.onToolbarCreate(toolbar => {
  toolbar.addButton({
      id: "align_center_button",
      group: "crud",
      icon: "align-center",
      popupMenu: true
  });
});

Pensei que poderia seguir o código aqui, onde a engrenagem options é adicionada e funcionaria.

        toolbar.addButton({
          id: "options",
          group: "extras",
          icon: "cog",
          title: "composer.options",
          sendAction: this.onExpandPopupMenuOptions.bind(this),
          popupMenu: true,
        });

image
image719×394 69.6 KB

Pensei que poderia criar botões adicionais com o grupo crud e eles apareceriam em seu próprio menu suspenso como as opções padrão. Isso é possível? Poderia me dar um exemplo de como configurar e vincular opções ao meu próprio popupMenu?

2 curtidas
2

Não acredito que nossa API de plugin Javascript esteja configurada para facilitar a adição de um menu suspenso secundário neste momento. As personalizações da barra de ferramentas que consigo pensar adicionaram apenas opções ao menu suspenso existente.

Para que algo seja renderizado, você precisaria alterar seu group para "extras". Os grupos são codificados em hard-code e se relacionam com as várias seções dos botões do compositor.

A outra coisa a se observar é que o icon que você escolher precisa ser adicionado através do seu componente de tema ou da configuração do site svg icon subset.

Além disso, receio que você esteja entrando em território bastante inexplorado.

4 curtidas
4

Ah, entendi, faz muito sentido para as seções de grupo.

Mudei o grupo de volta para extras e agora ele aparece, mas agora ele aparece junto com o menu suspenso de opções existente.

api.onToolbarCreate(toolbar => {
  toolbar.addButton({
      id: "align_center_button",
      group: "extras",
      icon: "align-center",
      popupMenu: true
  });
});

Seria possível adicionar isso à API do plugin? A capacidade de adicionar itens personalizados ao seu próprio menu suspenso, independentemente do menu suspenso de opções existente. Eu poderia ver isso sendo útil, pois nosso composer está começando a parecer um pouco confuso com todas as opções adicionais que gostaríamos de ter :slight_smile:

2 curtidas
Add the ability to create your own dropdown menu and add custom items in the composer
5

Entendo totalmente como isso poderia ser útil! Vejo que você abriu um tópico de Feature, o que é perfeito. Isso nos ajudará a rastrear o interesse e, esperançosamente, torná-lo realidade em algum momento no futuro.

4 curtidas
6

Obrigado @tshenry, agradeço por investigar!

3 curtidas