uview-pro 0.4.3 → 0.4.4

package/changelog.md

@@ -1,18 +1,35 @@
-## 0.4.3（2025-12-03）
+## 0.4.4（2025-12-08）
 
-### 📝 Documentation | 文档
+### ✨ Features | 新功能
 
-- 更新项目描述和移除冗余信息 ([3d5c105](https://github.com/anyup/uView-Pro/commit/3d5c1053873a1a1dc592e02caf62b5e5f9aba3ad))
-- **readme:** 更新交流反馈和捐赠链接 ([266e788](https://github.com/anyup/uView-Pro/commit/266e7883a4e2f3ea8058e0bba0b7ce07a972bad8))
+- **u-card:** u-card 组件的默认插槽同 body 插槽 ([ffa13ed](https://github.com/anyup/uView-Pro/commit/ffa13edcf17ff1559e8bdf2260f6b146680f9d07))
+- **u-tag:** 优化自定义样式 custom-style 应用，支持 text 插槽内容 ([5bdb733](https://github.com/anyup/uView-Pro/commit/5bdb73346252850d74165cda0bb00766e5f6f59f))
+- **u-line-progress:** 优化u-line-progress进度条百分比显示方式 ([1c1d979](https://github.com/anyup/uView-Pro/commit/1c1d97958f3c7e5a28943b46ea25d38b50449364))
+- **switch:** 增强开关组件支持自定义值类型 ([2bcb136](https://github.com/anyup/uView-Pro/commit/2bcb1368aa1f3c7fe83799e909b89fc4349b30c3))
 
-### 🐛 Bug Fixes | Bug 修复
+### 📝 Documentation | 文档
 
-- **theme:** 修复不使用 u-config-privider 全局注入时，部分颜色变量不存在的问题 ([cd82d9d](https://github.com/anyup/uView-Pro/commit/cd82d9da3e8fd6066177e3b78b855583e2756a5f))
+- 优化 Markdown 文档样式和格式 ([c80ff6d](https://github.com/anyup/uView-Pro/commit/c80ff6df269eb92a88001373aa96344ff4cafb79))
 
 ### 👥 Contributors
 
-<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> <a href="https://github.com/liujiayii"><img src="https://github.com/liujiayii.png?size=40" width="40" height="40" alt="liujiayii" title="liujiayii"/></a> 
 
+## 0.4.3（2025-12-03）
+
+### 📝 Documentation | 文档
+
+- 更新项目描述和移除冗余信息 ([3d5c105](https://github.com/anyup/uView-Pro/commit/3d5c1053873a1a1dc592e02caf62b5e5f9aba3ad))
+- **readme:** 更新交流反馈和捐赠链接 ([266e788](https://github.com/anyup/uView-Pro/commit/266e7883a4e2f3ea8058e0bba0b7ce07a972bad8))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **theme:** 修复不使用 u-config-privider 全局注入时，部分颜色变量不存在的问题 ([cd82d9d](https://github.com/anyup/uView-Pro/commit/cd82d9da3e8fd6066177e3b78b855583e2756a5f))
+
+### 👥 Contributors
+
+<a href="https://github.com/anyup"><img src="https://github.com/anyup.png?size=40" width="40" height="40" alt="anyup" title="anyup"/></a> 
+
 ## 0.4.2（2025-12-01）
 
 ### 📝 Documentation | 文档

package/components/u-card/u-card.vue

@@ -61,6 +61,7 @@
             <slot name="head" v-else />
         </view>
         <view @tap="onBodyClick" class="u-card__body" :style="[{ padding: padding + 'rpx' }, bodyStyle]">
+            <slot />
             <slot name="body" />
         </view>
         <view

package/components/u-line-progress/u-line-progress.vue

@@ -17,9 +17,9 @@
             :style="progressStyle"
         >
             <slot v-if="slots.default" />
-            <template v-else-if="showPercent">
+            <text class="u-progress-text" v-else-if="showPercent">
                 {{ percent + '%' }}
-            </template>
+            </text>
         </view>
     </view>
 </template>
@@ -114,6 +114,11 @@ const progressStyle = computed(() => {
     animation: progress-stripes 2s linear infinite;
 }
 
+.u-progress-text {
+    color: var(--u-light-color);
+    padding: 0 10rpx;
+}
+
 @keyframes progress-stripes {
     0% {
         background-position: 0 0;

package/components/u-switch/types.ts

@@ -18,8 +18,8 @@ export const SwitchProps = {
     activeColor: { type: String, default: () => getColor('primary') },
     /** 关闭时的颜色 */
     inactiveColor: { type: String, default: 'var(--u-white-color)' },
-    /** v-model 绑定值，是否选中 */
-    modelValue: { type: Boolean, default: false },
+    /** v-model 绑定值，开关状态值 */
+    modelValue: { type: [Number, String, Boolean] as PropType<number | string | boolean>, default: false },
     /** 是否开启轻微震动反馈 */
     vibrateShort: { type: Boolean, default: false },
     /** 打开时的值 */

package/components/u-switch/u-switch.vue

@@ -1,7 +1,7 @@
 <template>
     <view
         class="u-switch"
-        :class="[modelValue == true ? 'u-switch--on' : '', disabled ? 'u-switch--disabled' : '', customClass]"
+        :class="[isChecked ? 'u-switch--on' : '', disabled ? 'u-switch--disabled' : '', customClass]"
         @tap="onClick"
         :style="$u.toStyle(switchStyle, customStyle)"
     >
@@ -53,20 +53,28 @@ const props = defineProps(SwitchProps);
 
 const emit = defineEmits(['update:modelValue', 'change']);
 
+/**
+ * 计算属性：是否处于激活状态
+ * 通过比较modelValue和activeValue来确定开关的真实状态
+ */
+const isChecked = computed(() => {
+    return props.modelValue === props.activeValue;
+});
+
 /**
  * 计算开关样式
  */
 const switchStyle = computed(() => {
     let style: Record<string, string> = {};
     style.fontSize = props.size + 'rpx';
-    style.backgroundColor = props.modelValue ? props.activeColor : props.inactiveColor;
+    style.backgroundColor = isChecked.value ? props.activeColor : props.inactiveColor;
     return style;
 });
 /**
  * 计算加载动画颜色
  */
 const loadingColor = computed(() => {
-    return props.modelValue ? props.activeColor : null;
+    return isChecked.value ? props.activeColor : null;
 });
 
 /**
@@ -76,10 +84,13 @@ function onClick() {
     if (!props.disabled && !props.loading) {
         // 使手机产生短促震动，微信小程序有效，APP(HX 2.6.8)和H5无效
         if (props.vibrateShort) uni.vibrateShort();
-        emit('update:modelValue', !props.modelValue);
+
+        // 根据当前状态切换到另一个值
+        const newValue = isChecked.value ? props.inactiveValue : props.activeValue;
+        emit('update:modelValue', newValue);
         // 放到下一个生命周期，因为双向绑定的value修改父组件状态需要时间，且是异步的
         nextTick(() => {
-            emit('change', props.modelValue ? props.activeValue : props.inactiveValue);
+            emit('change', newValue);
         });
     }
 }
@@ -113,11 +124,6 @@ function onClick() {
     border-radius: 100%;
     z-index: 1;
     background-color: var(--u-bg-white);
-    background-color: var(--u-bg-white);
-    box-shadow:
-        0 3px 1px 0 rgba(0, 0, 0, 0.05),
-        0 2px 2px 0 rgba(0, 0, 0, 0.1),
-        0 3px 3px 0 rgba(0, 0, 0, 0.05);
     box-shadow:
         0 3px 1px 0 rgba(0, 0, 0, 0.05),
         0 2px 2px 0 rgba(0, 0, 0, 0.1),

package/components/u-tag/u-tag.vue

@@ -9,10 +9,12 @@
             customClass
         ]"
         class="u-tag"
-        :style="$u.toStyle(customStyle)"
+        :style="$u.toStyle(tagStyle, customStyle)"
         @tap="clickTag"
     >
-        {{ text }}
+        <slot>
+            {{ text }}
+        </slot>
         <view class="u-icon-wrap" @tap.stop>
             <u-icon
                 @click="close"
@@ -75,7 +77,7 @@ const props = defineProps(TagProps);
 /**
  * 计算 tag 的自定义样式
  */
-const customStyle = computed(() => {
+const tagStyle = computed(() => {
     let style: Record<string, any> = {};
     // 文字颜色（如果有此值，会覆盖type值的颜色）
     if (props.color) style.color = props.color;

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS的80+精选UI组件库，支持多主题，暗黑模式",
-    "version": "0.4.3",
+    "version": "0.4.4",
     "description": "uView Pro，是全面支持Vue3+TS的uni-app生态框架，80+精选组件，支持安卓，iOS，鸿蒙，各小程序平台，支持多主题，一键暗黑模式",
     "main": "index.ts",
     "module": "index.ts",