@elcrm/form 0.0.62 → 0.0.64

package/dist/fields/Money.js

@@ -0,0 +1,93 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import r, { pastePlainTextIntoSelection as i } from "../events/onEvent.js";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/fields/Money.tsx
+function s(e) {
+	let t = window.getSelection();
+	if (!t || t.rangeCount === 0) return 0;
+	let n = t.getRangeAt(0);
+	if (!e.contains(n.startContainer)) return 0;
+	let r = document.createRange();
+	return r.selectNodeContents(e), r.setEnd(n.startContainer, n.startOffset), r.toString().length;
+}
+function c(e, t, n) {
+	let r = Math.max(0, Math.min(t, e.length));
+	return n(e.slice(0, r)).length;
+}
+function l({ value: l, form: d, onValue: f, name: p, placeholder: m = "", title: h = "", error: g = "", hide: _ = !1, edit: v = !0, active: y = !0, after: b = "", show: x = !0, course: S = 100, view: C, type: w, onSave: T, className: E = "", isClear: D = !1, disabled: O = !1 }) {
+	let { value: k, version: A } = n(d, p || "", l), j = d && p ? k : l, M = !!(_ && (j === "" || j == null)), N = (e) => w === "multi" ? e.replace(/[^+\d.+-]/g, "") : e.replace(/[^+\d.]/g, ""), P = (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 = s(t), i = N(n), a = c(n, r, N), o = {
+			value: Number(i || 0) * S,
+			name: p
+		};
+		d && p && d.onValue(o), f && f !== d?.onValue && f(o), t.textContent = i, i.length > 0 && queueMicrotask(() => {
+			P(Math.min(a, i.length), t);
+		});
+	}, I = (e) => {
+		let t = e.target;
+		r.Blur(e), (t.textContent || "") === "" && (t.textContent = "0");
+		let n = {
+			value: Number(N(t.textContent || "")) * S,
+			name: p
+		};
+		T?.(n), d && p && d.setValue(n), f && f !== d?.onValue && f(n), t.textContent = u(t.textContent || "");
+	}, L = (e) => {
+		let t = e.target;
+		t.textContent = N(t.textContent || ""), r.Focus({ target: e.currentTarget });
+	}, R = (e) => {
+		let t = e.currentTarget.previousElementSibling;
+		t && (t.textContent = "");
+		let n = {
+			value: 0,
+			name: p
+		};
+		d && p && d.setValue(n), f && f !== d?.onValue && f(n);
+	}, z = (e) => {
+		e.key === "Enter" && e.preventDefault();
+	}, B = (e) => {
+		e.preventDefault(), i(N(e.clipboardData?.getData("text/plain") ?? ""), e.currentTarget);
+	};
+	if (!(v && y) && !x || !(v && y) && M) return "";
+	let V = {};
+	return V.inputMode = "decimal", m && (V.placeholder = m), v && y && (V.edit = ""), /* @__PURE__ */ o(t, {
+		type: "input",
+		title: h,
+		element_blok: { className: [E] },
+		element_input: { className: [e.w] },
+		children: [/* @__PURE__ */ a("div", {
+			...V,
+			onInput: F,
+			onPaste: B,
+			onBlur: I,
+			onKeyDown: z,
+			onFocus: L,
+			role: "textbox",
+			"aria-label": h || m || "Сумма",
+			"aria-disabled": O || !(v && y),
+			tabIndex: O ? -1 : 0,
+			contentEditable: v && y && !O ? "plaintext-only" : !1,
+			suppressContentEditableWarning: !0,
+			"data-after": b,
+			children: !m || j ? u(j ?? "") : ""
+		}, A), D && /* @__PURE__ */ a("button", {
+			type: "button",
+			onClick: R,
+			"aria-label": "Очистить поле",
+			children: "x"
+		})]
+	});
+}
+l.displayName = "MoneyField";
+function u(e, t) {
+	return t && (e = Number(e) / t), parseFloat(String(e || 0)).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ");
+}
+//#endregion
+export { l as default };

package/dist/fields/Numeric.d.ts

