@feugene/granularity 0.25.0 → 0.27.0

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

@@ -1,6 +1,6 @@
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as GR_FORM_KEY } from "../../../chunks/context-Bfrgsluh.js";
-import { a as runFieldRules, i as rulesRequired, n as getByPath, o as setByPath, r as rulesForTrigger, s as toRuleArray, t as createGrFormMessageResolver } from "../../../chunks/validation-DauXRIkL.js";
+import { a as rulesRequired, c as toRuleArray, i as rulesForTrigger, n as getByPath, o as runFieldRules, s as setByPath, t as createGrFormMessageResolver } from "../../../chunks/validation-5HhpanPP.js";
 import { computed, createElementBlock, defineComponent, onBeforeUnmount, openBlock, provide, ref, renderSlot, watch, withModifiers } from "vue";
 //#region src/components/GrForm/modelSnapshot.ts
 /**
@@ -235,10 +235,16 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 		* ошибок нет просто потому, что никто не проверял.
 		*/
 		const isValid = computed(() => Object.values(errors.value).every((message) => !message));
+		/**
+		* Вызов опциональный: `scrollIntoView` есть в любом браузере, но не в jsdom —
+		* тот не считает layout и метода не реализует вовсе. Без `?.` любой тест
+		* потребителя, где форма не прошла валидацию, падал бы необработанным отказом
+		* промиса, ничего при этом не проверяя про прокрутку.
+		*/
 		function scrollToField(name) {
 			const el = fieldRegistry.get(name)?.();
 			if (!el) return;
-			el.scrollIntoView({
+			el.scrollIntoView?.({
 				behavior: props.scrollBehavior,
 				block: "center"
 			});
@@ -249,7 +255,7 @@ var GrForm_default = /* @__PURE__ */ defineComponent({
 			elements.sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
 			const first = elements[0];
 			if (!first) return;
-			first.scrollIntoView({
+			first.scrollIntoView?.({
 				behavior: props.scrollBehavior,
 				block: "center"
 			});

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrForm-CrnfCsgj.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.\n/**\n * Вызов опциональный: `scrollIntoView` есть в любом браузере, но не в jsdom —\n * тот не считает layout и метода не реализует вовсе. Без `?.` любой тест\n * потребителя, где форма не прошла валидацию, падал бы необработанным отказом\n * промиса, ничего при этом не проверяя про прокрутку.\n */\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\ndefineSlots<{\n  /**\n   * Поля формы. Слот-пропы повторяют публичный API инстанса: форма в шаблоне\n   * доступна без `ref`, а значит и без `nextTick` после монтирования.\n   */\n  default?: (props: {\n    validate: () => Promise<boolean>\n    errors: Record<string, string | undefined>\n    isDirty: boolean\n    isValid: boolean\n    validatingFields: Set<string>\n    resetFields: (names?: string | string[]) => void\n    setSnapshot: (model?: Record<string, unknown>) => void\n  }) => any\n}>()\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.\n/**\n * Вызов опциональный: `scrollIntoView` есть в любом браузере, но не в jsdom —\n * тот не считает layout и метода не реализует вовсе. Без `?.` любой тест\n * потребителя, где форма не прошла валидацию, падал бы необработанным отказом\n * промиса, ничего при этом не проверяя про прокрутку.\n */\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\ndefineSlots<{\n  /**\n   * Поля формы. Слот-пропы повторяют публичный API инстанса: форма в шаблоне\n   * доступна без `ref`, а значит и без `nextTick` после монтирования.\n   */\n  default?: (props: {\n    validate: () => Promise<boolean>\n    errors: Record<string, string | undefined>\n    isDirty: boolean\n    isValid: boolean\n    validatingFields: Set<string>\n    resetFields: (names?: string | string[]) => void\n    setSnapshot: (model?: Record<string, unknown>) => void\n  }) => any\n}>()\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-B_Qq_13k.js";
+import { n as getByPath, o as runFieldRules, r as isEmpty, s as setByPath, t as createGrFormMessageResolver } from "../../chunks/validation-5HhpanPP.js";
+import { t as GrForm_default } from "./chunks/GrForm-CrnfCsgj.js";
 import { t as grFormConfig } from "../../chunks/config-Droqn55j.js";
-export { GrForm_default as GrForm, GrForm_default as default, createGrFormMessageResolver, grFormConfig, runFieldRules, useGrFormContext };
+export { GrForm_default as GrForm, GrForm_default as default, createGrFormMessageResolver, getByPath, grFormConfig, isEmpty, runFieldRules, setByPath, useGrFormContext };

package/dist/components/GrFormField/chunks/GrFormField-DSylU7IU.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrFormField-DSylU7IU.js","names":[],"sources":["../../../../src/components/GrFormField/GrFormField.vue","../../../../src/components/GrFormField/GrFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormContext } from '../GrForm/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_FIELD_KEY } from './context'\nimport {\n  controlColumnClass,\n  errorBaseClass,\n  errorTexts,\n  fieldGaps,\n  hintBaseClass,\n  hintTexts,\n  labelBaseClass,\n  labelInlineClass,\n  labelTexts,\n  requiredMarkClass,\n  rootColumnClass,\n  rootRowClass,\n  type GrFormFieldLabelPosition,\n  type GrFormFieldSize,\n} from './grFormFieldStyles'\n\nexport interface GrFormFieldProps {\n  label?: string\n  /**\n   * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри\n   * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по\n   * этому имени, а потеря фокуса триггерит валидацию поля.\n   */\n  name?: string\n  /** Явный id контрола. Если не задан — генерируется автоматически. */\n  forId?: string\n  /**\n   * Явная ошибка (или несколько). Перекрывает ошибку из `GrForm` — ручной\n   * режим без формы тоже здесь. Массив нужен там, где источник ошибок один,\n   * а претензий несколько: ответ сервера, валидация файла.\n   */\n  error?: string | string[]\n  /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n  hint?: string\n  /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n  required?: boolean\n  /** Всё поле только для чтения: контролы внутри перестают редактироваться. */\n  readonly?: boolean\n  /** Поле недоступно. Складывается с `disabled` формы по «или». */\n  disabled?: boolean\n  /**\n   * Показывать текст ошибки. `false` — поле остаётся невалидным для контрола\n   * и AT (`aria-invalid`), но сообщение не занимает места: так делают в\n   * плотных таблицах-формах, где ошибка объясняется сводкой сверху.\n   */\n  showMessage?: boolean\n  /** Размер подписи, подсказки и ошибки. Не задан — из `GrConfigProvider`, иначе `md`. */\n  size?: GrFormFieldSize\n  /** Подпись сверху (по умолчанию) или сбоку — для плотных форм. */\n  labelPosition?: GrFormFieldLabelPosition\n  /** Ширина колонки подписи при `labelPosition=\"start\"`. Число — пиксели. */\n  labelWidth?: string | number\n  labelClass?: LabelClass\n}\n\nimport './defaults'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<GrFormFieldProps>(),\n  {\n    label: undefined,\n    name: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    readonly: false,\n    disabled: false,\n    showMessage: true,\n    size: undefined,\n    labelPosition: undefined,\n    labelWidth: undefined,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrFormField' })\nconst labelPosition = useGrComponentProp('GrFormField', 'labelPosition', () => props.labelPosition, 'top')\nconst isInlineLabel = computed(() => labelPosition.value === 'start')\n\nconst rootClass = computed(() => [\n  isInlineLabel.value ? rootRowClass : rootColumnClass,\n  fieldGaps[resolvedSize.value],\n])\n\n// Подпись сбоку не сжимается и держит заданную ширину: иначе колонки контролов\n// в форме разъезжаются по длине подписей.\nconst labelStyle = computed(() => {\n  if (!isInlineLabel.value || props.labelWidth === undefined)\n    return undefined\n\n  return { width: typeof props.labelWidth === 'number' ? `${props.labelWidth}px` : props.labelWidth }\n})\n\nconst labelClassName = computed(() => [\n  labelBaseClass,\n  labelTexts[resolvedSize.value],\n  isInlineLabel.value ? labelInlineClass : '',\n])\nconst hintClassName = computed(() => [hintBaseClass, hintTexts[resolvedSize.value]])\nconst errorClassName = computed(() => [errorBaseClass, errorTexts[resolvedSize.value]])\n\n// Контекст `GrForm` (если поле внутри формы). Контролы про форму не знают —\n// оркестрация подключается здесь, на уровне поля.\nconst form = useGrFormContext()\nconst { t } = useGranularityTranslations()\nconst boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)))\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\n// Ошибки: явный проп `error` имеет приоритет, иначе — из формы по `name`.\n// Форма отдаёт одну строку, проп — строку или массив; внутри всегда список.\nconst resolvedErrors = computed<string[]>(() => {\n  if (props.error)\n    return (Array.isArray(props.error) ? props.error : [props.error]).filter(Boolean)\n\n  if (boundToForm.value && props.name) {\n    const fromForm = form!.errors.value[props.name]\n    return fromForm ? [fromForm] : []\n  }\n\n  return []\n})\n\n// Обязательность: проп `required` ИЛИ наличие `required`-правила в форме.\nconst isRequired = computed(() => {\n  if (props.required) return true\n  if (boundToForm.value && props.name) return form!.requiredFields.value.has(props.name)\n  return false\n})\n\n/** Идёт асинхронная проверка этого поля (правило ходит на сервер). */\nconst isValidating = computed(() =>\n  Boolean(boundToForm.value && props.name && form?.validatingFields?.value.has(props.name)),\n)\n\nconst validatingText = computed(() => t('gr.form.validating', 'Checking…'))\n\nconst hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label))\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => resolvedErrors.value.length > 0)\n// Текст можно скрыть, но невалидность поля от этого не исчезает.\nconst showsMessage = computed(() => hasError.value && props.showMessage)\n// Пока идёт проверка, показываем её вместо старой ошибки: ошибка относится к\n// прежнему значению, и оставлять её на экране — врать про текущее.\nconst showsValidating = computed(() => isValidating.value && props.showMessage)\n\n/**\n * `aria-describedby` контрола: подсказка и ошибка.\n *\n * Id ошибки стоит здесь всегда, а не только когда ошибка есть: часть AT не\n * перечитывает описание после смены самого атрибута. Контейнер ошибки при этом\n * тоже живёт в DOM постоянно и меняет только текст — пустой он ничего не\n * добавляет к описанию.\n */\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, errorId].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nconst labelElementId = useId()\nconst labelId = computed(() => (hasLabel.value ? labelElementId : undefined))\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  labelId,\n  readonly: computed(() => props.readonly),\n  // «Или», как и у контролов: форма вправе выключить поле, у которого своего\n  // `disabled` нет.\n  disabled: computed(() => props.disabled || Boolean(form?.disabled?.value)),\n  describedById,\n  invalid: hasError,\n  required: isRequired,\n})\n\n// ————— Интеграция с формой: регистрация (scroll-to-error) + валидация по blur.\nconst fieldRootEl = ref<HTMLElement | null>(null)\nlet unregister: (() => void) | undefined\n\nonMounted(async () => {\n  if (form && props.name) {\n    unregister = form.registerField(props.name, () => fieldRootEl.value, {\n      // Обязательность поля обязана дойти до валидации: иначе звёздочка есть,\n      // а submit проходит с пустым полем.\n      required: () => props.required,\n    })\n  }\n\n  await nextTick()\n  warnIfControlMissed()\n})\n\n/**\n * Контракт поля держится на том, что контрол прочитал `useGrFormFieldContext()`\n * и повесил `id` на себя. Не прочитал — `<label for>` указывает в пустоту:\n * клик по подписи ничего не фокусирует, а связи для скринридера нет, и узнать\n * об этом можно только вручную. Дешёвая страховка — предупреждение в dev.\n */\nfunction warnIfControlMissed(): void {\n  if (!__GR_DEV__) return\n  if (!hasLabel.value) return\n\n  const root = fieldRootEl.value\n  if (!root) return\n\n  const target = Array.from(root.querySelectorAll<HTMLElement>('[id]'))\n    .some(element => element.id === fieldId.value)\n\n  if (target) return\n\n  console.warn(\n    `[GrFormField] Подпись «${props.label ?? ''}» ссылается на id \"${fieldId.value}\", `\n    + 'которого нет внутри поля. Контрол должен прочитать `useGrFormFieldContext()` '\n    + 'и повесить `field.id` на себя — либо задайте `forId` и тот же `id` на контроле.',\n  )\n}\nonBeforeUnmount(() => unregister?.())\n\n// `focusout` всплывает от любого фокусируемого контрола внутри поля (native и\n// кастомного) — единый способ поймать blur без правок самих контролов.\n//\n// Но всплывает он и когда фокус переезжает ВНУТРИ поля: с input на его же\n// кнопку очистки, между чекбоксами группы. Такое поле валидировалось бы раньше,\n// чем пользователь его дозаполнил, поэтому blur считается состоявшимся только\n// если фокус ушёл за пределы корня. `relatedTarget: null` (фокус в никуда:\n// клик по body, уход из окна) — тоже уход.\nfunction onFocusOut(event: FocusEvent): void {\n  if (!form || !props.name) return\n\n  const next = event.relatedTarget as Node | null\n  if (next && fieldRootEl.value?.contains(next)) return\n\n  void form.validateField(props.name, 'blur')\n}\n</script>\n\n<template>\n  <div\n    ref=\"fieldRootEl\"\n    data-gr-form-field\n    :class=\"rootClass\"\n    :aria-busy=\"isValidating ? 'true' : undefined\"\n    @focusout=\"onFocusOut\"\n  >\n    <label\n      v-if=\"hasLabel\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :class=\"[labelClassName, props.labelClass]\"\n      :style=\"labelStyle\"\n    >\n      <slot name=\"label\">{{ props.label }}</slot>\n      <span v-if=\"isRequired\" data-gr-form-field-required aria-hidden=\"true\" :class=\"requiredMarkClass\">*</span>\n    </label>\n\n    <!-- Подсказка, контрол и ошибка живут одной колонкой: при подписи сбоку\n         они остаются рядом с контролом, а не разъезжаются по строке. -->\n    <div data-gr-form-field-control :class=\"[controlColumnClass, fieldGaps[resolvedSize]]\">\n      <p\n        v-if=\"hasHint\"\n        :id=\"hintId\"\n        data-gr-form-field-hint\n        :class=\"hintClassName\"\n      >\n        <slot name=\"hint\">\n          {{ props.hint }}\n        </slot>\n      </p>\n\n      <slot />\n\n      <!-- Пустой контейнер уводится в `sr-only`, чтобы не добавлять пустую\n           строку в колонку поля: gap дал бы видимый отступ. -->\n      <div\n        :id=\"errorId\"\n        data-gr-form-field-error\n        role=\"alert\"\n        :class=\"showsMessage || showsValidating ? errorClassName : 'sr-only'\"\n      >\n        <span v-if=\"showsValidating\" data-gr-form-field-validating :class=\"hintClassName\">\n          {{ validatingText }}\n        </span>\n        <slot v-else-if=\"showsMessage\" name=\"error\" :errors=\"resolvedErrors\">\n          <div\n            v-for=\"(message, index) in resolvedErrors\"\n            :key=\"index\"\n            data-gr-form-field-error-item\n          >\n            {{ message }}\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormContext } from '../GrForm/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_FIELD_KEY } from './context'\nimport {\n  controlColumnClass,\n  errorBaseClass,\n  errorTexts,\n  fieldGaps,\n  hintBaseClass,\n  hintTexts,\n  labelBaseClass,\n  labelInlineClass,\n  labelTexts,\n  requiredMarkClass,\n  rootColumnClass,\n  rootRowClass,\n  type GrFormFieldLabelPosition,\n  type GrFormFieldSize,\n} from './grFormFieldStyles'\n\nexport interface GrFormFieldProps {\n  label?: string\n  /**\n   * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри\n   * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по\n   * этому имени, а потеря фокуса триггерит валидацию поля.\n   */\n  name?: string\n  /** Явный id контрола. Если не задан — генерируется автоматически. */\n  forId?: string\n  /**\n   * Явная ошибка (или несколько). Перекрывает ошибку из `GrForm` — ручной\n   * режим без формы тоже здесь. Массив нужен там, где источник ошибок один,\n   * а претензий несколько: ответ сервера, валидация файла.\n   */\n  error?: string | string[]\n  /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n  hint?: string\n  /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n  required?: boolean\n  /** Всё поле только для чтения: контролы внутри перестают редактироваться. */\n  readonly?: boolean\n  /** Поле недоступно. Складывается с `disabled` формы по «или». */\n  disabled?: boolean\n  /**\n   * Показывать текст ошибки. `false` — поле остаётся невалидным для контрола\n   * и AT (`aria-invalid`), но сообщение не занимает места: так делают в\n   * плотных таблицах-формах, где ошибка объясняется сводкой сверху.\n   */\n  showMessage?: boolean\n  /** Размер подписи, подсказки и ошибки. Не задан — из `GrConfigProvider`, иначе `md`. */\n  size?: GrFormFieldSize\n  /** Подпись сверху (по умолчанию) или сбоку — для плотных форм. */\n  labelPosition?: GrFormFieldLabelPosition\n  /** Ширина колонки подписи при `labelPosition=\"start\"`. Число — пиксели. */\n  labelWidth?: string | number\n  labelClass?: LabelClass\n}\n\nimport './defaults'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<GrFormFieldProps>(),\n  {\n    label: undefined,\n    name: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    readonly: false,\n    disabled: false,\n    showMessage: true,\n    size: undefined,\n    labelPosition: undefined,\n    labelWidth: undefined,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrFormField' })\nconst labelPosition = useGrComponentProp('GrFormField', 'labelPosition', () => props.labelPosition, 'top')\nconst isInlineLabel = computed(() => labelPosition.value === 'start')\n\nconst rootClass = computed(() => [\n  isInlineLabel.value ? rootRowClass : rootColumnClass,\n  fieldGaps[resolvedSize.value],\n])\n\n// Подпись сбоку не сжимается и держит заданную ширину: иначе колонки контролов\n// в форме разъезжаются по длине подписей.\nconst labelStyle = computed(() => {\n  if (!isInlineLabel.value || props.labelWidth === undefined)\n    return undefined\n\n  return { width: typeof props.labelWidth === 'number' ? `${props.labelWidth}px` : props.labelWidth }\n})\n\nconst labelClassName = computed(() => [\n  labelBaseClass,\n  labelTexts[resolvedSize.value],\n  isInlineLabel.value ? labelInlineClass : '',\n])\nconst hintClassName = computed(() => [hintBaseClass, hintTexts[resolvedSize.value]])\nconst errorClassName = computed(() => [errorBaseClass, errorTexts[resolvedSize.value]])\n\n// Контекст `GrForm` (если поле внутри формы). Контролы про форму не знают —\n// оркестрация подключается здесь, на уровне поля.\nconst form = useGrFormContext()\nconst { t } = useGranularityTranslations()\nconst boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)))\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\n// Ошибки: явный проп `error` имеет приоритет, иначе — из формы по `name`.\n// Форма отдаёт одну строку, проп — строку или массив; внутри всегда список.\nconst resolvedErrors = computed<string[]>(() => {\n  if (props.error)\n    return (Array.isArray(props.error) ? props.error : [props.error]).filter(Boolean)\n\n  if (boundToForm.value && props.name) {\n    const fromForm = form!.errors.value[props.name]\n    return fromForm ? [fromForm] : []\n  }\n\n  return []\n})\n\n// Обязательность: проп `required` ИЛИ наличие `required`-правила в форме.\nconst isRequired = computed(() => {\n  if (props.required) return true\n  if (boundToForm.value && props.name) return form!.requiredFields.value.has(props.name)\n  return false\n})\n\n/** Идёт асинхронная проверка этого поля (правило ходит на сервер). */\nconst isValidating = computed(() =>\n  Boolean(boundToForm.value && props.name && form?.validatingFields?.value.has(props.name)),\n)\n\nconst validatingText = computed(() => t('gr.form.validating', 'Checking…'))\n\nconst hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label))\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => resolvedErrors.value.length > 0)\n// Текст можно скрыть, но невалидность поля от этого не исчезает.\nconst showsMessage = computed(() => hasError.value && props.showMessage)\n// Пока идёт проверка, показываем её вместо старой ошибки: ошибка относится к\n// прежнему значению, и оставлять её на экране — врать про текущее.\nconst showsValidating = computed(() => isValidating.value && props.showMessage)\n\n/**\n * `aria-describedby` контрола: подсказка и ошибка.\n *\n * Id ошибки стоит здесь всегда, а не только когда ошибка есть: часть AT не\n * перечитывает описание после смены самого атрибута. Контейнер ошибки при этом\n * тоже живёт в DOM постоянно и меняет только текст — пустой он ничего не\n * добавляет к описанию.\n */\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, errorId].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nconst labelElementId = useId()\nconst labelId = computed(() => (hasLabel.value ? labelElementId : undefined))\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  labelId,\n  readonly: computed(() => props.readonly),\n  // «Или», как и у контролов: форма вправе выключить поле, у которого своего\n  // `disabled` нет.\n  disabled: computed(() => props.disabled || Boolean(form?.disabled?.value)),\n  describedById,\n  invalid: hasError,\n  required: isRequired,\n})\n\n// ————— Интеграция с формой: регистрация (scroll-to-error) + валидация по blur.\nconst fieldRootEl = ref<HTMLElement | null>(null)\nlet unregister: (() => void) | undefined\n\nonMounted(async () => {\n  if (form && props.name) {\n    unregister = form.registerField(props.name, () => fieldRootEl.value, {\n      // Обязательность поля обязана дойти до валидации: иначе звёздочка есть,\n      // а submit проходит с пустым полем.\n      required: () => props.required,\n    })\n  }\n\n  await nextTick()\n  warnIfControlMissed()\n})\n\n/**\n * Контракт поля держится на том, что контрол прочитал `useGrFormFieldContext()`\n * и повесил `id` на себя. Не прочитал — `<label for>` указывает в пустоту:\n * клик по подписи ничего не фокусирует, а связи для скринридера нет, и узнать\n * об этом можно только вручную. Дешёвая страховка — предупреждение в dev.\n */\nfunction warnIfControlMissed(): void {\n  if (!__GR_DEV__) return\n  if (!hasLabel.value) return\n\n  const root = fieldRootEl.value\n  if (!root) return\n\n  const target = Array.from(root.querySelectorAll<HTMLElement>('[id]'))\n    .some(element => element.id === fieldId.value)\n\n  if (target) return\n\n  console.warn(\n    `[GrFormField] Подпись «${props.label ?? ''}» ссылается на id \"${fieldId.value}\", `\n    + 'которого нет внутри поля. Контрол должен прочитать `useGrFormFieldContext()` '\n    + 'и повесить `field.id` на себя — либо задайте `forId` и тот же `id` на контроле.',\n  )\n}\nonBeforeUnmount(() => unregister?.())\n\n// `focusout` всплывает от любого фокусируемого контрола внутри поля (native и\n// кастомного) — единый способ поймать blur без правок самих контролов.\n//\n// Но всплывает он и когда фокус переезжает ВНУТРИ поля: с input на его же\n// кнопку очистки, между чекбоксами группы. Такое поле валидировалось бы раньше,\n// чем пользователь его дозаполнил, поэтому blur считается состоявшимся только\n// если фокус ушёл за пределы корня. `relatedTarget: null` (фокус в никуда:\n// клик по body, уход из окна) — тоже уход.\nfunction onFocusOut(event: FocusEvent): void {\n  if (!form || !props.name) return\n\n  const next = event.relatedTarget as Node | null\n  if (next && fieldRootEl.value?.contains(next)) return\n\n  void form.validateField(props.name, 'blur')\n}\n</script>\n\n<template>\n  <div\n    ref=\"fieldRootEl\"\n    data-gr-form-field\n    :class=\"rootClass\"\n    :aria-busy=\"isValidating ? 'true' : undefined\"\n    @focusout=\"onFocusOut\"\n  >\n    <label\n      v-if=\"hasLabel\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :class=\"[labelClassName, props.labelClass]\"\n      :style=\"labelStyle\"\n    >\n      <slot name=\"label\">{{ props.label }}</slot>\n      <span v-if=\"isRequired\" data-gr-form-field-required aria-hidden=\"true\" :class=\"requiredMarkClass\">*</span>\n    </label>\n\n    <!-- Подсказка, контрол и ошибка живут одной колонкой: при подписи сбоку\n         они остаются рядом с контролом, а не разъезжаются по строке. -->\n    <div data-gr-form-field-control :class=\"[controlColumnClass, fieldGaps[resolvedSize]]\">\n      <p\n        v-if=\"hasHint\"\n        :id=\"hintId\"\n        data-gr-form-field-hint\n        :class=\"hintClassName\"\n      >\n        <slot name=\"hint\">\n          {{ props.hint }}\n        </slot>\n      </p>\n\n      <slot />\n\n      <!-- Пустой контейнер уводится в `sr-only`, чтобы не добавлять пустую\n           строку в колонку поля: gap дал бы видимый отступ. -->\n      <div\n        :id=\"errorId\"\n        data-gr-form-field-error\n        role=\"alert\"\n        :class=\"showsMessage || showsValidating ? errorClassName : 'sr-only'\"\n      >\n        <span v-if=\"showsValidating\" data-gr-form-field-validating :class=\"hintClassName\">\n          {{ validatingText }}\n        </span>\n        <slot v-else-if=\"showsMessage\" name=\"error\" :errors=\"resolvedErrors\">\n          <div\n            v-for=\"(message, index) in resolvedErrors\"\n            :key=\"index\"\n            data-gr-form-field-error-item\n          >\n            {{ message }}\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrFormField-DSylU7IU.js","names":[],"sources":["../../../../src/components/GrFormField/GrFormField.vue","../../../../src/components/GrFormField/GrFormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormContext } from '../GrForm/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_FIELD_KEY } from './context'\nimport {\n  controlColumnClass,\n  errorBaseClass,\n  errorTexts,\n  fieldGaps,\n  hintBaseClass,\n  hintTexts,\n  labelBaseClass,\n  labelInlineClass,\n  labelTexts,\n  requiredMarkClass,\n  rootColumnClass,\n  rootRowClass,\n  type GrFormFieldLabelPosition,\n  type GrFormFieldSize,\n} from './grFormFieldStyles'\n\nexport interface GrFormFieldProps {\n  label?: string\n  /**\n   * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри\n   * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по\n   * этому имени, а потеря фокуса триггерит валидацию поля.\n   */\n  name?: string\n  /** Явный id контрола. Если не задан — генерируется автоматически. */\n  forId?: string\n  /**\n   * Явная ошибка (или несколько). Перекрывает ошибку из `GrForm` — ручной\n   * режим без формы тоже здесь. Массив нужен там, где источник ошибок один,\n   * а претензий несколько: ответ сервера, валидация файла.\n   */\n  error?: string | string[]\n  /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n  hint?: string\n  /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n  required?: boolean\n  /** Всё поле только для чтения: контролы внутри перестают редактироваться. */\n  readonly?: boolean\n  /** Поле недоступно. Складывается с `disabled` формы по «или». */\n  disabled?: boolean\n  /**\n   * Показывать текст ошибки. `false` — поле остаётся невалидным для контрола\n   * и AT (`aria-invalid`), но сообщение не занимает места: так делают в\n   * плотных таблицах-формах, где ошибка объясняется сводкой сверху.\n   */\n  showMessage?: boolean\n  /** Размер подписи, подсказки и ошибки. Не задан — из `GrConfigProvider`, иначе `md`. */\n  size?: GrFormFieldSize\n  /** Подпись сверху (по умолчанию) или сбоку — для плотных форм. */\n  labelPosition?: GrFormFieldLabelPosition\n  /** Ширина колонки подписи при `labelPosition=\"start\"`. Число — пиксели. */\n  labelWidth?: string | number\n  labelClass?: LabelClass\n}\n\nimport './defaults'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<GrFormFieldProps>(),\n  {\n    label: undefined,\n    name: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    readonly: false,\n    disabled: false,\n    showMessage: true,\n    size: undefined,\n    labelPosition: undefined,\n    labelWidth: undefined,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrFormField' })\nconst labelPosition = useGrComponentProp('GrFormField', 'labelPosition', () => props.labelPosition, 'top')\nconst isInlineLabel = computed(() => labelPosition.value === 'start')\n\nconst rootClass = computed(() => [\n  isInlineLabel.value ? rootRowClass : rootColumnClass,\n  fieldGaps[resolvedSize.value],\n])\n\n// Подпись сбоку не сжимается и держит заданную ширину: иначе колонки контролов\n// в форме разъезжаются по длине подписей.\nconst labelStyle = computed(() => {\n  if (!isInlineLabel.value || props.labelWidth === undefined)\n    return undefined\n\n  return { width: typeof props.labelWidth === 'number' ? `${props.labelWidth}px` : props.labelWidth }\n})\n\nconst labelClassName = computed(() => [\n  labelBaseClass,\n  labelTexts[resolvedSize.value],\n  isInlineLabel.value ? labelInlineClass : '',\n])\nconst hintClassName = computed(() => [hintBaseClass, hintTexts[resolvedSize.value]])\nconst errorClassName = computed(() => [errorBaseClass, errorTexts[resolvedSize.value]])\n\n// Контекст `GrForm` (если поле внутри формы). Контролы про форму не знают —\n// оркестрация подключается здесь, на уровне поля.\nconst form = useGrFormContext()\nconst { t } = useGranularityTranslations()\nconst boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)))\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\n// Ошибки: явный проп `error` имеет приоритет, иначе — из формы по `name`.\n// Форма отдаёт одну строку, проп — строку или массив; внутри всегда список.\nconst resolvedErrors = computed<string[]>(() => {\n  if (props.error)\n    return (Array.isArray(props.error) ? props.error : [props.error]).filter(Boolean)\n\n  if (boundToForm.value && props.name) {\n    const fromForm = form!.errors.value[props.name]\n    return fromForm ? [fromForm] : []\n  }\n\n  return []\n})\n\n// Обязательность: проп `required` ИЛИ наличие `required`-правила в форме.\nconst isRequired = computed(() => {\n  if (props.required) return true\n  if (boundToForm.value && props.name) return form!.requiredFields.value.has(props.name)\n  return false\n})\n\n/** Идёт асинхронная проверка этого поля (правило ходит на сервер). */\nconst isValidating = computed(() =>\n  Boolean(boundToForm.value && props.name && form?.validatingFields?.value.has(props.name)),\n)\n\nconst validatingText = computed(() => t('gr.form.validating', 'Checking…'))\n\nconst hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label))\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => resolvedErrors.value.length > 0)\n// Текст можно скрыть, но невалидность поля от этого не исчезает.\nconst showsMessage = computed(() => hasError.value && props.showMessage)\n// Пока идёт проверка, показываем её вместо старой ошибки: ошибка относится к\n// прежнему значению, и оставлять её на экране — врать про текущее.\nconst showsValidating = computed(() => isValidating.value && props.showMessage)\n\n/**\n * `aria-describedby` контрола: подсказка и ошибка.\n *\n * Id ошибки стоит здесь всегда, а не только когда ошибка есть: часть AT не\n * перечитывает описание после смены самого атрибута. Контейнер ошибки при этом\n * тоже живёт в DOM постоянно и меняет только текст — пустой он ничего не\n * добавляет к описанию.\n */\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, errorId].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nconst labelElementId = useId()\nconst labelId = computed(() => (hasLabel.value ? labelElementId : undefined))\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  labelId,\n  readonly: computed(() => props.readonly),\n  // «Или», как и у контролов: форма вправе выключить поле, у которого своего\n  // `disabled` нет.\n  disabled: computed(() => props.disabled || Boolean(form?.disabled?.value)),\n  describedById,\n  invalid: hasError,\n  required: isRequired,\n})\n\n// ————— Интеграция с формой: регистрация (scroll-to-error) + валидация по blur.\nconst fieldRootEl = ref<HTMLElement | null>(null)\nlet unregister: (() => void) | undefined\n\nonMounted(async () => {\n  if (form && props.name) {\n    unregister = form.registerField(props.name, () => fieldRootEl.value, {\n      // Обязательность поля обязана дойти до валидации: иначе звёздочка есть,\n      // а submit проходит с пустым полем.\n      required: () => props.required,\n    })\n  }\n\n  await nextTick()\n  warnIfControlMissed()\n})\n\n/**\n * Контракт поля держится на том, что контрол прочитал `useGrFormFieldContext()`\n * и повесил `id` на себя. Не прочитал — `<label for>` указывает в пустоту:\n * клик по подписи ничего не фокусирует, а связи для скринридера нет, и узнать\n * об этом можно только вручную. Дешёвая страховка — предупреждение в dev.\n */\nfunction warnIfControlMissed(): void {\n  if (!__GR_DEV__) return\n  if (!hasLabel.value) return\n\n  const root = fieldRootEl.value\n  if (!root) return\n\n  const target = Array.from(root.querySelectorAll<HTMLElement>('[id]'))\n    .some(element => element.id === fieldId.value)\n\n  if (target) return\n\n  console.warn(\n    `[GrFormField] Подпись «${props.label ?? ''}» ссылается на id \"${fieldId.value}\", `\n    + 'которого нет внутри поля. Контрол должен прочитать `useGrFormFieldContext()` '\n    + 'и повесить `field.id` на себя — либо задайте `forId` и тот же `id` на контроле.',\n  )\n}\nonBeforeUnmount(() => unregister?.())\n\n// `focusout` всплывает от любого фокусируемого контрола внутри поля (native и\n// кастомного) — единый способ поймать blur без правок самих контролов.\n//\n// Но всплывает он и когда фокус переезжает ВНУТРИ поля: с input на его же\n// кнопку очистки, между чекбоксами группы. Такое поле валидировалось бы раньше,\n// чем пользователь его дозаполнил, поэтому blur считается состоявшимся только\n// если фокус ушёл за пределы корня. `relatedTarget: null` (фокус в никуда:\n// клик по body, уход из окна) — тоже уход.\nfunction onFocusOut(event: FocusEvent): void {\n  if (!form || !props.name) return\n\n  const next = event.relatedTarget as Node | null\n  if (next && fieldRootEl.value?.contains(next)) return\n\n  void form.validateField(props.name, 'blur')\n}\n\ndefineSlots<{\n  /** Контрол поля. */\n  default?: () => any\n  /** Подпись вместо пропа `label`. */\n  label?: () => any\n  /** Подсказка под контролом вместо пропа `hint`. */\n  hint?: () => any\n  /** Текст ошибки вместо стандартного. Получает уже разрешённый список. */\n  error?: (props: { errors: string[] }) => any\n}>()\n\n</script>\n\n<template>\n  <div\n    ref=\"fieldRootEl\"\n    data-gr-form-field\n    :class=\"rootClass\"\n    :aria-busy=\"isValidating ? 'true' : undefined\"\n    @focusout=\"onFocusOut\"\n  >\n    <label\n      v-if=\"hasLabel\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :class=\"[labelClassName, props.labelClass]\"\n      :style=\"labelStyle\"\n    >\n      <slot name=\"label\">{{ props.label }}</slot>\n      <span v-if=\"isRequired\" data-gr-form-field-required aria-hidden=\"true\" :class=\"requiredMarkClass\">*</span>\n    </label>\n\n    <!-- Подсказка, контрол и ошибка живут одной колонкой: при подписи сбоку\n         они остаются рядом с контролом, а не разъезжаются по строке. -->\n    <div data-gr-form-field-control :class=\"[controlColumnClass, fieldGaps[resolvedSize]]\">\n      <p\n        v-if=\"hasHint\"\n        :id=\"hintId\"\n        data-gr-form-field-hint\n        :class=\"hintClassName\"\n      >\n        <slot name=\"hint\">\n          {{ props.hint }}\n        </slot>\n      </p>\n\n      <slot />\n\n      <!-- Пустой контейнер уводится в `sr-only`, чтобы не добавлять пустую\n           строку в колонку поля: gap дал бы видимый отступ. -->\n      <div\n        :id=\"errorId\"\n        data-gr-form-field-error\n        role=\"alert\"\n        :class=\"showsMessage || showsValidating ? errorClassName : 'sr-only'\"\n      >\n        <span v-if=\"showsValidating\" data-gr-form-field-validating :class=\"hintClassName\">\n          {{ validatingText }}\n        </span>\n        <slot v-else-if=\"showsMessage\" name=\"error\" :errors=\"resolvedErrors\">\n          <div\n            v-for=\"(message, index) in resolvedErrors\"\n            :key=\"index\"\n            data-gr-form-field-error-item\n          >\n            {{ message }}\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormContext } from '../GrForm/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { GR_FORM_FIELD_KEY } from './context'\nimport {\n  controlColumnClass,\n  errorBaseClass,\n  errorTexts,\n  fieldGaps,\n  hintBaseClass,\n  hintTexts,\n  labelBaseClass,\n  labelInlineClass,\n  labelTexts,\n  requiredMarkClass,\n  rootColumnClass,\n  rootRowClass,\n  type GrFormFieldLabelPosition,\n  type GrFormFieldSize,\n} from './grFormFieldStyles'\n\nexport interface GrFormFieldProps {\n  label?: string\n  /**\n   * Имя поля в модели `GrForm` (в т.ч. dot-path `address.city`). Когда поле внутри\n   * `GrForm` и задан `name`, ошибка и признак обязательности берутся из формы по\n   * этому имени, а потеря фокуса триггерит валидацию поля.\n   */\n  name?: string\n  /** Явный id контрола. Если не задан — генерируется автоматически. */\n  forId?: string\n  /**\n   * Явная ошибка (или несколько). Перекрывает ошибку из `GrForm` — ручной\n   * режим без формы тоже здесь. Массив нужен там, где источник ошибок один,\n   * а претензий несколько: ответ сервера, валидация файла.\n   */\n  error?: string | string[]\n  /** Подсказка под лейблом/над контролом (можно также через слот `#hint`). */\n  hint?: string\n  /** Помечает поле обязательным (маркер `*` + `aria-required` у контрола). */\n  required?: boolean\n  /** Всё поле только для чтения: контролы внутри перестают редактироваться. */\n  readonly?: boolean\n  /** Поле недоступно. Складывается с `disabled` формы по «или». */\n  disabled?: boolean\n  /**\n   * Показывать текст ошибки. `false` — поле остаётся невалидным для контрола\n   * и AT (`aria-invalid`), но сообщение не занимает места: так делают в\n   * плотных таблицах-формах, где ошибка объясняется сводкой сверху.\n   */\n  showMessage?: boolean\n  /** Размер подписи, подсказки и ошибки. Не задан — из `GrConfigProvider`, иначе `md`. */\n  size?: GrFormFieldSize\n  /** Подпись сверху (по умолчанию) или сбоку — для плотных форм. */\n  labelPosition?: GrFormFieldLabelPosition\n  /** Ширина колонки подписи при `labelPosition=\"start\"`. Число — пиксели. */\n  labelWidth?: string | number\n  labelClass?: LabelClass\n}\n\nimport './defaults'\n\ntype LabelClass = string | string[] | Record<string, boolean>\n\nconst props = withDefaults(\n  defineProps<GrFormFieldProps>(),\n  {\n    label: undefined,\n    name: undefined,\n    forId: undefined,\n    error: undefined,\n    hint: undefined,\n    required: false,\n    readonly: false,\n    disabled: false,\n    showMessage: true,\n    size: undefined,\n    labelPosition: undefined,\n    labelWidth: undefined,\n    labelClass: undefined,\n  },\n)\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrFormField' })\nconst labelPosition = useGrComponentProp('GrFormField', 'labelPosition', () => props.labelPosition, 'top')\nconst isInlineLabel = computed(() => labelPosition.value === 'start')\n\nconst rootClass = computed(() => [\n  isInlineLabel.value ? rootRowClass : rootColumnClass,\n  fieldGaps[resolvedSize.value],\n])\n\n// Подпись сбоку не сжимается и держит заданную ширину: иначе колонки контролов\n// в форме разъезжаются по длине подписей.\nconst labelStyle = computed(() => {\n  if (!isInlineLabel.value || props.labelWidth === undefined)\n    return undefined\n\n  return { width: typeof props.labelWidth === 'number' ? `${props.labelWidth}px` : props.labelWidth }\n})\n\nconst labelClassName = computed(() => [\n  labelBaseClass,\n  labelTexts[resolvedSize.value],\n  isInlineLabel.value ? labelInlineClass : '',\n])\nconst hintClassName = computed(() => [hintBaseClass, hintTexts[resolvedSize.value]])\nconst errorClassName = computed(() => [errorBaseClass, errorTexts[resolvedSize.value]])\n\n// Контекст `GrForm` (если поле внутри формы). Контролы про форму не знают —\n// оркестрация подключается здесь, на уровне поля.\nconst form = useGrFormContext()\nconst { t } = useGranularityTranslations()\nconst boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)))\n\n// Автогенерация id: контрол внутри читает его через inject и связывается с\n// лейблом (`for`) без ручного дублирования `forId`.\nconst generatedId = useId()\nconst fieldId = computed(() => props.forId ?? generatedId)\n\nconst errorId = useId()\nconst hintId = useId()\n\n// Ошибки: явный проп `error` имеет приоритет, иначе — из формы по `name`.\n// Форма отдаёт одну строку, проп — строку или массив; внутри всегда список.\nconst resolvedErrors = computed<string[]>(() => {\n  if (props.error)\n    return (Array.isArray(props.error) ? props.error : [props.error]).filter(Boolean)\n\n  if (boundToForm.value && props.name) {\n    const fromForm = form!.errors.value[props.name]\n    return fromForm ? [fromForm] : []\n  }\n\n  return []\n})\n\n// Обязательность: проп `required` ИЛИ наличие `required`-правила в форме.\nconst isRequired = computed(() => {\n  if (props.required) return true\n  if (boundToForm.value && props.name) return form!.requiredFields.value.has(props.name)\n  return false\n})\n\n/** Идёт асинхронная проверка этого поля (правило ходит на сервер). */\nconst isValidating = computed(() =>\n  Boolean(boundToForm.value && props.name && form?.validatingFields?.value.has(props.name)),\n)\n\nconst validatingText = computed(() => t('gr.form.validating', 'Checking…'))\n\nconst hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label))\nconst hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint))\nconst hasError = computed(() => resolvedErrors.value.length > 0)\n// Текст можно скрыть, но невалидность поля от этого не исчезает.\nconst showsMessage = computed(() => hasError.value && props.showMessage)\n// Пока идёт проверка, показываем её вместо старой ошибки: ошибка относится к\n// прежнему значению, и оставлять её на экране — врать про текущее.\nconst showsValidating = computed(() => isValidating.value && props.showMessage)\n\n/**\n * `aria-describedby` контрола: подсказка и ошибка.\n *\n * Id ошибки стоит здесь всегда, а не только когда ошибка есть: часть AT не\n * перечитывает описание после смены самого атрибута. Контейнер ошибки при этом\n * тоже живёт в DOM постоянно и меняет только текст — пустой он ничего не\n * добавляет к описанию.\n */\nconst describedById = computed(() => {\n  const ids = [hasHint.value ? hintId : null, errorId].filter(Boolean)\n  return ids.length ? ids.join(' ') : undefined\n})\n\nconst labelElementId = useId()\nconst labelId = computed(() => (hasLabel.value ? labelElementId : undefined))\n\nprovide(GR_FORM_FIELD_KEY, {\n  id: fieldId,\n  labelId,\n  readonly: computed(() => props.readonly),\n  // «Или», как и у контролов: форма вправе выключить поле, у которого своего\n  // `disabled` нет.\n  disabled: computed(() => props.disabled || Boolean(form?.disabled?.value)),\n  describedById,\n  invalid: hasError,\n  required: isRequired,\n})\n\n// ————— Интеграция с формой: регистрация (scroll-to-error) + валидация по blur.\nconst fieldRootEl = ref<HTMLElement | null>(null)\nlet unregister: (() => void) | undefined\n\nonMounted(async () => {\n  if (form && props.name) {\n    unregister = form.registerField(props.name, () => fieldRootEl.value, {\n      // Обязательность поля обязана дойти до валидации: иначе звёздочка есть,\n      // а submit проходит с пустым полем.\n      required: () => props.required,\n    })\n  }\n\n  await nextTick()\n  warnIfControlMissed()\n})\n\n/**\n * Контракт поля держится на том, что контрол прочитал `useGrFormFieldContext()`\n * и повесил `id` на себя. Не прочитал — `<label for>` указывает в пустоту:\n * клик по подписи ничего не фокусирует, а связи для скринридера нет, и узнать\n * об этом можно только вручную. Дешёвая страховка — предупреждение в dev.\n */\nfunction warnIfControlMissed(): void {\n  if (!__GR_DEV__) return\n  if (!hasLabel.value) return\n\n  const root = fieldRootEl.value\n  if (!root) return\n\n  const target = Array.from(root.querySelectorAll<HTMLElement>('[id]'))\n    .some(element => element.id === fieldId.value)\n\n  if (target) return\n\n  console.warn(\n    `[GrFormField] Подпись «${props.label ?? ''}» ссылается на id \"${fieldId.value}\", `\n    + 'которого нет внутри поля. Контрол должен прочитать `useGrFormFieldContext()` '\n    + 'и повесить `field.id` на себя — либо задайте `forId` и тот же `id` на контроле.',\n  )\n}\nonBeforeUnmount(() => unregister?.())\n\n// `focusout` всплывает от любого фокусируемого контрола внутри поля (native и\n// кастомного) — единый способ поймать blur без правок самих контролов.\n//\n// Но всплывает он и когда фокус переезжает ВНУТРИ поля: с input на его же\n// кнопку очистки, между чекбоксами группы. Такое поле валидировалось бы раньше,\n// чем пользователь его дозаполнил, поэтому blur считается состоявшимся только\n// если фокус ушёл за пределы корня. `relatedTarget: null` (фокус в никуда:\n// клик по body, уход из окна) — тоже уход.\nfunction onFocusOut(event: FocusEvent): void {\n  if (!form || !props.name) return\n\n  const next = event.relatedTarget as Node | null\n  if (next && fieldRootEl.value?.contains(next)) return\n\n  void form.validateField(props.name, 'blur')\n}\n\ndefineSlots<{\n  /** Контрол поля. */\n  default?: () => any\n  /** Подпись вместо пропа `label`. */\n  label?: () => any\n  /** Подсказка под контролом вместо пропа `hint`. */\n  hint?: () => any\n  /** Текст ошибки вместо стандартного. Получает уже разрешённый список. */\n  error?: (props: { errors: string[] }) => any\n}>()\n\n</script>\n\n<template>\n  <div\n    ref=\"fieldRootEl\"\n    data-gr-form-field\n    :class=\"rootClass\"\n    :aria-busy=\"isValidating ? 'true' : undefined\"\n    @focusout=\"onFocusOut\"\n  >\n    <label\n      v-if=\"hasLabel\"\n      :id=\"labelId\"\n      :for=\"fieldId\"\n      :class=\"[labelClassName, props.labelClass]\"\n      :style=\"labelStyle\"\n    >\n      <slot name=\"label\">{{ props.label }}</slot>\n      <span v-if=\"isRequired\" data-gr-form-field-required aria-hidden=\"true\" :class=\"requiredMarkClass\">*</span>\n    </label>\n\n    <!-- Подсказка, контрол и ошибка живут одной колонкой: при подписи сбоку\n         они остаются рядом с контролом, а не разъезжаются по строке. -->\n    <div data-gr-form-field-control :class=\"[controlColumnClass, fieldGaps[resolvedSize]]\">\n      <p\n        v-if=\"hasHint\"\n        :id=\"hintId\"\n        data-gr-form-field-hint\n        :class=\"hintClassName\"\n      >\n        <slot name=\"hint\">\n          {{ props.hint }}\n        </slot>\n      </p>\n\n      <slot />\n\n      <!-- Пустой контейнер уводится в `sr-only`, чтобы не добавлять пустую\n           строку в колонку поля: gap дал бы видимый отступ. -->\n      <div\n        :id=\"errorId\"\n        data-gr-form-field-error\n        role=\"alert\"\n        :class=\"showsMessage || showsValidating ? errorClassName : 'sr-only'\"\n      >\n        <span v-if=\"showsValidating\" data-gr-form-field-validating :class=\"hintClassName\">\n          {{ validatingText }}\n        </span>\n        <slot v-else-if=\"showsMessage\" name=\"error\" :errors=\"resolvedErrors\">\n          <div\n            v-for=\"(message, index) in resolvedErrors\"\n            :key=\"index\"\n            data-gr-form-field-error-item\n          >\n            {{ message }}\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrFormField/index.js

@@ -1,4 +1,4 @@
 import { n as useGrFormFieldContext } from "../../chunks/context-DdNIxa1w.js";
 import { t as GrFormField_default } from "./chunks/GrFormField-DSylU7IU.js";
-import { n as grFormFieldSafelist, t as grFormFieldConfig } from "../../chunks/config-D6W1rnlp.js";
+import { n as grFormFieldSafelist, t as grFormFieldConfig } from "../../chunks/config-B0uvcTPH.js";
 export { GrFormField_default as GrFormField, GrFormField_default as default, grFormFieldConfig, grFormFieldSafelist, useGrFormFieldContext };

package/dist/components/GrFormFile/chunks/{GrFormFile-DhVkB2gm.js → GrFormFile-ChdKlN83.js}

@@ -3,14 +3,14 @@ import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { f as runFileValidators, l as resolveFileValidationMessage, o as acceptValidator, p as FileValidationError, r as maxCountValidator } from "../../../chunks/fileValidation-D5TFBhbv.js";
 import { vDropzone } from "../../../directives/dropzone.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-bQwtZtYT.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Bn1XEriL.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
 import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCz-Wn-V.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
 import { t as useFilePreviews } from "../../../chunks/useFilePreviews-DnwgdyBs.js";
-import { a as iconSizes, c as removeTextSizes, d as textSizes, i as iconOffsets, l as rowGaps, o as previewBaseClass, r as buttonSizes, s as previewSizes, u as stackGaps } from "../../../chunks/config-COvrUfhR.js";
+import { a as iconSizes, c as removeTextSizes, d as textSizes, i as iconOffsets, l as rowGaps, o as previewBaseClass, r as buttonSizes, s as previewSizes, u as stackGaps } from "../../../chunks/config-BcXX7S7B.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, nextTick, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx, withDirectives, withModifiers } from "vue";
 import '../styles.css';//#region ~icons/lucide/upload
 var _hoisted_1$1 = {