uview-pro 0.5.15 → 0.5.16

package/changelog.md

@@ -1,19 +1,48 @@
-## 0.5.15（2026-03-25）
+## 0.5.16（2026-03-26）
 
-### 🐛 Bug Fixes | Bug 修复
+### ✨ Features | 新功能
 
-- **u-form:** 修复表单项底部边框默认值逻辑 ([d939fbd](https://github.com/anyup/uView-Pro/commit/d939fbd5df85c266f8a8f5e23ebeca251eee94ec))
-- **u-input:** 修复u-input输入框在某些微信小程序平台下，重新获取焦点时会清空输入框的问题 ([cedecfa](https://github.com/anyup/uView-Pro/commit/cedecfa4bf2142046bb512b1d9e87f6c9d77516d))
-- **demo:** 优化微信小程序首页u-sticky使用配置 ([cc4e9ac](https://github.com/anyup/uView-Pro/commit/cc4e9ac9f022e7713b2eb2746038a8481729c0b4))
+- **web:** 浏览器平台添加触摸模拟器支持 ([cf96a73](https://github.com/anyup/uView-Pro/commit/cf96a73e09512291143954401aa7850ac59f1207))
+- **u-button:** 新增 large、small 按钮尺寸选项，丰富按钮尺寸规格 ([053d7e8](https://github.com/anyup/uView-Pro/commit/053d7e8ab92af403cdfde36369f38a2aded27288))
+- **u-input:** u-input添加size属性，支持small/default/large预设值以及自定义尺寸（#137） ([afed961](https://github.com/anyup/uView-Pro/commit/afed961f65c86bd84a2b02828bb361480c7f95b3))
+- **u-textarea:** u-textarea组件新增size属性，支持small/default/large预设值以及自定义数值（#137） ([47296e8](https://github.com/anyup/uView-Pro/commit/47296e8669d419d41959dff01de758a610122d34))
+- **u-checkbox:** u-checkbox，u-checkbox-group支持small/default/large预设尺寸配置，优化组件样式（#137） ([e8918e2](https://github.com/anyup/uView-Pro/commit/e8918e28a413d861e05a213d49f9a1b39af17964))
+- **u-radio:** u-radio，u-radio-group支持small/default/large预设尺寸配置（#137） ([51af7f8](https://github.com/anyup/uView-Pro/commit/51af7f8f86eed99ee159738e43d5dc2d5c6747c8))
+- **u-switch:** u-switch支持small/default/large预设尺寸配置（#137） ([6041d52](https://github.com/anyup/uView-Pro/commit/6041d52338172d40957e3ed7af1dde01aa7de074))
+- **u-form:** 新增表单大小配置功能，u-form支持小、中、大三种尺寸设置（#137） ([324adb9](https://github.com/anyup/uView-Pro/commit/324adb99de9dfbb72a0a0c40748c11323d3b9470))
+- **u-tag:** 为深色模式标签添加边框样式，保持统一性 ([84d0ad6](https://github.com/anyup/uView-Pro/commit/84d0ad6c805d570e216beaa2dc586687a5aae848))
 
-### ✨ Features | 新功能
+### ♻️ Code Refactoring | 代码重构
+
+- 添加调试模式配置并重构日志系统 ([a52a3f7](https://github.com/anyup/uView-Pro/commit/a52a3f7d6be7d8332a67c1d8458f4e65e0a0204e))
+- **props:** 移除baseProps公共属性并内联到各组件，修复uni_modules引入方式在微信小程序正式打包运行报错的问题 ([f30f779](https://github.com/anyup/uView-Pro/commit/f30f7792a48679afc3cf705a5eb0b182591fe9b5))
+- **form:** 调整表单大小配置位置 ([45ffecd](https://github.com/anyup/uView-Pro/commit/45ffecd3522df85cdaaa62ecb9c33d7839443586))
 
-- **types:** 添加昵称输入类型支持 ([bd15170](https://github.com/anyup/uView-Pro/commit/bd15170d0ccc76098debb9e37b4acfbe43fef043))
+### 🐛 Bug Fixes | Bug 修复
+
+- **useChildren:** 修复组件关系工具子组件ID缓存问题，避免同组件多次调用useChildren时重复注册 ([3a8c659](https://github.com/anyup/uView-Pro/commit/3a8c659ce596b483559cf4b061d0b54d784a902b))
+- **u-form:** 修复移除字段时方法不存在的错误 ([58ada99](https://github.com/anyup/uView-Pro/commit/58ada99a8cbd44874eebfd305a4aeb721add8558))
 
 ### 👥 Contributors
 
-<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> <a href="https://github.com/xaunseus"><img src="https://github.com/xaunseus.png?size=40" width="40" height="40" alt="xaunseus" title="xaunseus"/></a> 
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
 
+## 0.5.15（2026-03-25）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-form:** 修复表单项底部边框默认值逻辑 ([d939fbd](https://github.com/anyup/uView-Pro/commit/d939fbd5df85c266f8a8f5e23ebeca251eee94ec))
+- **u-input:** 修复u-input输入框在某些微信小程序平台下，重新获取焦点时会清空输入框的问题 ([cedecfa](https://github.com/anyup/uView-Pro/commit/cedecfa4bf2142046bb512b1d9e87f6c9d77516d))
+- **demo:** 优化微信小程序首页u-sticky使用配置 ([cc4e9ac](https://github.com/anyup/uView-Pro/commit/cc4e9ac9f022e7713b2eb2746038a8481729c0b4))
+
+### ✨ Features | 新功能
+
+- **types:** 添加昵称输入类型支持 ([bd15170](https://github.com/anyup/uView-Pro/commit/bd15170d0ccc76098debb9e37b4acfbe43fef043))
+
+### 👥 Contributors
+
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> <a href="https://github.com/xaunseus"><img src="https://github.com/xaunseus.png?size=40" width="40" height="40" alt="xaunseus" title="xaunseus"/></a> 
+
 ## 0.5.14（2026-03-23）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-action-sheet/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ActionSheetItem, ActionSheetTips } from '../../types/global';
-import { baseProps } from '../common/props';
 import { getColor, useLocale } from '../../';
 
 const { t } = useLocale();
@@ -10,7 +9,16 @@ const { t } = useLocale();
  * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
  */
 export const ActionSheetProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 点击遮罩是否可以关闭actionSheet */
     maskCloseAble: { type: Boolean, default: true },
     /** 按钮的文字数组，可以自定义颜色和字体大小，字体单位为rpx */

package/components/u-action-sheet-item/types.ts

@@ -1,5 +1,4 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { baseProps } from '../common/props';
 import { getColor } from '../../';
 
 /**
@@ -7,7 +6,16 @@ import { getColor } from '../../';
  * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
  */
 export const ActionSheetItemProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 标题 */
     text: { type: String, default: '' },
     /** 描述 */

package/components/u-alert-tips/types.ts

@@ -1,13 +1,21 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ThemeType } from '../../types/global';
-import { baseProps } from '../common/props';
 
 /**
  * alertTips 警告提示
  * @description 警告提示，展现需要关注的信息
  */
 export const AlertTipsProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 显示文字 */
     title: { type: String, default: '' },
     /** 主题，success/warning/info/error */

package/components/u-avatar/types.ts

@@ -1,10 +1,18 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ImgMode } from '../../types/global';
-import { baseProps } from '../common/props';
 
 // u-avatar 组件 props
 export const AvatarProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 背景颜色 */
     bgColor: { type: String, default: 'transparent' },
     /** 头像路径 */

package/components/u-back-top/types.ts

@@ -1,10 +1,18 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { Shape } from '../../types/global';
-import { baseProps } from '../common/props';
 
 // u-back-top 组件 props
 export const BackTopProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 返回顶部的形状，circle-圆形，square-方形 */
     mode: { type: String as PropType<Shape>, default: 'circle' },
     /** 自定义图标 */

package/components/u-badge/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { BadgeSize, ThemeType } from '../../types/global';
-import { baseProps } from '../common/props';
 
 /**
  * badge 角标类型定义
@@ -8,7 +7,16 @@ import { baseProps } from '../common/props';
  */
 
 export const BadgeProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 使用预设的背景颜色 primary,warning,success,error,info */
     type: { type: String as PropType<ThemeType>, default: 'error' },
     /** Badge的尺寸，default, mini */

package/components/u-button/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ButtonFormType, ButtonOpenType, ButtonScope, ButtonSize, ButtonType, Shape } from '../../types/global';
-import { baseProps } from '../common/props';
 
 /**
  * button 按钮类型定义
@@ -8,14 +7,23 @@ import { baseProps } from '../common/props';
  */
 
 export const ButtonProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 按钮文本 */
     text: { type: String, default: '' },
     /** 是否细边框 */
     hairLine: { type: Boolean, default: true },
     /** 按钮的预置样式，default，primary，error，warning，success */
     type: { type: String as PropType<ButtonType>, default: 'default' },
-    /** 按钮尺寸，default，medium，mini */
+    /** 按钮尺寸，default，large, medium=small，mini */
     size: { type: String as PropType<ButtonSize>, default: 'default' },
     /** 按钮形状，circle（两边为半圆），square（带圆角） */
     shape: { type: String as PropType<Shape>, default: 'square' },

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

@@ -498,6 +498,12 @@ function agreeprivacyauthorization(event: any) {
     background-color: hsla(0, 0%, 100%, 0.35);
 }
 
+.u-size-large {
+    font-size: 36rpx;
+    height: 100rpx;
+    line-height: 100rpx;
+}
+
 .u-size-default {
     font-size: 30rpx;
     height: 80rpx;
@@ -515,6 +521,17 @@ function agreeprivacyauthorization(event: any) {
     padding: 0 80rpx;
 }
 
+.u-size-small {
+    /* #ifndef APP-NVUE */
+    display: inline-flex;
+    /* #endif */
+    width: auto;
+    font-size: 24rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+    padding: 0 30rpx;
+}
+
 .u-size-mini {
     /* #ifndef APP-NVUE */
     display: inline-flex;

package/components/u-calendar/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { CalendarChangeDate, CalendarChangeRange, CalendarMode, ThemeType } from '../../types/global';
-import { baseProps } from '../common/props';
 import { getColor, useLocale } from '../../';
 
 const { t } = useLocale();
@@ -10,7 +9,16 @@ const { t } = useLocale();
  * @description 供 u-calendar 组件 props 使用
  */
 export const CalendarProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 是否开启底部安全区适配 */
     safeAreaInsetBottom: { type: Boolean, default: false },
     /** 是否允许通过点击遮罩关闭Picker */

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

@@ -1,12 +1,20 @@
-import type { ExtractPropTypes } from 'vue';
-import { baseProps } from '../common/props';
+import type { ExtractPropTypes, PropType } from 'vue';
 
 /**
  * u-car-keyboard 车牌号键盘类型定义
  * @description 供 u-car-keyboard 组件 props 使用
  */
 export const CarKeyboardProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 是否打乱键盘按键的顺序 */
     random: { type: Boolean, default: false }
 };

package/components/u-card/types.ts

@@ -1,5 +1,4 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { baseProps } from '../common/props';
 
 /**
  * card 卡片类型定义
@@ -9,7 +8,16 @@ export type CardIndex = string | number | Record<string, any>;
 export type CardStyle = Record<string, any>;
 
 export const CardProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 与屏幕两侧是否留空隙 */
     full: { type: Boolean, default: false },
     /** 标题 */

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

@@ -1,5 +1,4 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { baseProps } from '../common/props';
 
 /**
  * cell-group 组件 props 类型定义
@@ -7,7 +6,16 @@ import { baseProps } from '../common/props';
  */
 
 export const CellGroupProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 分组标题 */
     title: { type: String, default: '' },
     /** 是否显示分组list上下边框 */

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

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { CellItemArrowDirection } from '../../types/global';
-import { baseProps } from '../common/props';
 
 /**
  * cell-item 组件 props 类型定义
@@ -10,7 +9,16 @@ export type CellItemIndex = string | number;
 export type CellItemStyle = Record<string, any>;
 
 export const CellItemProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 左侧图标名称(只能uView内置图标)，或者图标src */
     icon: { type: String, default: '' },
     /** 左侧标题 */

package/components/u-checkbox/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import type { Shape } from '../../types/global';
-import { baseProps } from '../common/props';
+import type { Shape, SizeType } from '../../types/global';
 
 /**
  * checkbox 复选框类型定义
@@ -9,7 +8,16 @@ import { baseProps } from '../common/props';
 export type CheckboxValue = string | number | boolean;
 
 export const CheckboxProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** checkbox的标签 */
     label: { type: String, default: '' },
     /** checkbox的值 */
@@ -31,7 +39,7 @@ export const CheckboxProps = {
     /** label的字体大小，rpx单位 */
     labelSize: { type: [String, Number], default: '' },
     /** 组件的整体大小 */
-    size: { type: [String, Number], default: '' }
+    size: { type: [String, Number] as PropType<SizeType | string | number>, default: '' }
 };
 
 export type CheckboxProps = ExtractPropTypes<typeof CheckboxProps>;

package/components/u-checkbox/u-checkbox.vue

@@ -2,7 +2,7 @@
     <view class="u-checkbox" :style="$u.toStyle(checkboxStyle, customStyle)" :class="customClass">
         <view class="u-checkbox__icon-wrap" @tap="toggle" :class="iconClass" :style="$u.toStyle(iconStyle)">
             <u-icon
-                class="u-checkbox__icon-wrap__icon"
+                custom-class="u-checkbox__icon-wrap__icon"
                 name="checkbox-mark"
                 :size="checkboxIconSize"
                 :color="iconColor"
@@ -12,7 +12,7 @@
             class="u-checkbox__label"
             @tap="onClickLabel"
             :style="{
-                fontSize: $u.addUnit(labelSize)
+                fontSize: labelFontSize
             }"
         >
             <slot>
@@ -39,6 +39,7 @@ export default {
 import { computed, ref, watch } from 'vue';
 import { $u, useChildren } from '../..';
 import { CheckboxProps } from './types';
+import type { SizeType } from '../../types/global';
 
 /**
  * checkbox 复选框
@@ -59,6 +60,9 @@ const props = defineProps(CheckboxProps);
 const emit = defineEmits(['change', 'update:modelValue']);
 // checkbox 是否选中，true/false
 const checkedValue = ref(props.modelValue);
+// 使用子组件Hook
+const { parentExposed } = useChildren('u-checkbox', 'u-checkbox-group');
+const { parentExposed: formExposed } = useChildren('u-checkbox', 'u-form');
 
 // checkbox 的value值，id
 const checkboxValue = computed(() => {
@@ -81,8 +85,53 @@ watch(
     { immediate: true }
 );
 
-// 使用子组件Hook
-const { parentExposed } = useChildren('u-checkbox', 'u-checkbox-group');
+// 根据 size 定义不同的配置
+const sizeConfig = {
+    small: {
+        size: 28,
+        fontSize: 24,
+        iconSize: 16
+    },
+    default: {
+        size: 34,
+        fontSize: 28,
+        iconSize: 20
+    },
+    large: {
+        size: 40,
+        fontSize: 32,
+        iconSize: 24
+    }
+};
+
+// 获取实际使用的 size 值（优先级：props.size > u-form.size）
+const actualSize = computed(() => {
+    // 优先使用 props 的 size 属性
+    if (props.size !== '') {
+        return String(props.size);
+    }
+    // 次优先：使用 u-checkbox-group 的 size 属性
+    if (parentExposed.value?.props?.size) {
+        return String(parentExposed.value.props.size);
+    }
+    // 最后：使用 u-form 的 size 属性（u-form 的 size 只支持预设值）
+    if (formExposed.value?.props?.size) {
+        return String(formExposed.value.props.size);
+    }
+    // 默认值
+    return 'default';
+});
+
+// 判断实际使用的 size 是否在预设配置中
+const isInSizeConfig = computed(() => actualSize.value in sizeConfig);
+
+// 获取预设 size（用于查找 sizeConfig 配置，如图标大小、高度等）
+const presetSize = computed(() => {
+    return (isInSizeConfig.value ? actualSize.value : 'default') as SizeType;
+});
+
+// 获取当前尺寸配置
+const currentSizeConfig = computed(() => sizeConfig[presetSize.value]);
 
 // 是否禁用，如果父组件u-checkbox-group禁用的话，将会忽略子组件的配置
 const isDisabled = computed(() => {
@@ -95,13 +144,28 @@ const isLabelDisabled = computed(() => {
 });
 
 // 组件尺寸，对应size的值，默认值为34rpx
-const checkboxSize = computed(() => {
-    return props.size ? props.size : (parentExposed.value?.props?.size ?? 34);
-});
+const checkboxSize = computed(() => currentSizeConfig.value.size);
 
-// 组件的勾选图标的尺寸，默认20
+// 组件的勾选图标的尺寸，默认20rpx
 const checkboxIconSize = computed(() => {
-    return props.iconSize ? props.iconSize : (parentExposed.value?.props?.iconSize ?? 20);
+    if (props.iconSize) {
+        return props.iconSize;
+    }
+    if (parentExposed.value?.props?.iconSize) {
+        return parentExposed.value?.props?.iconSize;
+    }
+    if (isInSizeConfig.value) {
+        return currentSizeConfig.value.iconSize;
+    }
+    return 20;
+});
+
+// label字体大小，默认28rpx
+const labelFontSize = computed(() => {
+    if (isInSizeConfig.value) {
+        return $u.addUnit(currentSizeConfig.value.fontSize);
+    }
+    return $u.addUnit(props.labelSize);
 });
 
 // 组件选中激活时的颜色

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

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { Shape } from '../../types/global';
-import { baseProps } from '../common/props';
 import { getColor } from '../../';
 
 /**
@@ -9,7 +8,16 @@ import { getColor } from '../../';
  */
 
 export const CheckboxGroupProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 绑定值，选中的复选框name组成的数组 */
     modelValue: { type: Array as PropType<(string | number)[]>, default: undefined },
     /** 最多能选中多少个checkbox */
@@ -24,14 +32,14 @@ export const CheckboxGroupProps = {
     shape: { type: String as PropType<Shape>, default: 'square' },
     /** 选中状态下的颜色 */
     activeColor: { type: String, default: () => getColor('primary') },
-    /** 组件的整体大小 */
-    size: { type: [String, Number], default: 34 },
+    /** 组件的整体大小，单位rpx，默认34rpx */
+    size: { type: [String, Number], default: '' },
     /** 每个checkbox占u-checkbox-group的宽度 */
     width: { type: String, default: 'auto' },
     /** 是否每个checkbox都换行 */
     wrap: { type: Boolean, default: false },
-    /** 图标的大小，单位rpx */
-    iconSize: { type: [String, Number], default: 20 }
+    /** 图标的大小，单位rpx，默认20rpx */
+    iconSize: { type: [String, Number], default: '' }
 };
 
 export type CheckboxGroupProps = ExtractPropTypes<typeof CheckboxGroupProps>;

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

@@ -18,7 +18,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { getCurrentInstance, computed, watch, nextTick, onMounted } from 'vue';
+import { computed, watch, nextTick, onMounted } from 'vue';
 import { $u, useParent, useChildren, useDebounce } from '../..';
 import { CheckboxGroupProps } from './types';
 

package/components/u-circle-progress/types.ts

@@ -1,6 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ThemeType } from '../../types/global';
-import { baseProps } from '../common/props';
 import { $u } from '../../libs';
 
 /**
@@ -8,7 +7,16 @@ import { $u } from '../../libs';
  * @description 展示操作或任务的当前进度，比如上传文件，是一个圆形的进度条。注意：此组件的percent值只能动态增加，不能动态减少。
  */
 export const CircleProgressProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 圆环进度百分比值 */
     percent: {
         type: Number,

package/components/u-city-select/types.ts

@@ -1,12 +1,20 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { baseProps } from '../common/props';
 
 /**
  * u-city-select 城市选择器 Props
  * @description 用于选择省、市、区三级行政区域，支持回显和自定义初始值。
  */
 export const CitySelectProps = {
-    ...baseProps,
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
     /** 控制弹窗显示与隐藏（v-model） */
     modelValue: { type: Boolean, default: false },
     /** 默认选中的省市区名称数组 */