@dxtmisha/wiki 0.39.2 → 0.39.4

package/src/media/mdx/Window/window.en.mdx

@@ -1,55 +0,0 @@
-Component for creating modal windows, dialogs, and popup elements with flexible positioning and adaptive behavior.
-
-Window manages content display on top of the main interface, supports various positioning types (modal windows, dropdown menus, action sheets), open/close animations, and event system integration. The component automatically handles outside clicks, focus management, and adaptation to different screen sizes.
-
-**Key features:**
-
-- Flexible positioning (center, edges, screen corners)
-- Adaptive modes (modal, menu, actionSheet, static)
-- Open/close animations with origin customization
-- State management via v-model or expose methods
-- Scrollbar integration for scrollable content
-- Background interaction blocking (persistent mode)
-- Window lifecycle events
-
-**Common use cases:**
-
-- Modal windows for forms and confirmations
-- Dropdown menus and context menus
-- Side panels and drawer components
-- Action sheets for mobile interfaces
-- Tooltips and dialogs
-
-```html
-<script setup>
-import { ref } from 'vue'
-
-const isOpen = ref(false)
-
-const handleWindow = (options) => {
-  console.log('Window state:', options.open ? 'open' : 'closed')
-}
-</script>
-
-<template>
-  <button @click="isOpen = true">Open Window</button>
-
-  <Window
-    v-model:open="isOpen"
-    adaptive="modal"
-    @window="handleWindow"
-  >
-    <template #title>
-      <h2>Window Title</h2>
-    </template>
-
-    <template #default>
-      <p>Modal window content</p>
-    </template>
-
-    <template #footer>
-      <button @click="isOpen = false">Close</button>
-    </template>
-  </Window>
-</template>
-```

package/src/media/mdx/Window/window.ru.mdx

@@ -1,55 +0,0 @@
-Компонент для создания модальных окон, диалогов и всплывающих элементов с гибким позиционированием и адаптивным поведением.
-
-Window управляет отображением контента поверх основного интерфейса, поддерживает различные типы позиционирования (модальные окна, выпадающие меню, action sheets), анимации открытия/закрытия и интеграцию с системой событий. Компонент автоматически обрабатывает клики вне области, управление фокусом и адаптацию под различные размеры экранов.
-
-**Основные возможности:**
-
-- Гибкое позиционирование (центр, края, углы экрана)
-- Адаптивные режимы (modal, menu, actionSheet, static)
-- Анимации открытия/закрытия с настройкой origin
-- Управление состоянием через v-model или expose методы
-- Интеграция со Scrollbar для прокручиваемого контента
-- Блокировка взаимодействия с фоном (persistent режим)
-- События жизненного цикла окна
-
-**Типичные сценарии использования:**
-
-- Модальные окна для форм и подтверждений
-- Выпадающие меню и контекстные меню
-- Боковые панели и drawer компоненты
-- Action sheets для мобильных интерфейсов
-- Всплывающие подсказки и диалоги
-
-```html
-<script setup>
-import { ref } from 'vue'
-
-const isOpen = ref(false)
-
-const handleWindow = (options) => {
-  console.log('Состояние окна:', options.open ? 'открыто' : 'закрыто')
-}
-</script>
-
-<template>
-  <button @click="isOpen = true">Открыть окно</button>
-
-  <Window
-    v-model:open="isOpen"
-    adaptive="modal"
-    @window="handleWindow"
-  >
-    <template #title>
-      <h2>Заголовок окна</h2>
-    </template>
-
-    <template #default>
-      <p>Содержимое модального окна</p>
-    </template>
-
-    <template #footer>
-      <button @click="isOpen = false">Закрыть</button>
-    </template>
-  </Window>
-</template>
-```

package/src/media/mdx/event/events.actions.en.mdx

@@ -1,44 +0,0 @@
-### `actions`
-
-Event fires when clicking on an action button in the Actions component, passing the original DOM event and click data.
-
-**Parameters:**
-- `event: MouseEvent` — original DOM mouse event
-- `value: EventClickValue` — object with click data
-
-**EventClickValue structure:**
-- `type: string` — action/button type (e.g., `'confirm'`, `'cancel'`)
-- `value: any` — arbitrary button value
-- `detail: Record<string, any> | undefined` — additional event data
-
-```html
-<script setup>
-const handleActions = (event, value) => {
-  console.log('DOM event:', event)
-  console.log('Action type:', value.type)
-  console.log('Value:', value.value)
-  console.log('Details:', value.detail)
-
-  if (value.type === 'confirm') {
-    console.log('Confirm button pressed')
-  }
-}
-</script>
-
-<template>
-  <Actions @actions="handleActions" :list="[
-    { text: 'Cancel', type: 'cancel' },
-    { text: 'Confirm', type: 'confirm' }
-  ]" />
-</template>
-```
-
-### `actionsLite`
-
-Event fires when clicking on an action button in the Actions component, passing only data without the original DOM event (lightweight version).
-
-**Parameters:**
-- `value: EventClickValue` — object with click data
-
-> Actions component can be hidden with `actionsHide` property.
-