@@ -0,0 +1,9 @@
+import { TInput } from './type';
+type TNumeric = TInput & {
+    max?: number;
+};
+declare function NumberField({ form, onValue, onSave, active, max, edit, title, error, show, hide, value, placeholder, className, maxLength, name, after, before, view, }: TNumeric): import("react/jsx-runtime").JSX.Element;
+declare namespace NumberField {
+    var displayName: string;
+}
+export default NumberField;

package/dist/fields/Numeric.js

@@ -0,0 +1,69 @@
+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 "react";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
+//#region src/lib/fields/Numeric.tsx
+function s({ form: s, onValue: c, onSave: l, active: u, max: d, edit: f, title: p, error: m, show: h, hide: g, value: _, placeholder: v, className: y, maxLength: b, name: x = "", after: S = "", before: C = "", view: w }) {
+	f = f === void 0 ? !0 : f, u = u === void 0 ? !0 : u;
+	let { value: T, version: E } = n(s, x, _);
+	g = !!(g && (T === "" || T === void 0)) && !(f && u), v = v === void 0 ? "" : v, d = d === void 0 ? 99 : d;
+	let D = b ?? d, O = !1, k = (e) => {
+		let t = e.currentTarget, n = (t.textContent || "").replace(/\D/g, "");
+		n.length > D && (n = n.slice(0, D), t.textContent = n, queueMicrotask(() => {
+			let e = t.firstChild;
+			if (e && e.nodeType === Node.TEXT_NODE) {
+				let t = n.length, r = window.getSelection(), i = document.createRange();
+				i.setStart(e, t), i.collapse(!0), r?.removeAllRanges(), r?.addRange(i);
+			}
+		}));
+		let r = {
+			value: n,
+			name: x
+		};
+		s && x && s.onValue(r), c && c !== s?.onValue && c(r);
+	}, A = (e) => {
+		let t = e.currentTarget;
+		t.textContent = (t.textContent || "").replace(/\D/g, ""), r.Focus({ target: e.currentTarget });
+	}, j = (e) => {
+		if (O && e.which === 86) return;
+		if (e.which === 17 || e.which === 91) return O = !0;
+		if (e.key === "Backspace") return;
+		let t = (e.currentTarget.textContent ?? "").replace(/\D/g, "").length;
+		D > 0 && t >= D && e.key.length === 1 && /\d/.test(e.key) && e.preventDefault(), e.key === "Enter" && e.preventDefault(), e.key.length === 1 && !/\d/.test(e.key) && e.preventDefault();
+	}, M = (e) => {
+		if (e.which === 17 || e.which === 91) return O = !1;
+	}, N = (e) => r.PasteDigits(D, i(e)), P = (e) => {
+		r.Blur(e), l?.({
+			value: e.currentTarget.textContent,
+			name: x
+		});
+	}, F = {};
+	return f && u && (F.edit = ""), F.inputMode = "decimal", v && (F.placeholder = v), g ? /* @__PURE__ */ o(a, {}) : /* @__PURE__ */ o(t, {
+		type: "numeric",
+		title: p,
+		error: m,
+		element_blok: { className: [y || ""] },
+		element_input: { className: [e.w] },
+		children: /* @__PURE__ */ o("div", {
+			onPaste: N,
+			onInput: k,
+			onFocus: A,
+			onBlur: P,
+			onKeyDown: j,
+			onKeyUp: M,
+			spellCheck: !0,
+			role: "textbox",
+			tabIndex: f && u ? 0 : -1,
+			"aria-label": p || v || "Число",
+			contentEditable: f && u ? "plaintext-only" : !1,
+			suppressContentEditableWarning: !0,
+			...F,
+			children: T
+		}, E)
+	});
+}
+s.displayName = "NumberField";
+//#endregion
+export { s as default };

package/dist/fields/Options.d.ts

