muzhiyu-ui 1.0.15 → 1.0.18

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

@@ -1,5 +1,12 @@
 <template>
 	<view class="mu-tag" :class="tagClass" :style="tagStyle" @tap="handleClick">
+		<mu-icon
+			v-if="icon"
+			:name="icon"
+			:size="computedIconSize"
+			:color="computedIconColor"
+			class="mu-tag__icon"
+		/>
 		<text class="mu-tag__text"><slot></slot></text>
 		<text v-if="closable" class="mu-tag__close" @tap.stop="handleClose">✕</text>
 	</view>
@@ -7,24 +14,51 @@
 
 <script setup>
 import { computed } from 'vue'
+
+defineOptions({
+	name: 'MuTag',
+	options: {
+		virtualHost: true
+	}
+})
+
 const props = defineProps({
 	type: { type: String, default: 'default' },
 	size: { type: String, default: 'medium' },
 	plain: { type: Boolean, default: false },
 	round: { type: Boolean, default: false },
 	closable: { type: Boolean, default: false },
+	icon: { type: String, default: '' },
+	iconColor: { type: String, default: '' },
+	iconSize: { type: [Number, String], default: '' },
 	background: { type: String, default: '' },
 	color: { type: String, default: '' }
 })
+
 const emit = defineEmits(['click', 'close'])
+
+const computedIconSize = computed(() => {
+	if (props.iconSize) return props.iconSize
+	if (props.size === 'mini') return '18rpx'
+	if (props.size === 'small') return '22rpx'
+	return '26rpx'
+})
+
+const computedIconColor = computed(() => {
+	if (props.iconColor) return props.iconColor
+	return 'inherit'
+})
+
 const tagClass = computed(() => [
 	`mu-tag--${props.type}`, `mu-tag--${props.size}`,
 	props.plain && 'mu-tag--plain', props.round && 'mu-tag--round'
 ])
+
 const tagStyle = computed(() => ({
 	...(props.background ? { background: props.background, borderColor: props.background } : {}),
 	...(props.color ? { color: props.color } : {})
 }))
+
 function handleClick(e) { emit('click', e) }
 function handleClose(e) { emit('close', e) }
 </script>
@@ -33,32 +67,52 @@ function handleClose(e) { emit('close', e) }
 .mu-tag {
 	display: inline-flex;
 	align-items: center;
+	justify-content: center;
 	border: 1rpx solid transparent;
 	transition: all $mu-duration $mu-ease;
 	white-space: nowrap;
 	font-weight: 600;
+	line-height: 1;
 
-	&--medium { padding: 6rpx 20rpx; font-size: $mu-font-sm; border-radius: $mu-radius-md; }
-	&--small { padding: 4rpx 14rpx; font-size: $mu-font-xs; border-radius: $mu-radius-sm; }
-	&--round { border-radius: $mu-radius-full; }
+	&--medium { padding: 8rpx 20rpx; font-size: 26rpx; border-radius: $mu-radius-md; }
+	&--small { padding: 6rpx 14rpx; font-size: 22rpx; border-radius: $mu-radius-sm; }
+	&--mini { padding: 4rpx 12rpx; font-size: 20rpx; border-radius: $mu-radius-xs; }
+	&--round { border-radius: $mu-radius-full !important; }
 
 	&--default { background: $mu-bg-gray; color: $mu-text-primary; border-color: $mu-border; }
-	&--primary { background: rgba(22, 93, 255, 0.08); color: $mu-primary; border-color: rgba(22, 93, 255, 0.18); }
-	&--success { background: rgba(0, 180, 42, 0.08); color: $mu-success; border-color: rgba(0, 180, 42, 0.18); }
-	&--warning { background: rgba(255, 125, 0, 0.08); color: $mu-warning; border-color: rgba(255, 125, 0, 0.18); }
-	&--error { background: rgba(245, 63, 63, 0.08); color: $mu-error; border-color: rgba(245, 63, 63, 0.18); }
+	&--primary { background: #171717; color: #ffffff; border-color: #171717; }
+	&--success { background: rgba(16, 185, 129, 0.1); color: #10b981; border-color: rgba(16, 185, 129, 0.2); }
+	&--warning { background: rgba(245, 158, 11, 0.1); color: #d97706; border-color: rgba(245, 158, 11, 0.2); }
+	&--danger, &--error { background: rgba(239, 68, 68, 0.1); color: #ef4444; border-color: rgba(239, 68, 68, 0.2); }
 
-	&--plain.mu-tag--primary { background: transparent; }
-	&--plain.mu-tag--success { background: transparent; }
-	&--plain.mu-tag--warning { background: transparent; }
-	&--plain.mu-tag--error { background: transparent; }
-	&--plain.mu-tag--default { background: transparent; }
+	&--plain.mu-tag--primary { background: transparent; color: #171717; border-color: #171717; }
+	&--plain.mu-tag--success { background: transparent; color: #10b981; border-color: rgba(16, 185, 129, 0.3); }
+	&--plain.mu-tag--warning { background: transparent; color: #d97706; border-color: rgba(245, 158, 11, 0.3); }
+	&--plain.mu-tag--danger, &--plain.mu-tag--error { background: transparent; color: #ef4444; border-color: rgba(239, 68, 68, 0.3); }
+	&--plain.mu-tag--default { background: #f8fafc; color: #334155; border-color: #e2e8f0; }
+
+	&__icon {
+		display: inline-flex !important;
+		align-items: center !important;
+		justify-content: center !important;
+		margin-right: 6rpx;
+		line-height: 1;
+	}
+
+	&__text {
+		font-size: inherit;
+		color: inherit;
+		line-height: 1;
+		display: inline-flex;
+		align-items: center;
+	}
 
 	&__close {
-		margin-left: 10rpx;
-		font-size: 20rpx;
+		margin-left: 8rpx;
+		font-size: 18rpx;
 		cursor: pointer;
-		opacity: 0.6;
+		opacity: 0.7;
+		line-height: 1;
 		&:active { opacity: 1; }
 	}
 }

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

@@ -39,6 +39,7 @@ function show(arg1, arg2) {
 		currentPosition.value = props.position || 'center'
 		currentDuration.value = props.duration || 2000
 	} else if (arg1 && typeof arg1 === 'object') {
+		arg1._handled = true
 		currentTitle.value = arg1.title || props.title || ''
 		currentType.value = arg1.type || props.type || 'default'
 		currentPosition.value = arg1.position || props.position || 'center'

package/package.json

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

package/utils/index.js

@@ -201,6 +201,17 @@ export const util = {
 
 		// 发射全局事件触发页面挂载的 <mu-toast> 组件
 		uni.$emit('mu-toast-show', payload)
+
+		// 智能降级机制：若页面未添加 <mu-toast> 节点，自动回退渲染原生 uni.showToast
+		setTimeout(() => {
+			if (!payload._handled) {
+				uni.showToast({
+					title: payload.title,
+					icon: payload.type === 'success' ? 'success' : 'none',
+					duration: payload.duration || 2000
+				})
+			}
+		}, 10)
 	},
 
 	/**