package/src/media/mdx/event/events.actions.ru.mdx

@@ -1,44 +0,0 @@
-### `actions`
-
-Событие срабатывает при клике на кнопку действия в компоненте Actions, передавая оригинальное DOM событие и данные о клике.
-
-**Параметры:**
-- `event: MouseEvent` — оригинальное DOM событие мыши
-- `value: EventClickValue` — объект с данными о клике
-
-**Структура EventClickValue:**
-- `type: string` — тип действия/кнопки (например, `'confirm'`, `'cancel'`)
-- `value: any` — произвольное значение кнопки
-- `detail: Record<string, any> | undefined` — дополнительные данные события
-
-```html
-<script setup>
-const handleActions = (event, value) => {
-  console.log('DOM событие:', event)
-  console.log('Тип действия:', value.type)
-  console.log('Значение:', value.value)
-  console.log('Детали:', value.detail)
-
-  if (value.type === 'confirm') {
-    console.log('Нажата кнопка "Подтвердить"')
-  }
-}
-</script>
-
-<template>
-  <Actions @actions="handleActions" :list="[
-    { text: 'Отмена', type: 'cancel' },
-    { text: 'Подтвердить', type: 'confirm' }
-  ]" />
-</template>
-```
-
-### `actionsLite`
-
-Событие срабатывает при клике на кнопку действия в компоненте Actions, передавая только данные без оригинального DOM события (облегченная версия).
-
-**Параметры:**
-- `value: EventClickValue` — объект с данными о клике
-
-> Компонент Actions можно скрыть свойством `actionsHide`.
-

package/src/media/mdx/event/events.bars.en.mdx

@@ -1,50 +0,0 @@
-### `bars`
-
-Event fires when clicking on a Bars panel element, passing the original DOM event and click data.
-
-**Parameters:**
-- `event: MouseEvent` — original DOM mouse event
-- `value: EventClickValue` — object with click data
-
-**EventClickValue structure:**
-- `type: string` — click/button type (e.g., `'back'` for back button)
-- `value: any` — arbitrary button value
-- `detail: Record<string, any> | undefined` — additional event data
-
-```html
-<script setup>
-const handleBars = (event, value) => {
-  console.log('DOM event:', event)
-  console.log('Button type:', value.type)
-  console.log('Value:', value.value)
-  console.log('Details:', value.detail)
-
-  if (value.type === 'back') {
-    console.log('Back button pressed')
-  }
-}
-</script>
-
-<template>
-  <Bars @bars="handleBars">
-    <button data-event-type="back">Back</button>
-  </Bars>
-</template>
-```
-
-### `barsLite`
-
-Event fires when clicking on a Bars panel element, passing only data without the original DOM event (lightweight version).
-
-**Parameters:**
-- `value: EventClickValue` — object with click data
-
-### `barsBack`
-
-Event fires when the "Back" button in Bars panel is clicked, passing only click data.
-
-**Parameters:**
-- `value: EventClickValue` — object with click data
-
-> Back button can be hidden with `barsBackHide` property.
-

package/src/media/mdx/event/events.bars.ru.mdx

