uview-pro 0.4.3 → 0.4.5

package/changelog.md

@@ -1,18 +1,53 @@
-## 0.4.3（2025-12-03）
+## 0.4.5（2025-12-10）
 
-### 📝 Documentation | 文档
+### ✨ Features | 新功能
 
-- 更新项目描述和移除冗余信息 ([3d5c105](https://github.com/anyup/uView-Pro/commit/3d5c1053873a1a1dc592e02caf62b5e5f9aba3ad))
-- **readme:** 更新交流反馈和捐赠链接 ([266e788](https://github.com/anyup/uView-Pro/commit/266e7883a4e2f3ea8058e0bba0b7ce07a972bad8))
+- **u-input:** 为选择类型输入框添加覆盖层以增强交互 ([9b7bac2](https://github.com/anyup/uView-Pro/commit/9b7bac221195d010c31b15915d2927d095bd257f))
+- **u-form:** 增强 u-form 深层校验、动态校验表单 ([97d0ccb](https://github.com/anyup/uView-Pro/commit/97d0ccbe03391f63bed81dcfd1af1432f4f7c77d))
 
 ### 🐛 Bug Fixes | Bug 修复
 
-- **theme:** 修复不使用 u-config-privider 全局注入时，部分颜色变量不存在的问题 ([cd82d9d](https://github.com/anyup/uView-Pro/commit/cd82d9da3e8fd6066177e3b78b855583e2756a5f))
+- **u-input:** 修复清空图标点击事件冒泡问题 ([8a214ff](https://github.com/anyup/uView-Pro/commit/8a214ffe8e5588395cdc456e600bc8dd0f03a603))
+- **style:** 修复除H5环境外主题样式作用域问题 ([c02ba3c](https://github.com/anyup/uView-Pro/commit/c02ba3c1454e709b1fa9de817d77b0f2128b5fc0))
+- **u-switch:** 修复开关组件激活颜色默认值的响应式问题 ([3d78647](https://github.com/anyup/uView-Pro/commit/3d78647d75c3201cced2643395ff5dd935d0e7ec))
+- **form:** 修复 form 校验报错问题 ([8d6d60d](https://github.com/anyup/uView-Pro/commit/8d6d60d4af4e5653f7b87afc3f208d0e26809505))
 
 ### 👥 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/yoshinosk"><img src="https://github.com/yoshinosk.png?size=40" width="40" height="40" alt="yoshinosk" title="yoshinosk"/></a> 
 
+## 0.4.4（2025-12-08）
+
+### ✨ Features | 新功能
+
+- **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))
+
+### 📝 Documentation | 文档
+
+- 优化 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/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-form-item/u-form-item.vue

@@ -249,7 +249,7 @@ function getPropByPath(obj: any, path: string) {
 function getRules() {
     // 父组件的所有规则
     let rules = parentExposed?.value?.rules?.value || {};
-    rules = rules ? rules[props.prop] : [];
+    rules = rules ? rules[props.prop] || getPropByPath(rules,props.prop.replace(/(\.|^)(\d+)\./,'.defaultField.fields.')).v : [];
     // 保证返回的是一个数组形式
     return [].concat(rules || []);
 }

package/components/u-input/u-input.vue

@@ -60,12 +60,14 @@
             @input="handleInput"
             @confirm="onConfirm"
         />
+        <view class="u-input__select-overlay" v-if="type === 'select'" @tap.stop="inputClick"></view>
         <view class="u-input__right-icon u-flex">
             <view
                 class="u-input__right-icon__clear u-input__right-icon__item"
                 v-if="clearable && modelValue != '' && !disabled"
+                @click.stop="onClear"
             >
-                <u-icon size="32" name="close-circle-fill" color="var(--u-light-color)" @click="onClear" />
+                <u-icon size="32" name="close-circle-fill" color="var(--u-light-color)" />
             </view>
             <view
                 class="u-input__right-icon__clear u-input__right-icon__item"
@@ -255,6 +257,12 @@ defineExpose({
     flex: 1;
     @include vue-flex;
 
+    &__select-overlay {
+        position: absolute;
+        inset: 0;
+        z-index: 1;
+    }
+
     &__input {
         //height: 70rpx;
         font-size: 28rpx;
@@ -281,6 +289,7 @@ defineExpose({
         padding: 1px 4px;
         border-radius: 10px;
         line-height: 16px;
+        z-index: 2;
     }
 
     &--border {
@@ -293,6 +302,9 @@ defineExpose({
     }
 
     &__right-icon {
+        position: relative;
+        z-index: 2;
+
         &__item {
             margin-left: 10rpx;
         }

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

@@ -15,11 +15,11 @@ export const SwitchProps = {
     /** 开关尺寸，单位rpx */
     size: { type: [Number, String] as PropType<number | string>, default: 50 },
     /** 打开时的颜色 */
-    activeColor: { type: String, default: () => getColor('primary') },
+    activeColor: { type: String, default: 'var(--u-type-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/libs/css/style.theme.scss

@@ -1,3 +1,4 @@
+/* #ifdef H5 */
 :root {
     color-scheme: light;
 }
@@ -6,6 +7,7 @@
 :root[data-u-theme-mode='dark'] {
     color-scheme: dark;
 }
+/* #endif */
 
 page {
     color: $u-main-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.5",
     "description": "uView Pro，是全面支持Vue3+TS的uni-app生态框架，80+精选组件，支持安卓，iOS，鸿蒙，各小程序平台，支持多主题，一键暗黑模式",
     "main": "index.ts",
     "module": "index.ts",

package/types/global.d.ts

@@ -133,6 +133,8 @@ export type FormRuleItem = {
     type?: string;
     validator?: (rule: any, value: any, callback: any) => boolean;
     asyncValidator?: (rule: any, value: any, callback: any) => void;
+    fields?: FormRules;
+    defaultField?: FormRuleItem;
 };
 export type FormRules = Record<string, FormRuleItem | FormRuleItem[]>;