tang-ui-x 1.2.3 → 1.2.5

package/components/TButton/index.uvue

@@ -1,28 +1,13 @@
 <script  setup lang="uts" >
 import { computed } from 'vue'
-import type { ButtonType, ButtonSize, ButtonShape } from './type.uts'
+import type { TButtonProps } from './type.uts'
 
 /**
  * TButton 按钮组件
  * @description 支持多种类型、尺寸、形状的按钮组件
  */
 
-// Props 定义
-interface Props {
-  type?: ButtonType
-  size?: ButtonSize
-  shape?: ButtonShape
-  plain?: boolean
-  disabled?: boolean
-  loading?: boolean
-  block?: boolean
-  text?: string
-  icon?: string
-  customClass?: string
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<TButtonProps>(), {
   type: 'default',
   size: 'medium',
   shape: 'square',

package/components/TCell/index.uvue

@@ -1,20 +1,8 @@
 <script  setup lang="uts" >
 	import Icon from '../TIcon'
+	import type { TCellProps } from './type.uts'
 
-
-
-	interface Props {
-		/**标题 */
-		title ?: string,
-		/** 内容 */
-		content? : string
-		/** 是否显示图标 */
-		showIcon ?: boolean
-		/** 图标 */
-		icon ?: string
-	}
-
-	withDefaults(defineProps<Props>(), {
+	withDefaults(defineProps<TCellProps>(), {
 		showIcon: true,
 		icon: "icon-youjiantou"
 	})

package/components/TCell/type.uts

@@ -0,0 +1,40 @@
+/**
+ * TCell 组件类型定义
+ */
+
+/**
+ * TCell Props 接口
+ */
+export interface TCellProps {
+  /**
+   * 标题
+   */
+  title?: string
+
+  /**
+   * 内容
+   */
+  content?: string
+
+  /**
+   * 是否显示图标
+   * @default true
+   */
+  showIcon?: boolean
+
+  /**
+   * 图标名称
+   * @default 'icon-youjiantou'
+   */
+  icon?: string
+}
+
+/**
+ * TCell 事件接口
+ */
+export interface TCellEmits {
+  /**
+   * 点击事件
+   */
+  cell: () => void
+}

package/components/TCheckbox/index.uvue

@@ -3,22 +3,9 @@
  * 复选框组件 - 适用于购物车、列表等场景
  * 参考 RadioButton 和 CheckboxButton 组件设计
  */
-type Props = {
-  /** 是否禁用 */
-  disabled?: boolean
-  /** 尺寸大小 */
-  size?: 'small' | 'medium' | 'large'
-  /** 激活状态颜色 */
-  activeColor?: string
-  /** 未激活状态颜色 */
-  inactiveColor?: string
-  /** 是否为方形设计 */
-  square?: boolean
-  /** 自定义边框宽度 */
-  borderWidth?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
+import type { TCheckboxProps, CheckboxSize } from './type.uts'
+
+const props = withDefaults(defineProps<TCheckboxProps>(), {
   disabled: false,
   size: 'medium',
   activeColor: '#00bba7',

package/components/TCheckbox/type.uts

@@ -0,0 +1,64 @@
+/**
+ * TCheckbox 组件类型定义
+ */
+
+/**
+ * 复选框尺寸
+ */
+export type CheckboxSize = 'small' | 'medium' | 'large'
+
+/**
+ * TCheckbox Props 接口
+ */
+export interface TCheckboxProps {
+  /**
+   * 是否禁用
+   * @default false
+   */
+  disabled?: boolean
+
+  /**
+   * 尺寸大小
+   * @default 'medium'
+   */
+  size?: CheckboxSize
+
+  /**
+   * 激活状态颜色
+   * @default '#00bba7'
+   */
+  activeColor?: string
+
+  /**
+   * 未激活状态颜色
+   * @default '#c8c9cc'
+   */
+  inactiveColor?: string
+
+  /**
+   * 是否为方形设计
+   * @default false
+   */
+  square?: boolean
+
+  /**
+   * 自定义边框宽度
+   * @default 2
+   */
+  borderWidth?: number
+}
+
+/**
+ * TCheckbox 事件接口
+ */
+export interface TCheckboxEmits {
+  /**
+   * 值改变事件
+   */
+  change: (value: boolean) => void
+
+  /**
+   * 点击事件
+   */
+  click: (event: any) => void
+}

package/components/TCol/index.uvue

@@ -1,20 +1,13 @@
 <script setup lang="uts">
 import { inject, computed } from 'vue'
+import type { TColProps } from './type.uts'
 
 /**
  * TCol 栅格列组件
  * @description 基于 24 栅格系统的列组件，需配合 TRow 使用
  */
 
-// Props 定义
-interface Props {
-  span?: number
-  offset?: number
-  customClass?: string
-  customStyle?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
+const props = withDefaults(defineProps<TColProps>(), {
   span: 24,
   offset: 0,
   customClass: '',