uview-pro 0.3.12 → 0.3.14

package/changelog.md

@@ -1,3 +1,28 @@
+## 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-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-root-portal/u-root-portal.vue

@@ -18,6 +18,12 @@
     <!-- #endif -->
 </template>
 <script>
+/**
+ * rootPortal 根节点传送
+ * @description 该组件一般用于使整个子树从页面中脱离出来，类似于在 CSS 中使用 fixed position 的效果。主要用于制作弹窗、弹出层等。
+ * @tutorial https://uviewpro.cn/zh/components/rootPortal.html
+ * @example <u-root-portal><view class="modal">这是一个全局弹窗</view></u-root-portal>
+ */
 export default {
     name: 'u-root-portal',
     options: {
@@ -29,14 +35,7 @@ export default {
     }
 };
 </script>
-<script lang="ts" setup>
-/**
- * rootPortal 根节点传送
- * @description 该组件一般用于使整个子树从页面中脱离出来，类似于在 CSS 中使用 fixed position 的效果。主要用于制作弹窗、弹出层等。
- * @tutorial https://uviewpro.cn/zh/components/rootPortal.html
- * @example <u-root-portal><view class="modal">这是一个全局弹窗</view></u-root-portal>
- */
-</script>
+<script lang="ts" setup></script>
 
 <!-- #ifdef APP-PLUS -->
 <script module="render" lang="renderjs">

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.12",
+    "version": "0.3.14",
     "description": "uView Pro，是全面支持Vue3的uni-app生态框架，80+精选组件已使用TypeScript重构，已全面支持uni-app Vue3.0",
     "main": "index.ts",
     "module": "index.ts",