@feugene/granularity 0.19.0 → 0.21.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrForm-BCHCfIMv.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\">\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 {\n  /** Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`), в т.ч. dot-path. */\n  model: Record<string, unknown>\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 {\n  /** Форма прошла валидацию по submit. Отдаёт `model`. */\n  (e: 'submit', model: Record<string, unknown>): 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>(),\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>()\n\nconst { t } = useGranularityTranslations()\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(props.model, 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, props.model, 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(props.model))\n\n/**\n * Переснять «исходное» состояние. Нужен формам редактирования: модель там\n * наполняется после ответа сервера, а снимок в `setup` фиксировал пустой\n * объект — и `resetFields()` возвращал не «как было при загрузке», а пустоту.\n */\nfunction setSnapshot(model?: Record<string, unknown>): void {\n  initialSnapshot.value = cloneModelValue(model ?? props.model)\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 list = names ? (Array.isArray(names) ? names : [names]) : undefined\n\n  // Ключи объединяем: поле, появившееся после снимка, надо **удалить**, а не\n  // выставить в `undefined` — иначе «сброс» оставляет за собой мусор.\n  const keys = list ?? [...new Set([...Object.keys(props.model), ...Object.keys(snapshot)])]\n\n  for (const key of keys) {\n    if (key in snapshot) setByPath(props.model, key, cloneModelValue(snapshot[key]))\n    else removeKey(props.model, key)\n  }\n\n  clearValidate(list)\n}\n\n/** Модель отличается от снимка. Файлы сравниваются отпечатком, а не ссылкой. */\nconst isDirty = computed(() => modelFingerprint(props.model) !== 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\">\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 {\n  /** Реактивный объект данных формы. Поля адресуются по `name` (`GrFormField`), в т.ч. dot-path. */\n  model: Record<string, unknown>\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 {\n  /** Форма прошла валидацию по submit. Отдаёт `model`. */\n  (e: 'submit', model: Record<string, unknown>): 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>(),\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>()\n\nconst { t } = useGranularityTranslations()\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(props.model, 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, props.model, 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(props.model))\n\n/**\n * Переснять «исходное» состояние. Нужен формам редактирования: модель там\n * наполняется после ответа сервера, а снимок в `setup` фиксировал пустой\n * объект — и `resetFields()` возвращал не «как было при загрузке», а пустоту.\n */\nfunction setSnapshot(model?: Record<string, unknown>): void {\n  initialSnapshot.value = cloneModelValue(model ?? props.model)\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 list = names ? (Array.isArray(names) ? names : [names]) : undefined\n\n  // Ключи объединяем: поле, появившееся после снимка, надо **удалить**, а не\n  // выставить в `undefined` — иначе «сброс» оставляет за собой мусор.\n  const keys = list ?? [...new Set([...Object.keys(props.model), ...Object.keys(snapshot)])]\n\n  for (const key of keys) {\n    if (key in snapshot) setByPath(props.model, key, cloneModelValue(snapshot[key]))\n    else removeKey(props.model, key)\n  }\n\n  clearValidate(list)\n}\n\n/** Модель отличается от снимка. Файлы сравниваются отпечатком, а не ссылкой. */\nconst isDirty = computed(() => modelFingerprint(props.model) !== 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/GrFormField/chunks/GrFormField-CL5rcgj6.js

