Распил OrderView.vue: composable и диалоги

[Ibochkarev]

Описание

OrderView.vue был монолитом (~2517 LOC): layout, загрузка заказа, продукты, cost, plugin-tabs и три диалога в одном SFC.

PR выносит логику в useOrderView.js, диалоги — в отдельные компоненты под components/order/, а OrderView.vue оставляет shell: header, tabs, provide/inject через ORDER_CONTEXT_KEY, defineExpose({ registerPluginTab }).

Тип изменений

• Исправление бага (non-breaking change)
• Новая функциональность (non-breaking change)
• Breaking change (изменение, ломающее обратную совместимость)
• Рефакторинг (без изменения функциональности)
• Документация
• Другое (опишите):

Связанные Issues

Closes #339

Как это было протестировано?

Gate E (локально):

cd vueManager
npm run lint -- --no-error-on-unmatched-pattern \
  src/components/OrderView.vue \
  src/composables/useOrderView.js \
  src/components/order/OrderEditProductDialog.vue \
  src/components/order/OrderAddProductDialog.vue \
  src/components/order/OrderDuplicateCustomerDialog.vue
# exit 0

npm run build
# exit 0

• Ручное тестирование — чеклист ниже (нужен MODX + менеджер)
• Автоматические тесты (npm run lint, npm run build)
• Тестирование на разных версиях PHP/MODX

Ручной smoke-чеклист:

• Открытие существующего заказа, заголовок с номером
• Создание нового заказа (create mode)
• Вкладки info / products / address / history
• Редактирование и добавление товара (диалоги)
• Duplicate customer flow
• Vue- и ExtJS plugin tabs (registerPluginTab)

Конфигурация тестирования:

• MiniShop3: branch feat/issue-339-split-order-view
• MODX: —
• PHP: —

Скриншоты (если применимо)

До	После
OrderView.vue ~2517 LOC	OrderView.vue 250 LOC

Чеклист

• Код соответствует стилю проекта
• Добавлены/обновлены комментарии в сложных местах (JSDoc у composable)
• Изменения не ломают существующую функциональность (рефакторинг 1:1)
• Лексиконы добавлены на двух языках (ru/en) — ключи не менялись
• PHPStan проходит без новых ошибок — PHP не затронут
• ESLint проходит без ошибок
• Обновлён CHANGELOG.md — по политике проекта, только при релизе

Дополнительные заметки

Gate A (#339):

Критерий	Статус
OrderView.vue < 1000 LOC	✅ 250 строк
UX без регрессий	⏳ ручной smoke в MODX
npm run lint	✅ exit 0
Лексиконы	✅ без изменений

Структура после PR:

• OrderView.vue — shell (~250 LOC)
• useOrderView.js — state, API, lifecycle, plugin tabs (~1753 LOC)
• OrderEditProductDialog.vue, OrderAddProductDialog.vue, OrderDuplicateCustomerDialog.vue

Follow-up (вне scope #339): дальнейший split useOrderView.js на domain-composables и перевод диалогов на inject(ORDER_CONTEXT_KEY) вместо prop drilling.

Review: исправлен BLOCK по реактивности — binding'и из composable деструктурируются на top-level в OrderView.vue (не vm.* в template).