tang-ui-x 1.1.1 → 1.1.2

package/locales/en-US/examples.json

@@ -0,0 +1,218 @@
+{
+  "groups": {
+    "basic": "Basic",
+    "layout": "Layout",
+    "form": "Form",
+    "display": "Display",
+    "feedback": "Feedback",
+    "navigation": "Navigation",
+    "tools": "Tools"
+  },
+  "components": {
+    "TButton": {
+      "name": "Button",
+      "enName": "Button",
+      "description": "Trigger an action"
+    },
+    "TIcon": {
+      "name": "Icon",
+      "enName": "Icon",
+      "description": "Semantic icons"
+    },
+    "TText": {
+      "name": "Text",
+      "enName": "Text",
+      "description": "Text display component"
+    },
+    "TImage": {
+      "name": "Image",
+      "enName": "Image",
+      "description": "Enhanced image component"
+    },
+    "TDivider": {
+      "name": "Divider",
+      "enName": "Divider",
+      "description": "Content divider"
+    },
+    "TCard": {
+      "name": "Card",
+      "enName": "Card",
+      "description": "Card container"
+    },
+    "TList": {
+      "name": "List",
+      "enName": "List",
+      "description": "List display"
+    },
+    "TCell": {
+      "name": "Cell",
+      "enName": "Cell",
+      "description": "Cell component"
+    },
+    "TGrid": {
+      "name": "Grid",
+      "enName": "Grid",
+      "description": "Grid layout"
+    },
+    "TRow/TCol": {
+      "name": "Layout",
+      "enName": "Layout",
+      "description": "24-column grid layout"
+    },
+    "TInput": {
+      "name": "Input",
+      "enName": "Input",
+      "description": "Text input"
+    },
+    "TTextarea": {
+      "name": "Textarea",
+      "enName": "Textarea",
+      "description": "Multi-line text input"
+    },
+    "TSearchBar": {
+      "name": "SearchBar",
+      "enName": "SearchBar",
+      "description": "Search input box"
+    },
+    "TNumberInput": {
+      "name": "NumberInput",
+      "enName": "NumberInput",
+      "description": "Number input box"
+    },
+    "TSwitch": {
+      "name": "Switch",
+      "enName": "Switch",
+      "description": "Switch selector"
+    },
+    "TCheckbox": {
+      "name": "Checkbox",
+      "enName": "Checkbox",
+      "description": "Checkbox"
+    },
+    "TCheckboxGroup": {
+      "name": "CheckboxGroup",
+      "enName": "CheckboxGroup",
+      "description": "Checkbox group"
+    },
+    "TRadioButton": {
+      "name": "Radio",
+      "enName": "Radio",
+      "description": "Radio button"
+    },
+    "TRadioGroup": {
+      "name": "RadioGroup",
+      "enName": "RadioGroup",
+      "description": "Radio group"
+    },
+    "TSelect": {
+      "name": "Select",
+      "enName": "Select",
+      "description": "Dropdown selector"
+    },
+    "TPicker": {
+      "name": "Picker",
+      "enName": "Picker",
+      "description": "Multi-column data picker"
+    },
+    "TSlider": {
+      "name": "Slider",
+      "enName": "Slider",
+      "description": "Slider selector"
+    },
+    "TRate": {
+      "name": "Rate",
+      "enName": "Rate",
+      "description": "Rating component"
+    },
+    "TForm": {
+      "name": "Form",
+      "enName": "Form",
+      "description": "Form component"
+    },
+    "Tags": {
+      "name": "Tags",
+      "enName": "Tags",
+      "description": "Tag classification"
+    },
+    "TBadge": {
+      "name": "Badge",
+      "enName": "Badge",
+      "description": "Number badge"
+    },
+    "TAvatar": {
+      "name": "Avatar",
+      "enName": "Avatar",
+      "description": "User avatar"
+    },
+    "TProgress": {
+      "name": "Progress",
+      "enName": "Progress",
+      "description": "Progress indicator"
+    },
+    "TNoticeBar": {
+      "name": "NoticeBar",
+      "enName": "NoticeBar",
+      "description": "Scrolling notice"
+    },
+    "TCollapse": {
+      "name": "Collapse",
+      "enName": "Collapse",
+      "description": "Collapsible content area"
+    },
+    "TSwiper": {
+      "name": "Swiper",
+      "enName": "Swiper",
+      "description": "Image/content carousel"
+    },
+    "TEmpty": {
+      "name": "Empty",
+      "enName": "Empty",
+      "description": "Empty state display"
+    },
+    "TErrorState": {
+      "name": "Error",
+      "enName": "Error",
+      "description": "Error prompt"
+    },
+    "TLoading": {
+      "name": "Loading",
+      "enName": "Loading",
+      "description": "Loading state"
+    },
+    "TToast": {
+      "name": "Toast",
+      "enName": "Toast",
+      "description": "Lightweight prompt"
+    },
+    "TDialog": {
+      "name": "Dialog",
+      "enName": "Dialog",
+      "description": "Modal dialog"
+    },
+    "TPopup": {
+      "name": "Popup",
+      "enName": "Popup",
+      "description": "Popup container"
+    },
+    "TActionSheet": {
+      "name": "ActionSheet",
+      "enName": "ActionSheet",
+      "description": "Bottom action sheet"
+    },
+    "Tabs": {
+      "name": "Tabs",
+      "enName": "Tabs",
+      "description": "Tab switching"
+    },
+    "TNavBar": {
+      "name": "NavBar",
+      "enName": "NavBar",
+      "description": "Top navigation bar"
+    },
+    "I18nDemo": {
+      "name": "I18n Demo",
+      "enName": "I18n",
+      "description": "Internationalization demo"
+    }
+  }
+}

