muzhiyu-ui 1.0.2 → 1.0.4

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

@@ -161,7 +161,6 @@ const computedIconSize = computed(() => {
 
 const defaultIconColor = computed(() => {
 	if (props.iconColor) return props.iconColor
-	if (props.color) return props.color
 	if (props.plain) {
 		switch (props.type) {
 			case 'primary': return config?.primaryColor?.value || '#171717'
@@ -171,6 +170,11 @@ const defaultIconColor = computed(() => {
 			default: return '#64748B'
 		}
 	}
+	// 实色按钮 (primary, danger, success, warning) 图标默认必须为纯白
+	if (props.type === 'primary' || props.type === 'danger' || props.type === 'success' || props.type === 'warning') {
+		return '#ffffff'
+	}
+	if (props.color) return props.color
 	if (props.type === 'default' || props.type === 'text' || props.type === 'link') return '#475569'
 	return '#ffffff'
 })

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

@@ -1,20 +1,13 @@
 <template>
 	<view class="mu-icon" :style="iconWrapStyle" @tap="handleClick">
-		<!-- 图片模式 (网络图片/本地图片/Base64) -->
+		<!-- 图片模式与 SVG DataURI 矢量模式（100% 兼容微信小程序） -->
 		<image
-			v-if="isImageUrl"
+			v-if="isImageUrl || svgDataUri"
 			class="mu-icon__image"
-			:src="imageUrl"
+			:src="isImageUrl ? imageUrl : svgDataUri"
 			:style="imageSizeStyle"
 			mode="aspectFit"
 		/>
-		<!-- 内联 SVG 矢量图标 - 100% 极速精准渲染 -->
-		<view
-			v-else-if="svgInnerHtml"
-			class="mu-icon__svg-wrap"
-			:style="imageSizeStyle"
-			v-html="svgInnerHtml"
-		></view>
 		<!-- 回退文本 -->
 		<text v-else class="mu-icon__fallback" :style="textStyle">{{ name }}</text>
 	</view>
@@ -723,19 +716,19 @@ const isImageUrl = computed(() => {
 	)
 })
 
-const svgInnerHtml = computed(() => {
+const svgDataUri = computed(() => {
 	if (isImageUrl.value) return ''
 	const key = props.name ? props.name.toLowerCase() : 'info'
 	const targetKey = aliasMap[key] || key
 	const path = rawSvgPaths[targetKey] || rawSvgPaths['info']
 	if (!path) return ''
-
-	const colorVal = (!props.color || props.color === 'currentColor') ? 'currentColor' : props.color
+	// 替换 # 为 %23 以兼容微信小程序 SVG DataURI 编码
+	let colorVal = (!props.color || props.color === 'currentColor') ? '%23ffffff' : props.color.replace(/#/g, '%23')
 	const isFill = ['star', 'heart'].includes(targetKey)
 	const fillAttr = isFill ? colorVal : 'none'
 	const strokeAttr = isFill ? 'none' : colorVal
-
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="${fillAttr}" stroke="${strokeAttr}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${path}</svg>`
+	const svgString = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="${fillAttr}" stroke="${strokeAttr}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${path}</svg>`
+	return `data:image/svg+xml;utf8,${svgString}`
 })
 
 const iconWrapStyle = computed(() => ({

package/index.js

@@ -5,7 +5,8 @@
  * @version 1.0.0
  */
 import http from './utils/request.js'
-import { util, validate, format, color } from './utils/index.js'
+import { util, validate, validator, color } from './utils/index.js'
+const format = util // 别名挂载
 
 // Toast 快捷 JS 弹窗函数
 const toast = (title, type, options = {}) => {

package/package.json

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

package/utils/index.js

@@ -529,6 +529,8 @@ util.notify.close = () => uni.$emit('mu-notify-close')
 util.loadingPage.hide = () => uni.$emit('mu-loading-page-hide')
 util.loadingPage.close = () => uni.$emit('mu-loading-page-hide')
 
+export const format = util
+
 /**
  * 全局统一导出核心入口对象 (mu)
  */