uview-plus 3.8.55 → 3.8.86

package/components/u-list/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ListDefaultProps from './list'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ListDefaultProps)
 export const props = defineMixin({
     props: {
         // 控制是否出现滚动条，仅nvue有效

package/components/u-list-item/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ListItemDefaultProps from './listItem'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ListItemDefaultProps)
 export const props = defineMixin({
     props: {
         // 用于滚动到指定item

package/components/u-loading-icon/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import LoadingIconDefaultProps from './loadingIcon'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(LoadingIconDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否显示组件

package/components/u-loading-page/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import LoadingPageDefaultProps from './loadingPage'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps(LoadingPageDefaultProps)
 export const props = defineMixin({
     props: {
         // 提示内容

package/components/u-loadmore/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import LoadmoreDefaultProps from './loadmore'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(LoadmoreDefaultProps)
 export const props = defineMixin({
     props: {
         // 组件状态，loadmore-加载前的状态，loading-加载中的状态，nomore-没有更多的状态

package/components/u-markdown/u-markdown.vue

@@ -1,14 +1,28 @@
 <template>
   <view class="up-markdown" :class="theme">
-    <up-parse :content="parsedContent" :previewImg="previewImg"></up-parse>
+    <up-parse
+      :content="parsedContent"
+      :previewImg="previewImg"
+      :copyLink="copyLink"
+      :domain="domain"
+      @load="emitLoad"
+      @ready="emitReady"
+      @imgtap="emitImgtap"
+      @linktap="emitLinktap"
+      @play="emitPlay"
+      @error="emitError"
+    ></up-parse>
   </view>
 </template>
 
 <script>
-import { marked } from './marked.esm.js';
+import { marked } from './marked.esm.mjs';
 
 export default {
   name: 'up-markdown',
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
   props: {
     // markdown内容
     content: {
@@ -20,6 +34,16 @@ export default {
       type: Boolean,
       default: true
     },
+    // 是否允许外部链接被点击时自动打开
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    // 主域名，用于 up-parse 处理相对链接
+    domain: {
+      type: String,
+      default: ''
+    },
     // 是否显示代码块行号
     showLineNumber: {
       type: Boolean,
@@ -93,6 +117,24 @@ export default {
     applyTheme(html) {
       // 可以根据theme属性添加不同的样式类
       return html;
+    },
+    emitLoad(event) {
+      this.$emit('load', event)
+    },
+    emitReady(event) {
+      this.$emit('ready', event)
+    },
+    emitImgtap(event) {
+      this.$emit('imgtap', event)
+    },
+    emitLinktap(event) {
+      this.$emit('linktap', event)
+    },
+    emitPlay(event) {
+      this.$emit('play', event)
+    },
+    emitError(event) {
+      this.$emit('error', event)
     }
   }
 };
@@ -297,4 +339,4 @@ export default {
     line-height: 1.6;
   }
 }
-</style>
+</style>

package/components/u-modal/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ModalDefaultProps from './modal'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ModalDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否展示modal

package/components/u-navbar/props.js

@@ -1,6 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
-
+import NavbarDefaultProps from './navbar'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(NavbarDefaultProps)
 export const props = defineMixin({
 	props: {
 		// 是否开启顶部安全区适配

package/components/u-navbar/u-navbar.vue

@@ -7,17 +7,18 @@
 				height: addUnit(getPx(height) + getWindowInfo().statusBarHeight,'px'),
 			}"
 		></view>
-		<view :class="[fixed && 'u-navbar--fixed']">
-			<u-status-bar
-				v-if="safeAreaInsetTop"
-				:bgColor="statusBarBgColor ? statusBarBgColor : navbarBgColor"
-			></u-status-bar>
+		<view
+			class="u-navbar__inner"
+			:class="[fixed && 'u-navbar--fixed']"
+			:style="[navbarInnerStyle]"
+		>
+			<u-status-bar v-if="safeAreaInsetTop"></u-status-bar>
 			<view
 				class="u-navbar__content"
 				:class="[border && 'u-border-bottom']"
 				:style="{
 					height: addUnit(height),
-					backgroundColor: navbarBgColor,
+					backgroundColor: 'transparent',
 				}"
 			>
 				<view
@@ -95,8 +96,8 @@
 	 * @property {String}			rightIcon			右边返回图标的名称，只能为uview-plus自带的图标
 	 * @property {String}			title				导航栏标题，如设置为空字符，将会隐藏标题占位区域
 	 * @property {String}			titleColor			文字颜色 （默认 '' ）
-	 * @property {String}			bgColor				导航栏背景设置 （默认 '#ffffff' ）
-	 * @property {String}			statusBarBgColor	状态栏背景颜色 不写同导航栏背景设置
+	 * @property {String}			bgColor				导航栏背景设置，支持颜色、渐变或背景图 （默认 '#ffffff' ）
+	 * @property {String}			statusBarBgColor	状态栏背景颜色，保留兼容；导航栏内部统一使用 bgColor 作为整体背景
 	 * @property {String | Number}	titleWidth			导航栏标题的最大宽度，内容超出会以省略号隐藏 （默认 '400rpx' ）
 	 * @property {String | Number}	height				导航栏高度(不包括状态栏高度在内，内部自动加上)（默认 '44px' ）
 	 * @property {String | Number}	leftIconSize		左侧返回图标的大小（默认 20px ）
@@ -129,6 +130,11 @@
 			},
 			navbarRightColor() {
 				return this.upThemeVar('--up-main-color', this.$u.color.mainColor)
+			},
+			navbarInnerStyle() {
+				const style = {}
+				style.background = this.navbarBgColor
+				return style
 			}
 		},
 		emits: ["leftClick", "rightClick"],
@@ -142,7 +148,7 @@
 				// 如果配置了autoBack，自动返回上一页
 				this.$emit('leftClick')
 				if (config.interceptor.navbarLeftClick != null) {
-					config.interceptor.navbarLeftClick()
+					config.interceptor.navbarLeftClick.call(this, this)
 				} else {
 					if(this.autoBack) {
 						uni.navigateBack()

package/components/u-no-network/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import NoNetworkDefaultProps from './noNetwork'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(NoNetworkDefaultProps)
 export const props = defineMixin({
     props: {
         // 页面文字提示

package/components/u-notice-bar/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import NoticeBarDefaultProps from './noticeBar'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(NoticeBarDefaultProps)
 export const props = defineMixin({
     props: {
         // 显示的内容，数组

package/components/u-notify/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import NotifyDefaultProps from './notify'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(NotifyDefaultProps)
 export const props = defineMixin({
     props: {
         // 到顶部的距离

package/components/u-number-box/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import NumberBoxDefaultProps from './numberBox'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(NumberBoxDefaultProps)
 export const props = defineMixin({
     props: {
         // 步进器标识符，在change回调返回

package/components/u-number-box/u-number-box.vue

@@ -41,7 +41,7 @@
 					@blur="onBlur"
 					@focus="onFocus"
 					@input="onInput"
-					type="number"
+					:type="integer ? 'number' : 'digit'"
 					:style="[inputStyle]"
 				/>
 				<!-- #endif -->
@@ -55,7 +55,7 @@
 					@blur="onBlur"
 					@focus="onFocus"
 					@input="onInput"
-					type="number"
+					:type="integer ? 'number' : 'digit'"
 					:style="[inputStyle]"
 				/>
 				<!-- #endif -->

package/components/u-number-keyboard/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import NumberKeyboardDefaultProps from './numberKeyboard'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(NumberKeyboardDefaultProps)
 export const props = defineMixin({
     props: {
         // 键盘的类型，number-数字键盘，card-身份证键盘

package/components/u-overlay/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import OverlayDefaultProps from './overlay'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(OverlayDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否显示遮罩

package/components/u-pagination/u-pagination.vue

@@ -1,7 +1,6 @@
-<template>
-  <view class="u-pagination">
-    <view>{{currentPage}}</view>
-    <!-- 上一页按钮 -->
+<template>
+  <view class="u-pagination">
+    <!-- 上一页按钮 -->
     <view
       :class="[
         'u-pagination-btn',
@@ -30,23 +29,23 @@
       </view>
     </template>
 
-    <!-- 总数显示 -->
-    <view v-if="total > 0 && layout.includes('total')" class="u-pagination-total">
-        {{ currentPage }} / {{ totalPages }}
-    </view>
-
-    <!-- 每页数量选择器 -->
-    <!-- <picker
-      v-if="layout.includes('sizes')"
-      mode="selector"
-      :range="pageSizes"
-      range-key="label"
-      :value="pageSizeIndex"
-      @change="handleSizeChange"
-      class="u-pagination-sizes"
-    >
-      <view>{{ pageSizeLabel }}</view>
-    </picker> -->
+    <!-- 总数显示 -->
+    <view v-if="total > 0 && layout.includes('total')" class="u-pagination-total">
+        共 {{ total }} 条
+    </view>
+
+    <!-- 每页数量选择器 -->
+    <picker
+      v-if="layout.includes('sizes') && normalizedPageSizes.length"
+      mode="selector"
+      :range="normalizedPageSizes"
+      range-key="label"
+      :value="pageSizeIndex"
+      @change="handleSizeChange"
+      class="u-pagination-sizes"
+    >
+      <view>{{ pageSizeLabel }}</view>
+    </picker>
 
     <!-- 下一页按钮 -->
     <view
@@ -139,17 +138,38 @@ export default {
     };
   },
   computed: {
-    totalPages() {
-      return Math.max(1, Math.ceil(this.total / this.pageSize));
-    },
-    pageSizeIndex() {
-      const index = this.pageSizes.findIndex(size => size.value === this.pageSize);
-      return index >= 0 ? index : 0;
-    },
-    pageSizeLabel() {
-      const found = this.pageSizes.find(size => size.value === this.pageSize);
-      return found?.label || this.pageSize;
-    },
+    totalPages() {
+      return Math.max(1, Math.ceil(this.total / this.pageSize));
+    },
+    normalizedPageSizes() {
+      if (!Array.isArray(this.pageSizes)) return [];
+      return this.pageSizes
+        .map(size => {
+          if (typeof size === 'number' || typeof size === 'string') {
+            return {
+              label: `${size}条/页`,
+              value: Number(size)
+            };
+          }
+          if (size && typeof size === 'object') {
+            const value = Number(size.value);
+            return {
+              label: size.label || `${value}条/页`,
+              value
+            };
+          }
+          return null;
+        })
+        .filter(size => size && !isNaN(size.value));
+    },
+    pageSizeIndex() {
+      const index = this.normalizedPageSizes.findIndex(size => size.value === this.pageSize);
+      return index >= 0 ? index : 0;
+    },
+    pageSizeLabel() {
+      const found = this.normalizedPageSizes.find(size => size.value === this.pageSize);
+      return found?.label || this.pageSize;
+    },
     displayedPages() {
         const total = this.totalPages;
         const current = this.currentPage;
@@ -197,13 +217,14 @@ export default {
     }
   },
   methods: {
-    t,
-    handleSizeChange(e) {
-      const selected = e.detail.value;
-      const size = this.pageSizes[selected]?.value || this.pageSizes[0].value;
-      this.$emit('update:pageSize', size);
-      this.$emit('size-change', size);
-    },
+    t,
+    handleSizeChange(e) {
+      const selected = Number(e.detail.value);
+      const size = this.normalizedPageSizes[selected]?.value || this.normalizedPageSizes[0]?.value;
+      if (!size) return;
+      this.$emit('update:pageSize', size);
+      this.$emit('size-change', size);
+    },
     prev() {
       if (this.currentPage > 1) {
         this.goTo(this.currentPage - 1);

package/components/u-parse/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import ParseDefaultProps from './parse'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(ParseDefaultProps)
 export const props = defineMixin({
     props: {
 		containerStyle: {

package/components/u-picker/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import PickerDefaultProps from './picker'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(PickerDefaultProps)
 export const props = defineMixin({
     props: {
         modelValue: {

package/components/u-picker-column/props.js

@@ -1,5 +1,7 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps({ pickerColumn: {} })
 export const props = defineMixin({
     props: {
 

package/components/u-popover/props.js

@@ -1,6 +1,7 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import { registerComponentProps } from '../../libs/config/props.js'
 
+const defProps = registerComponentProps({ popover: {} })
 export const props = defineMixin({
     props: {
         // 显示的文字内容

package/components/u-popup/props.js

@@ -1,5 +1,8 @@
 import { defineMixin } from '../../libs/vue'
-import defProps from '../../libs/config/props.js'
+import PopupDefaultProps from './popup'
+import { registerComponentProps } from '../../libs/config/props.js'
+
+const defProps = registerComponentProps(PopupDefaultProps)
 export const props = defineMixin({
     props: {
         // 是否展示弹窗

package/components/u-poster/u-poster.vue

@@ -1,13 +1,16 @@
 <template>
 	<view class="up-poster">
 		<!-- canvas用于绘制海报 -->
-		<canvas 
-			v-if="showCanvas" 
+		<up-canvas
+			v-if="showCanvas"
+			ref="posterCanvas"
 			class="up-poster__hidden-canvas" 
 			:canvas-id="canvasId" 
-			:id="canvasId"
+			:width="canvasWidth"
+			:height="canvasHeight"
+			bg-color="transparent"
 			:style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }">
-		</canvas>
+		</up-canvas>
 		<!-- 隐藏的二维码组件，用于生成二维码图片 -->
 		<up-qrcode 
 			ref="qrCode" 
@@ -102,8 +105,8 @@ export default {
                     // 等待DOM更新
                     await this.$nextTick();
                     
-                    // 创建canvas上下文
-                    const ctx = uni.createCanvasContext(this.canvasId, this);
+                    const posterCanvas = await this.getPosterCanvas();
+                    const ctx = posterCanvas;
                     
                     // 绘制背景
                     if (posterSize.background) {
@@ -125,9 +128,11 @@ export default {
                     ctx.draw(false, () => {
                         // 等待绘制完成
                         setTimeout(() => {
-                            // 导出图片
-                            uni.canvasToTempFilePath({
-                                canvasId: this.canvasId,
+                            posterCanvas.toTempFilePath({
+                                width,
+                                height,
+                                destWidth: width,
+                                destHeight: height,
                                 success: (res) => {
                                     // 隐藏canvas
                                     this.showCanvas = false;
@@ -145,7 +150,7 @@ export default {
                                     this.showCanvas = false;
                                     reject(new Error('导出图片失败: ' + JSON.stringify(err)));
                                 }
-                            }, this);
+                            });
                         }, 300);
                     });
                     
@@ -160,6 +165,16 @@ export default {
                 }
 			});
 		},
+
+		async getPosterCanvas() {
+			await this.$nextTick();
+			const posterCanvas = this.$refs.posterCanvas;
+			if (!posterCanvas) {
+				throw new Error('无法获取海报画布实例');
+			}
+			await posterCanvas.initCanvas(true);
+			return posterCanvas;
+		},
 		
 		/**
 		 * 绘制单个元素
@@ -224,7 +239,7 @@ export default {
 					return new Promise((resolve) => {
 						uni.getImageInfo({
 							src: item.src,
-							success: (res) => {
+							success: async (res) => {
 								// console.log('图片加载成功: ' + item.src, res);
 								// 处理圆角
 								if (css.radius) {
@@ -232,7 +247,7 @@ export default {
 									this.clipRoundRect(ctx, left, top, width, height, radius);
 								}
 								// 不能用item.src，要用res.path。
-								ctx.drawImage(res.path, left, top, width, height);
+								await ctx.drawImage(res.path, left, top, width, height);
 								// 恢复剪切区域
 								ctx.restore();
 								resolve();
@@ -255,8 +270,8 @@ export default {
 						return new Promise((resolve) => {
 							uni.getImageInfo({
 								src: qrCodeImageUrl,
-								success: (res) => {
-									ctx.drawImage(res.path, left, top, width, height);
+								success: async (res) => {
+									await ctx.drawImage(res.path, left, top, width, height);
 									resolve();
 								},
 								fail: () => {