@wgalleti/primevue-components 1.1.3 → 1.3.0

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

@@ -15,6 +15,9 @@ type __VLS_Props = {
     /** Nº de colunas do grid do form dialog (default: `formColumns` da config
      *  do useCrudManager, senão 2). */
     formColumns?: number;
+    /** Largura da coluna do slot `#aside` do form dialog (track do grid: `'24rem'`,
+     *  `'2fr'`…). Default: metade do dialog. Só vale com o slot preenchido. */
+    asideWidth?: string;
     autoInit?: boolean;
     showKpi?: boolean;
     kpiIcon?: string;
@@ -85,7 +88,16 @@ declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {
     isEditing: boolean;
     fieldId: string;
     setFormField: (f: string, v: unknown) => void;
+}, __VLS_390: `image-${string}`, __VLS_391: {
+    field: FieldDef;
+    formData: Record<string, unknown>;
 }, __VLS_394: {
+    formData: Record<string, unknown>;
+    isEditing: boolean;
+}, __VLS_397: {
+    formData: Record<string, unknown>;
+    isEditing: boolean;
+}, __VLS_405: {
     item: Record<string, unknown> | null;
 };
 type __VLS_Slots = {} & {
@@ -94,6 +106,8 @@ type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_310>]?: (props: typeof __VLS_311) => any;
 } & {
     [K in NonNullable<typeof __VLS_385>]?: (props: typeof __VLS_386) => any;
+} & {
+    [K in NonNullable<typeof __VLS_390>]?: (props: typeof __VLS_391) => any;
 } & {
     'header-actions'?: (props: typeof __VLS_1) => any;
 } & {
@@ -129,7 +143,11 @@ type __VLS_Slots = {} & {
 } & {
     'form-dialog'?: (props: typeof __VLS_371) => any;
 } & {
-    'delete-message'?: (props: typeof __VLS_394) => any;
+    'after-fields'?: (props: typeof __VLS_394) => any;
+} & {
+    aside?: (props: typeof __VLS_397) => any;
+} & {
+    'delete-message'?: (props: typeof __VLS_405) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     scrollToRow: typeof scrollToRow;

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

@@ -1,4 +1,4 @@
-import { StepFlowOrientation } from '../../utils/stepFlow';
+import { StepFlowLabels, StepFlowOrientation } from '../../utils/stepFlow';
 /**
  * Etapas numeradas e colapsáveis (a espinha do editor de documento).
  * Diferente do WProgressFlow, que só ILUSTRA o progresso: aqui cada etapa é um
@@ -17,6 +17,13 @@ type __VLS_Props = {
      * para o empilhamento vertical (a régua não cabe).
      */
     orientation?: StepFlowOrientation;
+    /**
+     * Títulos da régua horizontal: `all` mostra todos lado a lado; `active` só o
+     * da etapa aberta — as outras ficam no número, com o título no tooltip e
+     * para o leitor de tela. Use `active` quando a régua é longa e os títulos
+     * sairiam cortados. Empilhado (abaixo de 840px) e na vertical, todos aparecem.
+     */
+    labels?: StepFlowLabels;
     /** Trava o clique no cabeçalho de todas as etapas. */
     disabled?: boolean;
 };
@@ -32,6 +39,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     modelValue: number;
     disabled: boolean;
     orientation: StepFlowOrientation;
+    labels: StepFlowLabels;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/{components-BVJTg_MO.js → components-BHHLGp-P.js}

@@ -47,19 +47,19 @@ var Ue = {
 	key: 0,
 	class: "w-cell-neutral"
 }, Ke = {
-	key: 3,
+	key: 4,
 	class: "w-cell-date"
 }, qe = {
-	key: 4,
+	key: 5,
 	class: "w-cell-date"
 }, Je = {
-	key: 5,
+	key: 6,
 	class: "w-cell-number"
 }, $ = {
-	key: 6,
+	key: 7,
 	class: "w-cell-number"
 }, Ye = {
-	key: 7,
+	key: 8,
 	class: "w-cell-text"
 }, Xe = /* @__PURE__ */ x({
 	__name: "WCrudColumnRenderer",
@@ -73,24 +73,42 @@ var Ue = {
 		function o(e, t, n) {
 			return e.tagValue ? e.tagValue(t, n) : t ? e.trueLabel ?? "Ativo" : e.falseLabel ?? "Inativo";
 		}
-		function s(e, t, n) {
+		function s(e) {
+			return !!(e.tagValue || e.tagSeverity);
+		}
+		function c(e, t, n) {
+			return e.tagValue ? e.tagValue(t, n) : e.format ? e.format(t, n) : String(t);
+		}
+		function l(e, t, n) {
+			return e.tagSeverity?.(t, n) ?? "secondary";
+		}
+		function u(e, t, n) {
 			return e.tagSeverity ? e.tagSeverity(t, n) : t ? e.trueSeverity === void 0 ? "success" : e.trueSeverity : e.falseSeverity === void 0 ? "danger" : e.falseSeverity;
 		}
-		return (n, c) => e.value == null ? (M(), h("span", Ue, "—")) : e.column.type === "image" ? (M(), h("img", {
+		return (n, f) => e.value == null ? (M(), h("span", Ue, "—")) : e.column.type === "image" ? (M(), h("img", {
 			key: 1,
 			src: String(e.value),
 			alt: e.column.header,
 			class: "w-cell-image"
-		}, null, 8, We)) : e.column.type === "boolean" ? (M(), h(d, { key: 2 }, [s(e.column, e.value, e.rowData) === null ? (M(), h("span", Ge, L(o(e.column, e.value, e.rowData)), 1)) : (M(), p(R(X), {
+		}, null, 8, We)) : e.column.type === "boolean" ? (M(), h(d, { key: 2 }, [u(e.column, e.value, e.rowData) === null ? (M(), h("span", Ge, L(o(e.column, e.value, e.rowData)), 1)) : (M(), p(R(X), {
 			key: 1,
 			value: o(e.column, e.value, e.rowData),
-			severity: s(e.column, e.value, e.rowData),
-			class: k(["w-tag", `w-tag--${s(e.column, e.value, e.rowData)}`])
+			severity: u(e.column, e.value, e.rowData),
+			class: k(["w-tag", `w-tag--${u(e.column, e.value, e.rowData)}`])
+		}, null, 8, [
+			"value",
+			"severity",
+			"class"
+		]))], 64)) : s(e.column) ? (M(), p(R(X), {
+			key: 3,
+			value: c(e.column, e.value, e.rowData),
+			severity: l(e.column, e.value, e.rowData),
+			class: k(["w-tag", `w-tag--${l(e.column, e.value, e.rowData)}`])
 		}, null, 8, [
 			"value",
 			"severity",
 			"class"
-		]))], 64)) : e.column.type === "date" ? (M(), h("span", Ke, L(R(t)(e.value)), 1)) : e.column.type === "datetime" ? (M(), h("span", qe, L(R(r)(e.value)), 1)) : e.column.type === "currency" ? (M(), h("span", Je, L(R(i)(e.value)), 1)) : e.column.type === "number" ? (M(), h("span", $, L(e.column.format ? e.column.format(e.value, e.rowData) : R(a)(e.value, e.column.decimals ?? 0)), 1)) : (M(), h("span", Ye, L(e.column.format ? e.column.format(e.value, e.rowData) : e.value), 1));
+		])) : e.column.type === "date" ? (M(), h("span", Ke, L(e.column.format ? e.column.format(e.value, e.rowData) : R(t)(e.value)), 1)) : e.column.type === "datetime" ? (M(), h("span", qe, L(e.column.format ? e.column.format(e.value, e.rowData) : R(r)(e.value)), 1)) : e.column.type === "currency" ? (M(), h("span", Je, L(e.column.format ? e.column.format(e.value, e.rowData) : R(i)(e.value)), 1)) : e.column.type === "number" ? (M(), h("span", $, L(e.column.format ? e.column.format(e.value, e.rowData) : R(a)(e.value, e.column.decimals ?? 0)), 1)) : (M(), h("span", Ye, L(e.column.format ? e.column.format(e.value, e.rowData) : e.value), 1));
 	}
 }), Ze = Object.defineProperty, Qe = (e, t, n) => t in e ? Ze(e, t, {
 	enumerable: !0,
@@ -2238,6 +2256,7 @@ var pn = { class: "w-crud-form" }, mn = {
 				max: i.max,
 				"min-fraction-digits": i.minFractionDigits,
 				"max-fraction-digits": i.maxFractionDigits,
+				"use-grouping": i.useGrouping !== !1,
 				suffix: i.suffix,
 				prefix: i.prefix,
 				placeholder: i.placeholder,
@@ -2252,6 +2271,7 @@ var pn = { class: "w-crud-form" }, mn = {
 				"max",
 				"min-fraction-digits",
 				"max-fraction-digits",
+				"use-grouping",
 				"suffix",
 				"prefix",
 				"placeholder",
@@ -2838,6 +2858,7 @@ var Zn = { class: "w-crud" }, Qn = {
 		},
 		dialogWidth: { default: "480px" },
 		formColumns: {},
+		asideWidth: {},
 		autoInit: {
 			type: Boolean,
 			default: !0
@@ -3802,15 +3823,32 @@ var Zn = { class: "w-crud" }, Qn = {
 					width: t.dialogWidth,
 					"form-columns": t.formColumns ?? t.crud.config.formColumns,
 					"keyboard-nav": t.crud.config.keyboardNav,
+					"aside-width": t.asideWidth,
 					"onUpdate:visible": n[18] ||= (e) => {
 						t.crud.dialogVisible.value = e, e || (t.crud.editingItem.value = null);
 					},
 					"onUpdate:field": n[19] ||= (e, n) => t.crud.setFormField(e, n),
 					onSave: n[20] ||= (e) => t.crud.save()
-				}, _({ _: 2 }, [F(t.crud.config.form, (t) => ({
-					name: `field-${t.field}`,
-					fn: V((n) => [I(e.$slots, `field-${t.field}`, A(S(n)))])
-				}))]), 1032, [
+				}, _({ _: 2 }, [
+					F(t.crud.config.form, (t) => ({
+						name: `field-${t.field}`,
+						fn: V((n) => [I(e.$slots, `field-${t.field}`, A(S(n)))])
+					})),
+					F(t.crud.config.form.filter((e) => e.type === "image"), (t) => ({
+						name: `image-${t.field}`,
+						fn: V((n) => [I(e.$slots, `image-${t.field}`, A(S(n)))])
+					})),
+					e.$slots["after-fields"] ? {
+						name: "after-fields",
+						fn: V((t) => [I(e.$slots, "after-fields", A(S(t)))]),
+						key: "0"
+					} : void 0,
+					e.$slots.aside ? {
+						name: "aside",
+						fn: V((t) => [I(e.$slots, "aside", A(S(t)))]),
+						key: "1"
+					} : void 0
+				]), 1032, [
 					"visible",
 					"title",
 					"fields",
@@ -3820,7 +3858,8 @@ var Zn = { class: "w-crud" }, Qn = {
 					"disabled",
 					"width",
 					"form-columns",
-					"keyboard-nav"
+					"keyboard-nav",
+					"aside-width"
 				])]),
 				e.$slots["delete-message"] ? (M(), p(R(ye), {
 					key: 2,
@@ -5484,6 +5523,7 @@ var ea = {
 	props: {
 		modelValue: { default: 0 },
 		orientation: { default: "vertical" },
+		labels: { default: "all" },
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -5491,18 +5531,19 @@ var ea = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = f(() => n.modelValue), a = f(() => n.disabled), o = f(() => n.orientation);
-		function s(e) {
+		let n = e, r = t, i = f(() => n.modelValue), a = f(() => n.disabled), o = f(() => n.orientation), s = f(() => n.labels);
+		function c(e) {
 			n.disabled || r("update:modelValue", n.modelValue === e ? 0 : e);
 		}
 		N(ko, {
 			active: i,
-			toggle: s,
+			toggle: c,
 			disabled: a,
-			orientation: o
+			orientation: o,
+			labels: s
 		});
-		let c = P(null);
-		function l(e) {
+		let l = P(null);
+		function u(e) {
 			if (n.orientation !== "horizontal") return;
 			let t = {
 				ArrowRight: 1,
@@ -5511,16 +5552,16 @@ var ea = {
 				End: 0
 			}[e.key];
 			if (t === void 0) return;
-			let r = Array.from(c.value?.querySelectorAll(".w-step-section__head .w-step-section__trigger:not(:disabled)") ?? []), i = r.indexOf(document.activeElement);
+			let r = Array.from(l.value?.querySelectorAll(".w-step-section__head .w-step-section__trigger:not(:disabled)") ?? []), i = r.indexOf(document.activeElement);
 			if (i < 0 || r.length === 0) return;
 			let a = e.key === "Home" ? 0 : e.key === "End" ? r.length - 1 : (i + t + r.length) % r.length;
 			e.preventDefault(), r[a].focus();
 		}
 		return (e, t) => (M(), h("div", {
 			ref_key: "root",
-			ref: c,
-			class: k(["w-step-flow", `w-step-flow--${o.value}`]),
-			onKeydown: l
+			ref: l,
+			class: k(["w-step-flow", [`w-step-flow--${o.value}`, { "w-step-flow--labels-active": s.value === "active" }]]),
+			onKeydown: u
 		}, [I(e.$slots, "default")], 34));
 	}
 }), jo = { class: "w-step-section__rail" }, Mo = {
@@ -5545,7 +5586,8 @@ var ea = {
 }, Uo = { class: "w-step-section__head" }, Wo = [
 	"aria-expanded",
 	"aria-current",
-	"disabled"
+	"disabled",
+	"title"
 ], Go = {
 	key: 0,
 	class: "pi pi-check"
@@ -5577,8 +5619,8 @@ var ea = {
 		}
 	},
 	setup(e) {
-		let t = e, n = w(ko, null), r = P(!0), i = f(() => n ? n.active.value === t.step : r.value), a = f(() => t.disabled || (n?.disabled.value ?? !1)), o = f(() => n?.orientation.value === "horizontal"), s = f(() => n !== null), c = f(() => o.value && n != null && t.step < n.active.value);
-		function l() {
+		let t = e, n = w(ko, null), r = P(!0), i = f(() => n ? n.active.value === t.step : r.value), a = f(() => t.disabled || (n?.disabled.value ?? !1)), o = f(() => n?.orientation.value === "horizontal"), s = f(() => n !== null), c = f(() => o.value && n != null && t.step < n.active.value), l = f(() => o.value && n?.labels?.value === "active" && !i.value ? t.title : void 0);
+		function u() {
 			a.value || (n ? n.toggle(t.step) : r.value = !r.value);
 		}
 		return (t, n) => o.value ? (M(), h("div", {
@@ -5598,7 +5640,8 @@ var ea = {
 				"aria-expanded": i.value,
 				"aria-current": i.value ? "step" : void 0,
 				disabled: a.value,
-				onClick: l
+				title: l.value,
+				onClick: u
 			}, [
 				g("span", {
 					class: k(["w-step-section__badge", {
@@ -5624,7 +5667,7 @@ var ea = {
 			"aria-expanded": i.value,
 			"aria-current": i.value ? "step" : void 0,
 			disabled: a.value,
-			onClick: l
+			onClick: u
 		}, [
 			g("i", { class: k(["w-step-section__chevron", i.value ? "pi pi-chevron-down" : "pi pi-chevron-right"]) }, null, 2),
 			g("h2", Lo, L(e.title), 1),
@@ -7586,4 +7629,4 @@ var jc = {
 //#endregion
 export { Zi as A, Kn as B, Aa as C, ra as D, la as E, Ti as F, It as G, dn as H, pi as I, gt as J, Mt as K, Lr as L, Ki as M, Mi as N, na as O, Ei as P, Xn as R, Va as S, ma as T, Jt as U, Hn as V, Lt as W, _t as X, bt as Y, Xe as Z, fo as _, Qc as a, Ua as b, Nc as c, $o as d, Ao as f, yo as g, Co as h, nl as i, $i as j, Xi as k, Ls as l, Oo as m, hl as n, Zc as o, ko as p, yt as q, dl as r, Bc as s, El as t, ss as u, $a as v, xa as w, Ha as x, Ga as y, Yn as z };
 
-//# sourceMappingURL=components-BVJTg_MO.js.map
+//# sourceMappingURL=components-BHHLGp-P.js.map