@@ -0,0 +1,30 @@
+import { UseFormApi } from '../hooks/use';
+import { TValue } from './type';
+interface Input {
+    value?: string;
+    form?: UseFormApi;
+    onValue?: (data: TValue) => void | Promise<void>;
+    name: string;
+    placeholder?: string;
+    title?: string;
+    error?: string;
+    hide?: boolean;
+    edit?: boolean;
+    show?: boolean;
+    active?: boolean;
+    after?: string;
+    view?: string;
+    className?: string;
+    module?: string;
+    modal?: string;
+    options?: Record<string, {
+        label?: string;
+    }>;
+    outFormat?: "array" | "string" | "object";
+    separator?: string;
+}
+declare function OptionsField({ value, form, onValue, name, placeholder, separator, title, error, hide, edit, active, outFormat, after, modal, options, className, }: Input): import("react/jsx-runtime").JSX.Element;
+declare namespace OptionsField {
+    var displayName: string;
+}
+export default OptionsField;

package/dist/fields/Options.js

@@ -0,0 +1,63 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import { useFormInit as r } from "../FormInitContext.js";
+import { Fragment as i, jsx as a } from "react/jsx-runtime";
+//#region src/lib/fields/Options.tsx
+var o = (e, t = ",") => (e !== void 0 && e !== "" ? e.split(t) : []).filter((e) => e !== "").reduce((e, t) => (e[t] = !0, e), {});
+function s({ value: s, form: c, onValue: l, name: u, placeholder: d = "", separator: f = ",", title: p, error: m, hide: h = !1, edit: g = !0, active: _ = !0, outFormat: v = "object", after: y = "", modal: b, options: x, className: S }) {
+	let { onModal: C } = r(), { value: w } = n(c, u, s), T = w, E = typeof T == "string" ? o(T, f) : T && typeof T == "object" ? T : {}, D = () => {
+		if (!(g && _)) return;
+		if (!b) return console.error("modal - empty");
+		let e = b.split(".");
+		C({
+			module: e[0],
+			modalName: e[1],
+			callback: (e) => {
+				let t = e;
+				if (l) {
+					let e = {
+						value: v === "array" ? Object.keys(t) : v === "string" ? Object.keys(t).filter((e) => t[e]).join(f) : t,
+						name: u
+					};
+					switch (c && u && c.setValue(e), v) {
+						case "array":
+							l !== c?.onValue && l({
+								value: Object.keys(t),
+								name: u
+							});
+							break;
+						case "string":
+							l !== c?.onValue && l({
+								value: Object.keys(t).filter((e) => t[e]).join(f),
+								name: u
+							});
+							break;
+						default: l !== c?.onValue && l({
+							value: t,
+							name: u
+						});
+					}
+				}
+			},
+			onValue: l,
+			options: x,
+			fieldName: u,
+			value: E
+		});
+	}, O = {};
+	return d && (O.placeholder = d), h ? /* @__PURE__ */ a(i, {}) : /* @__PURE__ */ a(t, {
+		type: "group",
+		title: p,
+		error: m,
+		element_blok: { className: [S || ""] },
+		element_input: {
+			className: [e.g],
+			props: { onClick: D }
+		},
+		children: Object.keys(E).map((e) => /* @__PURE__ */ a("div", { children: x?.[e]?.label }, e))
+	});
+}
+s.displayName = "OptionsField";
+//#endregion
+export { s as default };

package/dist/fields/Password.d.ts

@@ -0,0 +1,6 @@
+import { TPasswordField } from './type';
+declare function PasswordField({ value, form, onValue, onSave, name, placeholder, className, title, label, error, edit, active, isReload, native, isShow, maxLength, eyes, after, disabled, }: TPasswordField): import("react/jsx-runtime").JSX.Element | "";
+declare namespace PasswordField {
+    var displayName: string;
+}
+export default PasswordField;

package/dist/fields/Password.js

