@wgalleti/primevue-components 0.7.1 → 0.8.2

package/dist/components/crud/WCrudFormDialog.vue.d.ts

@@ -1,219 +1,6 @@
-import { FieldDef } from '../../types/field';
-type __VLS_Props = {
-    visible: boolean;
-    title: string;
-    fields: FieldDef[];
-    formData: Record<string, unknown>;
-    isEditing: boolean;
-    saving: boolean;
-    disabled?: boolean;
-    width?: string;
-    /** Nº de colunas do grid do form (repassado ao WFormRenderer; default 2). */
-    formColumns?: number;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Partial<Record<`field-${string}`, (_: {
-        field: FieldDef;
-        formData: Record<string, unknown>;
-        isEditing: boolean;
-        setFormField: (f: string, v: unknown) => void;
-    }) => any>> & Partial<Record<`image-${string}`, (_: {
-        field: FieldDef;
-        formData: Record<string, unknown>;
-    }) => any>> & {
-        footer?(_: {
-            saving: boolean;
-            disabled: boolean;
-        }): any;
-    };
-    refs: {
-        rendererRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly fields: FieldDef[];
-                readonly formData: Record<string, unknown>;
-                readonly isEditing: boolean;
-                readonly disabled?: boolean | undefined;
-                readonly columns?: number | undefined;
-                readonly "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "update:field", field: string, value: unknown) => void;
-            $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                fields: FieldDef[];
-                formData: Record<string, unknown>;
-                isEditing: boolean;
-                disabled?: boolean;
-                columns?: number;
-            }> & Readonly<{
-                "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-            }>, {
-                validateAll: () => string[];
-                clearErrors: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:field": (field: string, value: unknown) => any;
-            }, string, {
-                disabled: boolean;
-                columns: number;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            disabled: boolean;
-            columns: number;
-        }> & Omit<Readonly<{
-            fields: FieldDef[];
-            formData: Record<string, unknown>;
-            isEditing: boolean;
-            disabled?: boolean;
-            columns?: number;
-        }> & Readonly<{
-            "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-        }>, ("disabled" | "columns") | "validateAll" | "clearErrors"> & {
-            validateAll: () => string[];
-            clearErrors: () => void;
-        } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<`field-${string}`, (_: {
-                field: FieldDef;
-                formData: Record<string, unknown>;
-                isEditing: boolean;
-                setFormField: (f: string, v: unknown) => void;
-            }) => any>> & Partial<Record<`image-${string}`, (_: {
-                field: FieldDef;
-                formData: Record<string, unknown>;
-            }) => any>>;
-        }) | null;
-    };
-    rootEl: any;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:visible": (value: boolean) => any;
-    "update:field": (field: string, value: unknown) => any;
-    save: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
-    "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-    onSave?: (() => any) | undefined;
-}>, {
-    disabled: boolean;
-    width: string;
-    formColumns: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rendererRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly fields: FieldDef[];
-            readonly formData: Record<string, unknown>;
-            readonly isEditing: boolean;
-            readonly disabled?: boolean | undefined;
-            readonly columns?: number | undefined;
-            readonly "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: import('vue').Attrs;
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "update:field", field: string, value: unknown) => void;
-        $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            fields: FieldDef[];
-            formData: Record<string, unknown>;
-            isEditing: boolean;
-            disabled?: boolean;
-            columns?: number;
-        }> & Readonly<{
-            "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-        }>, {
-            validateAll: () => string[];
-            clearErrors: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:field": (field: string, value: unknown) => any;
-        }, string, {
-            disabled: boolean;
-            columns: number;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        disabled: boolean;
-        columns: number;
-    }> & Omit<Readonly<{
-        fields: FieldDef[];
-        formData: Record<string, unknown>;
-        isEditing: boolean;
-        disabled?: boolean;
-        columns?: number;
-    }> & Readonly<{
-        "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-    }>, ("disabled" | "columns") | "validateAll" | "clearErrors"> & {
-        validateAll: () => string[];
-        clearErrors: () => void;
-    } & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Partial<Record<`field-${string}`, (_: {
-            field: FieldDef;
-            formData: Record<string, unknown>;
-            isEditing: boolean;
-            setFormField: (f: string, v: unknown) => void;
-        }) => any>> & Partial<Record<`image-${string}`, (_: {
-            field: FieldDef;
-            formData: Record<string, unknown>;
-        }) => any>>;
-    }) | null;
-}, any>;
+declare const __VLS_component: any;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/crud/WCrudView.vue.d.ts

