muzhiyu-ui 1.0.4 → 1.0.6

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

@@ -196,7 +196,14 @@ const buttonClass = computed(() => [
 
 const wrapStyle = computed(() => {
 	const style = {}
-	if (props.block) style.width = '100%'
+	if (props.block) {
+		style.width = '100%'
+		style.display = 'block'
+	} else if (props.width) {
+		style.width = '100%'
+		style.display = 'flex'
+		style.justifyContent = 'center'
+	}
 	if (props.margin) style.margin = props.margin
 	return style
 })
@@ -290,7 +297,8 @@ function onChooseAvatar(e) { emit('chooseavatar', e) }
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
-		line-height: 1.2;
+		line-height: 1;
+		vertical-align: middle;
 	}
 
 	&__icon {
@@ -299,6 +307,7 @@ function onChooseAvatar(e) { emit('chooseavatar', e) }
 		justify-content: center;
 		line-height: 1;
 		flex-shrink: 0;
+		vertical-align: middle;
 
 		&--left { margin-right: 8rpx; }
 		&--right { margin-left: 8rpx; }
@@ -401,7 +410,7 @@ function onChooseAvatar(e) { emit('chooseavatar', e) }
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 	.mu-button {
 		&--default &__inner {
 			background: rgba(36, 36, 50, 0.9);

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

@@ -28,7 +28,7 @@
 				</view>
 
 				<!-- 中间标题与副说明 -->
-				<view class="mu-cell__content">
+				<view class="mu-cell__content" :style="contentStyle">
 					<view class="mu-cell__title">
 						<slot><text class="mu-cell__title-text">{{ title }}</text></slot>
 					</view>
@@ -38,12 +38,12 @@
 				</view>
 
 				<!-- 右侧自定义插槽 (支持绑定/授权手机号按钮、开关、文案等) -->
-				<view class="mu-cell__right" @tap.stop>
+				<view class="mu-cell__right">
 					<slot name="right">
 						<slot name="value">
 							<text v-if="value" class="mu-cell__value">{{ value }}</text>
 						</slot>
-						<view v-if="arrow" class="mu-cell__arrow" @tap="handleClick">
+						<view v-if="computedArrow" class="mu-cell__arrow">
 							<mu-icon name="chevron_right" :size="16" color="#94A3B8" />
 						</view>
 					</slot>
@@ -75,11 +75,13 @@ import { ref, computed } from 'vue'
 const props = defineProps({
 	title: { type: String, default: '' },
 	label: { type: String, default: '' },
-	value: { type: String, default: '' },
+	value: { type: [String, Number], default: '' },
+	titleWidth: { type: [String, Number], default: '' }, // 支持自定义标题固定宽度，如 '180rpx'
 	icon: { type: String, default: '' },
 	iconSize: { type: [Number, String], default: 20 },
 	iconColor: { type: String, default: '' },
 	arrow: { type: Boolean, default: false },
+	isLink: { type: Boolean, default: false },
 	disabled: { type: Boolean, default: false },
 	required: { type: Boolean, default: false },
 	divider: { type: Boolean, default: true },
@@ -97,6 +99,20 @@ const props = defineProps({
 
 const emit = defineEmits(['click', 'click-swipe', 'delete'])
 
+const contentStyle = computed(() => {
+	if (props.titleWidth) {
+		const w = typeof props.titleWidth === 'number' ? `${props.titleWidth}rpx` : props.titleWidth
+		return {
+			width: w,
+			flexShrink: 0,
+			flexGrow: 0
+		}
+	}
+	return {}
+})
+
+const computedArrow = computed(() => props.arrow || props.isLink)
+
 const touchStartX = ref(0)
 const touchStartY = ref(0)
 const swipeOffset = ref(0)
@@ -231,10 +247,11 @@ function handleClick(e) {
 	&--disabled { opacity: 0.45; pointer-events: none; }
 	&--center .mu-cell__body { align-items: center; }
 
-	&--required .mu-cell__title-text::before {
+	/* 必填红星号后置 */
+	&--required .mu-cell__title-text::after {
 		content: '*';
-		color: $mu-danger;
-		margin-right: 6rpx;
+		color: #ef4444;
+		margin-left: 4rpx;
 		font-size: 26rpx;
 		font-weight: 700;
 	}
@@ -291,8 +308,10 @@ function handleClick(e) {
 	&__right {
 		display: flex;
 		align-items: center;
+		justify-content: flex-end;
 		margin-left: 20rpx;
-		flex-shrink: 0;
+		flex: 1; /* 自动填满右侧剩余宽度 */
+		min-width: 0;
 	}
 
 	&__value {
@@ -344,7 +363,7 @@ function handleClick(e) {
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 
 	.mu-cell {
 		background: $mu-dark-bg-base;

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

@@ -789,7 +789,7 @@ function handleClick(e) {
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 
 	.mu-icon {
 		&__svg {

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

@@ -7,12 +7,12 @@
 		error && 'mu-input--error',
 		filled && 'mu-input--filled'
 	]">
-		<!-- 标题 Label (包含必填红星与位置布局) -->
+		<!-- 标题 Label (必填红星号后置) -->
 		<view v-if="label || $slots.label" class="mu-input__label-box" :style="labelBoxStyle">
-			<text v-if="required" class="mu-input__required">*</text>
 			<slot name="label">
 				<text class="mu-input__label-text">{{ label }}</text>
 			</slot>
+			<text v-if="required" class="mu-input__required" style="color: #ef4444; margin-left: 4rpx;">*</text>
 		</view>
 
 		<!-- 输入框主容器 Main Box -->
@@ -116,7 +116,7 @@ const props = defineProps({
 	placeholder: { type: String, default: '请输入' },
 	disabled: { type: Boolean, default: false },
 	clearable: { type: Boolean, default: false },
-	maxlength: { type: Number, default: -1 },
+	maxlength: { type: [Number, String], default: -1 },
 	counter: { type: Boolean, default: false },
 	autoHeight: { type: Boolean, default: false },
 	error: { type: Boolean, default: false },
@@ -540,7 +540,7 @@ defineExpose({
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 
 	.mu-input {
 		&__label-text { color: $mu-dark-text-primary; }

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

@@ -80,7 +80,7 @@ const props = defineProps({
 	title: { type: String, default: '' },
 	value: { type: String, default: '' },
 	mode: { type: String, default: 'number' },              // number | idcard | car
-	maxlength: { type: Number, default: 0 },
+	maxlength: { type: [Number, String], default: 0 },
 	decimal: { type: Boolean, default: false },
 	showToolbar: { type: Boolean, default: true },
 	extraKey: { type: String, default: '' }
@@ -355,7 +355,7 @@ watch(() => props.value, (val) => {
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 	.mu-keyboard {
 		&__panel {
 			background: #0F172A;

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

@@ -271,7 +271,7 @@ watch(() => props.show, (val) => {
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 
 	.mu-picker {
 		&__mask { background: rgba(0, 0, 0, 0.65); }

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

@@ -269,7 +269,7 @@ defineExpose({ close: handleClose, open: () => { visible.value = true } })
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 
 	.mu-popup {
 		&__content {

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

@@ -42,6 +42,14 @@
 <script setup>
 import { computed } from 'vue'
 
+defineOptions({
+	name: 'mu-section',
+	options: {
+		virtualHost: true,
+		styleIsolation: 'shared'
+	}
+})
+
 const props = defineProps({
 	title: { type: String, default: '' },
 	desc: { type: String, default: '' },
@@ -186,7 +194,7 @@ function handleRightClick(e) {
 	}
 }
 
-.mu-dark, page.mu-dark {
+.mu-dark {
 
 	.mu-section {
 		&__title { color: $mu-dark-text-primary; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muzhiyu-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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.4",
+    "version": "1.0.6",
     "description": "基于 UniApp Vue3 + SCSS 打造的全端极奢 UI 组件库",
     "site": "",
     "displayName": "MuzhiyuUI 极奢全端组件库"