uview-pro 0.5.18 → 0.6.0-beta.0

package/changelog.md

@@ -1,3 +1,28 @@
+## 0.6.0-beta.0（2026-04-30）
+
+### ✨ Features | 新功能
+
+- **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-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 修复

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-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';