@@ -0,0 +1,100 @@
+import e from "../styles/Field.module.js";
+import t from "../core/Field.js";
+import { useFormFieldState as n } from "../hooks/use.js";
+import r from "../events/onEvent.js";
+import i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/fields/Password.tsx
+function s({ value: s, form: c, onValue: l, onSave: u, name: d = "", placeholder: f = "", className: p, title: m, label: h, error: g, edit: _ = !0, active: v = !0, isReload: y = !1, native: b = !1, isShow: x = !1, maxLength: S, eyes: C = [], after: w = "", disabled: T = !1 }) {
+	let [E, D] = i.useState(x), { value: O } = n(c, d, s), k = i.useRef(null), A = typeof O == "string" ? O : O == null ? "" : String(O);
+	i.useEffect(() => {
+		let e = k.current;
+		e && e.value !== A && (e.value = A);
+	}, [A]);
+	let j = (e) => {
+		let t = {
+			value: e,
+			name: d,
+			reload: y
+		};
+		c && d && c.onValue(t), l && l !== c?.onValue && l(t);
+	}, M = (e) => {
+		j(e.target.value);
+	}, N = (e) => {
+		e.key === "Enter" && e.preventDefault();
+	}, P = (e) => {
+		r.Blur(e), u?.({
+			value: (e.target.value || "").trim(),
+			name: d || ""
+		});
+	};
+	if (b) return "";
+	let F = _ && v && !T;
+	return /* @__PURE__ */ o(t, {
+		type: "input",
+		title: m || h,
+		error: g,
+		element_blok: { className: [p || ""] },
+		element_input: {
+			className: [e.w],
+			props: { "data-disabled": T || !F ? "true" : void 0 }
+		},
+		children: [
+			/* @__PURE__ */ a("div", {
+				style: {
+					flex: 1,
+					minWidth: 0,
+					display: "flex",
+					alignItems: "center"
+				},
+				children: /* @__PURE__ */ a("input", {
+					type: E ? "text" : "password",
+					defaultValue: A,
+					ref: k,
+					onChange: M,
+					onKeyDown: N,
+					onBlur: P,
+					disabled: T,
+					readOnly: !_ || !v,
+					maxLength: S,
+					spellCheck: !1,
+					autoComplete: "current-password",
+					"aria-label": m || h || f || "Пароль",
+					"aria-disabled": T || !F,
+					tabIndex: T ? -1 : 0,
+					placeholder: f,
+					style: {
+						width: "100%",
+						border: "none",
+						outline: "none",
+						background: "transparent",
+						font: "inherit",
+						color: "inherit",
+						padding: 0,
+						margin: 0,
+						boxSizing: "border-box"
+					}
+				})
+			}),
+			C[0] ? /* @__PURE__ */ a("i", {
+				role: "button",
+				tabIndex: T ? -1 : 0,
+				"aria-label": E ? "Скрыть пароль" : "Показать пароль",
+				"aria-pressed": E,
+				onClick: () => !T && D(!E),
+				onKeyDown: (e) => {
+					T || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), D(!E));
+				},
+				style: {
+					cursor: T ? "not-allowed" : "pointer",
+					alignSelf: "center"
+				},
+				children: E ? C[1] : C[0]
+			}) : null,
+			w
+		]
+	});
+}
+s.displayName = "PasswordField";
+//#endregion
+export { s as default };

package/dist/{src/lib/fields → fields}/Phone.d.ts

@@ -18,4 +18,8 @@ import { TInput } from './type';
  * @param {string} [view] - тип view
  * @param {string} [className] - css class
  */
-export default function ({ value, onValue, onSave, name, placeholder, title, label, error, hide, edit, active, after, show, view, className, }: TInput): import("react/jsx-runtime").JSX.Element;
+declare function PhoneField({ value, form, onValue, onSave, name, placeholder, title, label, error, hide, edit, active, after, show, view, className, disabled, }: TInput): import("react/jsx-runtime").JSX.Element;
+declare namespace PhoneField {
+    var displayName: string;
+}
+export default PhoneField;

package/dist/fields/Phone.js