@@ -1,50 +0,0 @@
-### `bars`
-
-Событие срабатывает при клике на элемент панели Bars, передавая оригинальное DOM событие и данные о клике.
-
-**Параметры:**
-- `event: MouseEvent` — оригинальное DOM событие мыши
-- `value: EventClickValue` — объект с данными о клике
-
-**Структура EventClickValue:**
-- `type: string` — тип клика/кнопки (например, `'back'` для кнопки назад)
-- `value: any` — произвольное значение кнопки
-- `detail: Record<string, any> | undefined` — дополнительные данные события
-
-```html
-<script setup>
-const handleBars = (event, value) => {
-  console.log('DOM событие:', event)
-  console.log('Тип кнопки:', value.type)
-  console.log('Значение:', value.value)
-  console.log('Детали:', value.detail)
-
-  if (value.type === 'back') {
-    console.log('Нажата кнопка "Назад"')
-  }
-}
-</script>
-
-<template>
-  <Bars @bars="handleBars">
-    <button data-event-type="back">Назад</button>
-  </Bars>
-</template>
-```
-
-### `barsLite`
-
-Событие срабатывает при клике на элемент панели Bars, передавая только данные без оригинального DOM события (облегченная версия).
-
-**Параметры:**
-- `value: EventClickValue` — объект с данными о клике
-
-### `barsBack`
-
-Событие срабатывает при клике по кнопке «Назад» в панели Bars, передавая только данные о клике.
-
-**Параметры:**
-- `value: EventClickValue` — объект с данными о клике
-
-> Кнопку «Назад» можно скрыть свойством `barsBackHide`.
-

package/src/media/mdx/event/events.beforeinput.en.mdx

@@ -1,13 +0,0 @@
-### `beforeinput`
-
-Event fires before the value in the input field changes, allowing you to prevent or modify data input.
-
-**Parameters:**
-- `event: InputEvent` — original DOM input event
-
-**Input type examples (inputType):**
-- `insertText` — text input
-- `insertFromPaste` — paste from clipboard
-- `deleteContentBackward` — delete character backward (Backspace)
-- `deleteContentForward` — delete character forward (Delete)
-- `insertLineBreak` — insert line break

package/src/media/mdx/event/events.beforeinput.ru.mdx

@@ -1,13 +0,0 @@
-### `beforeinput`
-
-Событие срабатывает перед изменением значения в поле ввода, позволяя предотвратить или модифицировать ввод данных.
-
-**Параметры:**
-- `event: InputEvent` — оригинальное DOM событие ввода
-
-**Примеры типов ввода (inputType):**
-- `insertText` — ввод текста
-- `insertFromPaste` — вставка из буфера обмена
-- `deleteContentBackward` — удаление символа назад (Backspace)
-- `deleteContentForward` — удаление символа вперед (Delete)
-- `insertLineBreak` — вставка переноса строки

package/src/media/mdx/event/events.click.en.mdx

@@ -1,36 +0,0 @@
-### `click`
-
-Event fires when clicking on the component, passing the original DOM event and component data.
-
-**Parameters:**
-- `event: MouseEvent` — original DOM mouse event
-- `value: EventClickValue` — object with component data
-
-**EventClickValue structure:**
-- `type: string` — click location identifier, set through `data-event-type` attribute on the element
-- `value: any` — component value
-- `detail: Record<string, any> | undefined` — additional event data
-
-```html
-<script setup>
-const handleClick = (event, value) => {
-  console.log('DOM event:', event)
-  console.log('Click type:', value.type)
-  console.log('Value:', value.value)
-  console.log('Details:', value.detail)
-}
-</script>
-
-<template>
-  <Component @click="handleClick">
-    <button data-event-type="action">Click me</button>
-  </Component>
-</template>
-```
-
-### `clickLite`
-
-Event fires when clicking on the component, passing only data without the original DOM event (lightweight version).
-
-**Parameters:**
-- `value: EventClickValue` — object with component data

package/src/media/mdx/event/events.click.ru.mdx

@@ -1,36 +0,0 @@
-### `click`
-
-Событие срабатывает при клике на компонент, передавая оригинальное DOM событие и данные компонента.
-
-**Параметры:**
-- `event: MouseEvent` — оригинальное DOM событие мыши
-- `value: EventClickValue` — объект с данными компонента
-
-**Структура EventClickValue:**
-- `type: string` — идентификатор места нажатия, задается через атрибут `data-event-type` у элемента
-- `value: any` — значение компонента
-- `detail: Record<string, any> | undefined` — дополнительные данные события
-
-```html
-<script setup>
-const handleClick = (event, value) => {
-  console.log('DOM событие:', event)
-  console.log('Тип клика:', value.type)
-  console.log('Значение:', value.value)
-  console.log('Детали:', value.detail)
-}
-</script>
-
-<template>
-  <Component @click="handleClick">
-    <button data-event-type="action">Нажми меня</button>
-  </Component>
-</template>
-```
-
-### `clickLite`
-
-Событие срабатывает при клике на компонент, передавая только данные без оригинального DOM события (облегченная версия).
-
-**Параметры:**
-- `value: EventClickValue` — объект с данными компонента

