@feugene/granularity 0.20.0 → 0.22.0

package/dist/components/GrFilePreview/chunks/GrFilePreview-rbE3zL9w.js

@@ -0,0 +1,315 @@
+import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { t as GrSkeleton_default } from "../../GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
+import { a as filePreviewInteractiveClass, c as filePreviewMediaLoadingClass, d as filePreviewTileWidths, i as filePreviewIconClass, l as filePreviewRatioClass, o as filePreviewLabelClass, r as filePreviewFallbackClass, s as filePreviewMediaClass, u as filePreviewRootClass } from "../../../chunks/config-QJ54_fcM.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+//#region ~icons/lucide/file
+var _hoisted_1$6 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$6(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), createElementVNode("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" })], -1)])]);
+}
+var file_default = markRaw({
+	name: "lucide-file",
+	render: render$6
+});
+//#endregion
+//#region ~icons/lucide/file-archive
+var _hoisted_1$5 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$5(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [
+		createElementVNode("path", { d: "M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5" }),
+		createElementVNode("path", { d: "M14 2v5a1 1 0 0 0 1 1h5M8 12v-1m0 7v-2m0-9V6" }),
+		createElementVNode("circle", {
+			cx: "8",
+			cy: "20",
+			r: "2"
+		})
+	], -1)])]);
+}
+var file_archive_default = markRaw({
+	name: "lucide-file-archive",
+	render: render$5
+});
+//#endregion
+//#region ~icons/lucide/file-spreadsheet
+var _hoisted_1$4 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$4(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), createElementVNode("path", { d: "M14 2v5a1 1 0 0 0 1 1h5M8 13h2m4 0h2m-8 4h2m4 0h2" })], -1)])]);
+}
+var file_spreadsheet_default = markRaw({
+	name: "lucide-file-spreadsheet",
+	render: render$4
+});
+//#endregion
+//#region ~icons/lucide/file-text
+var _hoisted_1$3 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$3(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), createElementVNode("path", { d: "M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8" })], -1)])]);
+}
+var file_text_default = markRaw({
+	name: "lucide-file-text",
+	render: render$3
+});
+//#endregion
+//#region ~icons/lucide/file-type
+var _hoisted_1$2 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$2(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), createElementVNode("path", { d: "M14 2v5a1 1 0 0 0 1 1h5m-9 10h2m-1-6v6m-3-5v-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v.5" })], -1)])]);
+}
+var file_type_default = markRaw({
+	name: "lucide-file-type",
+	render: render$2
+});
+//#endregion
+//#region ~icons/lucide/image-off
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "m2 2l20 20M10.41 10.41a2 2 0 1 1-2.83-2.83m5.92 5.92L6 21m12-9l3 3" }), createElementVNode("path", { d: "M3.59 3.59A2 2 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59M21 15V5a2 2 0 0 0-2-2H9" })], -1)])]);
+}
+var image_off_default = markRaw({
+	name: "lucide-image-off",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrFilePreview/fileKindOf.ts
+/** Точные типы. Порядок не важен — совпадение полное. */
+var EXACT = {
+	"application/pdf": "pdf",
+	"application/x-pdf": "pdf",
+	"application/msword": "document",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document": "document",
+	"application/vnd.oasis.opendocument.text": "document",
+	"application/rtf": "document",
+	"application/vnd.ms-excel": "spreadsheet",
+	"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "spreadsheet",
+	"application/vnd.oasis.opendocument.spreadsheet": "spreadsheet",
+	"text/csv": "spreadsheet",
+	"text/tab-separated-values": "spreadsheet",
+	"application/zip": "archive",
+	"application/x-zip-compressed": "archive",
+	"application/x-rar-compressed": "archive",
+	"application/vnd.rar": "archive",
+	"application/x-7z-compressed": "archive",
+	"application/x-tar": "archive",
+	"application/gzip": "archive",
+	"application/x-gzip": "archive"
+};
+/**
+* Приведение к сравнимому виду: тип приходит из БД и бывает с параметрами
+* (`text/plain; charset=utf-8`) и в любом регистре.
+*/
+function normalize(mime) {
+	return mime.split(";")[0].trim().toLowerCase();
+}
+function fileKindOf(mime) {
+	if (!mime) return "unknown";
+	const type = normalize(mime);
+	if (!type) return "unknown";
+	if (type.startsWith("image/")) return "image";
+	const exact = EXACT[type];
+	if (exact) return exact;
+	if (type.startsWith("text/")) return "document";
+	return "unknown";
+}
+/** Картинку показываем, остальное — подписываем иконкой. */
+function isPreviewableKind(kind) {
+	return kind === "image";
+}
+//#endregion
+//#region src/components/GrFilePreview/GrFilePreview.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"src",
+	"alt",
+	"loading"
+];
+//#endregion
+//#region src/components/GrFilePreview/GrFilePreview.vue
+var GrFilePreview_default = /* @__PURE__ */ defineComponent({
+	__name: "GrFilePreview",
+	props: {
+		src: { default: void 0 },
+		mime: { default: void 0 },
+		name: { default: void 0 },
+		tileSize: { default: void 0 },
+		ratio: { default: void 0 },
+		href: { default: void 0 },
+		as: { default: void 0 },
+		clickable: {
+			type: Boolean,
+			default: false
+		},
+		loading: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const resolvedTileSize = useGrComponentProp("GrFilePreview", "tileSize", () => props.tileSize, "md");
+		const resolvedRatio = useGrComponentProp("GrFilePreview", "ratio", () => props.ratio, "1:1");
+		const resolvedLoading = useGrComponentProp("GrFilePreview", "loading", () => props.loading, "lazy");
+		const kind = computed(() => fileKindOf(props.mime));
+		/**
+		* Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью
+		* может исчезнуть с диска, и «сломанная картинка» здесь не информативнее
+		* иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток
+		* приезжают вразнобой, и без него сетка стоит дырами непонятной природы —
+		* «ещё едет» и «файл без превью» выглядят одинаково.
+		*/
+		const imageState = ref("loading");
+		watch(() => props.src, () => {
+			imageState.value = "loading";
+		});
+		const showImage = computed(() => isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== "error");
+		const showSkeleton = computed(() => showImage.value && imageState.value === "loading");
+		/**
+		* Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и
+		* значок другой: «изображение не открылось», а не «это файл».
+		*/
+		const iconByKind = {
+			image: markRaw(image_off_default),
+			pdf: markRaw(file_text_default),
+			document: markRaw(file_type_default),
+			spreadsheet: markRaw(file_spreadsheet_default),
+			archive: markRaw(file_archive_default),
+			unknown: markRaw(file_default)
+		};
+		const fallbackIcon = computed(() => iconByKind[kind.value]);
+		const isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable);
+		const rootTag = computed(() => {
+			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
+			if (props.href) return "a";
+			return props.clickable ? "button" : "div";
+		});
+		/**
+		* Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без
+		* `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —
+		* там он и гасится.
+		*/
+		const rootHref = computed(() => typeof rootTag.value === "string" && rootTag.value !== "a" ? void 0 : props.href);
+		const rootClass = computed(() => [
+			filePreviewRootClass,
+			filePreviewRatioClass[resolvedRatio.value],
+			typeof resolvedTileSize.value === "number" ? "" : filePreviewTileWidths[resolvedTileSize.value],
+			isInteractive.value ? filePreviewInteractiveClass : ""
+		].filter(Boolean).join(" "));
+		const rootStyle = computed(() => typeof resolvedTileSize.value === "number" ? { width: `${resolvedTileSize.value}px` } : void 0);
+		/**
+		* `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка
+		* декоративна, и придуманное компонентом описание было бы хуже пустого.
+		*/
+		const alt = computed(() => props.name ?? "");
+		function onClick(event) {
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(rootTag.value), {
+				"data-gr-file-preview": "",
+				"data-kind": kind.value,
+				type: rootTag.value === "button" ? "button" : void 0,
+				href: rootHref.value,
+				class: normalizeClass(rootClass.value),
+				style: normalizeStyle(rootStyle.value),
+				"aria-label": __props.ariaLabel,
+				onClick
+			}, {
+				default: withCtx(() => [showSkeleton.value ? (openBlock(), createBlock(GrSkeleton_default, {
+					key: 0,
+					"data-gr-file-preview-skeleton": "",
+					width: "100%",
+					height: "100%",
+					rounded: "var(--gr-file-preview-radius, var(--gr-radius-md))"
+				})) : createCommentVNode("", true), showImage.value ? (openBlock(), createElementBlock("img", {
+					key: __props.src ?? "",
+					"data-gr-file-preview-image": "",
+					src: __props.src ?? void 0,
+					alt: alt.value,
+					loading: unref(resolvedLoading),
+					class: normalizeClass([unref(filePreviewMediaClass), showSkeleton.value ? unref(filePreviewMediaLoadingClass) : ""]),
+					onLoad: _cache[0] || (_cache[0] = ($event) => imageState.value = "loaded"),
+					onError: _cache[1] || (_cache[1] = ($event) => imageState.value = "error")
+				}, null, 42, _hoisted_1)) : (openBlock(), createElementBlock("span", {
+					key: 2,
+					"data-gr-file-preview-fallback": "",
+					class: normalizeClass(unref(filePreviewFallbackClass))
+				}, [(openBlock(), createBlock(resolveDynamicComponent(fallbackIcon.value), {
+					class: normalizeClass(unref(filePreviewIconClass)),
+					"aria-hidden": "true"
+				}, null, 8, ["class"])), __props.name ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"data-gr-file-preview-label": "",
+					class: normalizeClass(unref(filePreviewLabelClass))
+				}, toDisplayString(__props.name), 3)) : createCommentVNode("", true)], 2))]),
+				_: 1
+			}, 8, [
+				"data-kind",
+				"type",
+				"href",
+				"class",
+				"style",
+				"aria-label"
+			]);
+		};
+	}
+});
+//#endregion
+export { GrFilePreview_default as t };

