uview-plus 3.3.5 → 3.3.6

package/changelog.md

@@ -1,3 +1,13 @@
+## 3.3.6（2024-07-23）
+feat: u-album组件添加radius,shape参数，定义参考当前u-image参数
+
+fix: 修复了calendar组件title和日期title未垂直居中的问题
+
+fix: update:modelValue缺失emit定义
+
+## 3.3.5（2024-07-10）
+picker组件支持hasInput模式
+
 ## 3.3.4（2024-07-07）
 fix: input组件双向绑定问题 #419
 

package/components/u-album/props.js

@@ -56,6 +56,16 @@ export const props = defineMixin({
         showMore: {
             type: Boolean,
             default: () => defProps.album.showMore
+        },
+        // 图片形状，circle-圆形，square-方形
+        shape: {
+            type: String,
+            default: () => defProps.image.shape
+        },
+        // 圆角，单位任意
+        radius: {
+            type: [String, Number],
+            default: () => defProps.image.radius
         }
     }
 })

package/components/u-album/u-album.vue

@@ -26,7 +26,8 @@
                     :style="[
                         {
                             width: imageWidth,
-                            height: imageHeight
+                            height: imageHeight,
+                            borderRadius: shape == 'circle' ? '10000px' : addUnit(radius)
                         }
                     ]"
                 ></image>
@@ -38,6 +39,9 @@
                         index1 === showUrls[showUrls.length - 1].length - 1
                     "
                     class="u-album__row__wrapper__text"
+                    :style="{
+					    borderRadius: shape == 'circle' ? '50%' : addUnit(radius),
+				    }"
                 >
                     <up-text
                         :text="`+${urls.length - maxCount}`"
@@ -79,7 +83,8 @@ const dom = uni.requireNativePlugin('dom')
  * @property {Boolean}         previewFullImage 是否可以预览图片 （默认 true ）
  * @property {String | Number} rowCount         每行展示图片数量，如设置，singleSize和multipleSize将会无效	（默认 3 ）
  * @property {Boolean}         showMore         超出maxCount时是否显示查看更多的提示 （默认 true ）
- *
+ * @property {String}          shape            图片形状，circle-圆形，square-方形 （默认 'square' ）
+ * @property {String | Number} radius           圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
  * @event    {Function}        albumWidth       某些特殊的情况下，需要让文字与相册的宽度相等，这里事件的形式对外发送  （回调参数 width ）
  * @example <u-album :urls="urls2" @albumWidth="width => albumWidth = width" multipleSize="68" ></u-album>
  */
@@ -173,6 +178,7 @@ export default {
         }
     },
     methods: {
+        addUnit,
         // 预览图片
         onPreviewTap(url) {
             const urls = this.urls.map((item) => {
@@ -261,4 +267,4 @@ export default {
         }
     }
 }
-</style>
+</style>

package/components/u-calendar/header.vue

@@ -65,6 +65,8 @@
 	@import "../../libs/css/components.scss";
 
 	.u-calendar-header {
+		display: flex;
+		flex-direction: column;
 		padding-bottom: 4px;
 
 		&__title {

package/components/u-calendar/month.vue

@@ -468,6 +468,7 @@
 	.u-calendar-month {
 
 		&__title {
+			display: flex;
 			font-size: 14px;
 			line-height: 42px;
 			height: 42px;

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

@@ -125,7 +125,7 @@ export default {
 			}
 		},
 	},
-	emits: ['close', 'cancel', 'confirm', 'change'],
+	emits: ['close', 'cancel', 'confirm', 'change', 'update:modelValue'],
     computed: {
         inputLabel() {
             let items = this.innerColumns.map((item, index) => item[this.innerIndex[index]])

package/package.json

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

package/types/comps/album.d.ts

@@ -59,6 +59,16 @@ declare interface AlbumProps {
    * @param width 宽度
    */
   onAlbumWidth?: (width: any) => any
+  /**
+   * 图片形状
+   * @default "square"
+   */
+  shape?: 'circle' | 'square'
+  /**
+   * 圆角，默认单位px
+   * @default 0
+   */
+  radius?: string | number
 }
 
 declare interface _Album {