@wgalleti/primevue-components 0.30.0 → 0.31.0

package/README.md

@@ -5,10 +5,10 @@ Biblioteca de componentes Vue 3 + PrimeVue 4 para padronizar componentes reutili
 ## Instalação
 
 ```bash
-# Via git (recomendado para projetos internos)
-yarn add git+https://github.com/wgalleti/wPrimeVueComponents.git
+# Pacote público no npm — fixe versão exata (sem ^), o mesmo número em todos os projetos
+yarn add @wgalleti/primevue-components@<versão> --exact
 
-# Ou npm link para desenvolvimento local
+# Desenvolvimento local da própria suíte
 cd wPrimeVueComponents && yarn link
 cd seu-projeto && yarn link @wgalleti/primevue-components
 ```
@@ -18,10 +18,10 @@ cd seu-projeto && yarn link @wgalleti/primevue-components
 Certifique-se de ter instalado no seu projeto:
 
 ```bash
-yarn add vue@^3.4 primevue@^4.0 dayjs@^1.11
+yarn add vue@^3.4 primevue@^4.2 dayjs@^1.11 vue-router
 ```
 
-Se o projeto usar a camada Axios padrao, instale tambem `axios@^1.0`.
+Se o projeto usar a camada Axios padrão (o data provider default), instale também `axios@^1.0`.
 
 ## Setup
 

package/dist/components/index.d.ts

@@ -20,7 +20,9 @@ export { default as WDetailHeader } from './ui/WDetailHeader.vue';
 export { default as WInfoCard } from './ui/WInfoCard.vue';
 export { default as WKpiCard } from './ui/WKpiCard.vue';
 export { default as WKpiGrid } from './ui/WKpiGrid.vue';
+export { default as WSectionAccordion } from './ui/WSectionAccordion.vue';
 export { default as WSectionHeader } from './ui/WSectionHeader.vue';
+export { default as WSectionPanel } from './ui/WSectionPanel.vue';
 export { default as WFormSection } from './ui/WFormSection.vue';
 export { default as WActionBar } from './ui/WActionBar.vue';
 export { default as WProgressFlow } from './ui/WProgressFlow.vue';

package/dist/components/ui/WSectionAccordion.vue.d.ts

@@ -0,0 +1,36 @@
+/**
+ * As seções de um editor master-detail como painéis de um acordeão único: uma
+ * moldura só, sem blocos "flutuando". Diferente do WStepFlow, aqui não há ordem
+ * nem etapa ativa — cada seção abre e fecha por conta própria e várias ficam
+ * abertas ao mesmo tempo (o padrão é TODAS abertas; o usuário recolhe o que não
+ * interessa no momento).
+ *
+ * O `v-model` é a lista de `value` das seções abertas. Sem `v-model` o
+ * componente é dono do próprio estado, começando com tudo aberto.
+ */
+type __VLS_Props = {
+    /** `value` das seções abertas (`v-model`). Omitido = estado interno, tudo aberto. */
+    modelValue?: string[];
+    /** Trava o clique no cabeçalho de todas as seções. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (open: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((open: string[]) => any) | undefined;
+}>, {
+    modelValue: string[];
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/WSectionPanel.vue.d.ts

@@ -0,0 +1,40 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
+    /** Identificador da seção — é o que o `v-model` do acordeão carrega. */
+    value: string;
+    title: string;
+    /** Frase abaixo do título: o que a seção é e o que acontece com ela. */
+    description?: string;
+    /** Ícone PrimeIcons do tile à esquerda (ex.: `pi pi-list`). */
+    icon?: string;
+    /** Badge de contagem à direita (registros da seção). */
+    count?: number | string;
+    disabled?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /** Identificador da seção — é o que o `v-model` do acordeão carrega. */
+    value: string;
+    title: string;
+    /** Frase abaixo do título: o que a seção é e o que acontece com ela. */
+    description?: string;
+    /** Ícone PrimeIcons do tile à esquerda (ex.: `pi pi-list`). */
+    icon?: string;
+    /** Badge de contagem à direita (registros da seção). */
+    count?: number | string;
+    disabled?: boolean;
+}> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    icon?: (props: {}) => any;
+} & {
+    actions?: (props: {
+        open: boolean;
+    }) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};