package/locales/en-US/form.json

@@ -0,0 +1,11 @@
+{
+  "inputPlaceholder": "Please enter {label}",
+  "selectPlaceholder": "Please select",
+  "datePlaceholder": "Select date",
+  "timePlaceholder": "Select time",
+  "requiredError": "Please enter {label}",
+  "submitButton": "Submit",
+  "resetButton": "Reset",
+  "validationFailed": "Form validation failed",
+  "submitFailed": "Form submission failed"
+}

package/locales/en-US/input.json

@@ -0,0 +1,3 @@
+{
+  "placeholder": "Please enter"
+}

package/locales/en-US/list.json

@@ -0,0 +1,5 @@
+{
+  "loadingText": "Loading...",
+  "finishedText": "No more data",
+  "errorText": "Load failed, click to retry"
+}

package/locales/en-US/loading.json

@@ -0,0 +1,3 @@
+{
+  "text": "Loading..."
+}

package/locales/en-US/navBar.json

@@ -0,0 +1,4 @@
+{
+  "backText": "Back",
+  "title": "Title"
+}

package/locales/en-US/noticeBar.json

@@ -0,0 +1,3 @@
+{
+  "closeText": "Close"
+}

package/locales/en-US/picker.json

@@ -0,0 +1,5 @@
+{
+  "title": "Please Select",
+  "confirmText": "Confirm",
+  "cancelText": "Cancel"
+}

package/locales/en-US/searchBar.json

@@ -0,0 +1,4 @@
+{
+  "placeholder": "Enter search keywords",
+  "cancelText": "Cancel"
+}

package/locales/en-US/textarea.json

@@ -0,0 +1,3 @@
+{
+  "placeholder": "Please enter content"
+}

package/locales/en-US/toast.json

@@ -0,0 +1,6 @@
+{
+  "loading": "Loading...",
+  "success": "Success",
+  "fail": "Failed",
+  "info": "Info"
+}

package/locales/index.uts

@@ -0,0 +1,79 @@
+/**
+ * 语言包初始化模块
+ * 负责预加载内置语言包并初始化 I18n 系统
+ */
+
+import { LocaleLoader } from './loader.uts'
+import { I18nManager } from '../composables/i18n/manager.uts'
+
+/**
+ * 初始化标志
+ * 确保初始化只执行一次
+ */
+let initialized = false
+
+/**
+ * 初始化 I18n 系统（同步方法）
+ * 预加载内置语言包（zh-CN, en-US, zh-TW）并设置默认语言为简体中文
+ * 使用同步方式确保跨平台兼容性
+ */
+export function initI18n(): void {
+  // 防止重复初始化
+  if (initialized) {
+    console.log('[Tang UI I18n] Already initialized, skipping...')
+    return
+  }
+  
+  try {
+    console.log('[Tang UI I18n] Initializing i18n system...')
+    
+    // 1. 预加载内置语言包（同步方法）
+    const localesMap = LocaleLoader.preloadBuiltinLocales()
+    
+    // 2. 获取 I18nManager 单例实例
+    const manager = I18nManager.getInstance()
+    
+    // 3. 将内置语言包注册到 I18nManager
+    for (const [locale, messages] of localesMap) {
+      manager.registerMessages(locale, messages)
+      console.log(`[Tang UI I18n] Registered locale: ${locale}`)
+    }
+    
+    // 4. 设置默认语言为简体中文
+    const success = manager.setLocale('zh-CN')
+    if (success) {
+      console.log('[Tang UI I18n] Default locale set to zh-CN')
+    } else {
+      console.warn('[Tang UI I18n] Failed to set default locale to zh-CN')
+    }
+    
+    // 5. 标记为已初始化
+    initialized = true
+    
+    console.log('[Tang UI I18n] Initialization complete')
+  } catch (error) {
+    console.error('[Tang UI I18n] Failed to initialize i18n system:', error)
+    throw error
+  }
+}
+
+/**
+ * 检查 I18n 系统是否已初始化
+ * @returns 是否已初始化
+ */
+export function isI18nInitialized(): boolean {
+  return initialized
+}
+
+/**
+ * 重置初始化状态（仅用于测试）
+ * @internal
+ */
+export function resetI18nInitialization(): void {
+  initialized = false
+}
+
+// 自动初始化
+// 在模块加载时自动初始化 i18n 系统
+// 这确保了在任何组件使用 i18n 之前，系统已经准备就绪
+initI18n()

