uview-plus 3.3.50 → 3.3.53

package/changelog.md

@@ -1,3 +1,12 @@
+## 3.3.53（2024-12-10）
+fix: 修复popup居中模式点击内容区域触发关闭
+
+## 3.3.52（2024-12-09）
+add: notice-bar支持justifyContent属性
+
+## 3.3.51（2024-12-09）
+add: radio增加label插槽
+
 ## 3.3.50（2024-12-05）
 fix: 优化popup等对禁止背景滚动机制
 

package/components/u-avatar/u-avatar.vue

@@ -143,8 +143,8 @@
 			errorHandler() {
 				this.avatarUrl = this.defaultUrl || base64Avatar
 			},
-			clickHandler() {
-				this.$emit('click', this.name)
+			clickHandler(e) {
+				this.$emit('click', this.name, e)
 			}
 		}
 	}

package/components/u-checkbox/u-checkbox.vue

@@ -11,7 +11,7 @@
 		    :class="iconClasses"
 		    :style="[iconWrapStyle]"
 		>
-			<slot name="icon">
+			<slot name="icon" :elIconSize="elIconSize" :elIconColor="elIconColor">
 				<u-icon
 				    class="u-checkbox__icon-wrap__icon"
 				    name="checkbox-mark"

package/components/u-column-notice/columnNotice.js

@@ -19,6 +19,7 @@ export default {
         speed: 80,
         step: false,
         duration: 1500,
-        disableTouch: true
+        disableTouch: true,
+		justifyContent: 'flex-start'
     }
 }

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

@@ -52,6 +52,10 @@ export const props = defineMixin({
         disableTouch: {
             type: Boolean,
             default: () => defProps.columnNotice.disableTouch
-        }
+        },
+		justifyContent: {
+			type: String,
+			default: () => defProps.columnNotice.justifyContent
+		}
     }
 })

package/components/u-column-notice/u-column-notice.vue

@@ -28,6 +28,7 @@
 				v-for="(item, index) in text"
 				:key="index"
 				class="u-notice__swiper__item"
+				:style="{'justifyContent': justifyContent}"
 			>
 				<text
 					class="u-notice__swiper__item__text u-line-1"

package/components/u-icon/u-icon.vue

@@ -145,7 +145,7 @@
 			addStyle,
 			addUnit,
 			clickHandler(e) {
-				this.$emit('click', this.index)
+				this.$emit('click', this.index, e)
 				// 是否阻止事件冒泡
 				this.stop && this.preventEvent(e)
 			}

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

@@ -22,6 +22,7 @@ export default {
         duration: 2000,
         disableTouch: true,
         url: '',
-        linkType: 'navigateTo'
+        linkType: 'navigateTo',
+		justifyContent: 'flex-start'
     }
 }

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

@@ -67,6 +67,10 @@ export const props = defineMixin({
         linkType: {
             type: String,
             default: () => defProps.noticeBar.linkType
-        }
+        },
+		justifyContent: {
+            type: String,
+            default: () => defProps.noticeBar.justifyContent
+        },
     }
 })

package/components/u-notice-bar/u-notice-bar.vue

@@ -17,6 +17,7 @@
 				:disable-touch="disableTouch"
 				:fontSize="fontSize"
 				:duration="duration"
+				:justifyContent="justifyContent"
 				@close="close"
 				@click="click"
 			></u-column-notice>

package/components/u-popup/u-popup.vue

@@ -17,9 +17,11 @@
 			@afterEnter="afterEnter"
 			@click="clickHandler"
 		>
+			<!-- @click.stop不能去除，去除会导致居中模式下点击内容区域触发关闭弹窗 -->
 			<view
 				class="u-popup__content"
 				:style="[contentStyle]"
+				@click.stop="noop"
 				@touchmove.stop.prevent="noop"
 			>
 				<u-status-bar v-if="safeAreaInsetTop"></u-status-bar>

package/components/u-radio/u-radio.vue

@@ -11,7 +11,7 @@
 		    :class="iconClasses"
 		    :style="[iconWrapStyle]"
 		>
-			<slot name="icon">
+			<slot name="icon" :elIconSize="elIconSize" :elIconColor="elIconColor">
 				<u-icon
 				    class="u-radio__icon-wrap__icon"
 				    name="checkbox-mark"
@@ -20,15 +20,18 @@
 				/>
 			</slot>
 		</view>
-		<text
-			class="u-radio__text"
-		    @tap.stop="labelClickHandler"
-		    :style="{
-				color: elDisabled ? elInactiveColor : elLabelColor,
-				fontSize: elLabelSize,
-				lineHeight: elLabelSize
-			}"
-		>{{label}}</text>
+		<view class="u-radio__label-wrap cursor-pointer" @tap.stop="labelClickHandler">
+			<slot name="label" :label="label" :elDisabled="elDisabled">
+				<text
+					class="u-radio__text"
+					:style="{
+						color: elDisabled ? elInactiveColor : elLabelColor,
+						fontSize: elLabelSize,
+						lineHeight: elLabelSize
+					}"
+				>{{label}}</text>
+			</slot>
+		</view>
 	</view>
 </template>
 

package/libs/css/flex.scss

@@ -103,7 +103,7 @@
 
 // 自动伸缩
 .u-flex-fill,
-.u-flex-fillp {
+.up-flex-fill {
 	flex: 1 1 auto;
 }
 

package/package.json

@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "uview-plus3.0重磅发布，全面的Vue3鸿蒙移动组件库。",
-	"version": "3.3.50",
+	"version": "3.3.53",
 	"description": "零云®uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",