feat(vue): ModxManagerTheme и выравнивание UI менеджера - #640
feat(vue): ModxManagerTheme и выравнивание UI менеджера#640Ibochkarev wants to merge 13 commits into
Conversation
Manager SPA entries need the VueTools Import Map barrel that exports ModxManagerTheme; beta1 is too old for that contract.
Package version alone stays the same across vue-dist rebuilds, so browsers keep stale plugin tabs. Mix filemtime into the v= query when the module maps under assets_path.
Wire entries to the VueTools theme barrel, drop runtime form style injection, align MS3 tokens with theme primary, and reject primevue/* imports that duplicate Theme and break --p-* tokens.
Hide content_type on the product settings tab (force HTML) so friendly URIs do not pick up .css/.js. Tighten category options heading gap and load ActionsColumn CSS with the category Vue modules.
Theme panel spacing owns the inset; the old 20px style fought it.
Replace the Aura-era card grid with theme-aligned sections, clearer nav/resources hierarchy, and updated support copy.
Panel-based properties, vendor Select/filter copy, links empty state, gallery actions control, and chips that follow theme highlight tokens.
Migrate remaining PrimeVue imports to the barrel, drop size=small overrides so Normal density (36px) applies, use success CTAs, and localize order history log labels.
Idle drop zone is 168px and expands when files are queued or uploading. Disable singleFileFullScreen, keep the size note visible, and map Uppy accents to Modx primary/success tokens.
Align paginator/nav controls, tighten gallery edit and category filter layout, localize Uppy image-editor chrome, and keep boolean filters as Select.
Remove getSettingFields from product.common.js — not part of Modx theme UI work.
Conflict resolution: PR 640 supersedes merged modx-pro#621 rework (same author, same intent) — took PR side for 36 files; manually preserved modx-pro#631 useConfirm grids, modx-pro#623 datefield dialog styles, modx-pro#643 gallery bits, modx-pro#605 order entry; ProductData sections rebuilt on groupProductDataSections (keeps modx-pro#611/modx-pro#620 sort_order) under PR 640 Panel layout.
|
Этот PR включён в тестовую интеграционную сборку всех открытых PR MiniShop3: AgelxNash/MiniShop3, ветка Сборка нужна, чтобы проверить совместимость взаимозависимых серий PR до их мержа — при последовательном слиянии они конфликтуют друг с другом. Это не ревью и не конкурирующий PR: авторство сохранено (1 PR = 1 коммит с исходным автором), ветка пересобирается по мере обновления PR. Как вошёл в сборку: Взят как более новый реворк UI, перекрывающий #621: в 36 файлах, расходившихся только по #621, использована сторона этого PR. Вручную сохранены изменения уже слитых PR, которых здесь нет: #620 — порядок секций product data ( |
|
Привет! Просто пожелание: удачи с этим PR 🚀 Работа нужная — пусть рассмотрят и смержат как можно скорее. Успехов! |
Описание
Vue-менеджер MiniShop3 переведён на
ModxManagerThemeиз VueTools 1.1.3. Контролы 36px, primary CTA черезsuccess, отступы панелей по токенам темы.Дополнительно:
filemtime(после rebuild vue-dist вкладки не залипают на старом JS)primevue/*subpath-импортов в Vite (второй Theme ломал--p-*)Из PR убран форс
content_typeвproduct.common.js— к теме UI не относится. Локальный_build/config.inc.php(install => true) тоже не входит.Тип изменений
1.1.3-plвместо1.1.0-beta1Связанные Issues
Refs visual consistency вокруг manager theme (в т.ч. #615). Отдельного issue под весь пакет нет.
Как это было протестировано?
Локально на
resource/update(товар и категория),mgr/customers, Help, галерея Uppy, связи товара, grids заказов/настроек — послеnpm run buildи sync vue-dist.cd vueManager npm ci npm run lint:ci npm run buildПолный
composer ci:php/ PHPStan в этом прогоне не гонялись (PHP-дифф: cache-bust контроллеры, category CSS, мелкие правки фильтров).composer ci:php/composer test,npm run lint:ci,composer stan/ GitHub Actions CI)Конфигурация тестирования:
fix/mgr-modx-manager-theme-ui(1.13.0-beta1)Скриншоты (если применимо)
size=small/ Tailwind-blue accents#234368/ success CTAЧеклист
composer stan/ CI jobPHPStan)npm run lint:ciдля Vue)Дополнительные заметки
Коммиты по слоям: VueTools bump → cache-bust → theme foundation → ExtJS/tpl → Help → product tabs → grids/forms → gallery Uppy → density polish → revert
product.common.js.Перед merge: VueTools ≥ 1.1.3 на стенде,
npm run buildдля vue-dist (каталог в gitignore).Refs: modx-pro/vueTools#19