uview-pro 0.5.17 → 0.6.0-beta.0

package/changelog.md

@@ -1,26 +1,72 @@
-## 0.5.17（2026-04-15）
-
-### 🐛 Bug Fixes | Bug 修复
-
-- **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))
+## 0.6.0-beta.0（2026-04-30）
 
 ### ✨ Features | 新功能
 
-- **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))
+- **u-upload:** 新增多种上传模式和文件类型支持，支持图片、视频、文档等多种类型，支持网格(grid)和列表(list)两种展示模式 ([f75d34c](https://github.com/anyup/uView-Pro/commit/f75d34c22d551c41e8e873bc5779089ff2b2c0c7))
+- **u-upload:** 新增 v-model 支持并优化文件列表同步逻辑 ([5548d84](https://github.com/anyup/uView-Pro/commit/5548d847b5c442da40775ec06ecfab7f0fddf448))
+- **upload:** 完善上传组件示例页面功能，添加多种上传模式示例：图片上传（网格模式）、文件上传（列表模式）、视频上传 ([d43b3d2](https://github.com/anyup/uView-Pro/commit/d43b3d2c7f0ff7a7fe45467d49d451ca878b7eb1))
 
 ### ♻️ Code Refactoring | 代码重构
 
-- **u-calendar:** 重构日历组件模板，统一页面和弹窗模式的日历组件结构 ([42894b8](https://github.com/anyup/uView-Pro/commit/42894b850f903e2471ca42e02f0379443139838b))
+- **u-divider:** 规范化 slot 标签 ([fccac33](https://github.com/anyup/uView-Pro/commit/fccac33b6adce3395179d5c55b7b8a0a4d25a800))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-upload:** 优化微信小程序平台监听文件列表变化不触发on-list-change事件的场景 ([47fa5c1](https://github.com/anyup/uView-Pro/commit/47fa5c1dfa30214dfc40f7ee01b09f6f95d09b9a))
+- **changelog:** 修复版本标题格式和Unreleased区块处理 ([3a87f47](https://github.com/anyup/uView-Pro/commit/3a87f4739cdebc1aafcb33e3f9b31dd79f9bc3d2))
+
+### 👷 Continuous Integration | CI 配置
+
+- 增强预发布版本支持和发布管理功能 ([86abdaa](https://github.com/anyup/uView-Pro/commit/86abdaad6a618dfa42416138f05baf910f52fba5))
 
 ### 👥 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.18（2026-04-22）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-calendar:** 修复农历数据响应式访问问题 ([0a88b13](https://github.com/anyup/uView-Pro/commit/0a88b13911fc8c47229f5d9cab0fdfc8ade09ecb))
+- **mp-weixin:** 修复微信小程序演示示例vue-i18n多语言切换后uni.getLocale()始终获取中文的问题 ([30b811f](https://github.com/anyup/uView-Pro/commit/30b811f85db29165cd150bea380dfe44f94fda79))
+- **demo:** 取消底部导航标题配置设置国际化文案 ([7b949ab](https://github.com/anyup/uView-Pro/commit/7b949ab8695fbc3d9db51b96da1b25a1f05c2ed3))
+- **demo:** 修复日历组件demo切换逻辑 ([9aa706a](https://github.com/anyup/uView-Pro/commit/9aa706a0e7b564c2bef75d1d6e7a90023dfc1c17))
+
+### ✨ Features | 新功能
+
+- **u-tabbar:** 底部导航栏支持自定义item宽度配置，优化item平分功能 ([997846f](https://github.com/anyup/uView-Pro/commit/997846fb5f8ba4648e4d0514f0846ce80a217490))
+
+### 📝 Documentation | 文档
+
+- update uview pro desc ([ba65d2e](https://github.com/anyup/uView-Pro/commit/ba65d2e34a1e620b595122a81df48a333c97bbcd))
+
+### 👥 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.17（2026-04-15）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **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 | 新功能
+
+- **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> 
+
 ## 0.5.16（2026-03-26）
 
 ### ✨ Features | 新功能

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

@@ -527,7 +527,7 @@ function getDateInfo(dayNum: number) {
         isChecked: props.checkedDates.includes(dateStr),
         isSelected,
         isTodayChecked: dateStr === today.value && props.todayChecked,
-        lunar: lunarArr[dayNum - 1] || null
+        lunar: lunarArr.value[dayNum - 1] || null
     };
 }
 

package/components/u-divider/u-divider.vue

@@ -27,8 +27,9 @@
                 color: color,
                 fontSize: fontSize + 'rpx'
             }"
-            ><slot
-        /></view>
+        >
+            <slot />
+        </view>
         <view
             class="u-divider-line"
             :class="[type ? 'u-divider-line--bordercolor--' + type : '']"

package/components/u-tabbar/u-tabbar.vue

@@ -17,7 +17,7 @@
                 :key="index"
                 :class="{ 'u-tabbar__content__circle': props.midButton && item.midButton }"
                 @tap.stop="clickHandler(index)"
-                :style="{ backgroundColor: props.bgColor }"
+                :style="$u.toStyle(getItemStyle(item))"
             >
                 <view
                     class="u-tabbar__content__item__container"
@@ -32,6 +32,12 @@
                                 : 'u-tabbar__content__item__icon'
                         ]"
                     >
+                        <!-- 凸起按钮边框 -->
+                        <view
+                            v-if="props.midButton && item.midButton && props.borderTop"
+                            class="u-tabbar__content__circle__border"
+                            :style="{ backgroundColor: props.bgColor }"
+                        ></view>
                         <u-icon
                             :size="getIconSize(index)"
                             :name="elIconPath(index)"
@@ -69,12 +75,6 @@
                     </view>
                 </view>
             </view>
-            <view
-                v-if="props.midButton"
-                class="u-tabbar__content__circle__border"
-                :class="{ 'u-border': props.borderTop }"
-                :style="{ backgroundColor: props.bgColor, left: midButtonLeft }"
-            ></view>
         </view>
         <!-- 这里加上一个48rpx的高度,是为了增高有凸起按钮时的防塌陷高度(也即按钮凸出来部分的高度) -->
         <!-- calc 计算0时单位不一致会计算失败，这里+1px -->
@@ -102,6 +102,7 @@ export default {
 import { ref, computed, onMounted } from 'vue';
 import { $u } from '../..';
 import { TabbarProps } from './types';
+import type { TabbarItem } from '../../types/global';
 
 /**
  * u-tabbar 底部导航栏
@@ -128,8 +129,51 @@ const emit = defineEmits<{ (e: 'change', index: number): void; (e: 'update:model
 // 计算z-index值
 const uZIndex = computed(() => props?.zIndex ?? $u.zIndex.tabbar);
 
-// 由于安卓太菜了，通过css居中凸起按钮的外层元素有误差，故通过js计算将其居中
-const midButtonLeft = ref('50%');
+/**
+ * 检查是否有任意item设置了width
+ */
+const hasCustomWidth = computed(() => {
+    return props.list?.some(item => item.width !== undefined && item.width !== null && item.width !== '') || false;
+});
+
+/**
+ * 计算每个item的宽度，根据list数量平分
+ * 如果任意item设置了width，则不自动计算，返回auto
+ */
+const autoItemWidth = computed(() => {
+    // 如果用户设置了任意一个width，就不自动计算
+    if (hasCustomWidth.value) return 'auto';
+
+    const count = props.list?.length || 0;
+    if (count === 0) return 'auto';
+    return `${100 / count}%`;
+});
+
+/**
+ * 获取单个item的样式
+ * 使用 flex 简写属性设置宽度，与原有样式保持一致
+ */
+function getItemStyle(item: TabbarItem): Record<string, any> {
+    const style: Record<string, any> = {};
+    // 背景色
+    style.backgroundColor = props.bgColor;
+    // flex宽度设置
+    if (item.width !== undefined && item.width !== null && item.width !== '') {
+        // 固定宽度：不伸缩
+        style.flex = `0 0 ${$u.addUnit(item.width)}`;
+        style.width = $u.addUnit(item.width);
+    } else if (hasCustomWidth.value) {
+        // 如果其他item设置了width，未设置的自动填充剩余空间
+        style.flex = '1 1 auto';
+        style.width = 'auto';
+    } else {
+        // 自动平分：不伸缩，按百分比分配
+        style.flex = `0 0 ${autoItemWidth.value}`;
+        style.width = autoItemWidth.value;
+    }
+    return style;
+}
+
 const pageUrl = ref(''); // 当前页面URL
 
 onMounted(() => {
@@ -140,7 +184,6 @@ onMounted(() => {
     const pages = getCurrentPages();
     // 页面栈中的最后一个即为项为当前页面，route属性为页面路径
     pageUrl.value = pages[pages.length - 1].route as string;
-    if (props.midButton) getMidButtonLeft();
 });
 
 /**
@@ -303,15 +346,6 @@ function getTextSize(index: number) {
     return props.textSize;
 }
 
-/**
- * 获取凸起按钮外层元素的left值，让其水平居中
- */
-function getMidButtonLeft() {
-    const windowWidth = $u.sys().windowWidth;
-    // 由于安卓中css计算left: 50%的结果不准确，故用js计算
-    midButtonLeft.value = windowWidth / 2 + 'px';
-}
-
 /**
  * 图标和文字间距
  */
@@ -358,22 +392,7 @@ function containerStyle(index: number) {
         /* #ifndef APP-NVUE */
         box-sizing: content-box;
         /* #endif */
-        &__circle__border {
-            border-radius: 100%;
-            width: 130rpx;
-            height: 130rpx;
-            top: -58rpx;
-            position: absolute;
-            z-index: 4;
-            background-color: var(--u-bg-white);
-            // 由于安卓的无能，导致只有3个tabbar item时，此css计算方式有误差
-            // 故使用js计算的形式来定位，此处不注释，是因为js计算有延后，避免出现位置闪动
-            left: 50%;
-            transform: translateX(-50%);
-            &:after {
-                border-radius: 100px;
-            }
-        }
+
         &__item {
             flex: 1;
             justify-content: center;
@@ -404,6 +423,7 @@ function containerStyle(index: number) {
                 line-height: 28rpx;
                 text-align: center;
                 width: 100%;
+                z-index: 6;
             }
         }
         &__circle {
@@ -440,6 +460,17 @@ function containerStyle(index: number) {
                 z-index: 6;
                 transform: translateX(-50%);
             }
+            &__border {
+                position: absolute;
+                top: -18rpx;
+                width: 130rpx;
+                height: 130rpx;
+                border-radius: 100%;
+                border-top: 1px solid var(--u-border-color);
+                background-color: var(--u-bg-white);
+                z-index: 0;
+                pointer-events: none;
+            }
         }
     }
 }

package/components/u-upload/types.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import type { ImgMode, UploadSizeType, UploadSourceType } from '../../types/global';
+import type { ImgMode, UploadSizeType, UploadSourceType, UploadAcceptType, UploadFileItem } from '../../types/global';
 import { useLocale } from '../../';
 
 const { t } = useLocale();
@@ -27,6 +27,12 @@ export const UploadProps = {
     maxCount: { type: [Number, String] as PropType<number | string>, default: 52 },
     /** 是否可删除 */
     deletable: { type: Boolean, default: true },
+    /**
+     * 上传组件的展示模式
+     * @description grid-网格模式(默认), list-列表模式
+     * @default 'grid'
+     */
+    mode: { type: String as PropType<'grid' | 'list'>, default: 'grid' },
     /** 是否显示上传列表 */
     showUploadList: { type: Boolean, default: true },
     /** 是否显示上传进度 */
@@ -61,33 +67,96 @@ export const UploadProps = {
     sourceType: { type: Array as PropType<UploadSourceType[]>, default: () => ['album', 'camera'] },
     /** 是否可预览大图 */
     previewFullImage: { type: Boolean, default: true },
+    /** 是否可预览文件 */
+    previewFile: { type: Boolean, default: true },
     /** 是否支持多选 */
     multiple: { type: Boolean, default: true },
-    /** 单个文件最大大小，单位B */
+    /** 单个文件最大大小，单位B(byte)，默认不限制 */
     maxSize: { type: [Number, String] as PropType<number | string>, default: Number.MAX_VALUE },
-    /** 文件列表 */
-    fileList: { type: Array as PropType<any[]>, default: () => [] },
+    /**
+     * 文件列表（v-model 双向绑定）
+     * @description 推荐使用 v-model 替代 :file-list
+     */
+    modelValue: { type: Array as PropType<UploadFileItem[]>, default: () => [] },
+    /**
+     * 文件列表（初始值，向后兼容）
+     * @deprecated 请使用 v-model
+     */
+    fileList: { type: Array as PropType<UploadFileItem[]>, default: () => [] },
     /** 限制文件类型 */
-    /** 允许上传的图片后缀 */
+    /** 允许上传的文件后缀 */
     /** 支付宝小程序真机选择图片的后缀为"image" */
     /** https://opendocs.alipay.com/mini/api/media-image */
-    limitType: { type: Array as PropType<string[]>, default: () => ['png', 'jpg', 'jpeg', 'webp', 'gif', 'image'] },
+    limitType: { type: Array as PropType<string[]>, default: () => [] },
     /** 是否自动上传 */
     autoUpload: { type: Boolean, default: true },
     /** 是否显示提示 */
     showTips: { type: Boolean, default: true },
+    /** 是否显示确认弹窗 */
+    showConfirm: { type: Boolean, default: true },
     /** 上传前钩子，返回true或Promise */
     beforeUpload: {
-        type: Function as unknown as PropType<((index: number, files: any[]) => boolean | Promise<any>) | null>,
+        type: Function as unknown as PropType<
+            ((index: number, files: UploadFileItem[]) => boolean | Promise<any>) | null
+        >,
         default: null
     },
     /** 删除前钩子，返回true或Promise */
     beforeRemove: {
-        type: Function as unknown as PropType<((index: number, files: any[]) => boolean | Promise<any>) | null>,
+        type: Function as unknown as PropType<
+            ((index: number, files: UploadFileItem[]) => boolean | Promise<any>) | null
+        >,
         default: null
     },
     /** 如果上传后的返回值为json字符串，是否转为json格式 */
-    toJson: { type: Boolean, default: true }
+    toJson: { type: Boolean, default: true },
+    /**
+     * 接受上传的文件类型
+     * @description image-图片(默认), video-视频, file-文件, media-媒体(图片+视频), all-所有文件
+     * @default 'image'
+     */
+    accept: { type: String as PropType<UploadAcceptType>, default: 'image' },
+    /**
+     * 是否显示文件名
+     * @default true
+     */
+    showFileName: { type: Boolean, default: true },
+    /**
+     * 是否显示文件大小
+     * @default false
+     */
+    showFileSize: { type: Boolean, default: false },
+    /**
+     * 文件类型图标映射配置
+     * @description 用于自定义不同文件类型的图标
+     */
+    fileIconMap: {
+        type: Object as PropType<Record<string, { name: string; color?: string }>>,
+        default: () => ({})
+    },
+    /**
+     * 选择视频时是否压缩
+     * @default true
+     */
+    compressed: { type: Boolean, default: true },
+    /**
+     * 选择视频时拍摄最长时长，单位秒
+     * @default 60
+     */
+    maxDuration: { type: Number, default: 60 },
+    /**
+     * 选择视频时，是前置还是后置摄像头
+     * @default 'back'
+     */
+    camera: { type: String as PropType<'front' | 'back'>, default: 'back' },
+    /**
+     * 选择文件时的扩展名过滤
+     * @description 仅在 accept='file' 或 accept='all' 时有效
+     */
+    extension: { type: Array as PropType<string[]>, default: () => [] }
 };
 
 export type UploadProps = ExtractPropTypes<typeof UploadProps>;
+
+// 重新导出全局类型，方便从组件入口导入
+export type { UploadAcceptType, UploadFileItem } from '../../types/global';