@@ -0,0 +1,109 @@
+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 "react";
+import { Fragment as s, jsx as c } from "react/jsx-runtime";
+//#region src/lib/fields/Phone.tsx
+function l(e) {
+	let t = window.getSelection();
+	if (!t || t.rangeCount === 0) return 0;
+	let n = t.getRangeAt(0);
+	if (!e.contains(n.startContainer)) return 0;
+	let r = document.createRange();
+	return r.selectNodeContents(e), r.setEnd(n.startContainer, n.startOffset), r.toString().length;
+}
+function u(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) => {
+		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);
+		t.textContent = a.q;
+		let o = u(a.q, i);
+		a.q.length > 0 && queueMicrotask(() => {
+			P(Math.min(o, a.q.length), t);
+		});
+		let s = {
+			value: a.q.replace(/\D/g, ""),
+			name: h || ""
+		};
+		f && h && f.onValue(s), p && p !== f?.onValue && p(s);
+	}, I = (e) => r.PasteOne(i(e)), L = (e) => {
+		j = "+_(___) ___-__-__", M = !0, N = 0;
+		let t = 0, n = "", r = e.replace(/\D/g, "");
+		r === "" && (M = !0);
+		let i = r.split(""), o = "";
+		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 = "")));
+		});
+		let s = j.replace(/\D/g, "");
+		return s.length >= r.length && (r = s), {
+			q: j.replace(/[_\d]/g, function() {
+				return r.charAt(t++) || "_";
+			}),
+			i: t,
+			v: r,
+			f: n
+		};
+	}, R = (e) => {
+		e.preventDefault();
+		let t = e.target;
+		navigator.clipboard.writeText((t.textContent || "").replace(/\D/g, "")).then(function() {
+			O("Данные в буфер обмене");
+		}, function(e) {
+			console.error("Async: Could not copy text: ", e);
+		});
+	}, z = L(String(k || "")), B = (e) => {
+		e.key === "Enter" && e.preventDefault();
+	}, V = (e) => {
+		r.Blur(e), m && m({
+			value: (e.target.textContent || "").replace(/\D/g, ""),
+			name: h || ""
+		});
+	}, H = (e) => {
+		r.Focus({ target: e.currentTarget });
+	}, U = {};
+	return g && (U.placeholder = g), b ? /* @__PURE__ */ c(s, {}) : /* @__PURE__ */ c(t, {
+		type: "input",
+		title: _ || v,
+		error: y,
+		element_blok: { className: [E] },
+		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)
+	});
+}
+d.displayName = "PhoneField";
+//#endregion
+export { d as default };

package/dist/fields/Range.d.ts

@@ -0,0 +1,16 @@
+import { TInput } from './type';
+/** Поле «диапазон»: кастомный трек (div), визуально как «таблетка» с заливкой, без нативного range */
+export type TRange = TInput & {
+    min?: number;
+    max?: number;
+    step?: number;
+};
+/** @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 namespace RangeField {
+    var displayName: string;
+}
+export default RangeField;
+/** Псевдоним для обратной совместимости */
+export { RangeField as ProgressField };

package/dist/fields/Range.js

@@ -0,0 +1,101 @@
+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";
+//#region src/lib/fields/Range.tsx
+function a(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({ 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) => {
+		let t = {
+			value: o(e, h, g, _),
+			name: d || "",
+			reload: S
+		};
+		c && d && c.setValue(t), l && l !== c?.onValue && l(t);
+	}, [
+		c,
+		d,
+		S,
+		l,
+		h,
+		g,
+		_
+	]), A = r.useCallback((e) => {
+		let t = O.current;
+		if (!t) return h;
+		let n = t.getBoundingClientRect(), r = n.width || 1;
+		return o(h + (e - n.left) / r * (g - h), h, g, _);
+	}, [
+		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));
+	}, N = (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;
+		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
+		});
+	};
+	return /* @__PURE__ */ i(t, {
+		type: "range",
+		title: f || p,
+		error: m,
+		element_blok: { className: [x || ""] },
+		element_input: {
+			className: [e.w, e.range],
+			props: { "data-disabled": b || !D ? "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
+			})
+		}) })
+	});
+}
+s.displayName = "RangeField";
+//#endregion
+export { s as default };

package/dist/fields/Select.d.ts

@@ -0,0 +1,21 @@
+import { TInput } from './type';
+type SelectOptionObject = Record<number, {
+    n: string;
+    s: number;
+}>;
+type SelectOptionArrayItem = {
+    id?: number;
+    i?: number;
+    n: string;
+    s?: number;
+};
+type SelectOptions = SelectOptionObject | SelectOptionArrayItem[];
+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 namespace SelectField {
+    var displayName: string;
+}
+export default SelectField;