779c59138f
1. 新增 config/locales.php：定義 11 種系統支援語系白名單（原文＋中文註記）、每台機台上限 5 種與 fallback (zh_TW)。 2. Company 新增 activeLocalesFor()／activeLocales()：計算公司所有機台已開語系的聯集（去重、依白名單排序、保底 zh_TW），加快取與 forgetActiveLocales() 失效機制。 3. products 新增 spec_dictionary_key 欄位（migration）；Product 新增 localized_spec accessor 與 specTranslations 關聯，商品規格比照名稱支援多語系。 4. ProductController 商品建立/更新改收 names 與 specs 物件，寫入 translations（group=product／product_spec），既有商品首次編輯補建 spec key，刪除時一併清除規格翻譯。 5. ProductCatalogService（B012）保留既有 t060v01_en/_jp 欄位，新增 t060v01_i18n／t060v03_i18n locale map，依公司語系聯集輸出並回退 zh_TW，確保線上舊 App 相容。 6. 機台系統設定（updateSystemSettings）新增 languages 顯示語系驗證與寫入（最多 5 種、白名單、去重，僅系統管理員），異動時失效語系聯集快取並重建商品目錄。 7. B014（getSettings）新增 LangSet 下發機台顯示語系（Languages 有序清單＋Default 預設）。 8. 商品建立/編輯頁名稱與規格改為多語系 Tab（讀公司機台語系聯集、完成度標記），新增共用元件 product-locale-tabs；機台系統設定彈窗新增顯示語系勾選 UI（限 5 選、預設標記）。 9. 三語系 JSON（zh_TW/en/ja）新增 5 組對齊鍵並維持字母排序。 10. 同步更新文件：docs/API/product_multilingual_spec.md（規格書）、api-technical-specs SKILL.md（B012 i18n／B014 LangSet）、config/api-docs.php（B012/B014 範例與欄位）。 11. 系統設定同步：新增 sync-settings 路由與 update_settings 指令類型，ProcessCommandAck 與遠端指令歷史（remote index／tab-history）支援 update_settings 標籤，機台系統設定頁新增「同步設定」操作按鈕，並補 B016 回寫測試。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
43 lines
2.2 KiB
PHP
43 lines
2.2 KiB
PHP
@props([
|
||
'field', // 'names' | 'specs' — 對應 formData[field] 與送出欄位名稱
|
||
'active', // Alpine 狀態變數名稱，如 'activeNameLocale'
|
||
'required' => true, // zh_TW 是否必填（名稱必填、規格選填）
|
||
])
|
||
|
||
{{--
|
||
商品多語系輸入 Tab（名稱 / 規格共用）。
|
||
Tab 清單 = 公司機台語系聯集（由父層 productForm 提供 locales / localeLabels）。
|
||
已填寫的語系在 Tab 上顯示小圓點標記完成度。
|
||
--}}
|
||
<div>
|
||
{{-- Tabs --}}
|
||
<div class="flex flex-wrap items-center gap-2 mb-6">
|
||
<template x-for="loc in locales" :key="'{{ $field }}-tab-' + loc">
|
||
<button type="button" @click="{{ $active }} = loc"
|
||
:class="{{ $active }} === loc
|
||
? 'bg-slate-900 dark:bg-white text-white dark:text-slate-900 border-slate-900 dark:border-white shadow-sm'
|
||
: 'bg-white dark:bg-slate-900 text-slate-500 border-slate-200 dark:border-slate-700 hover:text-slate-800 dark:hover:text-slate-200'"
|
||
class="inline-flex items-center gap-2 px-4 py-2 rounded-xl border text-xs font-black uppercase tracking-widest transition-all">
|
||
<span x-text="localeLabels[loc] || loc"></span>
|
||
@if($required)
|
||
<span x-show="loc === 'zh_TW'" class="text-rose-400">*</span>
|
||
@endif
|
||
{{-- 完成度標記：有填內容亮起 --}}
|
||
<span class="w-1.5 h-1.5 rounded-full transition-colors"
|
||
:class="(formData.{{ $field }}[loc] || '').trim() ? 'bg-cyan-400' : 'bg-slate-300/60 dark:bg-slate-600/60'"></span>
|
||
</button>
|
||
</template>
|
||
</div>
|
||
|
||
{{-- Inputs：所有語系皆在 DOM（一併送出），僅顯示當前 Tab --}}
|
||
<template x-for="loc in locales" :key="'{{ $field }}-input-' + loc">
|
||
<div x-show="{{ $active }} === loc" x-cloak>
|
||
<input type="text"
|
||
:name="'{{ $field }}[' + loc + ']'"
|
||
x-model="formData.{{ $field }}[loc]"
|
||
:required="{{ $required ? "loc === 'zh_TW'" : 'false' }}"
|
||
class="luxury-input !py-3 text-base font-bold shadow-sm w-full">
|
||
</div>
|
||
</template>
|
||
</div>
|