uview-pro 0.5.15 → 0.5.17

package/changelog.md

@@ -1,19 +1,71 @@
-## 0.5.15（2026-03-25）
+## 0.5.17（2026-04-15）
 
 ### 🐛 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))
+- **demo:** 修复topTips组件演示示例在小程序中不弹出的问题，需设置自定义navbar高度 ([0c72d24](https://github.com/anyup/uView-Pro/commit/0c72d24cd77f4ba6b6cb411810fcf5f0bd1d3272))
+- **u-table:** 修复表格表头暗黑模式背景色问题 ([c7fd1a5](https://github.com/anyup/uView-Pro/commit/c7fd1a58e87c4efb84ccf737fe9d1e755908ba8f))
+- **u-alert-tips:** 修复关闭按钮颜色样式问题 ([94001cf](https://github.com/anyup/uView-Pro/commit/94001cf79a03ea75695e414a7971e7ec39f445b6))
 
 ### ✨ Features | 新功能
 
-- **types:** 添加昵称输入类型支持 ([bd15170](https://github.com/anyup/uView-Pro/commit/bd15170d0ccc76098debb9e37b4acfbe43fef043))
+- **theme:** 更新主题配置和本地化文本 ([4caa2ed](https://github.com/anyup/uView-Pro/commit/4caa2edf9542f7f2b0a7bb9870585390f0241e80))
+- **u-calendar:** 增强日历组件功能，支持多种日历模式：打卡签到、节假日标记、价格日历等场景，支持自定义插槽功能，动态价格显示；支持选中日期，只读模式设置；修复范围选择背景色样式问题 ([7a9250e](https://github.com/anyup/uView-Pro/commit/7a9250eb49f6694286bb0c3dad7bc9780ae95864))
+- **u-popup:** 新增inline模式支持，允许弹窗组件直接插入页面内容而非传统弹窗形式 ([2e8890c](https://github.com/anyup/uView-Pro/commit/2e8890ca3c9cacb90739b33cb0e38db7e2bdb473))
+- **u-calendar:** 统一日期格式YYYY-MM-DD，确保跨组件日期处理的一致性 ([092cc53](https://github.com/anyup/uView-Pro/commit/092cc5392b64990342c43fcbac9aec1bfa2bf982))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **u-calendar:** 重构日历组件模板，统一页面和弹窗模式的日历组件结构 ([42894b8](https://github.com/anyup/uView-Pro/commit/42894b850f903e2471ca42e02f0379443139838b))
 
 ### 👥 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.16（2026-03-26）
+
+### ✨ Features | 新功能
+
+- **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))
+
+### ♻️ 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))
+
+### 🐛 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> 
+
+## 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-alert-tips/u-alert-tips.vue

@@ -42,7 +42,7 @@
                 v-if="closeAble && !closeText"
                 hoverClass="u-type-error-hover-color"
                 name="close"
-                color="var(--u-light-color)"
+                color="var(--u-tips-color)"
                 :size="22"
                 :custom-style="{
                     top: description ? '18rpx' : '24rpx'

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 */
@@ -46,7 +54,7 @@ export const CalendarProps = {
     /** 选中|起始结束日期字体颜色 */
     activeColor: { type: String, default: 'var(--u-white-color)' },
     /** 范围内日期背景色 */
-    rangeBgColor: { type: String, default: 'rgba(41,121,255,0.13)' },
+    rangeBgColor: { type: String, default: 'var(--u-type-primary-light)' },
     /** 范围内日期字体颜色 */
     rangeColor: { type: String, default: () => getColor('primary') },
     /** mode=range时生效，起始日期自定义文案 */
@@ -57,6 +65,8 @@ export const CalendarProps = {
     btnType: { type: String as PropType<ThemeType>, default: 'primary' },
     /** 当前选中日期带选中效果 */
     isActiveCurrent: { type: Boolean, default: true },
+    /** 初始化时是否默认选中今天，优先级低于 defaultDate/startDate/endDate */
+    defaultSelectToday: { type: Boolean, default: true },
     /** 切换年月是否触发事件 mode=date时生效 */
     isChange: { type: Boolean, default: false },
     /** 是否显示右上角的关闭图标 */
@@ -66,7 +76,47 @@ export const CalendarProps = {
     /** 是否显示农历 */
     showLunar: { type: Boolean, default: false },
     /** 是否在页面中显示 */
-    isPage: { type: Boolean, default: false }
+    isPage: { type: Boolean, default: false },
+    /** 默认选中的日期，mode=date时生效，格式：2024-01-01 */
+    defaultDate: { type: String, default: '' },
+    /** 默认选中的开始日期，mode=range时生效，格式：2024-01-01 */
+    startDate: { type: String, default: '' },
+    /** 默认选中的结束日期，mode=range时生效，格式：2024-01-01 */
+    endDate: { type: String, default: '' },
+    /** 是否只读，只读模式下禁止点击选择日期 */
+    readonly: { type: Boolean, default: false },
+    /** 已打卡日期列表，格式：['2024-01-01', '2024-01-02'] */
+    checkedDates: { type: Array as PropType<string[]>, default: () => [] },
+    /** 打卡日期背景色 */
+    checkedBgColor: { type: String, default: 'var(--u-type-warning)' },
+    /** 打卡日期字体颜色 */
+    checkedColor: { type: String, default: 'var(--u-white-color)' },
+    /** 今日是否已打卡 */
+    todayChecked: { type: Boolean, default: false },
+    /** 今日已打卡背景色 */
+    todayCheckedBgColor: { type: String, default: 'var(--u-type-success)' },
+    /** 未打卡日期背景色 */
+    uncheckedBgColor: { type: String, default: 'var(--u-light-color)' },
+    /** 未打卡日期字体颜色 */
+    uncheckedColor: { type: String, default: 'var(--u-white-color)' },
+    /** 是否启用打卡签到模式（未打卡日期显示灰色） */
+    checkinMode: { type: Boolean, default: false },
+    /** 节假日列表，格式：['2024-01-01', '2024-01-02'] */
+    holidays: { type: Array as PropType<string[]>, default: () => [] },
+    /** 节假日文字颜色 */
+    holidayColor: { type: String, default: 'var(--u-type-error)' },
+    /** 加班日列表，格式：['2024-01-06', '2024-01-07'] */
+    workdays: { type: Array as PropType<string[]>, default: () => [] },
+    /** 加班日文字颜色 */
+    workdayColor: { type: String, default: 'var(--u-type-primary)' },
+    /** 节日配置，格式：{ '2024-04-04': '清明节', '2024-04-01': '愚人节' } */
+    festivals: { type: Object as PropType<Record<string, string>>, default: () => ({}) },
+    /** 节日文字颜色 */
+    festivalColor: { type: String, default: 'var(--u-type-primary)' },
+    /** 是否显示内置节日（中国传统节日） */
+    showFestival: { type: Boolean, default: false },
+    /** 是否启用自定义日期内容插槽（微信小程序需要显式声明） */
+    useDateSlot: { type: Boolean, default: false }
 };
 
 export type CalendarProps = ExtractPropTypes<typeof CalendarProps>;