package/dist/components/GrFilePreview/chunks/GrFilePreview-rbE3zL9w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrFilePreview-rbE3zL9w.js","names":[],"sources":["../../../../src/components/GrFilePreview/fileKindOf.ts","../../../../src/components/GrFilePreview/GrFilePreview.vue","../../../../src/components/GrFilePreview/GrFilePreview.vue"],"sourcesContent":["/**\n * Вид файла по MIME-типу.\n *\n * Тип решает **`mime`, а не расширение**: расширение врёт (`.dat` у выгрузки,\n * `.pdf` у переименованного архива), а бэкенд отдаёт настоящий тип — брать надо\n * его. От вида зависит единственное решение компонента: рисовать `<img>` или\n * иконку.\n */\n\nexport type GrFileKind =\n  | 'image'\n  | 'pdf'\n  | 'document'\n  | 'spreadsheet'\n  | 'archive'\n  /** Тип не опознан, пуст или это `application/octet-stream`. */\n  | 'unknown'\n\n/** Точные типы. Порядок не важен — совпадение полное. */\nconst EXACT: Record<string, GrFileKind> = {\n  'application/pdf': 'pdf',\n  'application/x-pdf': 'pdf',\n\n  'application/msword': 'document',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'document',\n  'application/vnd.oasis.opendocument.text': 'document',\n  'application/rtf': 'document',\n\n  'application/vnd.ms-excel': 'spreadsheet',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'spreadsheet',\n  'application/vnd.oasis.opendocument.spreadsheet': 'spreadsheet',\n  'text/csv': 'spreadsheet',\n  'text/tab-separated-values': 'spreadsheet',\n\n  'application/zip': 'archive',\n  'application/x-zip-compressed': 'archive',\n  'application/x-rar-compressed': 'archive',\n  'application/vnd.rar': 'archive',\n  'application/x-7z-compressed': 'archive',\n  'application/x-tar': 'archive',\n  'application/gzip': 'archive',\n  'application/x-gzip': 'archive',\n}\n\n/**\n * Приведение к сравнимому виду: тип приходит из БД и бывает с параметрами\n * (`text/plain; charset=utf-8`) и в любом регистре.\n */\nfunction normalize(mime: string): string {\n  return mime.split(';')[0].trim().toLowerCase()\n}\n\nexport function fileKindOf(mime: string | null | undefined): GrFileKind {\n  if (!mime) return 'unknown'\n\n  const type = normalize(mime)\n  if (!type) return 'unknown'\n\n  // Картинка — единственный вид, который компонент рисует, а не подписывает.\n  if (type.startsWith('image/')) return 'image'\n\n  const exact = EXACT[type]\n  if (exact) return exact\n\n  // `text/csv` уже разобран выше: таблица важнее общего правила для текста.\n  if (type.startsWith('text/')) return 'document'\n\n  return 'unknown'\n}\n\n/** Картинку показываем, остальное — подписываем иконкой. */\nexport function isPreviewableKind(kind: GrFileKind): boolean {\n  return kind === 'image'\n}\n","<script setup lang=\"ts\">\nimport { computed, markRaw, ref, watch, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconFile from '~icons/lucide/file'\nimport IconFileArchive from '~icons/lucide/file-archive'\nimport IconFileSpreadsheet from '~icons/lucide/file-spreadsheet'\nimport IconFileText from '~icons/lucide/file-text'\nimport IconFileType from '~icons/lucide/file-type'\nimport IconImageOff from '~icons/lucide/image-off'\n\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { fileKindOf, isPreviewableKind, type GrFileKind } from './fileKindOf'\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n  type GrFilePreviewRatio,\n} from './grFilePreviewStyles'\n\nexport type { GrFileKind } from './fileKindOf'\nexport type { GrFilePreviewRatio } from './grFilePreviewStyles'\n\n/**\n * Плитка превью файла с фолбэком по типу.\n *\n * Показывает **сохранённый** файл, а не отправляет новый: отправка — это\n * `GrFormFile` и `GrFileUpload`. Просмотрщик во весь экран открывает\n * потребитель по событию `click`.\n */\nexport interface GrFilePreviewProps {\n  /** Адрес превью. Пусто — сразу заглушка по типу. */\n  src?: string | null\n  /** MIME-тип. Он решает, картинка это или файл. */\n  mime?: string | null\n  /** Имя файла: доступное имя картинки и подпись заглушки. */\n  name?: string | null\n  /**\n   * Ступень канонической шкалы либо произвольная ширина в пикселях. Число —\n   * escape-hatch, как диаметр у GrAvatar: плитка 96px в ленте вложений в\n   * четыре ступени не укладывается.\n   */\n  tileSize?: GrSizeWithPx\n  ratio?: GrFilePreviewRatio\n  /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */\n  href?: string\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */\n  clickable?: boolean\n  loading?: 'lazy' | 'eager'\n  /**\n   * Доступное имя интерактивной плитки. Не задано — имя приходит из содержимого:\n   * `alt` картинки или подписи заглушки.\n   */\n  ariaLabel?: string\n}\n\nexport interface GrFilePreviewEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrFilePreviewProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  src: undefined,\n  mime: undefined,\n  name: undefined,\n  tileSize: undefined,\n  ratio: undefined,\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  loading: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrFilePreviewEmits>()\n\nconst resolvedTileSize = useGrComponentProp('GrFilePreview', 'tileSize', () => props.tileSize, 'md')\nconst resolvedRatio = useGrComponentProp('GrFilePreview', 'ratio', () => props.ratio, '1:1')\nconst resolvedLoading = useGrComponentProp('GrFilePreview', 'loading', () => props.loading, 'lazy')\n\nconst kind = computed<GrFileKind>(() => fileKindOf(props.mime))\n\n/**\n * Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью\n * может исчезнуть с диска, и «сломанная картинка» здесь не информативнее\n * иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток\n * приезжают вразнобой, и без него сетка стоит дырами непонятной природы —\n * «ещё едет» и «файл без превью» выглядят одинаково.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst imageState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ни ошибку прошлой, ни её готовность.\nwatch(() => props.src, () => { imageState.value = 'loading' })\n\nconst showImage = computed(() => (\n  isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== 'error'\n))\n\nconst showSkeleton = computed(() => showImage.value && imageState.value === 'loading')\n\n/**\n * Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и\n * значок другой: «изображение не открылось», а не «это файл».\n */\nconst iconByKind: Record<GrFileKind, Component> = {\n  image: markRaw(IconImageOff),\n  pdf: markRaw(IconFileText),\n  document: markRaw(IconFileType),\n  spreadsheet: markRaw(IconFileSpreadsheet),\n  archive: markRaw(IconFileArchive),\n  unknown: markRaw(IconFile),\n}\n\nconst fallbackIcon = computed(() => iconByKind[kind.value])\n\nconst isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  if (props.href) return 'a'\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => [\n  filePreviewRootClass,\n  filePreviewRatioClass[resolvedRatio.value],\n  typeof resolvedTileSize.value === 'number' ? '' : filePreviewTileWidths[resolvedTileSize.value],\n  isInteractive.value ? filePreviewInteractiveClass : '',\n].filter(Boolean).join(' '))\n\nconst rootStyle = computed(() => (\n  typeof resolvedTileSize.value === 'number' ? { width: `${resolvedTileSize.value}px` } : undefined\n))\n\n/**\n * `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка\n * декоративна, и придуманное компонентом описание было бы хуже пустого.\n */\nconst alt = computed(() => props.name ?? '')\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-file-preview\n    :data-kind=\"kind\"\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    :aria-label=\"ariaLabel\"\n    @click=\"onClick\"\n  >\n    <GrSkeleton\n      v-if=\"showSkeleton\"\n      data-gr-file-preview-skeleton\n      width=\"100%\"\n      height=\"100%\"\n      rounded=\"var(--gr-file-preview-radius, var(--gr-radius-md))\"\n    />\n\n    <!--\n      Условие — `showImage`, а не «картинка готова»: убери её из дерева на\n      время загрузки, и браузер не начнёт качать, а `load` не придёт никогда.\n      Поэтому она ждёт невидимой и вне потока — иначе поделила бы плитку со\n      скелетом как второй flex-элемент.\n    -->\n    <img\n      v-if=\"showImage\"\n      :key=\"src ?? ''\"\n      data-gr-file-preview-image\n      :src=\"src ?? undefined\"\n      :alt=\"alt\"\n      :loading=\"resolvedLoading\"\n      :class=\"[filePreviewMediaClass, showSkeleton ? filePreviewMediaLoadingClass : '']\"\n      @load=\"imageState = 'loaded'\"\n      @error=\"imageState = 'error'\"\n    >\n\n    <span v-else data-gr-file-preview-fallback :class=\"filePreviewFallbackClass\">\n      <component :is=\"fallbackIcon\" :class=\"filePreviewIconClass\" aria-hidden=\"true\" />\n      <span v-if=\"name\" data-gr-file-preview-label :class=\"filePreviewLabelClass\">{{ name }}</span>\n    </span>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, ref, watch, type Component } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconFile from '~icons/lucide/file'\nimport IconFileArchive from '~icons/lucide/file-archive'\nimport IconFileSpreadsheet from '~icons/lucide/file-spreadsheet'\nimport IconFileText from '~icons/lucide/file-text'\nimport IconFileType from '~icons/lucide/file-type'\nimport IconImageOff from '~icons/lucide/image-off'\n\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { fileKindOf, isPreviewableKind, type GrFileKind } from './fileKindOf'\nimport {\n  filePreviewFallbackClass,\n  filePreviewIconClass,\n  filePreviewInteractiveClass,\n  filePreviewLabelClass,\n  filePreviewMediaClass,\n  filePreviewMediaLoadingClass,\n  filePreviewRatioClass,\n  filePreviewRootClass,\n  filePreviewTileWidths,\n  type GrFilePreviewRatio,\n} from './grFilePreviewStyles'\n\nexport type { GrFileKind } from './fileKindOf'\nexport type { GrFilePreviewRatio } from './grFilePreviewStyles'\n\n/**\n * Плитка превью файла с фолбэком по типу.\n *\n * Показывает **сохранённый** файл, а не отправляет новый: отправка — это\n * `GrFormFile` и `GrFileUpload`. Просмотрщик во весь экран открывает\n * потребитель по событию `click`.\n */\nexport interface GrFilePreviewProps {\n  /** Адрес превью. Пусто — сразу заглушка по типу. */\n  src?: string | null\n  /** MIME-тип. Он решает, картинка это или файл. */\n  mime?: string | null\n  /** Имя файла: доступное имя картинки и подпись заглушки. */\n  name?: string | null\n  /**\n   * Ступень канонической шкалы либо произвольная ширина в пикселях. Число —\n   * escape-hatch, как диаметр у GrAvatar: плитка 96px в ленте вложений в\n   * четыре ступени не укладывается.\n   */\n  tileSize?: GrSizeWithPx\n  ratio?: GrFilePreviewRatio\n  /** Ссылка на оригинал — для не-картинок и для перехода мимо просмотрщика. */\n  href?: string\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Плитка кликабельна и эмитит `click` — обычно чтобы открыть просмотрщик. */\n  clickable?: boolean\n  loading?: 'lazy' | 'eager'\n  /**\n   * Доступное имя интерактивной плитки. Не задано — имя приходит из содержимого:\n   * `alt` картинки или подписи заглушки.\n   */\n  ariaLabel?: string\n}\n\nexport interface GrFilePreviewEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrFilePreviewProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  src: undefined,\n  mime: undefined,\n  name: undefined,\n  tileSize: undefined,\n  ratio: undefined,\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  loading: undefined,\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrFilePreviewEmits>()\n\nconst resolvedTileSize = useGrComponentProp('GrFilePreview', 'tileSize', () => props.tileSize, 'md')\nconst resolvedRatio = useGrComponentProp('GrFilePreview', 'ratio', () => props.ratio, '1:1')\nconst resolvedLoading = useGrComponentProp('GrFilePreview', 'loading', () => props.loading, 'lazy')\n\nconst kind = computed<GrFileKind>(() => fileKindOf(props.mime))\n\n/**\n * Состояний три, а не два. Сорвавшаяся загрузка деградирует в заглушку: превью\n * может исчезнуть с диска, и «сломанная картинка» здесь не информативнее\n * иконки. Отдельное `loading` нужно ленте вложений: два десятка плиток\n * приезжают вразнобой, и без него сетка стоит дырами непонятной природы —\n * «ещё едет» и «файл без превью» выглядят одинаково.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst imageState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ни ошибку прошлой, ни её готовность.\nwatch(() => props.src, () => { imageState.value = 'loading' })\n\nconst showImage = computed(() => (\n  isPreviewableKind(kind.value) && Boolean(props.src) && imageState.value !== 'error'\n))\n\nconst showSkeleton = computed(() => showImage.value && imageState.value === 'loading')\n\n/**\n * Иконка вида. Картинка попадает сюда только сорвавшейся загрузкой — тогда и\n * значок другой: «изображение не открылось», а не «это файл».\n */\nconst iconByKind: Record<GrFileKind, Component> = {\n  image: markRaw(IconImageOff),\n  pdf: markRaw(IconFileText),\n  document: markRaw(IconFileType),\n  spreadsheet: markRaw(IconFileSpreadsheet),\n  archive: markRaw(IconFileArchive),\n  unknown: markRaw(IconFile),\n}\n\nconst fallbackIcon = computed(() => iconByKind[kind.value])\n\nconst isInteractive = computed(() => Boolean(props.as) || Boolean(props.href) || props.clickable)\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  if (props.href) return 'a'\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => [\n  filePreviewRootClass,\n  filePreviewRatioClass[resolvedRatio.value],\n  typeof resolvedTileSize.value === 'number' ? '' : filePreviewTileWidths[resolvedTileSize.value],\n  isInteractive.value ? filePreviewInteractiveClass : '',\n].filter(Boolean).join(' '))\n\nconst rootStyle = computed(() => (\n  typeof resolvedTileSize.value === 'number' ? { width: `${resolvedTileSize.value}px` } : undefined\n))\n\n/**\n * `alt` не выдумывается. Есть имя — оно и есть `alt`; нет — картинка\n * декоративна, и придуманное компонентом описание было бы хуже пустого.\n */\nconst alt = computed(() => props.name ?? '')\n\nfunction onClick(event: MouseEvent): void {\n  emit('click', event)\n}\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-file-preview\n    :data-kind=\"kind\"\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    :aria-label=\"ariaLabel\"\n    @click=\"onClick\"\n  >\n    <GrSkeleton\n      v-if=\"showSkeleton\"\n      data-gr-file-preview-skeleton\n      width=\"100%\"\n      height=\"100%\"\n      rounded=\"var(--gr-file-preview-radius, var(--gr-radius-md))\"\n    />\n\n    <!--\n      Условие — `showImage`, а не «картинка готова»: убери её из дерева на\n      время загрузки, и браузер не начнёт качать, а `load` не придёт никогда.\n      Поэтому она ждёт невидимой и вне потока — иначе поделила бы плитку со\n      скелетом как второй flex-элемент.\n    -->\n    <img\n      v-if=\"showImage\"\n      :key=\"src ?? ''\"\n      data-gr-file-preview-image\n      :src=\"src ?? undefined\"\n      :alt=\"alt\"\n      :loading=\"resolvedLoading\"\n      :class=\"[filePreviewMediaClass, showSkeleton ? filePreviewMediaLoadingClass : '']\"\n      @load=\"imageState = 'loaded'\"\n      @error=\"imageState = 'error'\"\n    >\n\n    <span v-else data-gr-file-preview-fallback :class=\"filePreviewFallbackClass\">\n      <component :is=\"fallbackIcon\" :class=\"filePreviewIconClass\" aria-hidden=\"true\" />\n      <span v-if=\"name\" data-gr-file-preview-label :class=\"filePreviewLabelClass\">{{ name }}</span>\n    </span>\n  </component>\n</template>\n"],"mappings":"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"}

package/dist/components/GrFilePreview/index.js

@@ -0,0 +1,3 @@
+import { t as GrFilePreview_default } from "./chunks/GrFilePreview-rbE3zL9w.js";
+import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "../../chunks/config-QJ54_fcM.js";
+export { GrFilePreview_default as GrFilePreview, GrFilePreview_default as default, grFilePreviewConfig, grFilePreviewSafelist };

package/dist/components/GrForm/chunks/{GrForm-DdJw23Pz.js → GrForm-B_Qq_13k.js}

@@ -88,6 +88,12 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const { t } = useGranularityTranslations();
+		/**
+		* Модель наружу дженерик, а адресация полей внутри работает по строковому пути.
+		* Приведение безопасно: форма читает и пишет только по именам, объявленным
+		* полями (`GrFormField name`), а не по всему объекту.
+		*/
+		const modelRecord = computed(() => props.model);
 		const errors = ref({});
 		const fieldRegistry = /* @__PURE__ */ new Map();
 		/**
@@ -103,7 +109,7 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 			return toRuleArray(props.rules?.[name]);
 		}
 		function getValue(name) {
-			return getByPath(props.model, name);
+			return getByPath(modelRecord.value, name);
 		}
 		const requiredFields = computed(() => {
 			const set = new Set(selfRequiredFields.value);
@@ -142,7 +148,7 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 		async function runValidation(name, seq, rules) {
 			validatingSet.value = new Set(validatingSet.value).add(name);
 			try {
-				const message = await runFieldRules(getValue(name), rules, props.model, resolveMessage);
+				const message = await runFieldRules(getValue(name), rules, modelRecord.value, resolveMessage);
 				if (validationSeq.get(name) !== seq) {
 					const current = validationRuns.get(name);
 					return current && current.seq !== seq ? current.promise : !errors.value[name];
@@ -195,7 +201,7 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 			for (const name of list) delete next[name];
 			errors.value = next;
 		}
-		const initialSnapshot = ref(cloneModelValue(props.model));
+		const initialSnapshot = ref(cloneModelValue(modelRecord.value));
 		/**
 		* Переснять «исходное» состояние. Нужен формам редактирования: модель там
 		* наполняется после ответа сервера, а снимок в `setup` фиксировал пустой
@@ -215,14 +221,15 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 		}
 		function resetFields(names) {
 			const snapshot = initialSnapshot.value;
+			const model = modelRecord.value;
 			const list = names ? Array.isArray(names) ? names : [names] : void 0;
-			const keys = list ?? [.../* @__PURE__ */ new Set([...Object.keys(props.model), ...Object.keys(snapshot)])];
-			for (const key of keys) if (key in snapshot) setByPath(props.model, key, cloneModelValue(snapshot[key]));
-			else removeKey(props.model, key);
+			const keys = list ?? [.../* @__PURE__ */ new Set([...Object.keys(model), ...Object.keys(snapshot)])];
+			for (const key of keys) if (key in snapshot) setByPath(model, key, cloneModelValue(snapshot[key]));
+			else if (typeof model[key] !== "function") removeKey(model, key);
 			clearValidate(list);
 		}
 		/** Модель отличается от снимка. Файлы сравниваются отпечатком, а не ссылкой. */
