@nexdom/uimed-vue 2.6.1 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/components/navigation-menu/navigation-menu.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -34,6 +34,7 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
34
34
|
emits: ["update:modelValue"],
|
|
35
35
|
setup(__props) {
|
|
36
36
|
const props = __props;
|
|
37
|
+
const layoutOrder = 1;
|
|
37
38
|
const open = useModel(__props, "modelValue");
|
|
38
39
|
const search = ref("");
|
|
39
40
|
const searchFieldDefaults = { VTextField: { hideDetails: "auto" } };
|
|
@@ -89,8 +90,8 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
89
90
|
permanent: !unref(mobile),
|
|
90
91
|
rail: !unref(mobile),
|
|
91
92
|
"expand-on-hover": "",
|
|
92
|
-
absolute: "",
|
|
93
93
|
temporary: "",
|
|
94
|
+
order: layoutOrder,
|
|
94
95
|
onFocusin: unref(onFocusin),
|
|
95
96
|
onFocusout: unref(onFocusout),
|
|
96
97
|
onMouseenter: unref(onMouseenter),
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@ Responsável por carregar o menu superior, o menu de navegação lateral, o roda
|
|
|
11
11
|
| `dataTestid` | `string` | | Aplica atributo `data-testid` para testes sobre o componente. |
|
|
12
12
|
| `logo` | `string` | | URL utilizada para carregar a logo que será apresentada. A logo é decorativa (`alt=""`): o título do menu superior (`appBar.title`) identifica a aplicação. |
|
|
13
13
|
| `appBar` | [`AppBar`](#appbar) | | Conjunto de propriedades para aplicar à barra superior. |
|
|
14
|
-
| `navigationMenu` | [`NavigationMenu`](#navigationmenu) | | Conjunto de propriedades para aplicar ao menu lateral de navegação.
|
|
14
|
+
| `navigationMenu` | [`NavigationMenu`](#navigationmenu) | | Conjunto de propriedades para aplicar ao menu lateral de navegação, fixo à esquerda da tela. |
|
|
15
15
|
| `footer` | [`Footer`](#footer) | | Conjunto de propriedades para aplicar ao rodapé, fixo na parte inferior da tela e com a mesma elevação do menu superior. **O rodapé será ocultado sempre que essa prop for omitida ou o seu `description` for vazio.** |
|
|
16
16
|
| `loading` | `boolean` | `false` | Exibe skeletons no lugar das ações do menu superior e dos itens do menu de navegação enquanto os dados são carregados. O conteúdo da página não é afetado. |
|
|
17
17
|
| `background` | `"primary" \| "secondary" \| "tertiary" \| "positive" \| "informative" \| "caution" \| "danger"` | | Aplica uma cor ao fundo de toda a aplicação, como em landing pages. O texto colocado diretamente sobre o fundo passa a usar a cor associada a ele (branco, verde-escuro ou preto), enquanto o menu superior, o rodapé, as sections e os diálogos mantêm os próprios fundos. **Quando omitida, a aplicação usa o fundo padrão do tema.** |
|
|
@@ -218,6 +218,8 @@ Em telas largas (a partir de 1145px), o menu fica sempre visível à esquerda do
|
|
|
218
218
|
|
|
219
219
|
Em telas pequenas, o menu fica oculto e é aberto sobre o conteúdo pelo botão "Menu de navegação" do menu superior.
|
|
220
220
|
|
|
221
|
+
O menu fica fixo na tela enquanto a página rola, abaixo do menu superior e acima do rodapé, quando ele é exibido. Se os itens não couberem na altura disponível, apenas a lista do menu rola, e a busca continua no topo dele.
|
|
222
|
+
|
|
221
223
|
Os itens e grupos do primeiro nível do menu exibem um ícone antes da sua descrição, informado pelo nome na propriedade obrigatória `icon`. Os nomes disponíveis estão em [Ícones](../icons.md). Os itens dentro de um grupo não aceitam ícones, para que o menu siga o mesmo padrão visual em todas as aplicações.
|
|
222
224
|
|
|
223
225
|
O menu também conta com um campo de busca que filtra itens e grupos em tempo real, no formato _case-insensitive_. Enquanto há texto na busca, os grupos com resultados ficam abertos, mostrando os itens encontrados. Um grupo ainda pode ser fechado pelo seu cabeçalho, até o texto mudar de novo. Ao limpar a busca, ficam abertos os grupos que estavam abertos antes dela.
|