uview-plus 3.3.39 → 3.3.41

package/changelog.md

@@ -1,5 +1,17 @@
+## 3.3.41（2024-11-13）
+fix: u-radio-group invalid import
+
+improvement: 优化图片组件宽高及修复事件event传递
+
+
+## 3.3.40（2024-11-11）
+add: 组件radioGroup增加gap属性用于设置item间隔 
+
+fix: 修复H5全局导入
+
 ## 3.3.39（2024-11-04）
 fix: 修复相册组件
+
 ## 3.3.38（2024-11-04）
 fix: 修复视频预览报错 #510
 

package/components/u-code/u-code.vue

@@ -107,7 +107,7 @@
 				if(!this.keepRunning || !this.timer) return
 				// 记录当前的时间戳，为了下次进入页面，如果还在倒计时内的话，继续倒计时
 				// 倒计时尚未结束，结果大于0；倒计时已经开始，就会小于初始值，如果等于初始值，说明没有开始倒计时，无需处理
-				if(this.secNum > 0 && this.secNum < this.seconds) {
+				if(this.secNum > 0 && this.secNum <= this.seconds) {
 					// 获取当前时间戳(+ new Date()为特殊写法)，除以1000变成秒，再去除小数部分
 					let nowTimestamp = Math.floor((+ new Date()) / 1000)
 					// 将本该结束时候的时间戳保存起来 => 当前时间戳 + 剩余的秒数

package/components/u-image/u-image.vue

@@ -2,6 +2,7 @@
 	<u-transition
 		mode="fade"
 		:show="show"
+		:style="transStyle"
 		:duration="fade ? 1000 : 0"
 	>
 		<view
@@ -129,6 +130,13 @@
 			}
 		},
 		computed: {
+			transStyle() {
+				let style = {};
+				// 通过调用addUnit()方法，如果有单位，如百分比，px单位等，直接返回，如果是纯粹的数值，则加上rpx单位
+				style.width = addUnit(this.width);
+				style.height = addUnit(this.height);
+				return style;
+			},
 			wrapStyle() {
 				let style = {};
 				// 通过调用addUnit()方法，如果有单位，如百分比，px单位等，直接返回，如果是纯粹的数值，则加上rpx单位
@@ -156,8 +164,8 @@
 		methods: {
 			addUnit,
 			// 点击图片
-			onClick() {
-				this.$emit('click')
+			onClick(e) {
+				this.$emit('click', e)
 			},
 			// 图片加载失败
 			onErrorHandler(err) {
@@ -192,7 +200,7 @@
 			removeBgColor() {
 				// 淡入动画过渡完成后，将背景设置为透明色，否则png图片会看到灰色的背景
 				this.backgroundStyle = {
-					backgroundColor: 'transparent'
+					backgroundColor: this.bgColor || '#ffffff'
 				};
 			}
 		}

package/components/u-radio-group/props.js

@@ -90,6 +90,11 @@ export const props = defineMixin({
         iconPlacement: {
             type: String,
             default: () => defProps.radio.iconPlacement
-        }
+        },
+        // item 之间的间距
+		gap: {
+			type: [String, Number],
+			default: () => defProps.radioGroup.gap
+		}
     }
 })

package/components/u-radio-group/radioGroup.js

@@ -3,8 +3,8 @@
  * @Description  :
  * @version      : 1.0
  * @Date         : 2021-08-20 16:44:21
- * @LastAuthor   : LQ
- * @lastTime     : 2021-08-20 17:03:12
+ * @LastAuthor   : CPS
+ * @lastTime     : 2024-11-05 16:01:12
  * @FilePath     : /u-view2.0/uview-ui/libs/config/props/radioGroup.js
  */
 export default {
@@ -25,6 +25,7 @@ export default {
         iconColor: '#ffffff',
         iconSize: 12,
         borderBottom: false,
-        iconPlacement: 'left'
+        iconPlacement: 'left',
+        gap: "10px"
     }
 }

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

@@ -2,6 +2,7 @@
 	<view
 	    class="u-radio-group"
 	    :class="bemClass"
+			:style="radioGroupStyle"
 	>
 		<slot></slot>
 	</view>
@@ -11,6 +12,7 @@
 	import { props } from './props';
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
+	import { addUnit, addStyle, deepMerge } from '../../libs/function/index';
 
 	/**
 	 * radioRroup 单选框父组件
@@ -32,7 +34,8 @@
 	 * @property {String | Number}				iconSize		图标的大小，单位px （默认 12 ）
 	 * @property {Boolean}						borderBottom	placement为row时，是否显示下边框 （默认 false ）
 	 * @property {String}						iconPlacement	图标与文字的对齐方式 （默认 'left' ）
-     * @property {Object}						customStyle		组件的样式，对象形式
+	 * @property {Object}						gap				item 之间的间距
+   * @property {Object}						customStyle		组件的样式，对象形式
 	 * @event {Function} change 任一个radio状态发生变化时触发
 	 * @example <u-radio-group v-model="value"></u-radio-group>
 	 */
@@ -60,6 +63,12 @@
 				// this.bem为一个computed变量，在mixin中
 				return this.bem('radio-group', ['placement'])
 			},
+			radioGroupStyle() {
+				const style = {
+					gap: addUnit(this.gap)
+				};
+				return deepMerge(style, addStyle(this.customStyle));
+			}
 		},
 		watch: {
 			// 当父组件需要子组件需要共享的参数发生了变化，手动通知子组件

package/components/u-view/u-view.vue

@@ -0,0 +1,73 @@
+<template>
+    <view
+        class="u-view" :class="class" :style="{
+            backgroundColor: backgroundColor,
+            color: color,
+            flexDirection: flexDirection,
+            justifyContent: justifyContent,
+            alignItems: alignItems,
+            flex1: flex1,
+            width: width,
+            height: height,
+            padding: padding,
+            margin: margin,
+            borderColor: borderColor,
+        }">
+    </view>
+</template>
+
+<script>
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
+/**
+ * View 视图
+ * @description 对View默认标签的封装
+ * @tutorial https://ijry.github.io/uview-plus/components/view.html
+ * @property {String} 					bgColor		背景颜色
+ * @event {Function} click  点击触发事件
+ * @example <up-view></up-view>
+ */
+export default {
+    name: 'up-view',
+    // #ifdef MP
+    mixins: [mpMixin, mixin],
+    // #endif
+    // #ifndef MP
+    mixins: [mpMixin, mixin],
+    // #endif
+	emits: ['click'],
+    computed: {
+        valueStyle() {}
+    },
+    props: {
+        backgroundColor: '',
+        color: '',
+        flexDirection: '',
+        justifyContent: '',
+        alignItems: '',
+        flex1: '',
+        width: '',
+        height: '',
+        padding: '',
+        margin: '',
+        borderColor: ''
+    },
+    data() {
+        return {}
+    },
+    methods: {
+        addStyle,
+        clickHandler() {
+            this.$emit('click')
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../libs/css/components.scss';
+
+.u-view {
+}
+</style>

package/index.js

@@ -89,7 +89,6 @@ let components = [];
 for (const key in importFn) {
     let component = importFn[key].default;
     if (component.name && component.name.indexOf('u--') !== 0) {
-        const name = component.name.replace(/u-([a-zA-Z0-9-_]+)/g, 'up-$1');
         component.install = function (Vue) {
             Vue.component(name, component);
         };
@@ -111,7 +110,8 @@ function toCamelCase(str) {
 const install = (Vue) => {
     // #ifdef H5
     components.forEach(function(component) {
-        Vue.component(component.name, component); 
+        const name = component.name.replace(/u-([a-zA-Z0-9-_]+)/g, 'up-$1');
+        Vue.component(name, component); 
     });
     // #endif
 

package/package.json

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