@gmcb/uv-ui 0.3.2 → 0.3.4

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.4](http://10.10.10.16/caoben/front-end/compare/@gmcb/uv-ui@0.3.3...@gmcb/uv-ui@0.3.4) (2026-07-02)
+
+**Note:** Version bump only for package @gmcb/uv-ui
+
+
+
+
+
+## [0.3.3](http://10.10.10.16/caoben/front-end/compare/@gmcb/uv-ui@0.3.2...@gmcb/uv-ui@0.3.3) (2026-06-23)
+
+**Note:** Version bump only for package @gmcb/uv-ui
+
+
+
+
+
 ## [0.3.2](http://10.10.10.16/caoben/front-end/compare/@gmcb/uv-ui@0.3.1...@gmcb/uv-ui@0.3.2) (2026-06-15)
 
 **Note:** Version bump only for package @gmcb/uv-ui

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 aniu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/components/uv-alert/uv-alert.vue

@@ -78,12 +78,13 @@
 	 * @property {String | Number}	fontSize    字体大小  （默认 14 ）
 	 * @property {Object}			customStyle	定义需要用到的外部样式
 	 * @event    {Function}        click       点击组件时触发
+	 * @event    {Function}        close       关闭组件时触发
 	 * @example  <uv-alert :title="title"  type = "warning" :closable="closable" :description = "description"></uv-alert>
 	 */
 	export default {
 		name: 'uv-alert',
 		mixins: [mpMixin, mixin, props],
-		emits: ['click'],
+		emits: ['click', 'close'],
 		data() {
 			return {
 				show: true
@@ -124,6 +125,7 @@
 			// 点击关闭按钮
 			closeHandler() {
 				this.show = false
+				this.$emit('close')
 			}
 		}
 	}

package/components/uv-button/props.js

@@ -20,6 +20,11 @@ export default {
 			type: String,
 			default: 'square'
 		},
+		// 按钮圆角大小，仅在shape为square时有效，单位px
+		radius: {
+			type: [String, Number],
+			default: null
+		},
 		// 按钮是否镂空
 		plain: {
 			type: Boolean,

package/components/uv-button/uv-button.vue

@@ -36,7 +36,7 @@
 			@im="onIm"
 		  :hover-class="!disabled && !loading && !plain ? 'uv-button--active' : ''"
 		  class="uv-button uv-reset-button"
-		  :style="[baseColor, $uv.addStyle(customStyle)]"
+		  :style="[baseColor, radiusStyle, $uv.addStyle(customStyle)]"
 		  @tap="clickHandler"
 		  :class="bemClass"
 		>
@@ -58,7 +58,7 @@
       :show-message-card="showMessageCard"
       :hover-class="!disabled && !loading && !plain ? 'uv-button--active' : ''"
       class="uv-button uv-reset-button"
-      :style="[baseColor, $uv.addStyle(customStyle)]"
+      :style="[baseColor, radiusStyle, $uv.addStyle(customStyle)]"
       @tap="clickHandler"
       :class="bemClass"
     >
@@ -106,7 +106,7 @@
       :hover-class="!disabled && !loading && !plain ? 'uv-button--active' : ''"
       @tap="clickHandler"
       :class="bemClass"
-      :style="[baseColor, $uv.addStyle(customStyle)]"
+      :style="[baseColor, radiusStyle, $uv.addStyle(customStyle)]"
     >
       <template v-if="loading">
         <uv-loading-icon
@@ -160,6 +160,7 @@ import props from "./props.js";
  * @property {String}			type					按钮的预置样式，info，primary，error，warning，success (默认 'info' )
  * @property {String}			size					按钮尺寸，large，normal，mini （默认 normal）
  * @property {String}			shape					按钮形状，circle（两边为半圆），square（带圆角） （默认 'square' ）
+ * @property {String | Number}	radius					按钮圆角大小，仅在shape为square时有效，单位px （默认 null ）
  * @property {Boolean}			plain					按钮是否镂空，背景色透明 （默认 false）
  * @property {Boolean}			disabled				是否禁用 （默认 false）
  * @property {Boolean}			loading					按钮名称前是否带 loading 图标(App-nvue 平台，在 ios 上为雪花，Android上为圆圈) （默认 false）
@@ -269,6 +270,14 @@ export default {
 				}
 				return style;
 			},
+			// 按钮圆角样式，仅在square形状且设置了radius时生效
+			radiusStyle() {
+				const style = {};
+				if (this.shape === 'square' && this.radius !== null && this.radius !== '') {
+					style.borderRadius = this.$uv.addUnit(this.radius);
+				}
+				return style;
+			},
 			// nvue版本按钮的字体不会继承父组件的颜色，需要对每一个text组件进行单独的设置
 			nvueTextStyle() {
 				let style = {};

package/components/uv-popup/props.js

@@ -0,0 +1,88 @@
+export default {
+	props: {
+		// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
+		// message: 消息提示 ; dialog : 对话框
+		mode: {
+			type: String,
+			default: 'center'
+		},
+		// 动画时长，单位ms
+		duration: {
+			type: [String, Number],
+			default: 300
+		},
+		// 层级
+		zIndex: {
+			type: [String, Number],
+			default: 10075
+		},
+		bgColor: {
+			type: String,
+			default: '#ffffff'
+		},
+		safeArea: {
+			type: Boolean,
+			default: true
+		},
+		// 是否显示遮罩
+		overlay: {
+			type: Boolean,
+			default: true
+		},
+		// 点击遮罩是否关闭弹窗
+		closeOnClickOverlay: {
+			type: Boolean,
+			default: true
+		},
+		// 遮罩的透明度，0-1之间
+		overlayOpacity: {
+			type: [Number, String],
+			default: 0.4
+		},
+		// 自定义遮罩的样式
+		overlayStyle: {
+			type: [Object, String],
+			default: ''
+		},
+		// 是否为iPhoneX留出底部安全距离
+		safeAreaInsetBottom: {
+			type: Boolean,
+			default: true
+		},
+		// 是否留出顶部安全距离（状态栏高度）
+		safeAreaInsetTop: {
+			type: Boolean,
+			default: false
+		},
+		// 是否显示关闭图标
+		closeable: {
+			type: Boolean,
+			default: false
+		},
+		// 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
+		closeIconPos: {
+			type: String,
+			default: 'top-right'
+		},
+		// 关闭图标颜色
+		closeIconColor: {
+			type: String,
+			default: '#909399'
+		},
+		// 关闭图标大小
+		closeIconSize: {
+			type: [String, Number],
+			default: 18
+		},
+		// mode=center，也即中部弹出时，是否使用缩放模式
+		zoom: {
+			type: Boolean,
+			default: true
+		},
+		round: {
+			type: [Number, String],
+			default: 8
+		},
+		...uni.$uv?.props?.popup
+	}
+}

package/components/uv-popup/uv-popup.vue

@@ -44,12 +44,14 @@
 						hover-class="uv-popup__content__close--hover"
 						hover-stay-time="150"
 					>
-						<uv-icon
-							name="close"
-							color="#909399"
-							size="18"
-							bold
-						></uv-icon>
+						<slot name="close">
+							<uv-icon
+								name="close"
+								:color="closeIconColor"
+								:size="closeIconSize"
+								bold
+							></uv-icon>
+						</slot>
 					</view>
 				</view>
 			</uv-transition>
@@ -66,6 +68,7 @@
 	// #endif
 	import mpMixin from '../../libs/mixin/mpMixin.js'
 	import mixin from '../../libs/mixin/mixin.js'
+	import props from './props.js'
 	/**
 	* PopUp 弹出层
 	* @description 弹出层组件，为了解决遮罩弹层的问题
@@ -78,7 +81,7 @@
 	* 	@value right  右侧弹出
 	* @property {Number} duration 动画时长，默认300
 	* @property {Boolean} overlay 是否显示遮罩，默认true
-	* @property {Boolean} overlayOpacity 遮罩透明度，默认0.5 
+	* @property {Boolean} overlayOpacity 遮罩透明度，默认0.4 
 	* @property {Object} overlayStyle 遮罩自定义样式
 	* @property {Boolean} closeOnClickOverlay = [true|false] 蒙版点击是否关闭弹窗，默认true
 	* @property {Number | String} zIndex 弹出层的层级
@@ -86,6 +89,8 @@
 	* @property {Boolean} safeAreaInsetBottom 是否为留出底部安全区适配，默认true
 	* @property {Boolean} closeable 是否显示关闭图标，默认false
 	* @property {Boolean} closeIconPos 自定义关闭图标位置，`top-left`-左上角，`top-right`-右上角，`bottom-left`-左下角，`bottom-right`-右下角，默认top-right
+	* @property {String} closeIconColor 关闭图标颜色，默认#909399
+	* @property {String | Number} closeIconSize 关闭图标大小，默认18
 	* @property {String}  bgColor 主窗口背景色
 	* @property {String}  maskBackgroundColor 蒙版颜色
 	* @property {Boolean} customStyle 自定义样式
@@ -99,84 +104,8 @@
 			keypress
 			// #endif
 		},
-		mixins: [mpMixin, mixin],
+		mixins: [mpMixin, mixin, props],
 		emits: ['change', 'maskClick', 'close'],
-		props: {
-			// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
-			// message: 消息提示 ; dialog : 对话框
-			mode: {
-				type: String,
-				default: 'center'
-			},
-			// 动画时长，单位ms
-			duration: {
-				type: [String, Number],
-				default: 300
-			},
-			// 层级
-			zIndex: {
-				type: [String, Number],
-				default: 10075
-			},
-			bgColor: {
-				type: String,
-				default: '#ffffff'
-			},
-			safeArea: {
-				type: Boolean,
-				default: true
-			},
-			// 是否显示遮罩
-			overlay: {
-				type: Boolean,
-				default: true
-			},
-			// 点击遮罩是否关闭弹窗
-			closeOnClickOverlay: {
-				type: Boolean,
-				default: true
-			},
-			// 遮罩的透明度，0-1之间
-			overlayOpacity: {
-				type: [Number, String],
-				default: 0.4
-			},
-			// 自定义遮罩的样式
-			overlayStyle: {
-				type: [Object, String],
-				default: ''
-			},
-			// 是否为iPhoneX留出底部安全距离
-			safeAreaInsetBottom: {
-				type: Boolean,
-				default: true
-			},
-			// 是否留出顶部安全距离（状态栏高度）
-			safeAreaInsetTop: {
-				type: Boolean,
-				default: false
-			},
-			// 是否显示关闭图标
-			closeable: {
-				type: Boolean,
-				default: false
-			},
-			// 自定义关闭图标位置，top-left为左上角，top-right为右上角，bottom-left为左下角，bottom-right为右下角
-			closeIconPos: {
-				type: String,
-				default: 'top-right'
-			},
-			// mode=center，也即中部弹出时，是否使用缩放模式
-			zoom: {
-				type: Boolean,
-				default: true
-			},
-			round: {
-				type: [Number, String],
-				default: 0
-			},
-			...uni.$uv?.props?.popup
-		},
 		watch: {
 			/**
 			 * 监听type类型

package/docs/components/button.md

@@ -44,6 +44,7 @@
 - 通过`loading`值设置是否开启加载图标，`loadingText`设置加载中文字
 - 通过`icon`值设置是否显示图标
 - 通过`shape`值设置按钮形状，circle为圆角
+- 通过`radius`值设置按钮圆角大小，仅在shape为square时有效，不设置时默认3px
 - 通过`color`值设置按钮渐变颜色
 - 通过`size`值设置按钮的大小
 
@@ -128,6 +129,7 @@ const customStyle = computed(() => {
 |type					|按钮的样式类型																			|String					|info	|info | primary | error | warning | success	|
 |size					|按钮的大小																				|String					|normal |normal | large | mini	|
 |shape					|按钮外观形状，见[上方说明](/components/button.html#设置按钮的多种形态)																	|String					|square	|square | circle	|
+|radius				|按钮圆角大小，仅在shape为square时有效，单位px															|String | Number	|-		|-		|
 |plain					|按钮是否镂空，背景色透明																	|Boolean				|false	|true | false	|
 |disabled				|是否禁用																				|Boolean				|false	|true | false	|
 |loading				|按钮名称前是否带 loading 图标															|Boolean				|false	|true | false	|App-nvue 平台，在 ios 上为雪花，Android上为圆圈|

package/docs/components/popup.md

@@ -188,6 +188,8 @@ function open() {
 | safeAreaInsetBottom	| 是否为留出<a href="/guide/safeAreaInset.html" target="_blank">底部安全区适配</a> | Boolean	 | true		| true &#124; false	 |
 | closeable				| 是否显示关闭图标 	 | Boolean		 | false		| true &#124; false			 	|
 | closeIconPos			| 自定义关闭图标位置，`top-left`-左上角，`top-right`-右上角，`bottom-left`-左下角，`bottom-right`-右下角	| String				| top-right	| top-right &#124; top-left &#124; bottom-left &#124; bottom-right	|
+| closeIconColor			| 关闭图标颜色			| String				| #909399	| -									|
+| closeIconSize			| 关闭图标大小			| String &#124; Number	| 18		| -									|
 | zoom					| 当`mode=center`时 是否开启缩放 | Boolean	 	| true		| true &#124; false	 |
 | bgColor | 背景色，设置为""或none可去除默认的白色背景  | String  | none		| -	 |
 | round | 设置圆角值，仅对`mode = top | bottom | center`有效  | Number &#124; String  | 0		| -	 |
@@ -213,6 +215,7 @@ function open() {
 |名称|	说明|
 |:-		|:-			|
 |default| 弹窗内容 |
+|close| 自定义关闭图标内容 |
 
 <style scoped>
 h3[id=popup-slots] + table thead tr th:nth-child(2){

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gmcb/uv-ui",
-	"version": "0.3.2",
+	"version": "0.3.4",
 	"description": "uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用，利剑出击。",
 	"main": "index.js",
 	"homepage": "https://git.keeprisk.cn/gmcb/front-end/tree/master/packages/uv-ui",
@@ -28,5 +28,6 @@
 		"README.md",
 		"index.scss",
 		"theme.scss"
-	]
+	],
+	"gitHead": "b490689211c85faf2324dce167666aed87f7a66a"
 }