tang-ui-x 1.1.2 → 1.1.3

package/components/TForm/type.uts

@@ -1,84 +1,90 @@
-/**
- * 表单选项类型
- */
-export type FormOption = {
-  label: string
-  value: string | number
-}
-
-/**
- * 组件通用属性
- */
-export type ComponentProps = {
-  /** 占位符 */
-  placeholder?: string
-  /** 是否禁用 */
-  disabled?: boolean
-  /** 选项列表（用于 select、radio、checkbox） */
-  options?: FormOption[]
-  /** 输入类型（用于 input） */
-  type?: string
-  /** 最大长度（用于 input、textarea） */
-  maxlength?: number
-  /** 最小值（用于 number、slider） */
-  min?: number
-  /** 最大值（用于 number、slider、rate） */
-  max?: number
-  /** 步长（用于 slider） */
-  step?: number
-  /** 是否自动聚焦（用于 input、textarea） */
-  focus?: boolean
-  /** 确认按钮文字（用于 input） */
-  confirmType?: string
-  /** 是否自动高度（用于 textarea） */
-  autoHeight?: boolean
-  /** 是否显示确认栏（用于 textarea） */
-  showConfirmBar?: boolean
-  /** 开始日期（用于 date） */
-  start?: string
-  /** 结束日期（用于 date） */
-  end?: string
-  /** 激活颜色（用于 switch） */
-  color?: string
-  /** 是否允许半星（用于 rate） */
-  allowHalf?: boolean
-  /** 是否显示值（用于 slider） */
-  showValue?: boolean
-  /** 其他扩展属性 */
-  [key: string]: any
-}
-
-/**
- * 表单字段配置
- */
-export type FormSchema = {
-  /** 字段名 */
-  field: string
-  /** 标签文本 */
-  label: string
-  /** 组件类型 */
-  component: 'Input' | 'Textarea' | 'Select' | 'Date' | 'Time' | 'Radio' | 'Checkbox' | 'Switch' | 'Rate' | 'Slider' | 'InputNumber'
-  /** 是否必填 */
-  required?: boolean
-  /** 组件属性 */
-  componentProps?: ComponentProps
-}
-
-/**
- * 表单组件属性
- */
-export type TFormProps = {
-  /** 表单配置 */
-  schemas: FormSchema[]
-  /** 标签宽度 */
-  labelWidth?: string
-  /** 是否隐藏默认按钮 */
-  hideButtons?: boolean
-  /** 提交按钮文本 */
-  submitText?: string
-  /** 重置按钮文本 */
-  resetText?: string
-}
-
-// 导出所有类型
-export { FormOption, ComponentProps, FormSchema, TFormProps }
+/**
+ * 表单选项类型
+ */
+export type FormOption = {
+  label: string
+  value: string | number
+}
+
+/**
+ * 组件通用属性
+ */
+export type ComponentProps = {
+  /** 占位符 */
+  placeholder?: string
+  /** 是否禁用 */
+  disabled?: boolean
+  /** 选项列表（用于 select、radio、checkbox） */
+  options?: FormOption[]
+  /** 输入类型（用于 input） */
+  type?: string
+  /** 最大长度（用于 input、textarea） */
+  maxlength?: number
+  /** 最小值（用于 number、slider） */
+  min?: number
+  /** 最大值（用于 number、slider、rate） */
+  max?: number
+  /** 步长（用于 slider） */
+  step?: number
+  /** 是否自动聚焦（用于 input、textarea） */
+  focus?: boolean
+  /** 确认按钮文字（用于 input） */
+  confirmType?: string
+  /** 是否自动高度（用于 textarea） */
+  autoHeight?: boolean
+  /** 是否显示确认栏（用于 textarea） */
+  showConfirmBar?: boolean
+  /** 开始日期（用于 date） */
+  start?: string
+  /** 结束日期（用于 date） */
+  end?: string
+  /** 激活颜色（用于 switch） */
+  color?: string
+  /** 是否允许半星（用于 rate） */
+  allowHalf?: boolean
+  /** 是否显示值（用于 slider） */
+  showValue?: boolean
+  /** 其他扩展属性 */
+  [key: string]: any
+}
+
+/**
+ * 表单字段配置
+ */
+export type FormSchema = {
+  /** 字段名 */
+  field: string
+  /** 标签文本 */
+  label: string
+  /** 组件类型 */
+  component: 'Input' | 'Textarea' | 'Select' | 'Date' | 'Time' | 'Radio' | 'Checkbox' | 'Switch' | 'Rate' | 'Slider' | 'InputNumber'
+  /** 是否必填 */
+  required?: boolean
+  /** 组件属性 */
+  componentProps?: ComponentProps
+  /** 单个配置项的布局方向（优先级高于整体 layout） */
+  layout?: 'horizontal' | 'vertical'
+  /** 单个配置项的标签宽度（优先级高于整体 labelWidth） */
+  labelWidth?: string
+}
+
+/**
+ * 表单组件属性
+ */
+export type TFormProps = {
+  /** 表单配置 */
+  schemas: FormSchema[]
+  /** 标签宽度 */
+  labelWidth?: string
+  /** 表单项布局方向 */
+  layout?: 'horizontal' | 'vertical'
+  /** 是否隐藏默认按钮 */
+  hideButtons?: boolean
+  /** 提交按钮文本 */
+  submitText?: string
+  /** 重置按钮文本 */
+  resetText?: string
+}
+
+// 导出所有类型
+export { FormOption, ComponentProps, FormSchema, TFormProps }