-		const isDirty = computed(() => modelFingerprint(props.model) !== modelFingerprint(initialSnapshot.value));
+		const isDirty = computed(() => modelFingerprint(modelRecord.value) !== modelFingerprint(initialSnapshot.value));
 		/**
 		* Известных ошибок нет. Это не «валидация прошла»: до первого `validate()`
 		* ошибок нет просто потому, что никто не проверял.

package/dist/components/GrForm/chunks/GrForm-B_Qq_13k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrForm-B_Qq_13k.js","names":[],"sources":["../../../../src/components/GrForm/modelSnapshot.ts","../../../../src/components/GrForm/GrForm.vue","../../../../src/components/GrForm/GrForm.vue"],"sourcesContent":["/**\n * Снимок модели формы: клон для `resetFields` и отпечаток для `isDirty`.\n *\n * Чистый модуль без Vue: обе операции читают «сквозь» reactive-прокси и\n * тестируются без монтирования.\n *\n * Почему не `JSON.parse(JSON.stringify(...))` и не `structuredClone`: первый\n * теряет `File` (у файла нет ни перечислимых собственных свойств, ни `toJSON`,\n * поэтому в снимок попадал `{}`), второй падает на прокси с `DataCloneError`.\n */\n\n/** `File` и прочие `Blob` — двоичные значения, для которых клон бессмыслен. */\nfunction isBinary(value: unknown): value is Blob {\n  return typeof Blob !== 'undefined' && value instanceof Blob\n}\n\nfunction cloneValue(value: unknown): unknown {\n  if (typeof value === 'function' || typeof value === 'symbol') return undefined\n  if (value === null || typeof value !== 'object') return value\n\n  // По ссылке: содержимое файла клонировать нечем, а идентичность как раз и\n  // нужна — `resetFields` обязан вернуть тот самый файл, а не его подобие.\n  if (isBinary(value)) return value\n\n  if (Array.isArray(value)) {\n    // Как у `JSON.stringify`: не-сериализуемый элемент массива становится `null`,\n    // иначе сброс сдвинул бы индексы.\n    return value.map((item) => {\n      const cloned = cloneValue(item)\n      return cloned === undefined ? null : cloned\n    })\n  }\n\n  // `Date` и прочие носители `toJSON` ведут себя ровно как раньше.\n  const toJSON = (value as { toJSON?: unknown }).toJSON\n  if (typeof toJSON === 'function') return cloneValue((value as { toJSON: () => unknown }).toJSON())\n\n  const out: Record<string, unknown> = {}\n  for (const [key, item] of Object.entries(value)) {\n    const cloned = cloneValue(item)\n    if (cloned !== undefined) out[key] = cloned\n  }\n  return out\n}\n\n/** Клон значения модели: JSON-семантика плюс сохранённые по ссылке файлы. */\nexport function cloneModelValue<T>(value: T): T {\n  return value === undefined ? value : (cloneValue(value) as T)\n}\n\n/**\n * Отпечаток файла для сравнения. Тождество здесь не годится: `resetFields`\n * кладёт в модель клон снимка, и сравнение по ссылке считало бы форму грязной\n * сразу после сброса. Тройки «имя, размер, время» достаточно, чтобы отличить\n * один выбранный файл от другого.\n */\nfunction binaryFingerprint(value: Blob): string {\n  if (typeof File !== 'undefined' && value instanceof File)\n    return `gr-file:${value.name}:${value.size}:${value.lastModified}`\n\n  return `gr-blob:${value.size}:${value.type}`\n}\n\n/**\n * Строка, по которой сравниваются модель и снимок. Без неё любой `File`\n * сериализовался в `{}`, и «выбрал документ» было неотличимо от «не трогал».\n */\nexport function modelFingerprint(value: unknown): string {\n  return JSON.stringify(value, (_key, item) => isBinary(item) ? binaryFingerprint(item) : item) ?? ''\n}\n","<script setup lang=\"ts\" generic=\"TModel extends object = Record<string, unknown>\">\nimport { computed, onBeforeUnmount, provide, ref, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_KEY } from './context'\nimport { cloneModelValue, modelFingerprint } from './modelSnapshot'\nimport {\n  getByPath,\n  createGrFormMessageResolver,\n  rulesForTrigger,\n  rulesRequired,\n  runFieldRules,\n  setByPath,\n  toRuleArray,\n  type GrFormRule,\n  type GrFormRules,\n  type GrFormTrigger,\n} from './validation'\n\nexport type {\n  GrFormFileRule,\n  GrFormRule,\n  GrFormRules,\n  GrFormTrigger,\n  GrFormValidatorResult,\n} from './validation'\n\n/**\n * Публичный GR-примитив «Form» — оркестрация валидации над `GrFormField`.\n *\n * Модель формы (`v-model`-объект приложения) + декларативные `rules` по имени поля.\n * Форма прогоняет правила, раскладывает ошибки по контексту, скроллит к первой\n * ошибке и эмитит `submit` только при валидной форме. Императивный API — через\n * template ref (`validate` / `validateField` / `clearValidate` / `resetFields` /\n * `scrollToField`).\n */\nexport interface GrFormProps<TModel extends object = Record<string, unknown>> {\n  /**\n   * Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`),\n   * в т.ч. dot-path.\n   *\n   * Тип дженерик, а не `Record<string, unknown>`: моделью бывает объект чужой\n   * библиотеки (`useForm` Inertia, стор), у которого рядом с полями лежат\n   * собственные методы. Под словарь он не подходит, и потребителю пришлось бы\n   * приводить его через `as unknown as` в каждой форме.\n   */\n  model: TModel\n  /** Правила валидации по имени поля: `{ email: [{ required: true, type: 'email' }] }`. */\n  rules?: GrFormRules\n  /** Валидировать поле при потере фокуса. */\n  validateOnBlur?: boolean\n  /** Валидировать поле при каждом изменении значения. */\n  validateOnChange?: boolean\n  /** Скроллить к первому невалидному полю после `validate()`. */\n  scrollToError?: boolean\n  scrollBehavior?: ScrollBehavior\n  /**\n   * Выключить форму целиком — типично на время отправки. Доезжает до контролов\n   * через контекст поля, поэтому обходить их по одному не нужно.\n   */\n  disabled?: boolean\n}\n\nexport interface GrFormEmits<TModel extends object = Record<string, unknown>> {\n  /** Форма прошла валидацию по submit. Отдаёт `model`. */\n  (e: 'submit', model: TModel): void\n  /** Результат валидации одного поля. */\n  (e: 'validate', name: string, valid: boolean, message: string | undefined): void\n  /**\n   * Submit не прошёл валидацию. Без этого события «форма невалидна» и «ничего\n   * не произошло» выглядят для потребителя одинаково.\n   */\n  (e: 'invalid', errors: Record<string, string>): void\n}\n\nconst props = withDefaults(\n  defineProps<GrFormProps<TModel>>(),\n  {\n    rules: undefined,\n    validateOnBlur: true,\n    validateOnChange: false,\n    scrollToError: true,\n    scrollBehavior: 'smooth',\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<GrFormEmits<TModel>>()\n\nconst { t } = useGranularityTranslations()\n\n/**\n * Модель наружу дженерик, а адресация полей внутри работает по строковому пути.\n * Приведение безопасно: форма читает и пишет только по именам, объявленным\n * полями (`GrFormField name`), а не по всему объекту.\n */\nconst modelRecord = computed(() => props.model as Record<string, unknown>)\n\n// ————— Ошибки и реестр полей.\nconst errors = ref<Record<string, string | undefined>>({})\nconst fieldRegistry = new Map<string, () => HTMLElement | null>()\n\n/**\n * Поля, объявившие себя обязательными собственным пропом `required` — без\n * правила в `rules`. До этого они рисовали звёздочку, но submit пропускал их\n * пустыми: обязательность и валидация жили в разных местах.\n */\nconst selfRequiredFields = ref<Set<string>>(new Set())\n\n/** Поля с идущей асинхронной проверкой. */\nconst validatingSet = ref<Set<string>>(new Set())\nconst validatingFields = computed(() => validatingSet.value)\n\nfunction getRules(name: string): GrFormRule[] {\n  return toRuleArray(props.rules?.[name])\n}\n\nfunction getValue(name: string): unknown {\n  return getByPath(modelRecord.value, name)\n}\n\nconst requiredFields = computed(() => {\n  const set = new Set<string>(selfRequiredFields.value)\n  for (const name of Object.keys(props.rules ?? {})) {\n    if (rulesRequired(getRules(name))) set.add(name)\n  }\n  return set\n})\n\n/** Все поля, которые форма обязана проверить: с правилами и обязательные без них. */\nconst validatedNames = computed(() => [\n  ...new Set([...Object.keys(props.rules ?? {}), ...selfRequiredFields.value]),\n])\n\n/**\n * Правила поля с учётом неявной обязательности: `<GrFormField required>` без\n * записи в `rules` проверяется тем же `required`-правилом и тем же сообщением,\n * что и явное.\n */\nconst IMPLICIT_REQUIRED_RULE: GrFormRule = { required: true }\n\nfunction effectiveRules(name: string): GrFormRule[] {\n  const rules = getRules(name)\n  if (rules.length) return rules\n  return selfRequiredFields.value.has(name) ? [IMPLICIT_REQUIRED_RULE] : []\n}\n\n// Дефолтные i18n-сообщения (перекрываются `rule.message`) — общие с любым\n// потребителем движка правил, не только с формой.\nconst resolveMessage = createGrFormMessageResolver(t)\n\n// ————— Валидация.\n// Счётчик поколений на имя поля: перекрывающиеся асинхронные прогоны пишут\n// результат в порядке РАЗРЕШЕНИЯ промисов, и без него медленный ответ про\n// старое значение затирал бы свежий (приём — `searchSeq` в GrAutocomplete).\nconst validationSeq = new Map<string, number>()\n// Последний стартовавший прогон поля: вытесненному нечего сказать о текущем\n// значении, и он отдаёт вердикт того, кто его вытеснил, — иначе `validate()`\n// собрал бы «валидно» из карты ошибок, куда новый прогон ещё не записал.\nconst validationRuns = new Map<string, { seq: number, promise: Promise<boolean> }>()\n\nasync function validateField(name: string, trigger?: GrFormTrigger): Promise<boolean> {\n  if (trigger === 'blur' && !props.validateOnBlur) return !errors.value[name]\n\n  const rules = rulesForTrigger(effectiveRules(name), trigger)\n  if (!rules.length) return !errors.value[name]\n\n  const seq = (validationSeq.get(name) ?? 0) + 1\n  validationSeq.set(name, seq)\n\n  const run = runValidation(name, seq, rules)\n  validationRuns.set(name, { seq, promise: run })\n  return run\n}\n\nasync function runValidation(name: string, seq: number, rules: GrFormRule[]): Promise<boolean> {\n  // Признак «идёт проверка» нужен именно асинхронным правилам: без него поле\n  // молчит до ответа сервера, и пользователь не знает, что что-то происходит.\n  validatingSet.value = new Set(validatingSet.value).add(name)\n  try {\n    const message = await runFieldRules(getValue(name), rules, modelRecord.value, resolveMessage)\n\n    // Устаревший прогон: его результат — про прежнее значение, не применять.\n    if (validationSeq.get(name) !== seq) {\n      const current = validationRuns.get(name)\n      // Цепочка конечна: каждый следующий прогон новее предыдущего. Своего\n      // прогона в реестре нет только после `clearValidate` — там проверять\n      // нечего, форма уже чиста.\n      return current && current.seq !== seq ? current.promise : !errors.value[name]\n    }\n\n    errors.value = { ...errors.value, [name]: message }\n    emit('validate', name, !message, message)\n    return !message\n  }\n  finally {\n    if (validationSeq.get(name) === seq) {\n      const next = new Set(validatingSet.value)\n      next.delete(name)\n      validatingSet.value = next\n    }\n  }\n}\n\nasync function validate(): Promise<boolean> {\n  const results = await Promise.all(validatedNames.value.map(name => validateField(name)))\n  const valid = results.every(Boolean)\n  if (!valid && props.scrollToError) scrollToFirstError()\n  return valid\n}\n\n/**\n * Отменить летящие проверки: их ответ относится к состоянию до сброса, и\n * записать его в очищенную форму значило бы вернуть пользователю ошибку,\n * которую он только что убрал. Заодно снимаем «проверяем» — ждать сервер,\n * чтобы погасить индикатор на сброшенном поле, не за чем.\n */\nfunction invalidateValidation(names?: string[]): void {\n  const list = names ?? [...validationSeq.keys()]\n  if (!list.length) return\n\n  const nextValidating = new Set(validatingSet.value)\n  for (const name of list) {\n    validationSeq.set(name, (validationSeq.get(name) ?? 0) + 1)\n    validationRuns.delete(name)\n    nextValidating.delete(name)\n  }\n  validatingSet.value = nextValidating\n}\n\nfunction clearValidate(names?: string | string[]): void {\n  if (!names) {\n    invalidateValidation()\n    errors.value = {}\n    return\n  }\n  const list = Array.isArray(names) ? names : [names]\n  invalidateValidation(list)\n  const next = { ...errors.value }\n  for (const name of list) delete next[name]\n  errors.value = next\n}\n\nconst initialSnapshot = ref<Record<string, unknown>>(cloneModelValue(modelRecord.value))\n\n/**\n * Переснять «исходное» состояние. Нужен формам редактирования: модель там\n * наполняется после ответа сервера, а снимок в `setup` фиксировал пустой\n * объект — и `resetFields()` возвращал не «как было при загрузке», а пустоту.\n */\nfunction setSnapshot(model?: Record<string, unknown>): void {\n  initialSnapshot.value = cloneModelValue((model ?? props.model) as Record<string, unknown>)\n}\n\n/**\n * Удаление ключа модели. Вынесено в функцию не ради красоты: модель — проп, и\n * прямое `delete props.model[key]` линтер справедливо считает мутацией пропа.\n * Мутируем мы при этом по контракту — `model` у формы и есть общий объект\n * данных приложения, ради которого форма и существует.\n */\nfunction removeKey(model: Record<string, unknown>, key: string): void {\n  delete model[key]\n}\n\nfunction resetFields(names?: string | string[]): void {\n  const snapshot = initialSnapshot.value\n  const model = modelRecord.value\n  const list = names ? (Array.isArray(names) ? names : [names]) : undefined\n\n  // Ключи объединяем: поле, появившееся после снимка, надо **удалить**, а не\n  // выставить в `undefined` — иначе «сброс» оставляет за собой мусор.\n  const keys = list ?? [...new Set([...Object.keys(model), ...Object.keys(snapshot)])]\n\n  // Метод не удаляем, даже если его нет в снимке. Снимок строится клоном, а клон\n  // отбрасывает функции — то есть для внешней модели (`useForm` Inertia, стор)\n  // «нет в снимке» означает «это её метод», и сброс снёс бы саму модель.\n  for (const key of keys) {\n    if (key in snapshot) setByPath(model, key, cloneModelValue(snapshot[key]))\n    else if (typeof model[key] !== 'function') removeKey(model, key)\n  }\n\n  clearValidate(list)\n}\n\n/** Модель отличается от снимка. Файлы сравниваются отпечатком, а не ссылкой. */\nconst isDirty = computed(() => modelFingerprint(modelRecord.value) !== modelFingerprint(initialSnapshot.value))\n\n/**\n * Известных ошибок нет. Это не «валидация прошла»: до первого `validate()`\n * ошибок нет просто потому, что никто не проверял.\n */\nconst isValid = computed(() => Object.values(errors.value).every(message => !message))\n\n// ————— Scroll-to-error.\nfunction scrollToField(name: string): void {\n  const el = fieldRegistry.get(name)?.()\n  if (!el) return\n  el.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  const focusable = el.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')\n  focusable?.focus?.()\n}\n\nfunction scrollToFirstError(): void {\n  const elements = [...fieldRegistry.entries()]\n    .filter(([name]) => errors.value[name])\n    .map(([, getEl]) => getEl())\n    .filter((el): el is HTMLElement => Boolean(el))\n\n  // Первое по порядку в DOM — «самое верхнее» невалидное поле на экране.\n  elements.sort((a, b) =>\n    (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) ? -1 : 1,\n  )\n\n  const first = elements[0]\n  if (!first) return\n  first.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  first.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')?.focus?.()\n}\n\n// ————— «Умный» change: чистим ошибку по мере исправления; валидируем при validateOnChange.\nlet stopWatchers: Array<() => void> = []\nwatch(\n  // Ключ — строка имён, а не массив: идентичность массива меняется на каждый\n  // пересчёт геттера, и все пер-полевые watcher'ы пересоздавались впустую.\n  () => validatedNames.value.join(' '),\n  () => {\n    stopWatchers.forEach(stop => stop())\n    stopWatchers = validatedNames.value.map(name =>\n      watch(\n        () => getValue(name),\n        () => {\n          if (props.validateOnChange) void validateField(name, 'change')\n          else if (errors.value[name]) void validateField(name) // ре-валидация, чтобы снять ошибку\n        },\n        { deep: true },\n      ),\n    )\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => stopWatchers.forEach(stop => stop()))\n\n// ————— Контекст для `GrFormField`.\nprovide(GR_FORM_KEY, {\n  errors,\n  requiredFields,\n  validatingFields,\n  disabled: computed(() => props.disabled),\n  hasField: (name: string) => effectiveRules(name).length > 0,\n  registerField: (name, getEl, registration) => {\n    fieldRegistry.set(name, getEl)\n\n    const stopRequired = registration?.required\n      ? watch(\n          registration.required,\n          (required) => {\n            const next = new Set(selfRequiredFields.value)\n            if (required) next.add(name)\n            else next.delete(name)\n            selfRequiredFields.value = next\n          },\n          { immediate: true },\n        )\n      : undefined\n\n    return () => {\n      fieldRegistry.delete(name)\n      // Иначе счётчики поколений копятся на динамических именах\n      // (`items.417.email`) до размонтирования формы.\n      validationSeq.delete(name)\n      validationRuns.delete(name)\n      stopRequired?.()\n      const next = new Set(selfRequiredFields.value)\n      next.delete(name)\n      selfRequiredFields.value = next\n    }\n  },\n  validateField,\n})\n\nfunction onSubmit(): void {\n  void validate().then((valid) => {\n    if (valid) {\n      emit('submit', props.model)\n      return\n    }\n\n    const failed: Record<string, string> = {}\n    for (const [name, message] of Object.entries(errors.value)) {\n      if (message) failed[name] = message\n    }\n    emit('invalid', failed)\n  })\n}\n\ndefineExpose({\n  validate,\n  validateField,\n  clearValidate,\n  resetFields,\n  scrollToField,\n  setSnapshot,\n  isDirty,\n  isValid,\n  validatingFields,\n})\n</script>\n\n<template>\n  <form data-gr-form novalidate @submit.prevent=\"onSubmit\">\n    <slot\n      :validate=\"validate\"\n      :errors=\"errors\"\n      :is-dirty=\"isDirty\"\n      :is-valid=\"isValid\"\n      :validating-fields=\"validatingFields\"\n      :reset-fields=\"resetFields\"\n      :set-snapshot=\"setSnapshot\"\n    />\n  </form>\n</template>\n","<script setup lang=\"ts\" generic=\"TModel extends object = Record<string, unknown>\">\nimport { computed, onBeforeUnmount, provide, ref, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_KEY } from './context'\nimport { cloneModelValue, modelFingerprint } from './modelSnapshot'\nimport {\n  getByPath,\n  createGrFormMessageResolver,\n  rulesForTrigger,\n  rulesRequired,\n  runFieldRules,\n  setByPath,\n  toRuleArray,\n  type GrFormRule,\n  type GrFormRules,\n  type GrFormTrigger,\n} from './validation'\n\nexport type {\n  GrFormFileRule,\n  GrFormRule,\n  GrFormRules,\n  GrFormTrigger,\n  GrFormValidatorResult,\n} from './validation'\n\n/**\n * Публичный GR-примитив «Form» — оркестрация валидации над `GrFormField`.\n *\n * Модель формы (`v-model`-объект приложения) + декларативные `rules` по имени поля.\n * Форма прогоняет правила, раскладывает ошибки по контексту, скроллит к первой\n * ошибке и эмитит `submit` только при валидной форме. Императивный API — через\n * template ref (`validate` / `validateField` / `clearValidate` / `resetFields` /\n * `scrollToField`).\n */\nexport interface GrFormProps<TModel extends object = Record<string, unknown>> {\n  /**\n   * Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`),\n   * в т.ч. dot-path.\n   *\n   * Тип дженерик, а не `Record<string, unknown>`: моделью бывает объект чужой\n   * библиотеки (`useForm` Inertia, стор), у которого рядом с полями лежат\n   * собственные методы. Под словарь он не подходит, и потребителю пришлось бы\n   * приводить его через `as unknown as` в каждой форме.\n   */\n  model: TModel\n  /** Правила валидации по имени поля: `{ email: [{ required: true, type: 'email' }] }`. */\n  rules?: GrFormRules\n  /** Валидировать поле при потере фокуса. */\n  validateOnBlur?: boolean\n  /** Валидировать поле при каждом изменении значения. */\n  validateOnChange?: boolean\n  /** Скроллить к первому невалидному полю после `validate()`. */\n  scrollToError?: boolean\n  scrollBehavior?: ScrollBehavior\n  /**\n   * Выключить форму целиком — типично на время отправки. Доезжает до контролов\n   * через контекст поля, поэтому обходить их по одному не нужно.\n   */\n  disabled?: boolean\n}\n\nexport interface GrFormEmits<TModel extends object = Record<string, unknown>> {\n  /** Форма прошла валидацию по submit. Отдаёт `model`. */\n  (e: 'submit', model: TModel): void\n  /** Результат валидации одного поля. */\n  (e: 'validate', name: string, valid: boolean, message: string | undefined): void\n  /**\n   * Submit не прошёл валидацию. Без этого события «форма невалидна» и «ничего\n   * не произошло» выглядят для потребителя одинаково.\n   */\n  (e: 'invalid', errors: Record<string, string>): void\n}\n\nconst props = withDefaults(\n  defineProps<GrFormProps<TModel>>(),\n  {\n    rules: undefined,\n    validateOnBlur: true,\n    validateOnChange: false,\n    scrollToError: true,\n    scrollBehavior: 'smooth',\n    disabled: false,\n  },\n)\n\nconst emit = defineEmits<GrFormEmits<TModel>>()\n\nconst { t } = useGranularityTranslations()\n\n/**\n * Модель наружу дженерик, а адресация полей внутри работает по строковому пути.\n * Приведение безопасно: форма читает и пишет только по именам, объявленным\n * полями (`GrFormField name`), а не по всему объекту.\n */\nconst modelRecord = computed(() => props.model as Record<string, unknown>)\n\n// ————— Ошибки и реестр полей.\nconst errors = ref<Record<string, string | undefined>>({})\nconst fieldRegistry = new Map<string, () => HTMLElement | null>()\n\n/**\n * Поля, объявившие себя обязательными собственным пропом `required` — без\n * правила в `rules`. До этого они рисовали звёздочку, но submit пропускал их\n * пустыми: обязательность и валидация жили в разных местах.\n */\nconst selfRequiredFields = ref<Set<string>>(new Set())\n\n/** Поля с идущей асинхронной проверкой. */\nconst validatingSet = ref<Set<string>>(new Set())\nconst validatingFields = computed(() => validatingSet.value)\n\nfunction getRules(name: string): GrFormRule[] {\n  return toRuleArray(props.rules?.[name])\n}\n\nfunction getValue(name: string): unknown {\n  return getByPath(modelRecord.value, name)\n}\n\nconst requiredFields = computed(() => {\n  const set = new Set<string>(selfRequiredFields.value)\n  for (const name of Object.keys(props.rules ?? {})) {\n    if (rulesRequired(getRules(name))) set.add(name)\n  }\n  return set\n})\n\n/** Все поля, которые форма обязана проверить: с правилами и обязательные без них. */\nconst validatedNames = computed(() => [\n  ...new Set([...Object.keys(props.rules ?? {}), ...selfRequiredFields.value]),\n])\n\n/**\n * Правила поля с учётом неявной обязательности: `<GrFormField required>` без\n * записи в `rules` проверяется тем же `required`-правилом и тем же сообщением,\n * что и явное.\n */\nconst IMPLICIT_REQUIRED_RULE: GrFormRule = { required: true }\n\nfunction effectiveRules(name: string): GrFormRule[] {\n  const rules = getRules(name)\n  if (rules.length) return rules\n  return selfRequiredFields.value.has(name) ? [IMPLICIT_REQUIRED_RULE] : []\n}\n\n// Дефолтные i18n-сообщения (перекрываются `rule.message`) — общие с любым\n// потребителем движка правил, не только с формой.\nconst resolveMessage = createGrFormMessageResolver(t)\n\n// ————— Валидация.\n// Счётчик поколений на имя поля: перекрывающиеся асинхронные прогоны пишут\n// результат в порядке РАЗРЕШЕНИЯ промисов, и без него медленный ответ про\n// старое значение затирал бы свежий (приём — `searchSeq` в GrAutocomplete).\nconst validationSeq = new Map<string, number>()\n// Последний стартовавший прогон поля: вытесненному нечего сказать о текущем\n// значении, и он отдаёт вердикт того, кто его вытеснил, — иначе `validate()`\n// собрал бы «валидно» из карты ошибок, куда новый прогон ещё не записал.\nconst validationRuns = new Map<string, { seq: number, promise: Promise<boolean> }>()\n\nasync function validateField(name: string, trigger?: GrFormTrigger): Promise<boolean> {\n  if (trigger === 'blur' && !props.validateOnBlur) return !errors.value[name]\n\n  const rules = rulesForTrigger(effectiveRules(name), trigger)\n  if (!rules.length) return !errors.value[name]\n\n  const seq = (validationSeq.get(name) ?? 0) + 1\n  validationSeq.set(name, seq)\n\n  const run = runValidation(name, seq, rules)\n  validationRuns.set(name, { seq, promise: run })\n  return run\n}\n\nasync function runValidation(name: string, seq: number, rules: GrFormRule[]): Promise<boolean> {\n  // Признак «идёт проверка» нужен именно асинхронным правилам: без него поле\n  // молчит до ответа сервера, и пользователь не знает, что что-то происходит.\n  validatingSet.value = new Set(validatingSet.value).add(name)\n  try {\n    const message = await runFieldRules(getValue(name), rules, modelRecord.value, resolveMessage)\n\n    // Устаревший прогон: его результат — про прежнее значение, не применять.\n    if (validationSeq.get(name) !== seq) {\n      const current = validationRuns.get(name)\n      // Цепочка конечна: каждый следующий прогон новее предыдущего. Своего\n      // прогона в реестре нет только после `clearValidate` — там проверять\n      // нечего, форма уже чиста.\n      return current && current.seq !== seq ? current.promise : !errors.value[name]\n    }\n\n    errors.value = { ...errors.value, [name]: message }\n    emit('validate', name, !message, message)\n    return !message\n  }\n  finally {\n    if (validationSeq.get(name) === seq) {\n      const next = new Set(validatingSet.value)\n      next.delete(name)\n      validatingSet.value = next\n    }\n  }\n}\n\nasync function validate(): Promise<boolean> {\n  const results = await Promise.all(validatedNames.value.map(name => validateField(name)))\n  const valid = results.every(Boolean)\n  if (!valid && props.scrollToError) scrollToFirstError()\n  return valid\n}\n\n/**\n * Отменить летящие проверки: их ответ относится к состоянию до сброса, и\n * записать его в очищенную форму значило бы вернуть пользователю ошибку,\n * которую он только что убрал. Заодно снимаем «проверяем» — ждать сервер,\n * чтобы погасить индикатор на сброшенном поле, не за чем.\n */\nfunction invalidateValidation(names?: string[]): void {\n  const list = names ?? [...validationSeq.keys()]\n  if (!list.length) return\n\n  const nextValidating = new Set(validatingSet.value)\n  for (const name of list) {\n    validationSeq.set(name, (validationSeq.get(name) ?? 0) + 1)\n    validationRuns.delete(name)\n    nextValidating.delete(name)\n  }\n  validatingSet.value = nextValidating\n}\n\nfunction clearValidate(names?: string | string[]): void {\n  if (!names) {\n    invalidateValidation()\n    errors.value = {}\n    return\n  }\n  const list = Array.isArray(names) ? names : [names]\n  invalidateValidation(list)\n  const next = { ...errors.value }\n  for (const name of list) delete next[name]\n  errors.value = next\n}\n\nconst initialSnapshot = ref<Record<string, unknown>>(cloneModelValue(modelRecord.value))\n\n/**\n * Переснять «исходное» состояние. Нужен формам редактирования: модель там\n * наполняется после ответа сервера, а снимок в `setup` фиксировал пустой\n * объект — и `resetFields()` возвращал не «как было при загрузке», а пустоту.\n */\nfunction setSnapshot(model?: Record<string, unknown>): void {\n  initialSnapshot.value = cloneModelValue((model ?? props.model) as Record<string, unknown>)\n}\n\n/**\n * Удаление ключа модели. Вынесено в функцию не ради красоты: модель — проп, и\n * прямое `delete props.model[key]` линтер справедливо считает мутацией пропа.\n * Мутируем мы при этом по контракту — `model` у формы и есть общий объект\n * данных приложения, ради которого форма и существует.\n */\nfunction removeKey(model: Record<string, unknown>, key: string): void {\n  delete model[key]\n}\n\nfunction resetFields(names?: string | string[]): void {\n  const snapshot = initialSnapshot.value\n  const model = modelRecord.value\n  const list = names ? (Array.isArray(names) ? names : [names]) : undefined\n\n  // Ключи объединяем: поле, появившееся после снимка, надо **удалить**, а не\n  // выставить в `undefined` — иначе «сброс» оставляет за собой мусор.\n  const keys = list ?? [...new Set([...Object.keys(model), ...Object.keys(snapshot)])]\n\n  // Метод не удаляем, даже если его нет в снимке. Снимок строится клоном, а клон\n  // отбрасывает функции — то есть для внешней модели (`useForm` Inertia, стор)\n  // «нет в снимке» означает «это её метод», и сброс снёс бы саму модель.\n  for (const key of keys) {\n    if (key in snapshot) setByPath(model, key, cloneModelValue(snapshot[key]))\n    else if (typeof model[key] !== 'function') removeKey(model, key)\n  }\n\n  clearValidate(list)\n}\n\n/** Модель отличается от снимка. Файлы сравниваются отпечатком, а не ссылкой. */\nconst isDirty = computed(() => modelFingerprint(modelRecord.value) !== modelFingerprint(initialSnapshot.value))\n\n/**\n * Известных ошибок нет. Это не «валидация прошла»: до первого `validate()`\n * ошибок нет просто потому, что никто не проверял.\n */\nconst isValid = computed(() => Object.values(errors.value).every(message => !message))\n\n// ————— Scroll-to-error.\nfunction scrollToField(name: string): void {\n  const el = fieldRegistry.get(name)?.()\n  if (!el) return\n  el.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  const focusable = el.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')\n  focusable?.focus?.()\n}\n\nfunction scrollToFirstError(): void {\n  const elements = [...fieldRegistry.entries()]\n    .filter(([name]) => errors.value[name])\n    .map(([, getEl]) => getEl())\n    .filter((el): el is HTMLElement => Boolean(el))\n\n  // Первое по порядку в DOM — «самое верхнее» невалидное поле на экране.\n  elements.sort((a, b) =>\n    (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING) ? -1 : 1,\n  )\n\n  const first = elements[0]\n  if (!first) return\n  first.scrollIntoView({ behavior: props.scrollBehavior, block: 'center' })\n  first.querySelector<HTMLElement>('input, select, textarea, button, [tabindex]:not([tabindex=\"-1\"])')?.focus?.()\n}\n\n// ————— «Умный» change: чистим ошибку по мере исправления; валидируем при validateOnChange.\nlet stopWatchers: Array<() => void> = []\nwatch(\n  // Ключ — строка имён, а не массив: идентичность массива меняется на каждый\n  // пересчёт геттера, и все пер-полевые watcher'ы пересоздавались впустую.\n  () => validatedNames.value.join(' '),\n  () => {\n    stopWatchers.forEach(stop => stop())\n    stopWatchers = validatedNames.value.map(name =>\n      watch(\n        () => getValue(name),\n        () => {\n          if (props.validateOnChange) void validateField(name, 'change')\n          else if (errors.value[name]) void validateField(name) // ре-валидация, чтобы снять ошибку\n        },\n        { deep: true },\n      ),\n    )\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => stopWatchers.forEach(stop => stop()))\n\n// ————— Контекст для `GrFormField`.\nprovide(GR_FORM_KEY, {\n  errors,\n  requiredFields,\n  validatingFields,\n  disabled: computed(() => props.disabled),\n  hasField: (name: string) => effectiveRules(name).length > 0,\n  registerField: (name, getEl, registration) => {\n    fieldRegistry.set(name, getEl)\n\n    const stopRequired = registration?.required\n      ? watch(\n          registration.required,\n          (required) => {\n            const next = new Set(selfRequiredFields.value)\n            if (required) next.add(name)\n            else next.delete(name)\n            selfRequiredFields.value = next\n          },\n          { immediate: true },\n        )\n      : undefined\n\n    return () => {\n      fieldRegistry.delete(name)\n      // Иначе счётчики поколений копятся на динамических именах\n      // (`items.417.email`) до размонтирования формы.\n      validationSeq.delete(name)\n      validationRuns.delete(name)\n      stopRequired?.()\n      const next = new Set(selfRequiredFields.value)\n      next.delete(name)\n      selfRequiredFields.value = next\n    }\n  },\n  validateField,\n})\n\nfunction onSubmit(): void {\n  void validate().then((valid) => {\n    if (valid) {\n      emit('submit', props.model)\n      return\n    }\n\n    const failed: Record<string, string> = {}\n    for (const [name, message] of Object.entries(errors.value)) {\n      if (message) failed[name] = message\n    }\n    emit('invalid', failed)\n  })\n}\n\ndefineExpose({\n  validate,\n  validateField,\n  clearValidate,\n  resetFields,\n  scrollToField,\n  setSnapshot,\n  isDirty,\n  isValid,\n  validatingFields,\n})\n</script>\n\n<template>\n  <form data-gr-form novalidate @submit.prevent=\"onSubmit\">\n    <slot\n      :validate=\"validate\"\n      :errors=\"errors\"\n      :is-dirty=\"isDirty\"\n      :is-valid=\"isValid\"\n      :validating-fields=\"validatingFields\"\n      :reset-fields=\"resetFields\"\n      :set-snapshot=\"setSnapshot\"\n    />\n  </form>\n</template>\n"],"mappings":"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"}

package/dist/components/GrForm/index.js

@@ -1,5 +1,5 @@
 import { n as useGrFormContext } from "../../chunks/context-Bfrgsluh.js";
 import { a as runFieldRules, t as createGrFormMessageResolver } from "../../chunks/validation-DauXRIkL.js";
-import { t as GrForm_default } from "./chunks/GrForm-DdJw23Pz.js";
+import { t as GrForm_default } from "./chunks/GrForm-B_Qq_13k.js";
 import { t as grFormConfig } from "../../chunks/config-Droqn55j.js";
 export { GrForm_default as GrForm, GrForm_default as default, createGrFormMessageResolver, grFormConfig, runFieldRules, useGrFormContext };