package/locales/init-verification.uts

@@ -0,0 +1,101 @@
+/**
+ * 验证初始化功能
+ * 测试 locales/index.uts 的初始化逻辑
+ */
+
+import { initI18n, isI18nInitialized, resetI18nInitialization } from './index.uts'
+import { I18nManager } from '../composables/i18n/manager.uts'
+
+/**
+ * 验证初始化功能（同步方法）
+ */
+function verifyInitialization() {
+  console.log('=== 开始验证 I18n 初始化功能 ===\n')
+  
+  // 重置初始化状态（用于测试）
+  resetI18nInitialization()
+  
+  // 1. 验证初始化前状态
+  console.log('1. 验证初始化前状态')
+  console.log('   已初始化:', isI18nInitialized())
+  console.log('   预期: false')
+  console.log('   ✓ 通过\n')
+  
+  // 2. 执行初始化（同步方法）
+  console.log('2. 执行初始化')
+  initI18n()
+  console.log('   ✓ 初始化完成\n')
+  
+  // 3. 验证初始化后状态
+  console.log('3. 验证初始化后状态')
+  console.log('   已初始化:', isI18nInitialized())
+  console.log('   预期: true')
+  console.log('   ✓ 通过\n')
+  
+  // 4. 获取 I18nManager 实例并验证
+  const manager = I18nManager.getInstance()
+  
+  // 5. 验证默认语言
+  console.log('4. 验证默认语言')
+  const currentLocale = manager.getCurrentLocale()
+  console.log('   当前语言:', currentLocale)
+  console.log('   预期: zh-CN')
+  console.log('   结果:', currentLocale === 'zh-CN' ? '✓ 通过' : '✗ 失败')
+  console.log('')
+  
+  // 6. 验证可用语言列表
+  console.log('5. 验证可用语言列表')
+  const availableLocales = manager.getAvailableLocales()
+  const locales = availableLocales.value
+  console.log('   可用语言:', locales)
+  console.log('   预期包含: zh-CN, en-US, zh-TW')
+  const hasZhCN = locales.includes('zh-CN')
+  const hasEnUS = locales.includes('en-US')
+  const hasZhTW = locales.includes('zh-TW')
+  console.log('   包含 zh-CN:', hasZhCN ? '✓' : '✗')
+  console.log('   包含 en-US:', hasEnUS ? '✓' : '✗')
+  console.log('   包含 zh-TW:', hasZhTW ? '✓' : '✗')
+  console.log('   结果:', (hasZhCN && hasEnUS && hasZhTW) ? '✓ 通过' : '✗ 失败')
+  console.log('')
+  
+  // 7. 验证翻译功能
+  console.log('6. 验证翻译功能（简体中文）')
+  const confirmText = manager.translate('common.confirm')
+  console.log('   common.confirm:', confirmText)
+  console.log('   预期: 确定')
+  console.log('   结果:', confirmText === '确定' ? '✓ 通过' : '✗ 失败')
+  console.log('')
+  
+  // 8. 切换到英语并验证
+  console.log('7. 切换到英语并验证翻译')
+  const switchSuccess = manager.setLocale('en-US')
+  console.log('   切换成功:', switchSuccess)
+  const confirmTextEn = manager.translate('common.confirm')
+  console.log('   common.confirm:', confirmTextEn)
+  console.log('   预期: Confirm')
+  console.log('   结果:', confirmTextEn === 'Confirm' ? '✓ 通过' : '✗ 失败')
+  console.log('')
+  
+  // 9. 切换到繁体中文并验证
+  console.log('8. 切换到繁体中文并验证翻译')
+  manager.setLocale('zh-TW')
+  const confirmTextTw = manager.translate('common.confirm')
+  console.log('   common.confirm:', confirmTextTw)
+  console.log('   预期: 確定')
+  console.log('   结果:', confirmTextTw === '確定' ? '✓ 通过' : '✗ 失败')
+  console.log('')
+  
+  // 10. 验证重复初始化保护
+  console.log('9. 验证重复初始化保护')
+  initI18n()
+  console.log('   ✓ 重复初始化被正确阻止\n')
+  
+  console.log('=== 验证完成 ===')
+}
+
+// 执行验证（同步方式）
+try {
+  verifyInitialization()
+} catch (error) {
+  console.error('验证过程出错:', error)
+}