package/src/media/mdx/event/events.focus.en.mdx

@@ -1,13 +0,0 @@
-### `focus`
-
-Event fires when the input element receives focus, passing the original DOM event.
-
-**Parameters:**
-- `event: FocusEvent` — original DOM focus event
-
-### `blur`
-
-Event fires when the input element loses focus, passing the original DOM event.
-
-**Parameters:**
-- `event: FocusEvent` — original DOM blur event

package/src/media/mdx/event/events.focus.ru.mdx

@@ -1,13 +0,0 @@
-### `focus`
-
-Событие срабатывает при получении фокуса элементом ввода, передавая оригинальное DOM событие.
-
-**Параметры:**
-- `event: FocusEvent` — оригинальное DOM событие фокуса
-
-### `blur`
-
-Событие срабатывает при потере фокуса элементом ввода, передавая оригинальное DOM событие.
-
-**Параметры:**
-- `event: FocusEvent` — оригинальное DOM событие потери фокуса

package/src/media/mdx/event/events.input.en.mdx

@@ -1,89 +0,0 @@
-### `input`
-
-Event fires when the value in the input field changes, passing the original DOM event and validation data.
-
-**Parameters:**
-- `event: InputEvent` — original DOM input event
-- `value: FieldValidationItem` — object with validation data
-
-**FieldValidationItem structure:**
-- `group: string | undefined` — mask group key
-- `input: HTMLInputElement | HTMLTextAreaElement | undefined` — related input element
-- `pattern: FieldPatternItemOrFunction | undefined` — validation pattern used
-- `type: string | undefined` — custom type
-- `status: boolean | undefined` — validation success status
-- `required: boolean | undefined` — field required flag
-- `isFull: boolean | undefined` — value completion flag
-- `validationMessage: string | undefined` — error message text
-- `validity: ValidityState | undefined` — native validity state
-- `validityMessage: string | undefined` — custom validity message
-- `value: any` — original value
-- `valueInput: any | undefined` — entered value
-- `detail: Record<string, any> | undefined` — additional data
-
-```html
-<script setup>
-const handleInput = (event, value) => {
-  console.log('DOM event:', event)
-  console.log('Value:', value.value)
-  console.log('Validation:', value.status)
-  console.log('Complete:', value.isFull)
-
-  if (!value.status) {
-    console.log('Error:', value.validationMessage)
-  }
-}
-</script>
-
-<template>
-  <Mask
-    mask="+1 (***) ***-****"
-    @input="handleInput"
-  />
-</template>
-```
-
-### `inputLite`
-
-Event fires when the value in the input field changes, passing only validation data without the original DOM event (lightweight version).
-
-**Parameters:**
-- `value: FieldValidationItem` — object with validation data
-
-### `change`
-
-Event fires when input is completed and focus is lost, passing the original DOM event and validation data.
-
-**Parameters:**
-- `event: InputEvent` — original DOM input event
-- `value: FieldValidationItem` — object with validation data
-
-**FieldValidationItem structure:** same as for `input` event
-
-```html
-<script setup>
-const handleChange = (event, value) => {
-  console.log('DOM event:', event)
-  console.log('Final value:', value.value)
-
-  if (value.status && value.isFull) {
-    // Submit data to server
-    submitForm(value.value)
-  }
-}
-</script>
-
-<template>
-  <Mask
-    mask="+1 (***) ***-****"
-    @change="handleChange"
-  />
-</template>
-```
-
-### `changeLite`
-
-Event fires when input is completed and focus is lost, passing only validation data without the original DOM event (lightweight version).
-
-**Parameters:**
-- `value: FieldValidationItem` — object with validation data

package/src/media/mdx/event/events.input.ru.mdx

