uview-pro 0.6.0-beta.1 → 0.6.1

package/changelog.md

@@ -1,14 +1,57 @@
-## 0.6.0-beta.1（2026-05-08）
+## 0.6.1（2026-05-13）
 
 ### ✨ Features | 新功能
 
-- **u-upload:** 新增image-shape属性支持圆形和方形展示 ([fac9414](https://github.com/anyup/uView-Pro/commit/fac941413ba4d944116513934306376a0188fcda))
-- **u-upload:** 新增customChoose属性支持自定义文件选择功能 ([97e17ee](https://github.com/anyup/uView-Pro/commit/97e17eeae15c03a7791bb5eec4159782f3d70d84))
+- **theme:** 添加默认颜色变量的RGB值支持 ([59af59f](https://github.com/anyup/uView-Pro/commit/59af59f5ea160155939ec4c6c3e33f968910c3e4))
+- **u-picker:** 支持自定义标题插槽并调整样式 ([c3f2967](https://github.com/anyup/uView-Pro/commit/c3f296718a53449665cf14441ed1adef817274d1))
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+- **release:** bump version to 0.6.0 ([cb7351f](https://github.com/anyup/uView-Pro/commit/cb7351fe85e96a5abcd2d4eea0c1771f62148fd0))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **canvas:** 修复头条小程序中CanvasContext的Illegal invocation错误 ([05ebe29](https://github.com/anyup/uView-Pro/commit/05ebe2998007421cf2d2db8664bbe2963419129f))
 
 ### 👥 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.6.0（2026-05-12）
+
+### ✨ Features | 新功能
+
+- **theme:** 添加默认颜色变量的RGB值支持 ([59af59f](https://github.com/anyup/uView-Pro/commit/59af59f5ea160155939ec4c6c3e33f968910c3e4))
+- **u-upload:** 新增image-shape属性支持圆形和方形展示 ([fac9414](https://github.com/anyup/uView-Pro/commit/fac941413ba4d944116513934306376a0188fcda))
+- **u-upload:** 新增customChoose属性支持自定义文件选择功能 ([97e17ee](https://github.com/anyup/uView-Pro/commit/97e17eeae15c03a7791bb5eec4159782f3d70d84))
+- **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))
+
+### 👥 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.6.0-beta.1（2026-05-08）
+
+### ✨ Features | 新功能
+
+- **u-upload:** 新增image-shape属性支持圆形和方形展示 ([fac9414](https://github.com/anyup/uView-Pro/commit/fac941413ba4d944116513934306376a0188fcda))
+- **u-upload:** 新增customChoose属性支持自定义文件选择功能 ([97e17ee](https://github.com/anyup/uView-Pro/commit/97e17eeae15c03a7791bb5eec4159782f3d70d84))
+
+### 👥 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.6.0-beta.0（2026-04-30）
 
 ### ✨ Features | 新功能

package/components/u-picker/u-picker.vue

@@ -21,7 +21,11 @@
                 >
                     {{ cancelText }}
                 </view>
-                <view class="u-picker__title u-line-1">{{ title }}</view>
+                <view class="u-picker__title u-line-1">
+                    <slot name="title">
+                        {{ title }}
+                    </slot>
+                </view>
                 <view
                     class="u-btn-picker u-btn-picker--primary"
                     :style="{ color: moving ? cancelColor : confirmColor }"
@@ -777,7 +781,7 @@ onMounted(() => {
 
 .u-picker-header {
     width: 100%;
-    height: 90rpx;
+    min-height: 90rpx;
     @include vue-flex;
     justify-content: space-between;
     align-items: center;

package/libs/util/canvas-2d.ts

@@ -4,7 +4,46 @@
  * @returns
  */
 export function canvas2d(ctx: CanvasRenderingContext2D): UniApp.CanvasContext {
-    return Object.assign(ctx, {
+    // 绑定 this 到 ctx，避免头条小程序等环境中出现 Illegal invocation 错误
+    const boundCtx = {
+        arc: ctx.arc.bind(ctx),
+        arcTo: ctx.arcTo.bind(ctx),
+        beginPath: ctx.beginPath.bind(ctx),
+        bezierCurveTo: ctx.bezierCurveTo.bind(ctx),
+        clearRect: ctx.clearRect.bind(ctx),
+        clip: ctx.clip.bind(ctx),
+        closePath: ctx.closePath.bind(ctx),
+        createImageData: ctx.createImageData.bind(ctx),
+        createLinearGradient: ctx.createLinearGradient.bind(ctx),
+        createPattern: ctx.createPattern.bind(ctx),
+        createRadialGradient: ctx.createRadialGradient.bind(ctx),
+        drawImage: ctx.drawImage.bind(ctx),
+        fill: ctx.fill.bind(ctx),
+        fillRect: ctx.fillRect.bind(ctx),
+        fillText: ctx.fillText.bind(ctx),
+        getImageData: ctx.getImageData.bind(ctx),
+        getLineDash: ctx.getLineDash.bind(ctx),
+        isPointInPath: ctx.isPointInPath.bind(ctx),
+        isPointInStroke: ctx.isPointInStroke.bind(ctx),
+        lineTo: ctx.lineTo.bind(ctx),
+        measureText: ctx.measureText.bind(ctx),
+        moveTo: ctx.moveTo.bind(ctx),
+        putImageData: ctx.putImageData.bind(ctx),
+        quadraticCurveTo: ctx.quadraticCurveTo.bind(ctx),
+        rect: ctx.rect.bind(ctx),
+        restore: ctx.restore.bind(ctx),
+        rotate: ctx.rotate.bind(ctx),
+        save: ctx.save.bind(ctx),
+        scale: ctx.scale.bind(ctx),
+        setLineDash: ctx.setLineDash.bind(ctx),
+        setTransform: ctx.setTransform.bind(ctx),
+        stroke: ctx.stroke.bind(ctx),
+        strokeRect: ctx.strokeRect.bind(ctx),
+        strokeText: ctx.strokeText.bind(ctx),
+        transform: ctx.transform.bind(ctx),
+        translate: ctx.translate.bind(ctx),
+        resetTransform: ctx.resetTransform?.bind(ctx),
+        roundRect: (ctx as any).roundRect?.bind(ctx),
         setFillStyle(color: string | CanvasGradient) {
             ctx.fillStyle = color;
         },
@@ -45,5 +84,99 @@ export function canvas2d(ctx: CanvasRenderingContext2D): UniApp.CanvasContext {
         createCircularGradient() {},
         draw() {},
         addColorStop() {}
-    }) as unknown as UniApp.CanvasContext;
+    };
+    // 复制属性访问器
+    Object.defineProperties(boundCtx, {
+        fillStyle: {
+            get: () => ctx.fillStyle,
+            set: value => {
+                ctx.fillStyle = value;
+            }
+        },
+        strokeStyle: {
+            get: () => ctx.strokeStyle,
+            set: value => {
+                ctx.strokeStyle = value;
+            }
+        },
+        lineWidth: {
+            get: () => ctx.lineWidth,
+            set: value => {
+                ctx.lineWidth = value;
+            }
+        },
+        lineCap: {
+            get: () => ctx.lineCap,
+            set: value => {
+                ctx.lineCap = value;
+            }
+        },
+        lineJoin: {
+            get: () => ctx.lineJoin,
+            set: value => {
+                ctx.lineJoin = value;
+            }
+        },
+        miterLimit: {
+            get: () => ctx.miterLimit,
+            set: value => {
+                ctx.miterLimit = value;
+            }
+        },
+        globalAlpha: {
+            get: () => ctx.globalAlpha,
+            set: value => {
+                ctx.globalAlpha = value;
+            }
+        },
+        globalCompositeOperation: {
+            get: () => ctx.globalCompositeOperation,
+            set: value => {
+                ctx.globalCompositeOperation = value;
+            }
+        },
+        font: {
+            get: () => ctx.font,
+            set: value => {
+                ctx.font = value;
+            }
+        },
+        textAlign: {
+            get: () => ctx.textAlign,
+            set: value => {
+                ctx.textAlign = value;
+            }
+        },
+        textBaseline: {
+            get: () => ctx.textBaseline,
+            set: value => {
+                ctx.textBaseline = value;
+            }
+        },
+        shadowOffsetX: {
+            get: () => ctx.shadowOffsetX,
+            set: value => {
+                ctx.shadowOffsetX = value;
+            }
+        },
+        shadowOffsetY: {
+            get: () => ctx.shadowOffsetY,
+            set: value => {
+                ctx.shadowOffsetY = value;
+            }
+        },
+        shadowBlur: {
+            get: () => ctx.shadowBlur,
+            set: value => {
+                ctx.shadowBlur = value;
+            }
+        },
+        shadowColor: {
+            get: () => ctx.shadowColor,
+            set: value => {
+                ctx.shadowColor = value;
+            }
+        }
+    });
+    return boundCtx as unknown as UniApp.CanvasContext;
 }

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS的高质量UI组件库，支持多主题、暗黑模式、多语言",
-    "version": "0.6.0-beta.1",
+    "version": "0.6.1",
     "description": "uView Pro是基于Vue3+TS的多平台UI框架，提供80+高质量组件、便捷工具和常用模板，支持多主题、暗黑模式、多语言，支持H5/APP/鸿蒙/小程序多端开发。已在鸿蒙应用商店上架，欢迎体验！",
     "main": "index.ts",
     "module": "index.ts",

package/theme.scss

@@ -6,17 +6,25 @@
 page {
     /* 纯色 */
     --u-white-color: #ffffff;
+    --u-white-color-rgb: 255, 255, 255;
     --u-black-color: #000000;
+    --u-black-color-rgb: 0, 0, 0;
 
     // 字体色
     --u-main-color: #303133;
+    --u-main-color-rgb: 48, 49, 51;
     --u-content-color: #606266;
+    --u-content-color-rgb: 96, 98, 102;
     --u-tips-color: #909399;
+    --u-tips-color-rgb: 144, 147, 153;
     --u-light-color: #c0c4cc;
+    --u-light-color-rgb: 192, 196, 204;
 
     // 边框色
-    --u-border-color: #e4e7ed;
+    --u-border-color: #dcdfe6;
+    --u-border-color-rgb: 220, 223, 230;
     --u-divider-color: #e4e7ed;
+    --u-divider-color-rgb: 228, 231, 237;
 
     // 遮罩色
     --u-mask-color: rgba(0, 0, 0, 0.4);
@@ -24,40 +32,65 @@ page {
 
     /* 背景色 */
     --u-bg-color: #f3f4f6;
+    --u-bg-color-rgb: 243, 244, 246;
     --u-bg-white: #ffffff;
+    --u-bg-white-rgb: 255, 255, 255;
     --u-bg-gray-light: #f1f1f1;
+    --u-bg-gray-light-rgb: 241, 241, 241;
     --u-bg-gray-dark: #2f343c;
+    --u-bg-gray-dark-rgb: 47, 52, 60;
     --u-bg-black: #000000;
+    --u-bg-black-rgb: 0, 0, 0;
 
     /* 主色 */
     --u-type-primary: #2979ff;
-    --u-type-primary-light: #ecf5ff;
+    --u-type-primary-rgb: 41, 121, 255;
     --u-type-primary-disabled: #a0cfff;
+    --u-type-primary-disabled-rgb: 160, 207, 255;
     --u-type-primary-dark: #2b85e4;
+    --u-type-primary-dark-rgb: 43, 133, 228;
+    --u-type-primary-light: #ecf5ff;
+    --u-type-primary-light-rgb: 236, 245, 255;
 
     /* 警告色 */
     --u-type-warning: #ff9900;
+    --u-type-warning-rgb: 255, 153, 0;
     --u-type-warning-disabled: #fcbd71;
+    --u-type-warning-disabled-rgb: 252, 189, 113;
     --u-type-warning-dark: #f29100;
+    --u-type-warning-dark-rgb: 242, 145, 0;
     --u-type-warning-light: #fdf6ec;
+    --u-type-warning-light-rgb: 253, 246, 236;
 
     /* 成功色 */
     --u-type-success: #19be6b;
+    --u-type-success-rgb: 25, 190, 107;
     --u-type-success-disabled: #71d5a1;
+    --u-type-success-disabled-rgb: 113, 213, 161;
     --u-type-success-dark: #18b566;
+    --u-type-success-dark-rgb: 24, 181, 102;
     --u-type-success-light: #dbf1e1;
+    --u-type-success-light-rgb: 219, 241, 225;
 
     /* 错误色 */
     --u-type-error: #fa3534;
+    --u-type-error-rgb: 250, 53, 52;
     --u-type-error-disabled: #fab6b6;
+    --u-type-error-disabled-rgb: 250, 182, 182;
     --u-type-error-dark: #dd6161;
+    --u-type-error-dark-rgb: 221, 97, 97;
     --u-type-error-light: #fef0f0;
+    --u-type-error-light-rgb: 254, 240, 240;
 
     /* 信息色 */
     --u-type-info: #909399;
+    --u-type-info-rgb: 144, 147, 153;
     --u-type-info-disabled: #c8c9cc;
+    --u-type-info-disabled-rgb: 200, 201, 204;
     --u-type-info-dark: #82848a;
+    --u-type-info-dark-rgb: 130, 132, 138;
     --u-type-info-light: #f4f4f5;
+    --u-type-info-light-rgb: 244, 244, 245;
 }
 
 // 纯色