muzhiyu-ui 1.0.6 → 1.0.10

package/components/muzhiyu/mu-button/mu-button.vue

@@ -39,9 +39,9 @@
 			</view>
 
 			<!-- 按钮文本 -->
-			<span v-if="hasLabel" class="mu-button__label">
+			<text v-if="hasLabel" class="mu-button__label">
 				<slot></slot>
-			</span>
+			</text>
 
 			<!-- 右侧矢量图标 -->
 			<view v-if="!loading && (icon || $slots.icon) && iconPosition === 'right'" class="mu-button__icon mu-button__icon--right">
@@ -61,6 +61,14 @@
 <script setup>
 import { computed, useSlots, inject } from 'vue'
 
+defineOptions({
+	name: 'mu-button',
+	options: {
+		virtualHost: true,
+		styleIsolation: 'shared'
+	}
+})
+
 const config = inject('muConfig', null)
 
 const props = defineProps({
@@ -270,21 +278,22 @@ function onChooseAvatar(e) { emit('chooseavatar', e) }
 
 	&__inner {
 		position: relative;
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		box-sizing: border-box;
+		display: inline-flex !important;
+		align-items: center !important;
+		justify-content: center !important;
+		box-sizing: border-box !important;
 		white-space: nowrap;
 		cursor: pointer;
 		user-select: none;
 		transition: all $mu-duration $mu-ease;
 		border: none;
 		outline: none;
-		line-height: 1;
+		line-height: 1 !important;
+		margin: 0 !important;
 
 		/* 微信小程序原生按钮重置 */
 		&::after {
-			display: none;
+			display: none !important;
 		}
 
 		&--active {
@@ -294,20 +303,20 @@ function onChooseAvatar(e) { emit('chooseavatar', e) }
 	}
 
 	&__label {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		line-height: 1;
-		vertical-align: middle;
+		display: inline-flex !important;
+		align-items: center !important;
+		justify-content: center !important;
+		line-height: 1 !important;
+		height: 100%;
 	}
 
 	&__icon {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		line-height: 1;
+		display: inline-flex !important;
+		align-items: center !important;
+		justify-content: center !important;
+		line-height: 1 !important;
+		height: 100%;
 		flex-shrink: 0;
-		vertical-align: middle;
 
 		&--left { margin-right: 8rpx; }
 		&--right { margin-left: 8rpx; }

package/components/muzhiyu/mu-icon/mu-icon.vue

@@ -770,17 +770,15 @@ function handleClick(e) {
 
 <style lang="scss" scoped>
 .mu-icon {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	line-height: 1;
+	display: inline-flex !important;
+	align-items: center !important;
+	justify-content: center !important;
+	vertical-align: middle !important;
+	line-height: 1 !important;
 
-	&__svg {
-		display: block;
-	}
-
-	&__image {
-		display: block;
+	&__svg, &__image {
+		display: block !important;
+		margin: auto !important;
 	}
 
 	&__fallback {

package/components/muzhiyu/mu-input/mu-input.vue

@@ -37,7 +37,13 @@
 					:value="innerValue" :placeholder="placeholder" :disabled="disabled" :maxlength="maxlength"
 					:auto-height="autoHeight" @input="onInput" @focus="onFocus" @blur="onBlur" />
 
-				<!-- 普通 / 数字 / 手机 / 密码 / 验证码 / 虚拟键盘 Input -->
+				<!-- 只读选择模式 (避免拉起系统软键盘) -->
+				<view v-if="readonly" class="mu-input__virtual-box">
+					<text v-if="innerValue !== undefined && innerValue !== null && String(innerValue).length > 0" class="mu-input__virtual-text">{{ innerValue }}</text>
+					<text v-else class="mu-input__virtual-placeholder">{{ placeholder }}</text>
+				</view>
+
+				<!-- 虚拟键盘 Input -->
 				<view v-else-if="isVirtualKeyboardActive" class="mu-input__virtual-box">
 					<text v-if="innerValue" class="mu-input__virtual-text">{{ innerValue }}</text>
 					<text v-else class="mu-input__virtual-placeholder">{{ placeholder }}</text>
@@ -115,6 +121,7 @@ const props = defineProps({
 	required: { type: Boolean, default: false },          // 是否显示必填红星 *
 	placeholder: { type: String, default: '请输入' },
 	disabled: { type: Boolean, default: false },
+	readonly: { type: Boolean, default: false },
 	clearable: { type: Boolean, default: false },
 	maxlength: { type: [Number, String], default: -1 },
 	counter: { type: Boolean, default: false },

package/components/muzhiyu/mu-picker/mu-picker.vue

@@ -60,7 +60,11 @@ const pickerValue = ref([])
 
 function getItemLabel(item) {
 	if (typeof item === 'object' && item !== null) {
-		return (item[props.labelKey] !== undefined ? item[props.labelKey] : (item.label !== undefined ? item.label : String(item)))
+		if (props.labelKey && item[props.labelKey] !== undefined) return String(item[props.labelKey])
+		if (item.label !== undefined) return String(item.label)
+		if (item.text !== undefined) return String(item.text)
+		if (item.title !== undefined) return String(item.title)
+		if (item.name !== undefined) return String(item.name)
 	}
 	return String(item)
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muzhiyu-ui",
-  "version": "1.0.6",
+  "version": "1.0.10",
   "description": "基于 UniApp Vue3 + SCSS 打造的全端极奢组件库",
   "main": "index.js",
   "types": "index.d.ts",
@@ -29,7 +29,7 @@
   "uni_modules": {
     "id": "muzhiyu-ui",
     "name": "muzhiyu-ui 极奢组件库",
-    "version": "1.0.6",
+    "version": "1.0.10",
     "description": "基于 UniApp Vue3 + SCSS 打造的全端极奢 UI 组件库",
     "site": "",
     "displayName": "MuzhiyuUI 极奢全端组件库"