package/components/TRadioGroup/index.uvue

@@ -12,6 +12,9 @@ type Props = Omit<TRadioGroupProps, 'modelValue'>
 const props = withDefaults(defineProps<Props>(), {
   options: () => [] as RadioOption[],
   direction: 'vertical',
+  size: 'medium',
+  activeColor: '#00bba7',
+  inactiveColor: '#c8c9cc',
   disabled: false,
   customClass: '',
   customStyle: ''
@@ -34,20 +37,37 @@ const handleChange = (option: RadioOption): void => {
 const isChecked = (option: RadioOption): boolean => {
   return modelValue.value === option.value
 }
+
+// 尺寸映射
+const sizeMap = {
+  small: { icon: 28, dot: 14, fontSize: 24 },
+  medium: { icon: 36, dot: 20, fontSize: 28 },
+  large: { icon: 44, dot: 26, fontSize: 32 }
+}
+
+const currentSize = computed(() => sizeMap[props.size])
+
+const cssVars = computed(() => ({
+  '--icon-size': `${currentSize.value.icon}rpx`,
+  '--dot-size': `${currentSize.value.dot}rpx`,
+  '--font-size': `${currentSize.value.fontSize}rpx`,
+  '--active-color': props.activeColor,
+  '--inactive-color': props.inactiveColor
+}))
 </script>
 
 <template>
   <view
     class="t-radio-group"
     :class="[`t-radio-group--${direction}`, customClass]"
-    :style="customStyle"
+    :style="[customStyle, cssVars]"
   >
     <view
       v-for="(option, index) in options"
       :key="index"
       class="t-radio-group__item"
       :class="{ 't-radio-group__item--disabled': disabled || option.disabled }"
-      @click="() => handleChange(option)"
+      @click="handleChange(option)"
     >
       <view class="t-radio-group__icon" :class="{ 't-radio-group__icon--checked': isChecked(option) }">
         <view v-if="isChecked(option)" class="t-radio-group__dot"></view>
@@ -73,7 +93,7 @@ const isChecked = (option: RadioOption): boolean => {
 
 .t-radio-group__item {
   display: flex;
-  align-items: center;
+	flex-direction: row;
   padding: 12px 0;
   cursor: pointer;
 
@@ -88,30 +108,30 @@ const isChecked = (option: RadioOption): boolean => {
 }
 
 .t-radio-group__icon {
-  width: 20px;
-  height: 20px;
-  border: 2px solid #c8c9cc;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  border: 2rpx solid var(--inactive-color);
   border-radius: 50%;
-  margin-right: 8px;
+  margin-right: 16rpx;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s;
 
   &--checked {
-    border-color: #1890ff;
+    border-color: var(--active-color);
   }
 }
 
 .t-radio-group__dot {
-  width: 10px;
-  height: 10px;
-  background-color: #1890ff;
+  width: var(--dot-size);
+  height: var(--dot-size);
+  background-color: var(--active-color);
   border-radius: 50%;
 }
 
 .t-radio-group__label {
-  font-size: 14px;
+  font-size: var(--font-size);
   color: #323233;
 }
 </style>

package/components/TRadioGroup/type.uts

@@ -3,6 +3,7 @@
  */
 
 export type RadioDirection = 'horizontal' | 'vertical'
+export type RadioSize = 'small' | 'medium' | 'large'
 
 export interface RadioOption {
   label: string
@@ -14,6 +15,12 @@ export interface TRadioGroupProps {
   modelValue?: string | number
   options?: RadioOption[]
   direction?: RadioDirection
+  /** 按钮尺寸 */
+  size?: RadioSize
+  /** 活动状态颜色 */
+  activeColor?: string
+  /** 非活动状态颜色 */
+  inactiveColor?: string
   disabled?: boolean
   customClass?: string
   customStyle?: string

package/composables/i18n/manager.uts

@@ -230,10 +230,121 @@ export class I18nManager {
   /**
    * 注册或更新语言包（默认使用合并模式）
    * @param locale 语言代码
-   * @param messages 模块化语言包
+   * @param messages 模块化语言包或语言包目录路径
    */
-  registerMessages(locale: string, messages: ModularLocaleMessages): void {
-    this.registerMessagesWithMode(locale, messages, 'merge')
+  registerMessages(locale: string, messages: ModularLocaleMessages | string): void {
+    // 如果传入的是字符串路径，则加载该路径下的所有语言包
+    if (typeof messages === 'string') {
+      this.registerMessagesFromPath(locale, messages)
+    } else {
+      this.registerMessagesWithMode(locale, messages, 'merge')
+    }
+  }
+  
+  /**
+   * 注册或更新语言包（异步版本）
+   * @param locale 语言代码
+   * @param messages 模块化语言包或语言包目录路径
+   */
+  async registerMessagesAsync(locale: string, messages: ModularLocaleMessages | string): Promise<void> {
+    // 如果传入的是字符串路径，则加载该路径下的所有语言包
+    if (typeof messages === 'string') {
+      await this.registerMessagesFromPathAsync(locale, messages)
+    } else {
+      this.registerMessagesWithMode(locale, messages, 'merge')
+    }
+  }
+  
+  /**
+   * 从路径加载语言包（异步版本）
+   * @param locale 语言代码
+   * @param basePath 语言包目录路径（例如：'locales/ja-JP'）
+   */
+  private async registerMessagesFromPathAsync(locale: string, basePath: string): Promise<void> {
+    // 定义核心模块列表（只加载常用的模块，减少 404 请求）
+    const coreModules = [
+      'common',
+      'form',
+      'input',
+      'dialog',
+      'empty',
+      'loading'
+    ]
+    
+    // 定义可选模块列表
+    const optionalModules = [
+      'actionSheet',
+      'errorState',
+      'examplePages',
+      'examples',
+      'list',
+      'navBar',
+      'noticeBar',
+      'picker',
+      'searchBar',
+      'textarea',
+      'toast'
+    ]
+    
+    const loadedMessages: ModularLocaleMessages = {}
+    
+    // 先加载核心模块
+    await Promise.all(
+      coreModules.map(async (moduleName) => {
+        try {
+          // 构建文件路径
+          const filePath = `${basePath}/${moduleName}.json`
+          
+          // 使用动态 import 加载 JSON 文件（支持 H5、App、小程序）
+          const module = await import(/* @vite-ignore */ filePath)
+          const moduleData = module.default || module
+          
+          if (moduleData && typeof moduleData === 'object') {
+            loadedMessages[moduleName] = moduleData
+          }
+        } catch (e) {
+          // 核心模块加载失败时输出警告
+          console.warn(`[I18n] Failed to load core module ${moduleName} for locale ${locale}`)
+        }
+      })
+    )
+    
+    // 尝试加载可选模块（静默失败）
+    await Promise.allSettled(
+      optionalModules.map(async (moduleName) => {
+        try {
+          const filePath = `${basePath}/${moduleName}.json`
+          const module = await import(/* @vite-ignore */ filePath)
+          const moduleData = module.default || module
+          
+          if (moduleData && typeof moduleData === 'object') {
+            loadedMessages[moduleName] = moduleData
+          }
+        } catch (e) {
+          // 可选模块加载失败时静默忽略
+        }
+      })
+    )
+    
+    // 如果成功加载了至少一个模块，则注册语言包
+    if (Object.keys(loadedMessages).length > 0) {
+      this.registerMessagesWithMode(locale, loadedMessages, 'merge')
+    } else {
+      I18nError.warnLocaleNotFound(locale)
+    }
+  }
+  
+  /**
+   * 从路径加载语言包（同步版本，仅用于兼容）
+   * @param locale 语言代码
+   * @param basePath 语言包目录路径
+   */
+  private registerMessagesFromPath(locale: string, basePath: string): void {
+    // 调用异步版本，但不等待结果
+    this.registerMessagesFromPathAsync(locale, basePath).catch((e) => {
+      console.error(`[I18n] Failed to load locale ${locale} from path ${basePath}:`, e)
+      I18nError.warnLocaleNotFound(locale)
+    })
   }
   
   /**
@@ -333,4 +444,88 @@ export class I18nManager {
   getCurrentLocale(): string {
     return this.currentLocale.value
   }
+  
+  /**
+   * 注册新语言（简化方法）
+   * 支持传入语言包对象或语言包目录路径
+   * @param locale 语言代码（例如：'ja-JP'）
+   * @param messagesOrPath 语言包对象或语言包目录路径
+   * 
+   * @example
+   * // 方式一：传入语言包对象
+   * i18nManager.registerLocale('ja-JP', {
+   *   common: { confirm: '確認', cancel: 'キャンセル' },
+   *   button: { submit: '送信' }
+   * })
+   * 
+   * // 方式二：传入语言包目录路径
+   * i18nManager.registerLocale('ja-JP', '@/locales/ja-JP')
+   */
+  registerLocale(locale: string, messagesOrPath: ModularLocaleMessages | string): void {
+    this.registerMessages(locale, messagesOrPath)
+  }
+  
+  /**
+   * 注册新语言（异步方法）
+   * 支持传入语言包对象或语言包目录路径
+   * @param locale 语言代码（例如：'ja-JP'）
+   * @param messagesOrPath 语言包对象或语言包目录路径
+   * 
+   * @example
+   * // 方式一：传入语言包对象
+   * await i18nManager.registerLocaleAsync('ja-JP', {
+   *   common: { confirm: '確認', cancel: 'キャンセル' },
+   *   button: { submit: '送信' }
+   * })
+   * 
+   * // 方式二：传入语言包目录路径（推荐使用异步版本）
+   * await i18nManager.registerLocaleAsync('ja-JP', '@/locales/ja-JP')
+   */
+  async registerLocaleAsync(locale: string, messagesOrPath: ModularLocaleMessages | string): Promise<void> {
+    await this.registerMessagesAsync(locale, messagesOrPath)
+  }
+  
+  /**
+   * 扩展现有语言包
+   * 用于添加自定义翻译到已有语言
+   * @param locale 语言代码
+   * @param messages 要添加的语言包
+   * 
+   * @example
+   * i18nManager.extendLocale('zh-CN', {
+   *   myApp: {
+   *     welcome: '欢迎使用我的应用',
+   *     logout: '退出登录'
+   *   }
+   * })
+   */
+  extendLocale(locale: string, messages: ModularLocaleMessages): void {
+    this.registerMessagesWithMode(locale, messages, 'merge')
+  }
+  
+  /**
+   * 获取语言代码（别名方法）
+   * @returns 当前语言代码
+   */
+  getLocale(): string {
+    return this.currentLocale.value
+  }
+  
+  /**
+   * 翻译函数（别名方法）
+   * @param key 翻译键
+   * @param params 插值参数
+   * @param defaultValue 默认值
+   * @returns 翻译后的文本
+   */
+  t(key: string, params?: TranslateParams, defaultValue?: string): string {
+    const result = this.translate(key, params)
+    
+    // 如果翻译结果等于键本身，且提供了默认值，则返回默认值
+    if (result === key && defaultValue !== undefined) {
+      return defaultValue
+    }
+    
+    return result
+  }
 }

package/locales/en-US/common.json

@@ -3,8 +3,15 @@
   "cancel": "Cancel",
   "ok": "OK",
   "close": "Close",
+  "save": "Save",
+  "delete": "Delete",
+  "edit": "Edit",
+  "submit": "Submit",
+  "reset": "Reset",
+  "search": "Search",
   "loading": "Loading...",
   "noData": "No Data",
+  "error": "Error",
   "language": "Language",
   "languageSwitch": "Switch Language"
 }

package/locales/en-US/empty.json

@@ -1,5 +1,6 @@
 {
   "title": "No Data",
+  "noData": "No Data",
   "description": "No relevant content available",
   "actionText": "Try Refresh"
 }

package/locales/en-US/form.json

@@ -3,6 +3,13 @@
   "selectPlaceholder": "Please select",
   "datePlaceholder": "Select date",
   "timePlaceholder": "Select time",
+  "required": "This field is required",
+  "invalid": "Invalid format",
+  "minLength": "Length must be at least {min} characters",
+  "maxLength": "Length must not exceed {max} characters",
+  "email": "Please enter a valid email address",
+  "phone": "Please enter a valid phone number",
+  "url": "Please enter a valid URL",
   "requiredError": "Please enter {label}",
   "submitButton": "Submit",
   "resetButton": "Reset",

package/locales/zh-CN/common.json

@@ -3,8 +3,15 @@
   "cancel": "取消",
   "ok": "好的",
   "close": "关闭",
+  "save": "保存",
+  "delete": "删除",
+  "edit": "编辑",
+  "submit": "提交",
+  "reset": "重置",
+  "search": "搜索",
   "loading": "加载中...",
   "noData": "暂无数据",
+  "error": "出错了",
   "language": "语言",
   "languageSwitch": "切换语言"
 }

package/locales/zh-CN/empty.json

@@ -1,5 +1,6 @@
 {
   "title": "暂无数据",
+  "noData": "暂无数据",
   "description": "当前没有相关内容",
   "actionText": "刷新试试"
 }

package/locales/zh-CN/form.json

@@ -3,6 +3,13 @@
   "selectPlaceholder": "请选择",
   "datePlaceholder": "请选择日期",
   "timePlaceholder": "请选择时间",
+  "required": "此项为必填项",
+  "invalid": "格式不正确",
+  "minLength": "长度不能少于{min}个字符",
+  "maxLength": "长度不能超过{max}个字符",
+  "email": "请输入有效的邮箱地址",
+  "phone": "请输入有效的手机号码",
+  "url": "请输入有效的网址",
   "requiredError": "请输入{label}",
   "submitButton": "提交",
   "resetButton": "重置",

package/locales/zh-TW/common.json

@@ -3,6 +3,13 @@
   "cancel": "取消",
   "ok": "好的",
   "close": "關閉",
+  "save": "儲存",
+  "delete": "刪除",
+  "edit": "編輯",
+  "submit": "提交",
+  "reset": "重置",
+  "search": "搜尋",
   "loading": "載入中...",
-  "noData": "暫無資料"
+  "noData": "暫無資料",
+  "error": "出錯了"
 }

package/locales/zh-TW/empty.json

@@ -1,5 +1,6 @@
 {
   "title": "暫無資料",
+  "noData": "暫無資料",
   "description": "目前沒有相關內容",
   "actionText": "重新整理"
 }

package/locales/zh-TW/form.json

@@ -3,6 +3,13 @@
   "selectPlaceholder": "請選擇",
   "datePlaceholder": "請選擇日期",
   "timePlaceholder": "請選擇時間",
+  "required": "此項為必填項",
+  "invalid": "格式不正確",
+  "minLength": "長度不能少於{min}個字符",
+  "maxLength": "長度不能超過{max}個字符",
+  "email": "請輸入有效的郵箱地址",
+  "phone": "請輸入有效的手機號碼",
+  "url": "請輸入有效的網址",
   "requiredError": "請輸入{label}",
   "submitButton": "提交",
   "resetButton": "重設",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tang-ui-x",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "UniApp X UI 组件库 - 基于 uni-app x 的移动端 UI 组件库",
   "main": "index.uts",
   "module": "index.uts",
@@ -47,4 +47,4 @@
     "build": "echo 'Build completed'",
     "version": "pnpm run build"
   }
-}
+}