@@ -1,190 +0,0 @@
-import { a as useGrComponentProp, o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GR_FORM_FIELD_KEY } from "../../../chunks/context-DdNIxa1w.js";
-import { n as useGrFormContext } from "../../../chunks/context-Bfrgsluh.js";
-import { a as hintBaseClass, c as labelInlineClass, d as rootColumnClass, f as rootRowClass, i as fieldGaps, l as labelTexts, n as errorBaseClass, o as hintTexts, r as errorTexts, s as labelBaseClass, t as controlColumnClass, u as requiredMarkClass } from "../../../chunks/grFormFieldStyles-BkeZHIw0.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useId, useSlots } from "vue";
-//#region src/components/GrFormField/GrFormField.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-busy"];
-var _hoisted_2 = ["id", "for"];
-var _hoisted_3 = ["id"];
-var _hoisted_4 = ["id"];
-//#endregion
-//#region src/components/GrFormField/GrFormField.vue
-var GrFormField_default = /* @__PURE__ */ defineComponent({
-	__name: "GrFormField",
-	props: {
-		label: { default: void 0 },
-		name: { default: void 0 },
-		forId: { default: void 0 },
-		error: { default: void 0 },
-		hint: { default: void 0 },
-		required: {
-			type: Boolean,
-			default: false
-		},
-		readonly: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		showMessage: {
-			type: Boolean,
-			default: true
-		},
-		size: { default: void 0 },
-		labelPosition: { default: void 0 },
-		labelWidth: { default: void 0 },
-		labelClass: { default: void 0 }
-	},
-	setup(__props) {
-		const props = __props;
-		const slots = useSlots();
-		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrFormField" });
-		const labelPosition = useGrComponentProp("GrFormField", "labelPosition", () => props.labelPosition, "top");
-		const isInlineLabel = computed(() => labelPosition.value === "start");
-		const rootClass = computed(() => [isInlineLabel.value ? rootRowClass : rootColumnClass, fieldGaps[resolvedSize.value]]);
-		const labelStyle = computed(() => {
-			if (!isInlineLabel.value || props.labelWidth === void 0) return void 0;
-			return { width: typeof props.labelWidth === "number" ? `${props.labelWidth}px` : props.labelWidth };
-		});
-		const labelClassName = computed(() => [
-			labelBaseClass,
-			labelTexts[resolvedSize.value],
-			isInlineLabel.value ? labelInlineClass : ""
-		]);
-		const hintClassName = computed(() => [hintBaseClass, hintTexts[resolvedSize.value]]);
-		const errorClassName = computed(() => [errorBaseClass, errorTexts[resolvedSize.value]]);
-		const form = useGrFormContext();
-		const { t } = useGranularityTranslations();
-		const boundToForm = computed(() => Boolean(form && props.name && form.hasField(props.name)));
-		const generatedId = useId();
-		const fieldId = computed(() => props.forId ?? generatedId);
-		const errorId = useId();
-		const hintId = useId();
-		const resolvedErrors = computed(() => {
-			if (props.error) return (Array.isArray(props.error) ? props.error : [props.error]).filter(Boolean);
-			if (boundToForm.value && props.name) {
-				const fromForm = form.errors.value[props.name];
-				return fromForm ? [fromForm] : [];
-			}
-			return [];
-		});
-		const isRequired = computed(() => {
-			if (props.required) return true;
-			if (boundToForm.value && props.name) return form.requiredFields.value.has(props.name);
-			return false;
-		});
-		/** Идёт асинхронная проверка этого поля (правило ходит на сервер). */
-		const isValidating = computed(() => Boolean(boundToForm.value && props.name && form?.validatingFields?.value.has(props.name)));
-		const validatingText = computed(() => t("gr.form.validating", "Checking…"));
-		const hasLabel = computed(() => Boolean(props.label) || Boolean(slots.label));
-		const hasHint = computed(() => Boolean(props.hint) || Boolean(slots.hint));
-		const hasError = computed(() => resolvedErrors.value.length > 0);
-		const showsMessage = computed(() => hasError.value && props.showMessage);
-		const showsValidating = computed(() => isValidating.value && props.showMessage);
-		/**
-		* `aria-describedby` контрола: подсказка и ошибка.
-		*
-		* Id ошибки стоит здесь всегда, а не только когда ошибка есть: часть AT не
-		* перечитывает описание после смены самого атрибута. Контейнер ошибки при этом
-		* тоже живёт в DOM постоянно и меняет только текст — пустой он ничего не
-		* добавляет к описанию.
-		*/
-		const describedById = computed(() => {
-			const ids = [hasHint.value ? hintId : null, errorId].filter(Boolean);
-			return ids.length ? ids.join(" ") : void 0;
-		});
-		const labelElementId = useId();
-		const labelId = computed(() => hasLabel.value ? labelElementId : void 0);
-		provide(GR_FORM_FIELD_KEY, {
-			id: fieldId,
-			labelId,
-			readonly: computed(() => props.readonly),
-			disabled: computed(() => props.disabled || Boolean(form?.disabled?.value)),
-			describedById,
-			invalid: hasError,
-			required: isRequired
-		});
-		const fieldRootEl = ref(null);
-		let unregister;
-		onMounted(async () => {
-			if (form && props.name) unregister = form.registerField(props.name, () => fieldRootEl.value, { required: () => props.required });
-			await nextTick();
-			warnIfControlMissed();
-		});
-		/**
-		* Контракт поля держится на том, что контрол прочитал `useGrFormFieldContext()`
-		* и повесил `id` на себя. Не прочитал — `<label for>` указывает в пустоту:
-		* клик по подписи ничего не фокусирует, а связи для скринридера нет, и узнать
-		* об этом можно только вручную. Дешёвая страховка — предупреждение в dev.
-		*/
-		function warnIfControlMissed() {
-			if (process.env.NODE_ENV === "production") return;
-			if (!hasLabel.value) return;
-			const root = fieldRootEl.value;
-			if (!root) return;
-			if (Array.from(root.querySelectorAll("[id]")).some((element) => element.id === fieldId.value)) return;
-			console.warn(`[GrFormField] Подпись «${props.label ?? ""}» ссылается на id "${fieldId.value}", которого нет внутри поля. Контрол должен прочитать \`useGrFormFieldContext()\` и повесить \`field.id\` на себя — либо задайте \`forId\` и тот же \`id\` на контроле.`);
-		}
-		onBeforeUnmount(() => unregister?.());
-		function onFocusOut(event) {
-			if (!form || !props.name) return;
-			const next = event.relatedTarget;
-			if (next && fieldRootEl.value?.contains(next)) return;
-			form.validateField(props.name, "blur");
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "fieldRootEl",
-				ref: fieldRootEl,
-				"data-gr-form-field": "",
-				class: normalizeClass(rootClass.value),
-				"aria-busy": isValidating.value ? "true" : void 0,
-				onFocusout: onFocusOut
-			}, [hasLabel.value ? (openBlock(), createElementBlock("label", {
-				key: 0,
-				id: labelId.value,
-				for: fieldId.value,
-				class: normalizeClass([labelClassName.value, props.labelClass]),
-				style: normalizeStyle(labelStyle.value)
-			}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)]), isRequired.value ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				"data-gr-form-field-required": "",
-				"aria-hidden": "true",
-				class: normalizeClass(unref(requiredMarkClass))
-			}, "*", 2)) : createCommentVNode("", true)], 14, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", {
-				"data-gr-form-field-control": "",
-				class: normalizeClass([unref(controlColumnClass), unref(fieldGaps)[unref(resolvedSize)]])
-			}, [
-				hasHint.value ? (openBlock(), createElementBlock("p", {
-					key: 0,
-					id: unref(hintId),
-					"data-gr-form-field-hint": "",
-					class: normalizeClass(hintClassName.value)
-				}, [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(props.hint), 1)])], 10, _hoisted_3)) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "default"),
-				createElementVNode("div", {
-					id: unref(errorId),
-					"data-gr-form-field-error": "",
-					role: "alert",
-					class: normalizeClass(showsMessage.value || showsValidating.value ? errorClassName.value : "sr-only")
-				}, [showsValidating.value ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					"data-gr-form-field-validating": "",
-					class: normalizeClass(hintClassName.value)
-				}, toDisplayString(validatingText.value), 3)) : showsMessage.value ? renderSlot(_ctx.$slots, "error", { errors: resolvedErrors.value }, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(resolvedErrors.value, (message, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: index,
-						"data-gr-form-field-error-item": ""
-					}, toDisplayString(message), 1);
-				}), 128))], void 0, 1) : createCommentVNode("", true)], 10, _hoisted_4)
-			], 2)], 42, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { GrFormField_default as t };

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrFormField-CL5rcgj6.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 (process.env.NODE_ENV === 'production') 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 (process.env.NODE_ENV === 'production') 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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"}