@elcrm/form 0.0.64 → 0.0.65

package/dist/fields/Phone.js

@@ -2,12 +2,13 @@ import e from "../styles/Field.module.js";
 import t from "../core/Field.js";
 import { useFormFieldState as n } from "../hooks/use.js";
 import r, { asEditableClipboard as i } from "../events/onEvent.js";
-import a from "../mask/MaskPhone.js";
-import { useFormInit as o } from "../FormInitContext.js";
+import { isEmptyTextLike as a } from "./visibility.js";
+import o from "../mask/MaskPhone.js";
+import { useFormInit as s } from "../FormInitContext.js";
 import "react";
-import { Fragment as s, jsx as c } from "react/jsx-runtime";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/lib/fields/Phone.tsx
-function l(e) {
+function d(e) {
 	let t = window.getSelection();
 	if (!t || t.rangeCount === 0) return 0;
 	let n = t.getRangeAt(0);
@@ -15,52 +16,48 @@ function l(e) {
 	let r = document.createRange();
 	return r.selectNodeContents(e), r.setEnd(n.startContainer, n.startOffset), r.toString().length;
 }
-function u(e, t) {
+function f(e, t) {
 	if (t <= 0) return 0;
 	let n = 0;
 	for (let r = 0; r < e.length; r++) if (/\d/.test(e[r]) && (n++, n === t)) return r + 1;
 	return e.length;
 }
-function d({ value: d, form: f, onValue: p, onSave: m, name: h = "", placeholder: g = "", title: _ = "", label: v = "", error: y = "", hide: b = !1, edit: x = !0, active: S = !0, after: C = "", show: w = !0, view: T, className: E = "", disabled: D = !1 }) {
-	let { onNotice: O } = o();
-	x = x === void 0 ? !0 : x, S = S === void 0 ? !0 : S;
-	let { value: k, version: A } = n(f, h, d);
-	b = !!(b && (k === "" || k === void 0)) && !(x && S);
-	let j = "+_(___) ___-__-__", M = !0, N = 0, P = (e, t) => {
+function p({ value: p, form: m, onValue: h, onBlur: g, name: _ = "", placeholder: v = "", label: y = "", error: b = "", hidden: x = !1, disabled: S = !1, className: C = "", after: w = "", before: T = "", inputmode: E = "tel", view: D }) {
+	let { onNotice: O } = s(), k = !S, { value: A, version: j } = n(m, _, p), M = "+_(___) ___-__-__", N = !0, P = 0, F = (e, t) => {
 		let n = t.firstChild;
 		if (!n || n.nodeType !== Node.TEXT_NODE) return;
 		let r = n.textContent?.length ?? 0, i = Math.max(0, Math.min(e, r)), a = document.createRange(), o = window.getSelection();
 		o && (a.setStart(n, i), a.collapse(!0), o.removeAllRanges(), o.addRange(a), t.focus());
-	}, F = (e) => {
-		let t = e.target, n = t.textContent || "", r = l(t), i = n.slice(0, r).replace(/\D/g, "").length, a = L(n);
+	}, I = (e) => {
+		let t = e.target, n = t.textContent || "", r = d(t), i = n.slice(0, r).replace(/\D/g, "").length, a = R(n);
 		t.textContent = a.q;
-		let o = u(a.q, i);
+		let o = f(a.q, i);
 		a.q.length > 0 && queueMicrotask(() => {
-			P(Math.min(o, a.q.length), t);
+			F(Math.min(o, a.q.length), t);
 		});
 		let s = {
 			value: a.q.replace(/\D/g, ""),
-			name: h || ""
+			name: _ || ""
 		};
-		f && h && f.onValue(s), p && p !== f?.onValue && p(s);
-	}, I = (e) => r.PasteOne(i(e)), L = (e) => {
-		j = "+_(___) ___-__-__", M = !0, N = 0;
+		m && _ && m.onValue(s), h && h !== m?.onValue && h(s);
+	}, L = (e) => r.PasteOne(i(e)), R = (e) => {
+		M = "+_(___) ___-__-__", N = !0, P = 0;
 		let t = 0, n = "", r = e.replace(/\D/g, "");
-		r === "" && (M = !0);
-		let i = r.split(""), o = "";
+		r === "" && (N = !0);
+		let i = r.split(""), a = "";
 		i.forEach((e) => {
-			M && (o += e, a[o] !== void 0 && M ? (M = !1, j = a[o].mask.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = a[o].code) : (M && (N = ("" + o).length, j = `+${o}_(___) ___-__-__`.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = ""), N > ("" + o).length && (M = !0, j = `+${o}_(___) ___-__-__`.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = "")));
+			N && (a += e, o[a] !== void 0 && N ? (N = !1, M = o[a].mask.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = o[a].code) : (N && (P = ("" + a).length, M = `+${a}_(___) ___-__-__`.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = ""), P > ("" + a).length && (N = !0, M = `+${a}_(___) ___-__-__`.replace(/* @__PURE__ */ RegExp("[0-9]", "g"), "_"), n = "")));
 		});
-		let s = j.replace(/\D/g, "");
+		let s = M.replace(/\D/g, "");
 		return s.length >= r.length && (r = s), {
-			q: j.replace(/[_\d]/g, function() {
+			q: M.replace(/[_\d]/g, function() {
 				return r.charAt(t++) || "_";
 			}),
 			i: t,
 			v: r,
 			f: n
 		};
-	}, R = (e) => {
+	}, z = (e) => {
 		e.preventDefault();
 		let t = e.target;
 		navigator.clipboard.writeText((t.textContent || "").replace(/\D/g, "")).then(function() {
@@ -68,42 +65,48 @@ function d({ value: d, form: f, onValue: p, onSave: m, name: h = "", placeholder
 		}, function(e) {
 			console.error("Async: Could not copy text: ", e);
 		});
-	}, z = L(String(k || "")), B = (e) => {
+	}, B = R(String(A || "")), V = (e) => {
 		e.key === "Enter" && e.preventDefault();
-	}, V = (e) => {
-		r.Blur(e), m && m({
+	}, H = (e) => {
+		r.Blur(e), g && g({
 			value: (e.target.textContent || "").replace(/\D/g, ""),
-			name: h || ""
+			name: _ || ""
 		});
-	}, H = (e) => {
+	}, U = (e) => {
 		r.Focus({ target: e.currentTarget });
-	}, U = {};
-	return g && (U.placeholder = g), b ? /* @__PURE__ */ c(s, {}) : /* @__PURE__ */ c(t, {
+	}, W = {};
+	v && (W.placeholder = v), W.inputMode = E ?? "tel";
+	let G = String(A ?? "").replace(/\D/g, "");
+	return x && a(G) ? /* @__PURE__ */ l(c, {}) : /* @__PURE__ */ u(t, {
 		type: "input",
-		title: _ || v,
-		error: y,
-		element_blok: { className: [E] },
+		label: y,
+		error: b,
+		element_blok: { className: [C] },
 		element_input: { className: [e.w] },
-		children: /* @__PURE__ */ c("div", {
-			onPaste: I,
-			onInput: F,
-			onKeyDown: B,
-			onContextMenu: R,
-			onBlur: V,
-			onFocus: H,
-			inputMode: "tel",
-			role: "textbox",
-			"aria-label": _ || v || g || "Телефон",
-			"aria-disabled": D || !(x && S),
-			tabIndex: D ? -1 : 0,
-			"data-disabled": D || !(x && S),
-			contentEditable: x && S && !D ? "plaintext-only" : !1,
-			suppressContentEditableWarning: !0,
-			...U,
-			children: z.q
-		}, A)
+		children: [
+			T,
+			/* @__PURE__ */ l("div", {
+				onPaste: L,
+				onInput: I,
+				onKeyDown: V,
+				onContextMenu: z,
+				onBlur: H,
+				onFocus: U,
+				spellCheck: !1,
+				role: "textbox",
+				"aria-label": y || v || "Телефон",
+				"aria-disabled": !k,
+				tabIndex: S ? -1 : 0,
+				"data-disabled": !k,
+				contentEditable: k ? "plaintext-only" : !1,
+				suppressContentEditableWarning: !0,
+				...W,
+				children: B.q
+			}, j),
+			w
+		]
 	});
 }
-d.displayName = "PhoneField";
+p.displayName = "PhoneField";
 //#endregion
-export { d as default };
+export { p as default };

package/dist/fields/Range.d.ts

@@ -7,7 +7,7 @@ export type TRange = TInput & {
 };
 /** @deprecated — используйте `TRange` */
 export type TProgress = TRange;
-declare function RangeField({ value, form, onValue, onSave, name, title, label, error, min, max, step, edit, active, disabled, className, isReload, }: TRange): import("react/jsx-runtime").JSX.Element;
+declare function RangeField({ value, form, onValue, onBlur: onBlurField, name, placeholder, label, error, hidden, disabled, className, after, before, min, max, step, }: TRange): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RangeField {
     var displayName: string;
 }

package/dist/fields/Range.js

@@ -2,100 +2,102 @@ import e from "../styles/Field.module.js";
 import t from "../core/Field.js";
 import { useFormFieldState as n } from "../hooks/use.js";
 import r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/lib/fields/Range.tsx
-function a(e, t, n) {
+function o(e, t, n) {
 	let r = e;
 	return Number.isFinite(r) || (r = t), Math.min(n, Math.max(t, r));
 }
-function o(e, t, n, r) {
-	return a(!Number.isFinite(r) || r <= 0 ? e : t + Math.round((e - t) / r) * r, t, n);
+function s(e, t, n, r) {
+	return o(!Number.isFinite(r) || r <= 0 ? e : t + Math.round((e - t) / r) * r, t, n);
 }
-function s({ value: s = 0, form: c, onValue: l, onSave: u, name: d = "", title: f = "", label: p = "", error: m = "", min: h = 0, max: g = 100, step: _ = 1, edit: v = !0, active: y = !0, disabled: b = !1, className: x = "", isReload: S = !1 }) {
-	let { value: C } = n(c, d, s), w = a(Number(C), h, g), T = g === h ? 0 : (w - h) / (g - h) * 100, E = T >= 99.999, D = v && y && !b, O = r.useRef(null), k = r.useCallback((e) => {
+function c({ value: c = 0, form: l, onValue: u, onBlur: d, name: f = "", placeholder: p = "", label: m = "", error: h = "", hidden: g = !1, disabled: _ = !1, className: v = "", after: y = "", before: b = "", min: x = 0, max: S = 100, step: C = 1 }) {
+	let { value: w } = n(l, f, c), T = o(Number(w), x, S), E = S === x ? 0 : (T - x) / (S - x) * 100, D = E >= 99.999, O = !_, k = r.useRef(null), A = r.useCallback((e) => {
 		let t = {
-			value: o(e, h, g, _),
-			name: d || "",
-			reload: S
+			value: s(e, x, S, C),
+			name: f || ""
 		};
-		c && d && c.setValue(t), l && l !== c?.onValue && l(t);
+		l && f && l.setValue(t), u && u !== l?.onValue && u(t);
 	}, [
-		c,
-		d,
-		S,
 		l,
-		h,
-		g,
-		_
-	]), A = r.useCallback((e) => {
-		let t = O.current;
-		if (!t) return h;
+		f,
+		u,
+		x,
+		S,
+		C
+	]), j = r.useCallback((e) => {
+		let t = k.current;
+		if (!t) return x;
 		let n = t.getBoundingClientRect(), r = n.width || 1;
-		return o(h + (e - n.left) / r * (g - h), h, g, _);
+		return s(x + (e - n.left) / r * (S - x), x, S, C);
 	}, [
-		h,
-		g,
-		_
-	]), j = (e) => {
-		D && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), k(A(e.clientX)));
-	}, M = (e) => {
-		D && e.currentTarget.hasPointerCapture(e.pointerId) && k(A(e.clientX));
+		x,
+		S,
+		C
+	]), M = (e) => {
+		O && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), A(j(e.clientX)));
 	}, N = (e) => {
+		O && e.currentTarget.hasPointerCapture(e.pointerId) && A(j(e.clientX));
+	}, P = (e) => {
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
 		} catch {}
-	}, P = (e) => {
-		if (!D) return;
-		let t = w;
-		if (e.key === "ArrowRight" || e.key === "ArrowUp") t = w + _;
-		else if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = w - _;
-		else if (e.key === "Home") t = h;
-		else if (e.key === "End") t = g;
-		else if (e.key === "PageUp") t = w + _ * 10;
-		else if (e.key === "PageDown") t = w - _ * 10;
+	}, F = (e) => {
+		if (!O) return;
+		let t = T;
+		if (e.key === "ArrowRight" || e.key === "ArrowUp") t = T + C;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = T - C;
+		else if (e.key === "Home") t = x;
+		else if (e.key === "End") t = S;
+		else if (e.key === "PageUp") t = T + C * 10;
+		else if (e.key === "PageDown") t = T - C * 10;
 		else return;
-		e.preventDefault(), k(o(t, h, g, _));
-	}, F = () => {
-		if (!u || !d) return;
-		let e = c && d ? c.getValue(d, s) : w;
-		u({
-			value: a(Number(e), h, g),
-			name: d
+		e.preventDefault(), A(s(t, x, S, C));
+	}, I = () => {
+		if (!d || !f) return;
+		let e = l && f ? l.getValue(f, c) : T;
+		d({
+			value: o(Number(e), x, S),
+			name: f
 		});
 	};
-	return /* @__PURE__ */ i(t, {
+	return g && (w == null || w === "") ? null : /* @__PURE__ */ a(t, {
 		type: "range",
-		title: f || p,
-		error: m,
-		element_blok: { className: [x || ""] },
+		label: m,
+		error: h,
+		element_blok: { className: [v || ""] },
 		element_input: {
 			className: [e.w, e.range],
-			props: { "data-disabled": b || !D ? "true" : void 0 }
+			props: { "data-disabled": _ || !O ? "true" : void 0 }
 		},
-		children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", {
-			ref: O,
-			className: e.rangeTrack,
-			role: "slider",
-			tabIndex: D ? 0 : -1,
-			"aria-label": f || p || "Диапазон",
-			"aria-valuemin": h,
-			"aria-valuemax": g,
-			"aria-valuenow": w,
-			"data-disabled": b || !D ? "true" : void 0,
-			onPointerDown: j,
-			onPointerMove: M,
-			onPointerUp: N,
-			onPointerCancel: N,
-			onKeyDown: P,
-			onBlur: F,
-			children: /* @__PURE__ */ i("div", {
-				className: E ? `${e.rangeFill} ${e.rangeFillFull}` : e.rangeFill,
-				style: { width: `${T}%` },
-				"aria-hidden": !0
-			})
-		}) })
+		children: [
+			b,
+			/* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", {
+				ref: k,
+				className: e.rangeTrack,
+				role: "slider",
+				tabIndex: O ? 0 : -1,
+				"aria-label": m || p || "Диапазон",
+				"aria-valuemin": x,
+				"aria-valuemax": S,
+				"aria-valuenow": T,
+				"data-disabled": _ || !O ? "true" : void 0,
+				onPointerDown: M,
+				onPointerMove: N,
+				onPointerUp: P,
+				onPointerCancel: P,
+				onKeyDown: F,
+				onBlur: I,
+				children: /* @__PURE__ */ i("div", {
+					className: D ? `${e.rangeFill} ${e.rangeFillFull}` : e.rangeFill,
+					style: { width: `${E}%` },
+					"aria-hidden": !0
+				})
+			}) }),
+			y
+		]
 	});
 }
-s.displayName = "RangeField";
+c.displayName = "RangeField";
 //#endregion
-export { s as default };
+export { c as default };

package/dist/fields/Select.d.ts

@@ -14,7 +14,7 @@ export type TSelect = TInput & {
     options?: SelectOptions;
     order?: number[];
 };
-declare function SelectField({ form, title, error, edit, active, hide, value, onValue, options, placeholder, className, name, order, isReload, disabled, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
+declare function SelectField({ value, form, onValue, name, placeholder, label, error, hidden, disabled, className, after, before, options, order, }: TSelect): import("react/jsx-runtime").JSX.Element | "";
 declare namespace SelectField {
     var displayName: string;
 }

package/dist/fields/Select.js

@@ -5,99 +5,102 @@ import r from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { createPortal as s } from "react-dom";
 //#region src/lib/fields/Select.tsx
-function c({ form: c, title: u, error: d, edit: f = !0, active: p = !0, hide: m, value: h = 0, onValue: g, options: _, placeholder: v = "", className: y, name: b = "", order: x, isReload: S = !1, disabled: C = !1 }) {
-	let [w, T] = r.useState(!1), [E, D] = r.useState(0), [O, k] = r.useState(null), A = r.useId(), { value: j } = t(c, b, h ?? 0), M = Number(j), N = [];
-	_ && (N = Array.isArray(_) ? _.map((e) => ({
+function c({ value: c = 0, form: u, onValue: d, name: f = "", placeholder: p = "", label: m, error: h, hidden: g = !1, disabled: _ = !1, className: v, after: y = "", before: b = "", options: x, order: S }) {
+	let [C, w] = r.useState(!1), [T, E] = r.useState(0), [D, O] = r.useState(null), k = r.useId(), { value: A } = t(u, f, c ?? 0), j = Number(A), M = [];
+	x && (M = Array.isArray(x) ? x.map((e) => ({
 		id: e.id ?? e.i ?? 0,
 		label: e.n || "",
 		hidden: e.s === 0
-	})).filter((e) => e.id !== 0 && e.label.length > 0) : Object.keys(_).map((e) => {
-		let t = Number(e), n = _[t];
+	})).filter((e) => e.id !== 0 && e.label.length > 0) : Object.keys(x).map((e) => {
+		let t = Number(e), n = x[t];
 		return {
 			id: t,
 			label: n?.n || "",
 			hidden: n?.s === 0
 		};
 	}).filter((e) => e.label.length > 0));
-	let P = (() => {
-		if (!x || x.length === 0) return N;
-		let e = new Map(N.map((e) => [e.id, e]));
-		return x.map((t) => e.get(t)).filter((e) => !!e);
-	})().filter((e) => !e.hidden), F = (e) => P.find((t) => t.id === e)?.label;
-	m = !!(m && (M === 0 || F(M) === void 0)) && !(f && p);
-	let I = w && P.length > 0 ? `${A}-opt-${E}` : void 0, L = (e) => {
+	let N = (() => {
+		if (!S || S.length === 0) return M;
+		let e = new Map(M.map((e) => [e.id, e]));
+		return S.map((t) => e.get(t)).filter((e) => !!e);
+	})().filter((e) => !e.hidden), P = (e) => N.find((t) => t.id === e)?.label, F = C && N.length > 0 ? `${k}-opt-${T}` : void 0, I = (e) => {
 		let t = {
 			value: e,
-			name: b,
-			reload: S
+			name: f
 		};
-		c && b && c.onValue(t), g && g !== c?.onValue && g(t);
+		u && f && u.onValue(t), d && d !== u?.onValue && d(t);
+	}, L = (e) => {
+		if (N.length === 0 || _) return;
+		let t = N.findIndex((e) => e.id === j);
+		O(e.getBoundingClientRect()), E(t >= 0 ? t : 0), w(!0);
 	}, R = (e) => {
-		if (P.length === 0 || !(f && p) || C) return;
-		let t = P.findIndex((e) => e.id === M);
-		k(e.getBoundingClientRect()), D(t >= 0 ? t : 0), T(!0);
+		L(e.currentTarget);
 	}, z = (e) => {
-		R(e.currentTarget);
-	}, B = (e) => {
-		if (!(!(f && p) || C) && P.length !== 0) {
-			if (!w && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ")) {
-				e.preventDefault(), R(e.currentTarget);
+		if (!_ && N.length !== 0) {
+			if (!C && (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ")) {
+				e.preventDefault(), L(e.currentTarget);
 				return;
 			}
-			if (w) {
+			if (C) {
 				if (e.key === "Escape") {
-					e.preventDefault(), T(!1);
+					e.preventDefault(), w(!1);
 					return;
 				}
 				if (e.key === "ArrowDown") {
-					e.preventDefault(), D((e) => (e + 1) % P.length);
+					e.preventDefault(), E((e) => (e + 1) % N.length);
 					return;
 				}
 				if (e.key === "ArrowUp") {
-					e.preventDefault(), D((e) => e - 1 < 0 ? P.length - 1 : e - 1);
+					e.preventDefault(), E((e) => e - 1 < 0 ? N.length - 1 : e - 1);
 					return;
 				}
 				if (e.key === "Enter") {
 					e.preventDefault();
-					let t = P[E];
-					t && L(t.id), T(!1);
+					let t = N[T];
+					t && I(t.id), w(!1);
 				}
 			}
 		}
-	}, V = {};
-	return v && (V.placeholder = v), m ? "" : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+	}, B = {};
+	p && (B.placeholder = p);
+	let V = j === 0 || P(j) === void 0;
+	return g && V ? "" : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(e, {
 		type: "select",
-		title: u,
-		element_blok: { className: [y || ""] },
-		error: d,
+		label: m,
+		element_blok: { className: [v || ""] },
+		error: h,
 		element_input: {
 			className: [n.f],
 			props: {
-				onClick: z,
-				onKeyDown: B,
-				tabIndex: f && p && !C ? 0 : -1,
+				onClick: R,
+				onKeyDown: z,
+				tabIndex: _ ? -1 : 0,
 				role: "combobox",
-				"aria-expanded": w,
+				"aria-expanded": C,
 				"aria-haspopup": "listbox",
-				"aria-controls": A,
-				...I ? { "aria-activedescendant": I } : {},
-				"aria-disabled": C || !(f && p),
-				"data-disabled": C || !(f && p)
+				"aria-controls": k,
+				...F ? { "aria-activedescendant": F } : {},
+				"aria-disabled": _,
+				"data-disabled": _
 			}
 		},
-		children: /* @__PURE__ */ a("div", {
-			...V,
-			children: F(M) || v || ""
-		})
-	}), w && s(/* @__PURE__ */ a(l, {
-		parent: O || void 0,
-		onValue: L,
-		className: y,
-		items: P,
-		setOpen: T,
-		listId: A,
-		activeIndex: E,
-		currentValue: M
+		children: [
+			b,
+			/* @__PURE__ */ a("div", {
+				...B,
+				children: P(j) || p || ""
+			}),
+			y
+		]
+	}), C && s(/* @__PURE__ */ a(l, {
+		parent: D || void 0,
+		onValue: I,
+		className: v,
+		items: N,
+		setOpen: w,
+		listId: k,
+		activeIndex: T,
+		currentValue: j
 	}), document.body)] });
 }
 c.displayName = "SelectField";

package/dist/fields/Textarea.d.ts

@@ -1,26 +1,6 @@
 import { TInput } from './type';
-/**
- * TextareaField component
- *
- * @param {string} [id] - id
- * @param {string} [value] - значение
- * @param {function} [onValue] - callback на изменение
- * @param {string} [name] - имя
- * @param {string} [placeholder] - placeholder
- * @param {string} [title] - заголовок
- * @param {string} [label] - заголовок (альтернативное title)
- * @param {boolean} [hide] - скрыть
- * @param {boolean} [edit] - редактировать
- * @param {boolean} [active] - активность
- * @param {string} [after] - контент после
- * @param {boolean} [show] - отображать
- * @param {number} [maxLength] - максимальная длина
- * @param {function} [onSave] - callback на save
- * @param {string} [className] - css class
- * @param {boolean} [isCopy] - разрешить копирование
- * @return {ReactElement} - поле ввода
- */
-declare function TextareaField({ value, form, onValue, name, placeholder, title, label, hide, edit, active, after, show, maxLength, error, onSave, className, isCopy, }: TInput): import("react/jsx-runtime").JSX.Element | "";
+/** TextareaField — многострочное поле (contentEditable). */
+declare function TextareaField({ value, form, onValue, name, placeholder, label, hidden, disabled, onBlur: onBlurField, className, after, before, error, inputmode, maxLength, spellCheck, }: TInput): import("react/jsx-runtime").JSX.Element;
 declare namespace TextareaField {
     var displayName: string;
 }

package/dist/fields/Textarea.js

@@ -2,46 +2,51 @@ import e from "../styles/Field.module.js";
 import t from "../core/Field.js";
 import { useFormFieldState as n } from "../hooks/use.js";
 import r, { asEditableClipboard as i } from "../events/onEvent.js";
+import { isEmptyTextLike as a } from "./visibility.js";
 import "react";
-import { Fragment as a, jsx as o } from "react/jsx-runtime";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/lib/fields/Textarea.tsx
-function s({ value: s, form: c, onValue: l, name: u, placeholder: d = "", title: f = "", label: p = "", hide: m = !1, edit: h = !0, active: g = !0, after: _ = "", show: v = !0, maxLength: y, error: b = "", onSave: x, className: S = "", isCopy: C = !0 }) {
-	let { value: w, version: T } = n(c, u || "", s), E = (e) => {
+function l({ value: l, form: u, onValue: d, name: f = "", placeholder: p = "", label: m = "", hidden: h = !1, disabled: g = !1, onBlur: _, className: v = "", after: y = "", before: b = "", error: x = "", inputmode: S = "text", maxLength: C, spellCheck: w = !0 }) {
+	let { value: T, version: E } = n(u, f || "", l), D = !g, O = (e) => {
 		let t = {
 			value: e.currentTarget.innerText,
-			name: u || ""
+			name: f || ""
 		};
-		c && u && c.onValue(t), l && l !== c?.onValue && l(t);
-	}, D = (e) => {
+		u && f && u.onValue(t), d && d !== u?.onValue && d(t);
+	}, k = (e) => {
 		let t = (e.currentTarget.textContent ?? "").trim();
-		y && t.length >= y && e.key !== "Backspace" && e.preventDefault(), e.key === "Enter" && !e.shiftKey && e.preventDefault();
-	}, O = (e) => r.Paste(y || 0, i(e));
-	if (m) return /* @__PURE__ */ o(a, {});
-	if (!(h && g) && !v) return "";
-	let k = {};
-	return d && (k.placeholder = d), h && g && (k.edit = ""), /* @__PURE__ */ o(t, {
+		C && t.length >= C && e.key !== "Backspace" && e.preventDefault(), e.key === "Enter" && !e.shiftKey && e.preventDefault();
+	}, A = (e) => r.Paste(C || 0, i(e));
+	if (h && a(T)) return /* @__PURE__ */ s(o, {});
+	let j = {};
+	return p && (j.placeholder = p), D && (j.edit = ""), j.inputMode = S || "text", /* @__PURE__ */ c(t, {
 		type: "note",
-		title: f || p,
-		error: b,
-		element_blok: { className: [S || ""] },
+		label: m,
+		error: x,
+		element_blok: { className: [v || ""] },
 		element_input: { className: [e.n] },
-		children: /* @__PURE__ */ o("div", {
-			onPaste: O,
-			onInput: E,
-			onBlur: (e) => {
-				r.Blur(e), x?.({
-					value: (e.currentTarget.textContent ?? "").trim(),
-					name: u || ""
-				});
-			},
-			onKeyDown: D,
-			contentEditable: h && g ? "plaintext-only" : !1,
-			suppressContentEditableWarning: !0,
-			...k,
-			children: w
-		}, T)
+		children: [
+			b,
+			/* @__PURE__ */ s("div", {
+				onPaste: A,
+				onInput: O,
+				onBlur: (e) => {
+					r.Blur(e), _?.({
+						value: (e.currentTarget.textContent ?? "").trim(),
+						name: f || ""
+					});
+				},
+				onKeyDown: k,
+				spellCheck: w,
+				contentEditable: D ? "plaintext-only" : !1,
+				suppressContentEditableWarning: !0,
+				...j,
+				children: T
+			}, E),
+			y
+		]
 	});
 }
-s.displayName = "TextareaField";
+l.displayName = "TextareaField";
 //#endregion
-export { s as default };
+export { l as default };