@@ -26,6 +26,9 @@ type __VLS_Props = {
     csvFilename?: string;
     csvScope?: 'all' | 'page';
     csvPageSize?: number;
+    /** Chave de persistência do estado de coluna (visibilidade) em localStorage.
+     *  Opt-in: quando definida, exibe o seletor de colunas e persiste o que foi ocultado. */
+    persistState?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -35,12 +38,7 @@ declare function __VLS_template(): {
     }) => any>> & Partial<Record<`column-${string}`, (_: {
         data: any;
         value: any;
-    }) => any>> & Partial<Record<`field-${string}`, (_: {
-        field: import('../..').FieldDef;
-        formData: Record<string, unknown>;
-        isEditing: boolean;
-        setFormField: (f: string, v: unknown) => void;
-    }) => any>> & {
+    }) => any>> & Partial<Record<`field-${string}`, (_: any) => any>> & {
         'header-actions'?(_: {}): any;
         'before-table'?(_: {}): any;
         'bulk-actions'?(_: {
@@ -76,6 +74,11 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
+        chooser: ({
+            $props: import('primevue/popover').PopoverProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $slots: import('primevue/popover').PopoverSlots;
+            $emit: ((e: "show") => void) & ((e: "hide") => void);
+        } & import('primevue/popover').PopoverMethods) | null;
         cm: ({
             $props: import('primevue/contextmenu').ContextMenuProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $slots: import('primevue/contextmenu').ContextMenuSlots;
@@ -95,9 +98,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onPrint?: ((data: Record<string, unknown>) => any) | undefined;
 }>, {
     dialogWidth: string;
-    contextMenu: boolean;
-    showHeader: boolean;
     showSearch: boolean;
+    showHeader: boolean;
     autoInit: boolean;
     showKpi: boolean;
     kpiIcon: string;
@@ -108,12 +110,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     defaultView: "table" | "cards";
     cardFields: number;
     actionRail: boolean;
+    contextMenu: boolean;
     showPrint: boolean;
     exportCsv: boolean;
     csvFilename: string;
     csvScope: "all" | "page";
     csvPageSize: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chooser: ({
+        $props: import('primevue/popover').PopoverProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $slots: import('primevue/popover').PopoverSlots;
+        $emit: ((e: "show") => void) & ((e: "hide") => void);
+    } & import('primevue/popover').PopoverMethods) | null;
     cm: ({
         $props: import('primevue/contextmenu').ContextMenuProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $slots: import('primevue/contextmenu').ContextMenuSlots;

package/dist/components/form/WAutoCompleteFK.vue.d.ts

@@ -51,5 +51,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     canEdit: boolean;
     canDelete: boolean;
     dialogWidth: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 export default _default;

package/dist/components/form/WDatePicker.vue.d.ts

@@ -0,0 +1,44 @@
+import { DateValueFormat } from '../../composables/useDateInput';
+/**
+ * Campo de data pt-BR padronizado.
+ * - Exibe `DD/MM/YYYY` (ou `DD/MM/YYYY HH:mm` com `showTime`) e salva `YYYY-MM-DD`.
+ * - Digitação direta com máscara: `30051988` vira `30/05/1988`.
+ * - Ícone de calendário abre o seletor (Hoje / Limpar).
+ * - `F2` preenche a data de hoje.
+ * - `autonow`: no mount, se o valor for `null`, preenche hoje; senão mantém.
+ */
+type __VLS_Props = {
+    modelValue?: string | Date | null;
+    /** Formato do valor emitido: `'iso'` (YYYY-MM-DD, default) ou `'date'` (Date). */
+    valueFormat?: DateValueFormat;
+    showTime?: boolean;
+    /** No mount: se o valor for `null`, preenche a data de hoje. */
+    autonow?: boolean;
+    minDate?: string | Date;
+    maxDate?: string | Date;
+    disabled?: boolean;
+    showClear?: boolean;
+    placeholder?: string;
+    invalid?: boolean;
+    inputId?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+}>, {
+    modelValue: string | Date | null;
+    disabled: boolean;
+    showClear: boolean;
+    valueFormat: DateValueFormat;
+    showTime: boolean;
+    autonow: boolean;
+    invalid: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    op: ({
+        $props: import('primevue/popover').PopoverProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $slots: import('primevue/popover').PopoverSlots;
+        $emit: ((e: "show") => void) & ((e: "hide") => void);
+    } & import('primevue/popover').PopoverMethods) | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/form/WDateRange.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Seletor de intervalo de datas (período). Wrapper fino do DatePicker em modo
+ * range com padrões pt-BR. O `v-model` guarda `[início, fim]` como `Date[]`.
+ */
+type __VLS_Props = {
+    modelValue?: Date[] | null;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    showButtonBar?: boolean;
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Date[] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date[] | null) => any) | undefined;
+}>, {
+    modelValue: Date[] | null;
+    placeholder: string;
+    disabled: boolean;
+    showButtonBar: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/WFileUpload.vue.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Upload de arquivo(s) genérico (single ou multiple), sem dependência pesada.
+ * O `v-model` guarda `File` (single) ou `File[]` (multiple). Valida tamanho por
+ * arquivo e emite `error` para os que excederem.
+ */
+type __VLS_Props = {
+    modelValue?: File | File[] | null;
+    multiple?: boolean;
+    accept?: string;
+    /** Tamanho máximo por arquivo em bytes (default 10MB). */
+    maxSize?: number;
+    disabled?: boolean;
+    chooseLabel?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+    };
+    refs: {
+        input: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (message: string) => any;
+    "update:modelValue": (value: File | File[] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((message: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: File | File[] | null) => any) | undefined;
+}>, {
+    modelValue: File | File[] | null;
+    disabled: boolean;
+    accept: string;
+    maxSize: number;
+    multiple: boolean;
+    chooseLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: HTMLInputElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/WFormRenderer.vue.d.ts

@@ -1,41 +1,6 @@
-import { FieldDef } from '../../types/field';
-type __VLS_Props = {
-    fields: FieldDef[];
-    formData: Record<string, unknown>;
-    isEditing: boolean;
-    disabled?: boolean;
-    /** Nº de colunas do grid (default 2). Campos ocupam frações via `colSpan`;
-     *  grupos podem sobrepor via `fieldGroup.columns`. */
-    columns?: number;
-};
-declare function validateAll(): string[];
-declare function clearErrors(): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Partial<Record<`field-${string}`, (_: {
-        field: FieldDef;
-        formData: Record<string, unknown>;
-        isEditing: boolean;
-        setFormField: (f: string, v: unknown) => void;
-    }) => any>> & Partial<Record<`image-${string}`, (_: {
-        field: FieldDef;
-        formData: Record<string, unknown>;
-    }) => any>>;
-    refs: {};
-    rootEl: HTMLDivElement;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    validateAll: typeof validateAll;
-    clearErrors: typeof clearErrors;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:field": (field: string, value: unknown) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:field"?: ((field: string, value: unknown) => any) | undefined;
-}>, {
-    disabled: boolean;
-    columns: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: any;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/index.d.ts

@@ -4,6 +4,9 @@ export { default as WCrudColumnRenderer } from './crud/WCrudColumnRenderer.vue';
 export { default as WAutoCompleteFK } from './form/WAutoCompleteFK.vue';
 export { default as WFormRenderer } from './form/WFormRenderer.vue';
 export { default as WImageCropper } from './form/WImageCropper.vue';
+export { default as WDatePicker } from './form/WDatePicker.vue';
+export { default as WDateRange } from './form/WDateRange.vue';
+export { default as WFileUpload } from './form/WFileUpload.vue';
 export { default as WMoneyInput } from './form/WMoneyInput.vue';
 export { default as WTransferList } from './form/WTransferList.vue';
 export { default as WStatusTag } from './ui/WStatusTag.vue';

package/dist/components.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./WProgressFlow.vue_vue_type_script_setup_true_lang-B70Uk-1x.cjs");exports.WActionBar=_._sfc_main;exports.WAutoCompleteFK=_._sfc_main$1;exports.WCrudColumnRenderer=_._sfc_main$2;exports.WCrudFormDialog=_._sfc_main$3;exports.WCrudView=_._sfc_main$4;exports.WDetailHeader=_._sfc_main$5;exports.WEmptyState=_._sfc_main$6;exports.WFormRenderer=_._sfc_main$7;exports.WFormSection=_._sfc_main$8;exports.WImageCropper=_.WImageCropper;exports.WInfoCard=_._sfc_main$9;exports.WKpiCard=_._sfc_main$10;exports.WKpiGrid=_._sfc_main$11;exports.WMoneyInput=_._sfc_main$12;exports.WPageHeader=_._sfc_main$13;exports.WProgressFlow=_._sfc_main$14;exports.WSectionHeader=_._sfc_main$15;exports.WStatusTag=_._sfc_main$16;exports.WTransferList=_._sfc_main$17;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./WProgressFlow.vue_vue_type_script_setup_true_lang-C9YG4BXB.cjs"),e=require("vue"),m=require("primevue/button"),g={class:"w-fileupload",style:{display:"flex","flex-direction":"column",gap:"0.5rem"}},W=["accept","multiple"],v={key:0,style:{"list-style":"none",margin:"0",padding:"0",display:"flex","flex-direction":"column",gap:"0.35rem"}},k={style:{flex:"1",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}},B={style:{opacity:"0.6"}},x=e.defineComponent({__name:"WFileUpload",props:{modelValue:{default:null},multiple:{type:Boolean,default:!1},accept:{default:void 0},maxSize:{default:10485760},disabled:{type:Boolean,default:!1},chooseLabel:{default:"Selecionar arquivo"}},emits:["update:modelValue","error"],setup(a,{emit:p}){const o=a,s=p,d=e.ref(null),c=e.computed(()=>{const l=o.modelValue;return l?Array.isArray(l)?l:[l]:[]});function f(){var l;(l=d.value)==null||l.click()}function _(l){const n=l.target,r=Array.from(n.files||[]);n.value="";const i=[];for(const u of r){if(u.size>o.maxSize){s("error",`"${u.name}" acima do limite de ${(o.maxSize/1048576).toFixed(1)}MB.`);continue}i.push(u)}i.length&&s("update:modelValue",o.multiple?[...c.value,...i]:i[0])}function y(l){if(!o.multiple){s("update:modelValue",null);return}const n=c.value.slice();n.splice(l,1),s("update:modelValue",n.length?n:null)}function $(l){return l<1024?`${l} B`:l<1048576?`${(l/1024).toFixed(0)} KB`:`${(l/1048576).toFixed(1)} MB`}return(l,n)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",null,[e.createVNode(e.unref(m),{type:"button",label:a.chooseLabel,icon:"pi pi-upload",outlined:"",size:"small",disabled:a.disabled,onClick:f},null,8,["label","disabled"])]),e.createElementVNode("input",{ref_key:"input",ref:d,type:"file",accept:a.accept,multiple:a.multiple,style:{display:"none"},onChange:_},null,40,W),c.value.length?(e.openBlock(),e.createElementBlock("ul",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(r,i)=>(e.openBlock(),e.createElementBlock("li",{key:`${r.name}-${i}`,style:{display:"flex","align-items":"center",gap:"0.5rem","font-size":"0.85rem"}},[n[0]||(n[0]=e.createElementVNode("i",{class:"pi pi-file",style:{opacity:"0.6"}},null,-1)),e.createElementVNode("span",k,e.toDisplayString(r.name),1),e.createElementVNode("span",B,e.toDisplayString($(r.size)),1),e.createVNode(e.unref(m),{type:"button",icon:"pi pi-times",text:"",rounded:"",size:"small",severity:"danger",disabled:a.disabled,onClick:u=>y(i)},null,8,["disabled","onClick"])]))),128))])):e.renderSlot(l.$slots,"empty",{},()=>[n[1]||(n[1]=e.createElementVNode("span",{style:{"font-size":"0.8rem",opacity:"0.6"}},"Nenhum arquivo selecionado",-1))],void 0,1)]))}});exports.WActionBar=t._sfc_main;exports.WAutoCompleteFK=t._sfc_main$1;exports.WCrudColumnRenderer=t._sfc_main$2;exports.WCrudFormDialog=t._sfc_main$3;exports.WCrudView=t._sfc_main$4;exports.WDatePicker=t._sfc_main$5;exports.WDateRange=t._sfc_main$6;exports.WDetailHeader=t._sfc_main$7;exports.WEmptyState=t._sfc_main$8;exports.WFormRenderer=t._sfc_main$9;exports.WFormSection=t._sfc_main$10;exports.WImageCropper=t.WImageCropper;exports.WInfoCard=t._sfc_main$11;exports.WKpiCard=t._sfc_main$12;exports.WKpiGrid=t._sfc_main$13;exports.WMoneyInput=t._sfc_main$14;exports.WPageHeader=t._sfc_main$15;exports.WProgressFlow=t._sfc_main$16;exports.WSectionHeader=t._sfc_main$17;exports.WStatusTag=t._sfc_main$18;exports.WTransferList=t._sfc_main$19;exports.WFileUpload=x;
 //# sourceMappingURL=components.cjs.map

package/dist/components.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"components.cjs","sources":["../src/components/form/WFileUpload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\nimport Button from 'primevue/button'\n\n/**\n * Upload de arquivo(s) genérico (single ou multiple), sem dependência pesada.\n * O `v-model` guarda `File` (single) ou `File[]` (multiple). Valida tamanho por\n * arquivo e emite `error` para os que excederem.\n */\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: File | File[] | null\n    multiple?: boolean\n    accept?: string\n    /** Tamanho máximo por arquivo em bytes (default 10MB). */\n    maxSize?: number\n    disabled?: boolean\n    chooseLabel?: string\n  }>(),\n  {\n    modelValue: null,\n    multiple: false,\n    accept: undefined,\n    maxSize: 10_485_760,\n    disabled: false,\n    chooseLabel: 'Selecionar arquivo',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: File | File[] | null]\n  error: [message: string]\n}>()\n\nconst input = ref<HTMLInputElement | null>(null)\nconst files = computed<File[]>(() => {\n  const v = props.modelValue\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n})\n\nfunction open() {\n  input.value?.click()\n}\n\nfunction onChange(e: Event) {\n  const el = e.target as HTMLInputElement\n  const picked = Array.from(el.files || [])\n  el.value = ''\n  const valid: File[] = []\n  for (const f of picked) {\n    if (f.size > props.maxSize) {\n      emit('error', `\"${f.name}\" acima do limite de ${(props.maxSize / 1_048_576).toFixed(1)}MB.`)\n      continue\n    }\n    valid.push(f)\n  }\n  if (!valid.length) return\n  emit('update:modelValue', props.multiple ? [...files.value, ...valid] : valid[0])\n}\n\nfunction removeAt(i: number) {\n  if (!props.multiple) {\n    emit('update:modelValue', null)\n    return\n  }\n  const next = files.value.slice()\n  next.splice(i, 1)\n  emit('update:modelValue', next.length ? next : null)\n}\n\nfunction fmtSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`\n  if (bytes < 1_048_576) return `${(bytes / 1024).toFixed(0)} KB`\n  return `${(bytes / 1_048_576).toFixed(1)} MB`\n}\n</script>\n\n<template>\n  <div class=\"w-fileupload\" style=\"display: flex; flex-direction: column; gap: 0.5rem\">\n    <div>\n      <Button\n        type=\"button\"\n        :label=\"chooseLabel\"\n        icon=\"pi pi-upload\"\n        outlined\n        size=\"small\"\n        :disabled=\"disabled\"\n        @click=\"open\"\n      />\n    </div>\n    <input\n      ref=\"input\"\n      type=\"file\"\n      :accept=\"accept\"\n      :multiple=\"multiple\"\n      style=\"display: none\"\n      @change=\"onChange\"\n    />\n    <ul\n      v-if=\"files.length\"\n      style=\"\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: 0.35rem;\n      \"\n    >\n      <li\n        v-for=\"(f, i) in files\"\n        :key=\"`${f.name}-${i}`\"\n        style=\"display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem\"\n      >\n        <i class=\"pi pi-file\" style=\"opacity: 0.6\" />\n        <span style=\"flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap\">\n          {{ f.name }}\n        </span>\n        <span style=\"opacity: 0.6\">{{ fmtSize(f.size) }}</span>\n        <Button\n          type=\"button\"\n          icon=\"pi pi-times\"\n          text\n          rounded\n          size=\"small\"\n          severity=\"danger\"\n          :disabled=\"disabled\"\n          @click=\"removeAt(i)\"\n        />\n      </li>\n    </ul>\n    <slot v-else name=\"empty\">\n      <span style=\"font-size: 0.8rem; opacity: 0.6\">Nenhum arquivo selecionado</span>\n    </slot>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","input","ref","files","computed","v","open","_a","onChange","e","el","picked","valid","f","removeAt","i","next","fmtSize","bytes","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_createVNode","_unref","Button","_hoisted_3","_Fragment","_renderList","_hoisted_4","_toDisplayString","_hoisted_5","$event","_renderSlot","_ctx","_cache"],"mappings":"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"}

package/dist/components.js

@@ -1,23 +1,127 @@
-import { _ as r, a as s, b as W, c as o, d as t, e as d, f as i, g as n, h as m, W as p, i as C, j as u, k as g, l, m as F, n as c, o as f, p as S, q as H } from "./WProgressFlow.vue_vue_type_script_setup_true_lang-BVlG1in1.js";
+import { _ as I, a as M, b as N, c as P, d as R, e as _, f as T, g as U, h as j, i as G, j as J, W as O, k as Q, l as X, m as Y, n as Z, o as ee, p as le, q as te, r as ae, s as ie } from "./WProgressFlow.vue_vue_type_script_setup_true_lang-CoGaRckJ.js";
+import { defineComponent as k, ref as F, computed as S, openBlock as u, createElementBlock as p, createElementVNode as i, createVNode as m, unref as f, Fragment as b, renderList as z, toDisplayString as y, renderSlot as B } from "vue";
+import W from "primevue/button";
+const V = {
+  class: "w-fileupload",
+  style: { display: "flex", "flex-direction": "column", gap: "0.5rem" }
+}, $ = ["accept", "multiple"], w = {
+  key: 0,
+  style: { "list-style": "none", margin: "0", padding: "0", display: "flex", "flex-direction": "column", gap: "0.35rem" }
+}, A = { style: { flex: "1", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" } }, D = { style: { opacity: "0.6" } }, q = /* @__PURE__ */ k({
+  __name: "WFileUpload",
+  props: {
+    modelValue: { default: null },
+    multiple: { type: Boolean, default: !1 },
+    accept: { default: void 0 },
+    maxSize: { default: 10485760 },
+    disabled: { type: Boolean, default: !1 },
+    chooseLabel: { default: "Selecionar arquivo" }
+  },
+  emits: ["update:modelValue", "error"],
+  setup(a, { emit: g }) {
+    const n = a, s = g, c = F(null), r = S(() => {
+      const e = n.modelValue;
+      return e ? Array.isArray(e) ? e : [e] : [];
+    });
+    function v() {
+      var e;
+      (e = c.value) == null || e.click();
+    }
+    function x(e) {
+      const l = e.target, o = Array.from(l.files || []);
+      l.value = "";
+      const t = [];
+      for (const d of o) {
+        if (d.size > n.maxSize) {
+          s("error", `"${d.name}" acima do limite de ${(n.maxSize / 1048576).toFixed(1)}MB.`);
+          continue;
+        }
+        t.push(d);
+      }
+      t.length && s("update:modelValue", n.multiple ? [...r.value, ...t] : t[0]);
+    }
+    function h(e) {
+      if (!n.multiple) {
+        s("update:modelValue", null);
+        return;
+      }
+      const l = r.value.slice();
+      l.splice(e, 1), s("update:modelValue", l.length ? l : null);
+    }
+    function C(e) {
+      return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(0)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+    }
+    return (e, l) => (u(), p("div", V, [
+      i("div", null, [
+        m(f(W), {
+          type: "button",
+          label: a.chooseLabel,
+          icon: "pi pi-upload",
+          outlined: "",
+          size: "small",
+          disabled: a.disabled,
+          onClick: v
+        }, null, 8, ["label", "disabled"])
+      ]),
+      i("input", {
+        ref_key: "input",
+        ref: c,
+        type: "file",
+        accept: a.accept,
+        multiple: a.multiple,
+        style: { display: "none" },
+        onChange: x
+      }, null, 40, $),
+      r.value.length ? (u(), p("ul", w, [
+        (u(!0), p(b, null, z(r.value, (o, t) => (u(), p("li", {
+          key: `${o.name}-${t}`,
+          style: { display: "flex", "align-items": "center", gap: "0.5rem", "font-size": "0.85rem" }
+        }, [
+          l[0] || (l[0] = i("i", {
+            class: "pi pi-file",
+            style: { opacity: "0.6" }
+          }, null, -1)),
+          i("span", A, y(o.name), 1),
+          i("span", D, y(C(o.size)), 1),
+          m(f(W), {
+            type: "button",
+            icon: "pi pi-times",
+            text: "",
+            rounded: "",
+            size: "small",
+            severity: "danger",
+            disabled: a.disabled,
+            onClick: (d) => h(t)
+          }, null, 8, ["disabled", "onClick"])
+        ]))), 128))
+      ])) : B(e.$slots, "empty", {}, () => [
+        l[1] || (l[1] = i("span", { style: { "font-size": "0.8rem", opacity: "0.6" } }, "Nenhum arquivo selecionado", -1))
+      ], void 0, 1)
+    ]));
+  }
+});
 export {
-  r as WActionBar,
-  s as WAutoCompleteFK,
-  W as WCrudColumnRenderer,
-  o as WCrudFormDialog,
-  t as WCrudView,
-  d as WDetailHeader,
-  i as WEmptyState,
-  n as WFormRenderer,
-  m as WFormSection,
-  p as WImageCropper,
-  C as WInfoCard,
-  u as WKpiCard,
-  g as WKpiGrid,
-  l as WMoneyInput,
-  F as WPageHeader,
-  c as WProgressFlow,
-  f as WSectionHeader,
-  S as WStatusTag,
-  H as WTransferList
+  I as WActionBar,
+  M as WAutoCompleteFK,
+  N as WCrudColumnRenderer,
+  P as WCrudFormDialog,
+  R as WCrudView,
+  _ as WDatePicker,
+  T as WDateRange,
+  U as WDetailHeader,
+  j as WEmptyState,
+  q as WFileUpload,
+  G as WFormRenderer,
+  J as WFormSection,
+  O as WImageCropper,
+  Q as WInfoCard,
+  X as WKpiCard,
+  Y as WKpiGrid,
+  Z as WMoneyInput,
+  ee as WPageHeader,
+  le as WProgressFlow,
+  te as WSectionHeader,
+  ae as WStatusTag,
+  ie as WTransferList
 };
 //# sourceMappingURL=components.js.map