uview-pro 0.0.7 → 0.0.8

package/components/u-button/u-button.vue

@@ -61,8 +61,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, nextTick, type PropType } from 'vue';
+import { ref, computed, nextTick } from 'vue';
 import { $u } from '../../';
+import { ButtonProps } from './types';
 
 defineOptions({
     name: 'u-button'
@@ -111,93 +112,7 @@ defineOptions({
 
 const emit = defineEmits(['click', 'getuserinfo', 'contact', 'getphonenumber', 'error', 'launchapp', 'opensetting', 'chooseavatar', 'agreeprivacyauthorization']);
 
-type ButtonScope = 'phoneNumber' | 'userInfo';
-
-type ButtonOpenType =
-    | 'feedback'
-    | 'share'
-    | 'getUserInfo'
-    | 'contact'
-    | 'getPhoneNumber'
-    | 'launchApp'
-    | 'openSetting'
-    | 'chooseAvatar'
-    | 'getAuthorize'
-    | 'lifestyle'
-    | 'contactShare'
-    | 'openGroupProfile'
-    | 'openGuildProfile'
-    | 'openPublicProfile'
-    | 'shareMessageToFriend'
-    | 'addFriend'
-    | 'addColorSign'
-    | 'addGroupApp'
-    | 'addToFavorites'
-    | 'chooseAddress'
-    | 'chooseInvoiceTitle'
-    | 'login'
-    | 'subscribe'
-    | 'favorite'
-    | 'watchLater'
-    | 'openProfile'
-    | 'agreePrivacyAuthorization';
-
-const props = defineProps({
-    /** 是否细边框 */
-    hairLine: { type: Boolean, default: true },
-    /** 按钮的预置样式，default，primary，error，warning，success */
-    type: { type: String, default: 'default' },
-    /** 按钮尺寸，default，medium，mini */
-    size: { type: String, default: 'default' },
-    /** 按钮形状，circle（两边为半圆），square（带圆角） */
-    shape: { type: String, default: 'square' },
-    /** 按钮是否镂空 */
-    plain: { type: Boolean, default: false },
-    /** 是否禁止状态 */
-    disabled: { type: Boolean, default: false },
-    /** 是否加载中 */
-    loading: { type: Boolean, default: false },
-    /** 支付宝小程序，当 open-type 为 getAuthorize 时有效 */
-    scope: { type: String as PropType<ButtonScope>, default: '' },
-    /** 开放能力，具体请看uniapp稳定关于button组件部分说明 */
-    openType: { type: String as PropType<ButtonOpenType>, default: '' },
-    /** 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件 */
-    formType: { type: String, default: '' },
-    /** 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 */
-    appParameter: { type: String, default: '' },
-    /** 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效 */
-    hoverStopPropagation: { type: Boolean, default: false },
-    /** 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效 */
-    lang: { type: String, default: 'en' },
-    /** 会话来源，open-type="contact"时有效。只微信小程序有效 */
-    sessionFrom: { type: String, default: '' },
-    /** 会话内消息卡片标题，open-type="contact"时有效 */
-    sendMessageTitle: { type: String, default: '' },
-    /** 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 */
-    sendMessagePath: { type: String, default: '' },
-    /** 会话内消息卡片图片，open-type="contact"时有效 */
-    sendMessageImg: { type: String, default: '' },
-    /** 是否显示会话内消息卡片，open-type="contact"时有效 */
-    showMessageCard: { type: Boolean, default: false },
-    /** 手指按（触摸）按钮时按钮时的背景颜色 */
-    hoverBgColor: { type: String, default: '' },
-    /** 水波纹的背景颜色 */
-    rippleBgColor: { type: String, default: '' },
-    /** 是否开启水波纹效果 */
-    ripple: { type: Boolean, default: false },
-    /** 按下的类名 */
-    hoverClass: { type: String, default: '' },
-    /** 自定义样式，对象形式 */
-    customStyle: { type: Object as () => Record<string, any>, default: () => ({}) },
-    /** 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取 */
-    dataName: { type: String, default: '' },
-    /** 节流，一定时间内只能触发一次 */
-    throttleTime: { type: [String, Number], default: 1000 },
-    /** 按住后多久出现点击态，单位毫秒 */
-    hoverStartTime: { type: [String, Number], default: 20 },
-    /** 手指松开后点击态保留时间，单位毫秒 */
-    hoverStayTime: { type: [String, Number], default: 150 }
-});
+const props = defineProps(ButtonProps);
 
 /**
  * 按钮水波纹相关状态

package/components/u-calendar/types.ts

@@ -0,0 +1,63 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import type { CalendarMode, ThemeType } from '../../types/global';
+
+/**
+ * calendar 日历类型定义
+ * @description 供 u-calendar 组件 props 使用
+ */
+export const CalendarProps = {
+    /** 是否开启底部安全区适配 */
+    safeAreaInsetBottom: { type: Boolean, default: false },
+    /** 是否允许通过点击遮罩关闭Picker */
+    maskCloseAble: { type: Boolean, default: true },
+    /** 通过双向绑定控制组件的弹出与收起 */
+    modelValue: { type: Boolean, default: false },
+    /** 弹出的z-index值 */
+    zIndex: { type: [String, Number], default: 0 },
+    /** 是否允许切换年份 */
+    changeYear: { type: Boolean, default: true },
+    /** 是否允许切换月份 */
+    changeMonth: { type: Boolean, default: true },
+    /** date-单个日期选择，range-开始日期+结束日期选择 */
+    mode: { type: String as PropType<CalendarMode>, default: 'date' },
+    /** 可切换的最大年份 */
+    maxYear: { type: [Number, String], default: 2050 },
+    /** 可切换的最小年份 */
+    minYear: { type: [Number, String], default: 1950 },
+    /** 最小可选日期(不在范围内日期禁用不可选) */
+    minDate: { type: [Number, String], default: '1950-01-01' },
+    /** 最大可选日期，默认最大值为今天，之后的日期不可选 */
+    maxDate: { type: [Number, String], default: '' },
+    /** 弹窗顶部左右两边的圆角值 */
+    borderRadius: { type: [String, Number], default: 20 },
+    /** 月份切换按钮箭头颜色 */
+    monthArrowColor: { type: String, default: '#606266' },
+    /** 年份切换按钮箭头颜色 */
+    yearArrowColor: { type: String, default: '#909399' },
+    /** 默认日期字体颜色 */
+    color: { type: String, default: '#303133' },
+    /** 选中|起始结束日期背景色 */
+    activeBgColor: { type: String, default: '#2979ff' },
+    /** 选中|起始结束日期字体颜色 */
+    activeColor: { type: String, default: '#ffffff' },
+    /** 范围内日期背景色 */
+    rangeBgColor: { type: String, default: 'rgba(41,121,255,0.13)' },
+    /** 范围内日期字体颜色 */
+    rangeColor: { type: String, default: '#2979ff' },
+    /** mode=range时生效，起始日期自定义文案 */
+    startText: { type: String, default: '开始' },
+    /** mode=range时生效，结束日期自定义文案 */
+    endText: { type: String, default: '结束' },
+    /** 按钮样式类型 */
+    btnType: { type: String as PropType<ThemeType>, default: 'primary' },
+    /** 当前选中日期带选中效果 */
+    isActiveCurrent: { type: Boolean, default: true },
+    /** 切换年月是否触发事件 mode=date时生效 */
+    isChange: { type: Boolean, default: false },
+    /** 是否显示右上角的关闭图标 */
+    closeable: { type: Boolean, default: true },
+    /** 顶部的提示文字 */
+    toolTip: { type: String, default: '选择日期' }
+};
+
+export type CalendarProps = ExtractPropTypes<typeof CalendarProps>;

package/components/u-calendar/u-calendar.vue

@@ -84,6 +84,7 @@
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, useSlots } from 'vue';
 import { $u } from '../..';
+import { CalendarProps } from './types';
 
 defineOptions({
     name: 'u-calendar'
@@ -119,141 +120,7 @@ defineOptions({
  * @example <u-calendar v-model="show" :mode="mode"></u-calendar>
  */
 
-const props = defineProps({
-    safeAreaInsetBottom: {
-        type: Boolean,
-        default: false
-    },
-    // 是否允许通过点击遮罩关闭Picker
-    maskCloseAble: {
-        type: Boolean,
-        default: true
-    },
-    // 通过双向绑定控制组件的弹出与收起
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    // 弹出的z-index值
-    zIndex: {
-        type: [String, Number],
-        default: 0
-    },
-    // 是否允许切换年份
-    changeYear: {
-        type: Boolean,
-        default: true
-    },
-    // 是否允许切换月份
-    changeMonth: {
-        type: Boolean,
-        default: true
-    },
-    // date-单个日期选择，range-开始日期+结束日期选择
-    mode: {
-        type: String,
-        default: 'date'
-    },
-    // 可切换的最大年份
-    maxYear: {
-        type: [Number, String],
-        default: 2050
-    },
-    // 可切换的最小年份
-    minYear: {
-        type: [Number, String],
-        default: 1950
-    },
-    // 最小可选日期(不在范围内日期禁用不可选)
-    minDate: {
-        type: [Number, String],
-        default: '1950-01-01'
-    },
-    /**
-     * 最大可选日期
-     * 默认最大值为今天，之后的日期不可选
-     * 2030-12-31
-     * */
-    maxDate: {
-        type: [Number, String],
-        default: ''
-    },
-    // 弹窗顶部左右两边的圆角值
-    borderRadius: {
-        type: [String, Number],
-        default: 20
-    },
-    // 月份切换按钮箭头颜色
-    monthArrowColor: {
-        type: String,
-        default: '#606266'
-    },
-    // 年份切换按钮箭头颜色
-    yearArrowColor: {
-        type: String,
-        default: '#909399'
-    },
-    // 默认日期字体颜色
-    color: {
-        type: String,
-        default: '#303133'
-    },
-    // 选中|起始结束日期背景色
-    activeBgColor: {
-        type: String,
-        default: '#2979ff'
-    },
-    // 选中|起始结束日期字体颜色
-    activeColor: {
-        type: String,
-        default: '#ffffff'
-    },
-    // 范围内日期背景色
-    rangeBgColor: {
-        type: String,
-        default: 'rgba(41,121,255,0.13)'
-    },
-    // 范围内日期字体颜色
-    rangeColor: {
-        type: String,
-        default: '#2979ff'
-    },
-    // mode=range时生效，起始日期自定义文案
-    startText: {
-        type: String,
-        default: '开始'
-    },
-    // mode=range时生效，结束日期自定义文案
-    endText: {
-        type: String,
-        default: '结束'
-    },
-    //按钮样式类型
-    btnType: {
-        type: String,
-        default: 'primary'
-    },
-    // 当前选中日期带选中效果
-    isActiveCurrent: {
-        type: Boolean,
-        default: true
-    },
-    // 切换年月是否触发事件 mode=date时生效
-    isChange: {
-        type: Boolean,
-        default: false
-    },
-    // 是否显示右上角的关闭图标
-    closeable: {
-        type: Boolean,
-        default: true
-    },
-    // 顶部的提示文字
-    toolTip: {
-        type: String,
-        default: '选择日期'
-    }
-});
+const props = defineProps(CalendarProps);
 const emit = defineEmits(['update:modelValue', 'input', 'change']);
 const slots = useSlots();
 

package/components/u-car-keyboard/types.ts

@@ -0,0 +1,12 @@
+import { type ExtractPropTypes } from 'vue';
+
+/**
+ * u-car-keyboard 车牌号键盘类型定义
+ * @description 供 u-car-keyboard 组件 props 使用
+ */
+export const CarKeyboardProps = {
+    /** 是否打乱键盘按键的顺序 */
+    random: { type: Boolean, default: false }
+};
+
+export type CarKeyboardProps = ExtractPropTypes<typeof CarKeyboardProps>;

package/components/u-car-keyboard/u-car-keyboard.vue

@@ -23,6 +23,7 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import { $u } from '../..';
+import { CarKeyboardProps } from './types';
 
 defineOptions({
     name: 'u-car-keyboard'
@@ -36,10 +37,7 @@ defineOptions({
  * @event {Function} backspace 退格键被点击
  */
 
-const props = defineProps({
-    /** 是否打乱键盘按键的顺序 */
-    random: { type: Boolean, default: false }
-});
+const props = defineProps(CarKeyboardProps);
 const emit = defineEmits(['change', 'backspace']);
 
 // 车牌输入时，abc=true为输入车牌号码，abc=false为输入省份中文简称

package/components/u-card/types.ts

@@ -0,0 +1,59 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+
+/**
+ * card 卡片类型定义
+ * @description 供 u-card 组件 props 使用
+ */
+export type CardIndex = string | number | Record<string, any>;
+export type CardStyle = Record<string, any>;
+
+export const CardProps = {
+    /** 与屏幕两侧是否留空隙 */
+    full: { type: Boolean, default: false },
+    /** 标题 */
+    title: { type: String, default: '' },
+    /** 标题颜色 */
+    titleColor: { type: String, default: '#303133' },
+    /** 标题字体大小，单位rpx */
+    titleSize: { type: [Number, String], default: '30' },
+    /** 副标题 */
+    subTitle: { type: String, default: '' },
+    /** 副标题颜色 */
+    subTitleColor: { type: String, default: '#909399' },
+    /** 副标题字体大小，单位rpx */
+    subTitleSize: { type: [Number, String], default: '26' },
+    /** 是否显示外部边框，只对full=false时有效(卡片与边框有空隙时) */
+    border: { type: Boolean, default: true },
+    /** 用于标识点击了第几个 */
+    index: { type: [String, Number, Object] as PropType<CardIndex>, default: '' },
+    /** 用于隔开上下左右的边距，带单位的写法，如："30rpx 30rpx"，"20rpx 20rpx 30rpx 30rpx" */
+    margin: { type: String, default: '30rpx' },
+    /** card卡片的圆角 */
+    borderRadius: { type: [Number, String], default: '16' },
+    /** 头部自定义样式，对象形式 */
+    headStyle: { type: Object as PropType<CardStyle>, default: () => ({}) },
+    /** 主体自定义样式，对象形式 */
+    bodyStyle: { type: Object as PropType<CardStyle>, default: () => ({}) },
+    /** 底部自定义样式，对象形式 */
+    footStyle: { type: Object as PropType<CardStyle>, default: () => ({}) },
+    /** 头部是否下边框 */
+    headBorderBottom: { type: Boolean, default: true },
+    /** 底部是否有上边框 */
+    footBorderTop: { type: Boolean, default: true },
+    /** 标题左边的缩略图 */
+    thumb: { type: String, default: '' },
+    /** 缩略图宽高，单位rpx */
+    thumbWidth: { type: [String, Number], default: '60' },
+    /** 缩略图是否为圆形 */
+    thumbCircle: { type: Boolean, default: false },
+    /** 给head，body，foot的内边距 */
+    padding: { type: [String, Number], default: '30' },
+    /** 是否显示头部 */
+    showHead: { type: Boolean, default: true },
+    /** 是否显示尾部 */
+    showFoot: { type: Boolean, default: true },
+    /** 卡片外围阴影，字符串形式 */
+    boxShadow: { type: String, default: 'none' }
+};
+
+export type CardProps = ExtractPropTypes<typeof CardProps>;

package/components/u-card/u-card.vue

@@ -74,6 +74,7 @@
 
 <script setup lang="ts">
 import { useSlots } from 'vue';
+import { CardProps } from './types';
 
 defineOptions({
     name: 'u-card'
@@ -111,54 +112,7 @@ defineOptions({
  * @event {Function} foot-click 卡片底部部分被点击时触发
  * @example <u-card padding="30" title="card"></u-card>
  */
-const props = defineProps({
-    /** 与屏幕两侧是否留空隙 */
-    full: { type: Boolean, default: false },
-    /** 标题 */
-    title: { type: String, default: '' },
-    /** 标题颜色 */
-    titleColor: { type: String, default: '#303133' },
-    /** 标题字体大小，单位rpx */
-    titleSize: { type: [Number, String], default: '30' },
-    /** 副标题 */
-    subTitle: { type: String, default: '' },
-    /** 副标题颜色 */
-    subTitleColor: { type: String, default: '#909399' },
-    /** 副标题字体大小，单位rpx */
-    subTitleSize: { type: [Number, String], default: '26' },
-    /** 是否显示外部边框，只对full=false时有效(卡片与边框有空隙时) */
-    border: { type: Boolean, default: true },
-    /** 用于标识点击了第几个 */
-    index: { type: [Number, String, Object], default: '' },
-    /** 用于隔开上下左右的边距，带单位的写法，如："30rpx 30rpx"，"20rpx 20rpx 30rpx 30rpx" */
-    margin: { type: String, default: '30rpx' },
-    /** card卡片的圆角 */
-    borderRadius: { type: [Number, String], default: '16' },
-    /** 头部自定义样式，对象形式 */
-    headStyle: { type: Object, default: () => ({}) },
-    /** 主体自定义样式，对象形式 */
-    bodyStyle: { type: Object, default: () => ({}) },
-    /** 底部自定义样式，对象形式 */
-    footStyle: { type: Object, default: () => ({}) },
-    /** 头部是否下边框 */
-    headBorderBottom: { type: Boolean, default: true },
-    /** 底部是否有上边框 */
-    footBorderTop: { type: Boolean, default: true },
-    /** 标题左边的缩略图 */
-    thumb: { type: String, default: '' },
-    /** 缩略图宽高，单位rpx */
-    thumbWidth: { type: [String, Number], default: '60' },
-    /** 缩略图是否为圆形 */
-    thumbCircle: { type: Boolean, default: false },
-    /** 给head，body，foot的内边距 */
-    padding: { type: [String, Number], default: '30' },
-    /** 是否显示头部 */
-    showHead: { type: Boolean, default: true },
-    /** 是否显示尾部 */
-    showFoot: { type: Boolean, default: true },
-    /** 卡片外围阴影，字符串形式 */
-    boxShadow: { type: String, default: 'none' }
-});
+const props = defineProps(CardProps);
 
 const emit = defineEmits(['click', 'head-click', 'body-click', 'foot-click']);
 const slots = useSlots();

package/components/u-cell-group/types.ts

@@ -0,0 +1,17 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+
+/**
+ * cell-group 组件 props 类型定义
+ * @description 供 u-cell-group 组件 props 使用
+ */
+
+export const CellGroupProps = {
+    /** 分组标题 */
+    title: { type: String, default: '' },
+    /** 是否显示分组list上下边框 */
+    border: { type: Boolean, default: true },
+    /** 分组标题的样式，对象形式，注意驼峰属性写法 */
+    titleStyle: { type: Object as PropType<Record<string, any>>, default: () => ({}) }
+};
+
+export type CellGroupProps = ExtractPropTypes<typeof CellGroupProps>;

package/components/u-cell-group/u-cell-group.vue

@@ -10,6 +10,8 @@
 </template>
 
 <script setup lang="ts">
+import { CellGroupProps } from './types';
+
 defineOptions({
     name: 'u-cell-group'
 });
@@ -24,15 +26,7 @@ defineOptions({
  * @example <u-cell-group title="设置喜好">
  */
 
-defineProps({
-    /** 分组标题 */
-    title: { type: String, default: '' },
-    /** 是否显示分组list上下边框 */
-    border: { type: Boolean, default: true },
-    /** 分组标题的样式，对象形式，注意驼峰属性写法 */
-    /** 类似 {'font-size': '24rpx'} 和 {'fontSize': '24rpx'} */
-    titleStyle: { type: Object as () => Record<string, any>, default: () => ({}) }
-});
+defineProps(CellGroupProps);
 </script>
 
 <style lang="scss" scoped>

package/components/u-cell-item/types.ts

@@ -0,0 +1,54 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import type { CellItemArrowDirection } from '../../types/global';
+
+/**
+ * cell-item 组件 props 类型定义
+ * @description 供 u-cell-item 组件 props 使用
+ */
+export type CellItemIndex = string | number;
+export type CellItemStyle = Record<string, any>;
+
+export const CellItemProps = {
+    /** 左侧图标名称(只能uView内置图标)，或者图标src */
+    icon: { type: String, default: '' },
+    /** 左侧标题 */
+    title: { type: [String, Number], default: '' },
+    /** 右侧内容 */
+    value: { type: [String, Number], default: '' },
+    /** 标题下方的描述信息 */
+    label: { type: [String, Number], default: '' },
+    /** 是否显示下边框 */
+    borderBottom: { type: Boolean, default: true },
+    /** 是否显示上边框 */
+    borderTop: { type: Boolean, default: false },
+    /** 是否开启点击反馈，即点击时cell背景为灰色，none为无效果 */
+    hoverClass: { type: String, default: 'u-cell-hover' },
+    /** 是否显示右侧箭头 */
+    arrow: { type: Boolean, default: true },
+    /** 内容是否垂直居中 */
+    center: { type: Boolean, default: false },
+    /** 是否显示左边表示必填的星号 */
+    required: { type: Boolean, default: false },
+    /** 标题的宽度，单位rpx */
+    titleWidth: { type: [Number, String], default: '' },
+    /** 右侧箭头方向，可选值：right|up|down，默认为right */
+    arrowDirection: { type: String as PropType<CellItemArrowDirection>, default: 'right' },
+    /** 控制标题的样式 */
+    titleStyle: { type: Object as PropType<CellItemStyle>, default: () => ({}) },
+    /** 右侧显示内容的样式 */
+    valueStyle: { type: Object as PropType<CellItemStyle>, default: () => ({}) },
+    /** 描述信息的样式 */
+    labelStyle: { type: Object as PropType<CellItemStyle>, default: () => ({}) },
+    /** 背景颜色 */
+    bgColor: { type: String, default: 'transparent' },
+    /** 用于识别被点击的是第几个cell */
+    index: { type: [String, Number] as PropType<CellItemIndex>, default: '' },
+    /** 是否使用label插槽 */
+    useLabelSlot: { type: Boolean, default: false },
+    /** 左边图标的大小，单位rpx，只对传入icon字段时有效 */
+    iconSize: { type: [Number, String], default: 34 },
+    /** 左边图标的样式，对象形式 */
+    iconStyle: { type: Object as PropType<CellItemStyle>, default: () => ({}) }
+};
+
+export type CellItemProps = ExtractPropTypes<typeof CellItemProps>;

package/components/u-cell-item/u-cell-item.vue

@@ -37,6 +37,7 @@
 
 <script setup lang="ts">
 import { computed, useSlots } from 'vue';
+import { CellItemProps } from './types';
 
 defineOptions({
     name: 'u-cell-item'
@@ -70,51 +71,7 @@ defineOptions({
 
 const emit = defineEmits<{ (e: 'click', index: string | number): void }>();
 
-const props = defineProps({
-    /** 左侧图标名称(只能uView内置图标)，或者图标src */
-    icon: { type: String, default: '' },
-    /** 左侧标题 */
-    title: { type: [String, Number], default: '' },
-    /** 右侧内容 */
-    value: { type: [String, Number], default: '' },
-    /** 标题下方的描述信息 */
-    label: { type: [String, Number], default: '' },
-    /** 是否显示下边框 */
-    borderBottom: { type: Boolean, default: true },
-    /** 是否显示上边框 */
-    borderTop: { type: Boolean, default: false },
-    /**多个cell中，中间的cell显示下划线时，下划线是否给一个到左边的距离 */
-    /* 1.4.0版本废除此参数，默认边框由border-top和border-bottom提供，此参数会造成干扰 */
-    //  borderGap: { type: Boolean, default: true },
-    /** 是否开启点击反馈，即点击时cell背景为灰色，none为无效果 */
-    hoverClass: { type: String, default: 'u-cell-hover' },
-    /** 是否显示右侧箭头 */
-    arrow: { type: Boolean, default: true },
-    /** 内容是否垂直居中 */
-    center: { type: Boolean, default: false },
-    /** 是否显示左边表示必填的星号 */
-    required: { type: Boolean, default: false },
-    /** 标题的宽度，单位rpx */
-    titleWidth: { type: [Number, String], default: '' },
-    /** 右侧箭头方向，可选值：right|up|down，默认为right */
-    arrowDirection: { type: String, default: 'right' },
-    /** 控制标题的样式 */
-    titleStyle: { type: Object as () => Record<string, any>, default: () => ({}) },
-    /** 右侧显示内容的样式 */
-    valueStyle: { type: Object as () => Record<string, any>, default: () => ({}) },
-    /** 描述信息的样式 */
-    labelStyle: { type: Object as () => Record<string, any>, default: () => ({}) },
-    /** 背景颜色 */
-    bgColor: { type: String, default: 'transparent' },
-    /** 用于识别被点击的是第几个cell */
-    index: { type: [String, Number], default: '' },
-    /** 是否使用label插槽 */
-    useLabelSlot: { type: Boolean, default: false },
-    /** 左边图标的大小，单位rpx，只对传入icon字段时有效 */
-    iconSize: { type: [Number, String], default: 34 },
-    /** 左边图标的样式，对象形式 */
-    iconStyle: { type: Object as () => Record<string, any>, default: () => ({}) }
-});
+const props = defineProps(CellItemProps);
 
 const $slots = useSlots();
 

package/components/u-checkbox/types.ts

@@ -0,0 +1,31 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import type { Shape } from '../../types/global';
+
+/**
+ * checkbox 复选框类型定义
+ * @description 供 u-checkbox 组件 props 使用
+ */
+export type CheckboxValue = string | number | boolean;
+
+export const CheckboxProps = {
+    /** checkbox的名称 */
+    name: { type: [String, Number], default: '' },
+    /** 形状，square为方形，circle为原型 */
+    shape: { type: String as PropType<Shape>, default: '' },
+    /** 是否为选中状态 */
+    modelValue: { type: Boolean, default: false },
+    /** 是否禁用 */
+    disabled: { type: [String, Boolean], default: '' },
+    /** 是否禁止点击提示语选中复选框 */
+    labelDisabled: { type: [String, Boolean], default: '' },
+    /** 选中状态下的颜色，如设置此值，将会覆盖checkboxGroup的activeColor值 */
+    activeColor: { type: String, default: '' },
+    /** 图标的大小，单位rpx */
+    iconSize: { type: [String, Number], default: '' },
+    /** label的字体大小，rpx单位 */
+    labelSize: { type: [String, Number], default: '' },
+    /** 组件的整体大小 */
+    size: { type: [String, Number], default: '' }
+};
+
+export type CheckboxProps = ExtractPropTypes<typeof CheckboxProps>;