@@ -1,88 +0,0 @@
-### `input`
-
-Событие срабатывает при изменении значения в поле ввода, передавая оригинальное DOM событие и данные валидации.
-
-**Параметры:**
-- `event: InputEvent` — оригинальное DOM событие ввода
-- `value: FieldValidationItem` — объект с данными валидации
-
-**Структура FieldValidationItem:**
-- `group: string | undefined` — ключ группы маски
-- `input: HTMLInputElement | HTMLTextAreaElement | undefined` — связанный элемент ввода
-- `pattern: FieldPatternItemOrFunction | undefined` — используемый паттерн валидации
-- `type: string | undefined` — произвольный тип
-- `status: boolean | undefined` — статус успешности валидации
-- `required: boolean | undefined` — флаг обязательности поля
-- `isFull: boolean | undefined` — флаг полноты заполнения значения
-- `validationMessage: string | undefined` — текст сообщения об ошибке
-- `validity: ValidityState | undefined` — нативное состояние валидности
-- `validityMessage: string | undefined` — кастомное сообщение валидности
-- `value: any` — исходное значение
-- `valueInput: any | undefined` — введённое значение
-- `detail: Record<string, any> | undefined` — дополнительные данные
-
-```html
-<script setup>
-const handleInput = (event, value) => {
-  console.log('DOM событие:', event)
-  console.log('Значение:', value.value)
-  console.log('Валидация:', value.status)
-  console.log('Заполнено:', value.isFull)
-
-  if (!value.status) {
-    console.log('Ошибка:', value.validationMessage)
-  }
-}
-</script>
-
-<template>
-  <Component
-    @input="handleInput"
-  />
-</template>
-```
-
-### `inputLite`
-
-Событие срабатывает при изменении значения в поле ввода, передавая только данные валидации без оригинального DOM события (облегченная версия).
-
-**Параметры:**
-- `value: FieldValidationItem` — объект с данными валидации
-
-### `change`
-
-Событие срабатывает при завершении ввода и потере фокуса, передавая оригинальное DOM событие и данные валидации.
-
-**Параметры:**
-- `event: InputEvent` — оригинальное DOM событие ввода
-- `value: FieldValidationItem` — объект с данными валидации
-
-**Структура FieldValidationItem:** такая же как у события `input`
-
-```html
-<script setup>
-const handleChange = (event, value) => {
-  console.log('DOM событие:', event)
-  console.log('Финальное значение:', value.value)
-
-  if (value.status && value.isFull) {
-    // Отправка данных на сервер
-    submitForm(value.value)
-  }
-}
-</script>
-
-<template>
-  <Component
-    @change="handleChange"
-  />
-</template>
-```
-
-### `changeLite`
-
-Событие срабатывает при завершении ввода и потере фокуса, передавая только данные валидации без оригинального DOM события (облегченная версия).
-
-**Параметры:**
-- `value: FieldValidationItem` — объект с данными валидации
-

package/src/media/mdx/event/events.inputStandard.en.mdx

@@ -1,6 +0,0 @@
-### `input`
-
-Event fires when the value in the input field changes, passing the original DOM event.
-
-**Parameters:**
-- `event: InputEvent` — original DOM input event

package/src/media/mdx/event/events.inputStandard.ru.mdx

@@ -1,6 +0,0 @@
-### `input`
-
-Событие срабатывает при изменении значения в поле ввода, передавая оригинальное DOM событие.
-
-**Параметры:**
-- `event: InputEvent` — оригинальное DOM событие ввода

package/src/media/mdx/event/events.keyboard.en.mdx

@@ -1,13 +0,0 @@
-### `keydown`
-
-Event fires when a key is pressed in the input field, passing the original DOM keyboard event.
-
-**Parameters:**
-- `event: KeyboardEvent` — original DOM keyboard event
-
-### `keyup`
-
-Event fires when a key is released in the input field, passing the original DOM keyboard event.
-
-**Parameters:**
-- `event: KeyboardEvent` — original DOM keyboard event

package/src/media/mdx/event/events.keyboard.ru.mdx

@@ -1,13 +0,0 @@
-### `keydown`
-
-Событие срабатывает при нажатии клавиши в поле ввода, передавая оригинальное DOM событие клавиатуры.
-
-**Параметры:**
-- `event: KeyboardEvent` — оригинальное DOM событие клавиатуры
-
-### `keyup`
-
-Событие срабатывает при отпускании клавиши в поле ввода, передавая оригинальное DOM событие клавиатуры.
-
-**Параметры:**
-- `event: KeyboardEvent` — оригинальное DOM событие клавиатуры

package/src/media/mdx/event/events.paste.en.mdx

@@ -1,6 +0,0 @@
-### `paste`
-
-Event fires when data is pasted from clipboard into the input field, passing the original DOM event.
-
-**Parameters:**
-- `event: ClipboardEvent` — original DOM clipboard event

package/src/media/mdx/event/events.paste.ru.mdx

@@ -1,6 +0,0 @@
-### `paste`
-
-Событие срабатывает при вставке данных из буфера обмена в поле ввода, передавая оригинальное DOM событие.
-
-**Параметры:**
-- `event: ClipboardEvent` — оригинальное DOM событие буфера обмена