uview-pro 0.3.13 → 0.3.15

package/changelog.md

@@ -1,7 +1,48 @@
-## 0.3.13（2025-11-11）
-### Bug Fixes | Bug 修复
-
-- **u-root-portal:** 修复根节点传送组件运行时报错问题 ([3c24a75](https://github.com/anyup/uView-Pro/commit/3c24a75de00982bbdc1388a413721377de4f1e3d))
+## 0.3.15（2025-11-14）
+
+### ✨ Features | 新功能
+
+- **u-dropdown:** u-dropdown中的u-dropdown-item中新增控制显示隐藏属性 ([e4ee28f](https://github.com/anyup/uView-Pro/commit/e4ee28fd0a66ceb6bbed07b7969862e936e5e573))
+- **u-form:** 支持嵌套属性验证(a.b.c格式) ([1bbead8](https://github.com/anyup/uView-Pro/commit/1bbead8be764491844a7d3909480a360ff2dc4d4))
+- **form:** 添加表单字段的嵌套校验演示示例 ([73b4abe](https://github.com/anyup/uView-Pro/commit/73b4abe98047ac5193b56b71cdacb05957760e93))
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+- 更新应用 logo 和图标 ([38d52e4](https://github.com/anyup/uView-Pro/commit/38d52e4a9e8656bcae89892a5f94a5201a1af7b2))
+
+### ♻️ Code Refactoring | 代码重构
+
+- 更新 logo 图片地址 ([c0fe3d1](https://github.com/anyup/uView-Pro/commit/c0fe3d15d6f4498229feaba860ff78e43a5297e6))
+
+### 👥 Contributors
+
+<a href="https://github.com/zuo-wentao"><img src="https://github.com/zuo-wentao.png?size=40" width="40" height="40" alt="zuo-wentao" title="zuo-wentao"/></a> <a href="https://github.com/elkelkelkelkelk"><img src="https://github.com/elkelkelkelkelk.png?size=40" width="40" height="40" alt="elkelkelkelkelk" title="elkelkelkelkelk"/></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>
+
+## 0.3.14（2025-11-14）
+
+### ✨ Features | 新功能
+
+- **app-harmony:** 更新应用信息并添加鸿蒙签名配置，鸿蒙应用打包差异性编译 ([81a33c1](https://github.com/anyup/uView-Pro/commit/81a33c13a471721848033cc5f7ac1e3b3b30abc6))
+- **u-message-input:** 新增输入框类型prop，支持number，text等模式 ([68a865a](https://github.com/anyup/uView-Pro/commit/68a865a12b7e0b20db458ea403579d28a227aaeb))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **components:** 优化 u-icon 和 u-toast 组件样式和结构 ([3cfb01d](https://github.com/anyup/uView-Pro/commit/3cfb01ddb8612e274e1bccd43fca0b5bb4e0a405))
+
+### 👥 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.3.13（2025-11-11）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-root-portal:** 修复根节点传送组件运行时报错问题 ([3c24a75](https://github.com/anyup/uView-Pro/commit/3c24a75de00982bbdc1388a413721377de4f1e3d))
+
+### 👥 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.3.12（2025-11-10）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-dropdown/u-dropdown.vue

@@ -149,9 +149,14 @@ onMounted(() => {
 function init() {
     menuList.value = [];
     children.forEach(child => {
+        // 过滤不显示的项
+        const show = child?.getExposed()?.props.show !== false;
+        if (!show) return;
+
         menuList.value.push({
             title: child?.getExposed()?.props.title ?? '',
-            disabled: child?.getExposed()?.props.disabled ?? false
+            disabled: child?.getExposed()?.props.disabled ?? false,
+            childIndex: children.indexOf(child)
         });
     });
 }
@@ -167,8 +172,11 @@ function menuClick(index: number) {
     if (index === current.value && props.closeOnClickSelf) {
         close();
         // 等动画结束后，再移除下拉菜单中的内容，否则直接移除，也就没有下拉菜单收起的效果了
+        const childIndex = menuList.value[index]?.childIndex; //避免访问到show为false的项
         setTimeout(() => {
-            if (children[index]) children[index]?.getExposed()?.setActive(false);
+            if (childIndex !== undefined && children[childIndex]) {
+                children[childIndex]?.getExposed()?.setActive(false);
+            }
         }, Number(props.duration));
         return;
     }
@@ -191,8 +199,9 @@ function open(index: number) {
     current.value = index;
     // 历遍所有的子元素，将索引匹配的项标记为激活状态，因为子元素是通过v-if控制切换的
     // 之所以不是因display: none，是因为nvue没有display这个属性
+    const childIndex = menuList.value[index]?.childIndex; //避免访问到show为false的项
     children.forEach((child, idx) => {
-        child?.getExposed()?.setActive(index == idx ? true : false);
+        child?.getExposed()?.setActive(childIndex === idx ? true : false);
     });
     emit('open', current.value);
 }

package/components/u-dropdown-item/types.ts

@@ -10,6 +10,7 @@ import { baseProps } from '../common/props';
  * @property {OptionType[]} options 选项数据，如果传入了默认slot，此参数无效
  * @property {Boolean} disabled 是否禁用此选项卡（默认false）
  * @property {String|Number} height 弹窗下拉内容的高度(内容超出将会滚动)（默认auto）
+ * @property {Boolean} show 控制是否显示菜单项（默认true）
  */
 
 export const DropdownItemProps = {
@@ -23,7 +24,9 @@ export const DropdownItemProps = {
     /** 是否禁用此菜单项 */
     disabled: { type: Boolean, default: false },
     /** 下拉弹窗的高度 */
-    height: { type: [Number, String] as PropType<number | string>, default: 'auto' }
+    height: { type: [Number, String] as PropType<number | string>, default: 'auto' },
+    /** 控制是否显示菜单项 */
+    show: { type: Boolean, default: true }
 };
 
 export type DropdownItemProps = ExtractPropTypes<typeof DropdownItemProps>;

package/components/u-dropdown-item/u-dropdown-item.vue

@@ -1,6 +1,6 @@
 <template>
     <view
-        v-if="active"
+        v-if="show && active"
         class="u-dropdown-item"
         :class="customClass"
         :style="$u.toStyle(customStyle)"
@@ -62,6 +62,7 @@ import { DropdownItemProps } from './types';
  * @property {Boolean} disabled 是否禁用此选项卡（默认false）
  * @property {String | Number} duration 选项卡展开和收起的过渡时间，单位ms（默认300）
  * @property {String | Number} height 弹窗下拉内容的高度(内容超出将会滚动)（默认auto）
+ * @property {Boolean} show 控制是否显示菜单项（默认true）
  * @example <u-dropdown-item title="标题"></u-dropdown-item>
  */
 
@@ -84,7 +85,7 @@ const activeColor = computed(() => parentExposed.value?.props?.activeColor || $u
 const inactiveColor = computed(() => parentExposed.value?.props?.inactiveColor || $u.color.contentColor);
 
 // 监听props变化，通知父组件重新初始化
-const propsChange = computed(() => `${props.title}-${props.disabled}`);
+const propsChange = computed(() => `${props.title}-${props.disabled}-${props.show}`);
 
 // 监听propsChange变化，通知父组件重新init
 watch(propsChange, () => {

package/components/u-form-item/u-form-item.vue

@@ -218,6 +218,31 @@ function broadcastInputError() {
     broadcast('onFormItemError', validateState.value === 'error' && showError.value('border'));
 }
 
+/**
+ * 根据路径获取对象的值（支持嵌套路径，如 'a.b.c'）
+ * @param obj 对象
+ * @param path 路径字符串
+ */
+function getPropByPath(obj: any, path: string) {
+    if (!obj || !path) return { o: obj, k: '', v: undefined };
+
+    const paths = path.split('.');
+    let current = obj;
+    let key = '';
+
+    for (let i = 0; i < paths.length; i++) {
+        key = paths[i];
+        if (!current) break;
+
+        if (i === paths.length - 1) {
+            return { o: current, k: key, v: current[key] };
+        }
+        current = current[key];
+    }
+
+    return { o: current, k: key, v: undefined };
+}
+
 /**
  * 获取当前u-form-item的校验规则
  */
@@ -268,8 +293,10 @@ function getFilteredRule(triggerType = '') {
  * @param callback 校验回调
  */
 function validation(trigger: string, callback: (msg: string) => void = () => {}) {
-    // 检验之前，先获取需要校验的值
-    fieldValue.value = parentExposed?.value?.model?.value[props.prop];
+    // 检验之前，先获取需要校验的值（支持嵌套路径）
+    const propPath = getPropByPath(parentExposed?.value?.model?.value, props.prop);
+    fieldValue.value = propPath.v;
+
     // blur和change是否有当前方式的校验规则
     let rules = getFilteredRule(trigger);
     // 判断是否有验证规则，如果没有规则，也调用回调方法，否则父组件u-form会因为
@@ -282,7 +309,7 @@ function validation(trigger: string, callback: (msg: string) => void = () => {})
     validateState.value = 'validating';
     // 调用async-validator的方法
     let validator = new schema({ [props.prop]: rules });
-    validator.validate({ [props.prop]: fieldValue.value }, { firstFields: true }, (errors: any, fields: any) => {
+    validator.validate({ [props.prop]: fieldValue.value }, { firstFields: true }, (errors: any) => {
         // 记录状态和报错信息
         validateState.value = !errors ? 'success' : 'error';
         validateMessage.value = errors ? errors[0].message : '';
@@ -296,7 +323,11 @@ function validation(trigger: string, callback: (msg: string) => void = () => {})
  */
 function resetField() {
     if (parentExposed?.value?.model?.value && props.prop) {
-        parentExposed.value.model.value[props.prop] = initialValue.value;
+        // 支持嵌套路径的重置
+        const propPath = getPropByPath(parentExposed.value.model.value, props.prop);
+        if (propPath.o && propPath.k) {
+            propPath.o[propPath.k] = initialValue.value;
+        }
     }
     // 设置为`success`状态，只是为了清空错误标记
     // 延时50毫秒，如果立即清空状态，则无法清空错误标记
@@ -324,8 +355,9 @@ onMounted(() => {
                         prop: props.prop
                     });
                 errorType.value = parentExposed?.value?.errorType || errorType.value;
-                // 设置初始值
-                fieldValue.value = parentExposed?.value?.model?.value[props.prop];
+                // 设置初始值（支持嵌套路径）
+                const propPath = getPropByPath(parentExposed?.value?.model?.value, props.prop);
+                fieldValue.value = propPath.v;
                 // 设置初始值
                 initialValue.value = fieldValue.value;
             }

package/components/u-icon/u-icon.vue

@@ -1,10 +1,10 @@
 <template>
-    <view :style="[customStyle]" class="u-icon" @click="onClick" :class="['u-icon--' + labelPos]">
+    <view :style="[customStyle]" class="u-icon" @click="onClick" :class="['u-icon--' + labelPos, customClass]">
         <image class="u-icon__img" v-if="isImg" :src="name" :mode="imgMode" :style="[imgStyle]" />
         <text
             v-else
             class="u-icon__icon"
-            :class="customClass"
+            :class="iconClass"
             :style="[iconStyle]"
             :hover-class="hoverClass"
             @touchstart="onTouchstart"
@@ -83,7 +83,7 @@ const props = defineProps(IconProps);
  * 计算图标的类名集合
  * @returns {string[]}
  */
-const customClass = computed(() => {
+const iconClass = computed(() => {
     let classes: string[] | string = [];
     classes.push(props.customPrefix + '-' + props.name);
     // uView的自定义图标类名为u-iconfont

package/components/u-message-input/types.ts

@@ -1,12 +1,19 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import type { MessageInputMode } from '../../types/global';
+import type { InputType, MessageInputMode } from '../../types/global';
 import { getColor } from '../../';
+import { baseProps } from '../common/props';
 
 /**
  * u-message-input 组件 props 类型定义
  * @description 验证码/短信输入框，支持多种样式
  */
 export const MessageInputProps = {
+    ...baseProps,
+    /** 输入框的类型，textarea，text，number */
+    type: {
+        type: String as PropType<InputType>,
+        default: 'number'
+    },
     /** 最大输入长度 */
     maxlength: {
         type: [Number, String] as PropType<number | string>,

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

@@ -1,10 +1,10 @@
 <template>
-    <view class="u-char-box">
+    <view class="u-char-box" :class="customClass" :style="$u.toStyle(customStyle)">
         <view class="u-char-flex">
             <input
                 :disabled="props.disabledKeyboard"
                 :value="valueModel"
-                type="number"
+                :type="type"
                 :focus="props.focus"
                 :maxlength="props.maxlength"
                 class="u-input"
@@ -86,6 +86,7 @@ export default {
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue';
 import { MessageInputProps } from './types';
+import { $u } from '../../';
 
 /**
  * messageInput 验证码输入框

package/components/u-toast/u-toast.vue

@@ -5,7 +5,13 @@
         :style="$u.toStyle({ zIndex: uZIndex }, customStyle)"
     >
         <view class="u-icon-wrap">
-            <u-icon v-if="tmpConfig.icon" class="u-icon" :name="iconName" :size="30" :color="tmpConfig.type"></u-icon>
+            <u-icon
+                v-if="tmpConfig.icon"
+                custom-class="u-toast_icon"
+                :name="iconName"
+                :size="30"
+                :color="tmpConfig.type"
+            ></u-icon>
         </view>
         <text class="u-text">{{ tmpConfig.title }}</text>
     </view>
@@ -175,8 +181,14 @@ defineExpose<ToastExpose>({
     opacity: 1;
 }
 
-.u-icon {
-    margin-right: 10rpx;
+.u-icon-wrap {
+    /* #ifdef H5 */
+    padding-top: 6rpx;
+    /* #endif */
+}
+
+:deep(.u-toast_icon) {
+    margin-right: 8rpx;
     @include vue-flex;
     align-items: center;
     line-height: normal;

package/package.json

@@ -2,7 +2,7 @@
     "id": "uview-pro",
     "name": "uview-pro",
     "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS全面重构的80+精选UI组件库",
-    "version": "0.3.13",
+    "version": "0.3.15",
     "description": "uView Pro，是全面支持Vue3的uni-app生态框架，80+精选组件已使用TypeScript重构，已全面支持uni-app Vue3.0",
     "main": "index.ts",
     "module": "index.ts",

package/readme.md

@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://ik.imagekit.io/anyup/uview-pro/common/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+    <img alt="logo" src="https://ik.imagekit.io/anyup/uview-pro/common/logo-new.png" width="120" height="120" style="margin-bottom: 10px;">
 </p>
 <h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">uView Pro</h3>
 <h3 align="center">uni-app Vue3 多平台快速开发的 UI 框架</h3>