uview-pro 0.4.10 → 0.4.12

package/changelog.md

@@ -1,22 +1,58 @@
-## 0.4.10（2025-12-26）
+## 0.4.12（2026-01-04）
 
-### 🚀 Chore | 构建/工程依赖/工具
+### ♻️ Code Refactoring | 代码重构
 
-- **contributors:** 更新贡献者映射配置 ([d496b21](https://github.com/anyup/uView-Pro/commit/d496b21d85bede68fefc9ffd752e31ecde14735a))
+- **u-action-sheet:** 优化u-action-sheet组件的类型定义 ([bc5e474](https://github.com/anyup/uView-Pro/commit/bc5e474e7117e20495504ff0e2397a147595033c))
+- **zIndex:** 统一组件z-index值配置 ([ae1da98](https://github.com/anyup/uView-Pro/commit/ae1da986d307e5b4855fa32e5b2995fdb7be69e8))
 
 ### 🐛 Bug Fixes | Bug 修复
 
-- **u-popup:** 修复u-popup设置mode=center，点击遮罩层无法关闭的问题 ([3896019](https://github.com/anyup/uView-Pro/commit/389601965933d9e1dc74d32c370c4e858df86595))
-- **u-upload:** 优化u-upload组件在多个平台的样式兼容性 ([bfb60b5](https://github.com/anyup/uView-Pro/commit/bfb60b5c2f431d14425eceed9c9e5c248e7cfa29))
+- **form:** 修复field实例销毁时没有正常移除问题 ([57bfd3b](https://github.com/anyup/uView-Pro/commit/57bfd3bf9315d74c416869cd5a8c41562231166a))
 
 ### ✨ Features | 新功能
 
-- **u-tabbar:** 增强u-tabbar组件能力，支持文字和图标显示隐藏配置功能 ([29f3394](https://github.com/anyup/uView-Pro/commit/29f3394d7e8a5e2a818e397ffe97420855970333))
+- **u-tabbar:** 新增z-index属性支持自定义层级 ([c75d45f](https://github.com/anyup/uView-Pro/commit/c75d45f45e237453d0248124cdbe5bb797edb117))
+- **u-modal:** 增加u-modal基础属性支持和自定义样式功能 ([201231e](https://github.com/anyup/uView-Pro/commit/201231ee2e0c25c605f12f582650b048e83213de))
+- **components:** 增加u-pagination和u-picker自定义样式支持 ([eb22265](https://github.com/anyup/uView-Pro/commit/eb222657540179fcf8359133df83da89c10b09b8))
 
 ### 👥 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> <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.11（2025-12-30）
+
+### 📦‍ Build System | 打包构建
+
+- 添加edgeone.json配置 ([ed7ba7d](https://github.com/anyup/uView-Pro/commit/ed7ba7d94dbfa791264a624a03938dc6ac58c0bb))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **theme:** 修复运行时设置 color 与 theme 主题色不同步问题 ([1dcf56a](https://github.com/anyup/uView-Pro/commit/1dcf56a232f5b046e0dce5eb58ec90fb46ce19d5))
+- **u-top-tips:** 修复顶部提示组件zindex显示问题，避免影响其他组件的层级显示 ([91391a8](https://github.com/anyup/uView-Pro/commit/91391a8ca10d505936c0b45488af0a3145cab335))
+
+### 👥 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.10（2025-12-26）
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+- **contributors:** 更新贡献者映射配置 ([d496b21](https://github.com/anyup/uView-Pro/commit/d496b21d85bede68fefc9ffd752e31ecde14735a))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-popup:** 修复u-popup设置mode=center，点击遮罩层无法关闭的问题 ([3896019](https://github.com/anyup/uView-Pro/commit/389601965933d9e1dc74d32c370c4e858df86595))
+- **u-upload:** 优化u-upload组件在多个平台的样式兼容性 ([bfb60b5](https://github.com/anyup/uView-Pro/commit/bfb60b5c2f431d14425eceed9c9e5c248e7cfa29))
+
+### ✨ Features | 新功能
+
+- **u-tabbar:** 增强u-tabbar组件能力，支持文字和图标显示隐藏配置功能 ([29f3394](https://github.com/anyup/uView-Pro/commit/29f3394d7e8a5e2a818e397ffe97420855970333))
+
+### 👥 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.9（2025-12-24）
 
 ### 📝 Documentation | 文档

package/components/u-config-provider/u-config-provider.vue

@@ -87,7 +87,10 @@ onMounted(() => {
 watch(
     () => props.themes,
     val => {
-        if (val && val.length) {
+        // 如果传入的 themes 来自于 configProvider 自身（常见于模板中使用 useTheme() 直接透传），
+        // 那么对其做深度监听会在我们内部更新主题对象时触发该回调，进而再次调用 init 导致循环更新。
+        // 为避免该情况，先做简单保护：当传入对象正是 configProvider.themesRef.value 时不重复初始化。
+        if (val && val.length && val !== configProvider.themesRef.value) {
             configProvider.init(val, props.currentTheme as any);
         }
     },

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

@@ -121,7 +121,7 @@ defineExpose({
         if (!fields.value.includes(field)) fields.value.push(field);
     },
     removeField(field: any) {
-        fields.value = fields.value.filter(f => f !== field);
+        fields.value = fields.value.filter(f => f.prop !== field.prop)
     },
     fields,
     rules,

package/components/u-keyboard/u-keyboard.vue

@@ -58,6 +58,7 @@ export default {
 <script setup lang="ts">
 import { KeyboardProps } from './types';
 import { computed } from 'vue';
+import { $u } from '../..';
 
 /**
  * keyboard 键盘
@@ -86,7 +87,7 @@ import { computed } from 'vue';
 const props = defineProps(KeyboardProps);
 const emit = defineEmits(['change', 'update:modelValue', 'confirm', 'cancel', 'backspace']);
 
-const uZIndex = computed(() => (props.zIndex ? props.zIndex : 1075));
+const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
 const popupValue = computed({
     get: () => props.modelValue,

package/components/u-modal/types.ts

@@ -1,11 +1,13 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { getColor } from '../../';
+import { baseProps } from '../common/props';
 
 /**
  * u-modal 组件 props 类型定义
  * @description 弹窗模态框，支持多种样式和交互
  */
 export const ModalProps = {
+    ...baseProps,
     /** 是否显示模态框 */
     modelValue: {
         type: Boolean,

package/components/u-modal/u-modal.vue

@@ -11,8 +11,9 @@
             :border-radius="borderRadius"
             @close="popupClose"
             :negative-top="negativeTop"
+            :custom-class="customClass"
         >
-            <view class="u-model">
+            <view class="u-model" :style="$u.toStyle(customStyle)">
                 <view v-if="showTitle" class="u-model__title u-line-1" :style="[titleStyle]">{{ title }}</view>
                 <view class="u-model__content">
                     <view :style="[contentStyle]" v-if="slots.default">
@@ -68,6 +69,7 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed, watch, useSlots } from 'vue';
+import { $u } from '../..';
 import { ModalProps } from './types';
 
 /**
@@ -113,7 +115,7 @@ const cancelBtnStyle = computed(() => {
 const confirmBtnStyle = computed(() => {
     return Object.assign({ color: props.confirmColor }, props.confirmStyle);
 });
-const uZIndex = computed(() => (props.zIndex ? props.zIndex : 10075));
+const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
 const popupValue = computed({
     get: () => props.modelValue,

package/components/u-navbar/types.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * u-navbar 组件 props 类型定义
@@ -88,7 +89,7 @@ export const NavbarProps = {
     /** 固定在顶部时的z-index值 */
     zIndex: {
         type: [String, Number] as PropType<string | number>,
-        default: ''
+        default: zIndex.navbar
     },
     /** 自定义返回逻辑方法 */
     customBack: {

package/components/u-no-network/types.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * u-no-network 组件 props 类型定义
@@ -13,7 +14,7 @@ export const NoNetworkProps = {
     /** 一个z-index值，用于设置没有网络这个组件的层次 */
     zIndex: {
         type: [Number, String] as PropType<number | string>,
-        default: ''
+        default: zIndex.noNetwork
     },
     /** 没有网络的图片提示 */
     image: {

package/components/u-pagination/u-pagination.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="u-pagination">
+    <view class="u-pagination" :style="$u.toStyle(customStyle)" :class="customClass">
         <u-button
             custom-class="custom-class"
             shape="circle"
@@ -51,6 +51,7 @@ export default {
 import { computed } from 'vue';
 import { type PaginationEmits, PaginationProps } from './types.ts';
 import type { PaginationDirection } from '../../types/global';
+import { $u } from '../../';
 
 const props = defineProps(PaginationProps);
 const emit = defineEmits<PaginationEmits>();

package/components/u-picker/types.ts

@@ -1,6 +1,8 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { PickerMode, PickerParams } from '../../types/global';
 import { getColor } from '../../';
+import zIndex from '../../libs/config/zIndex';
+import { baseProps } from '../common/props';
 
 const defaultParams: PickerParams = {
     year: true,
@@ -19,6 +21,7 @@ const defaultParams: PickerParams = {
  * @description 支持时间、地区、单列、多列等多种模式
  */
 export const PickerProps = {
+    ...baseProps,
     /** picker中需要显示的参数 */
     params: {
         type: Object as PropType<PickerParams>,
@@ -107,7 +110,7 @@ export const PickerProps = {
     /** 弹出的z-index值 */
     zIndex: {
         type: [String, Number] as PropType<number | string>,
-        default: 0
+        default: zIndex.popup
     },
     /** 顶部标题 */
     title: {

package/components/u-picker/u-picker.vue

@@ -8,8 +8,9 @@
         :safeAreaInsetBottom="safeAreaInsetBottom"
         @close="close"
         :z-index="uZIndex"
+        :custom-class="customClass"
     >
-        <view class="u-datetime-picker">
+        <view class="u-datetime-picker" :style="$u.toStyle(customStyle)">
             <view class="u-picker-header" @touchmove.stop.prevent="">
                 <view
                     class="u-btn-picker u-btn-picker--tips"
@@ -156,6 +157,7 @@ import provinces from '../../libs/util/province';
 import citys from '../../libs/util/city';
 import areas from '../../libs/util/area';
 import { PickerProps } from './types';
+import { $u } from '../..';
 
 /**
  * picker picker弹出选择器
@@ -274,7 +276,7 @@ const regionChange = computed(() => `${province.value}-${city.value}`);
 
 const yearAndMonth = computed(() => `${year.value}-${month.value}`);
 // 如果用户有传递z-index值，优先使用
-const uZIndex = computed(() => (props.zIndex ? props.zIndex : 1075));
+const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
 // 当外部的默认值被动态修改时，如果 preserveSelection 为 false，应把外部值视为新的 saved 值并在打开时生效
 watch(

package/components/u-popup/types.ts

@@ -1,10 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { PopupCloseIconPos, PopupMode } from '../../types/global';
 import { baseProps } from '../common/props';
-
-/**
- * PopupMode 弹窗弹出方向类型
- */
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * PopupProps 弹窗 props 类型定义
@@ -33,7 +30,7 @@ export const PopupProps = {
     /** 圆角 */
     borderRadius: { type: [Number, String] as PropType<number | string>, default: 0 },
     /** 弹窗z-index */
-    zIndex: { type: [Number, String] as PropType<number | string>, default: '' },
+    zIndex: { type: [Number, String] as PropType<number | string>, default: zIndex.popup },
     /** 是否显示关闭图标 */
     closeable: { type: Boolean, default: false },
     /** 关闭图标的名称，只能uView的内置图标 */

package/components/u-popup/u-popup.vue

@@ -2,7 +2,7 @@
     <view
         v-if="visibleSync"
         class="u-drawer"
-        :style="$u.toStyle({ zIndex: Number(uZindex) - 1 }, customStyle)"
+        :style="$u.toStyle({ zIndex: Number(uZIndex) - 1 }, customStyle)"
         :class="customClass"
         hover-stop-propagation
     >
@@ -10,7 +10,7 @@
             :duration="duration"
             :custom-style="maskCustomStyle"
             :maskClickAble="maskCloseAble"
-            :z-index="Number(uZindex) - 2"
+            :z-index="Number(uZIndex) - 2"
             :show="showDrawer && mask"
             @click="maskClick"
         ></u-mask>
@@ -124,7 +124,7 @@ const style = computed(() => {
         };
     }
     // 如果用户设置了borderRadius值，添加弹窗的圆角
-    style.zIndex = uZindex.value;
+    style.zIndex = uZIndex.value;
     if (props.borderRadius) {
         switch (props.mode) {
             case 'left':
@@ -155,7 +155,7 @@ const centerStyle = computed(() => {
 
     // 中部弹出的模式，如果没有设置高度，就用auto值，由内容撑开高度
     style.height = props.height ? getUnitValue(props.height) : 'auto';
-    style.zIndex = uZindex.value;
+    style.zIndex = uZIndex.value;
     style.marginTop = `-${$u.addUnit(props.negativeTop)}`;
     if (props.borderRadius) {
         style.borderRadius = `${props.borderRadius}rpx`;
@@ -166,7 +166,7 @@ const centerStyle = computed(() => {
 });
 
 // 计算整理后的z-index值
-const uZindex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
+const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
 watch(
     () => props.modelValue,

package/components/u-select/u-select.vue

@@ -130,7 +130,7 @@ const columnNum = ref(0);
 // 列是否还在滑动中，微信小程序如果在滑动中就点确定，结果可能不准确
 const moving = ref(false);
 // 如果用户有传递z-index值，优先使用
-const uZIndex = computed(() => (props.zIndex ? props.zIndex : 10075));
+const uZIndex = computed(() => (props.zIndex ? props.zIndex : $u.zIndex.popup));
 
 const popupValue = computed({
     get: () => props.modelValue,

package/components/u-sticky/types.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * StickyProps 吸顶组件 props 类型定义
@@ -18,7 +19,7 @@ export const StickyProps = {
     /** 吸顶区域的背景颜色 */
     bgColor: { type: String, default: 'var(--u-bg-white)' },
     /** z-index值 */
-    zIndex: { type: [Number, String] as PropType<number | string>, default: '' }
+    zIndex: { type: [Number, String] as PropType<number | string>, default: zIndex.sticky }
 };
 
 export type StickyProps = ExtractPropTypes<typeof StickyProps>;

package/components/u-tabbar/types.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
 import type { TabbarItem } from '../../types/global';
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * TabbarProps 底部导航栏 props 类型定义
@@ -35,7 +36,9 @@ export const TabbarProps = {
     /** 是否显示顶部横线 */
     borderTop: { type: Boolean, default: true },
     /** 是否隐藏原生tabbar */
-    hideTabBar: { type: Boolean, default: true }
+    hideTabBar: { type: Boolean, default: true },
+    /** z-index层级 */
+    zIndex: { type: [String, Number] as PropType<string | number>, default: zIndex.tabbar }
 };
 
 export type TabbarProps = ExtractPropTypes<typeof TabbarProps>;

package/components/u-tabbar/u-tabbar.vue

@@ -8,7 +8,7 @@
     >
         <view
             class="u-tabbar__content safe-area-inset-bottom"
-            :style="{ height: $u.addUnit(props.height), backgroundColor: props.bgColor }"
+            :style="{ height: $u.addUnit(props.height), backgroundColor: props.bgColor, zIndex: uZIndex }"
             :class="{ 'u-border-top': props.borderTop }"
         >
             <view
@@ -110,6 +110,9 @@ const props = defineProps(TabbarProps);
 
 const emit = defineEmits<{ (e: 'change', index: number): void; (e: 'update:modelValue', index: number): void }>();
 
+// 计算z-index值
+const uZIndex = computed(() => props?.zIndex ?? $u.zIndex.tabbar);
+
 // 由于安卓太菜了，通过css居中凸起按钮的外层元素有误差，故通过js计算将其居中
 const midButtonLeft = ref('50%');
 const pageUrl = ref(''); // 当前页面URL

package/components/u-toast/types.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ThemeType, ToastPosition } from '../../types/global';
 import { baseProps } from '../common/props';
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * ToastProps toast props 类型定义
@@ -9,7 +10,7 @@ import { baseProps } from '../common/props';
 export const ToastProps = {
     ...baseProps,
     /** 层级 z-index */
-    zIndex: { type: [Number, String] as PropType<number | string>, default: '' },
+    zIndex: { type: [Number, String] as PropType<number | string>, default: zIndex.toast },
     /** 提示类型，success/warning/error/loading 等 */
     type: { type: String as PropType<ThemeType | 'default'>, default: '' },
     /** 显示时长，单位ms */

package/components/u-top-tips/types.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
+import zIndex from '../../libs/config/zIndex';
 
 /**
  * TopTipsProps top-tips props 类型定义
@@ -10,7 +11,7 @@ export const TopTipsProps = {
     /** 导航栏高度，用于提示的初始化 */
     navbarHeight: { type: [Number, String] as PropType<number | string>, default: 0 },
     /** z-index值 */
-    zIndex: { type: [Number, String] as PropType<number | string>, default: '' }
+    zIndex: { type: [Number, String] as PropType<number | string>, default: zIndex.topTips }
 };
 
 export type TopTipsProps = ExtractPropTypes<typeof TopTipsProps>;

package/components/u-top-tips/u-top-tips.vue

@@ -61,7 +61,7 @@ const uNavbarHeight = computed(() => {
 
 const tipStyle = computed(() => ({
     top: Number(uNavbarHeight.value) + 'px',
-    zIndex: uZIndex.value
+    zIndex: isShow.value ? uZIndex.value : -1
 }));
 
 /**

package/libs/config/color.ts

@@ -0,0 +1,9 @@
+import { reactive } from 'vue';
+import { lightPalette } from './theme-tokens';
+import type { ThemeColor } from '../../types/global';
+
+// 使用 reactive 包装颜色对象，使其在运行时可被响应式读取与更新
+// 这个对象会被 configProvider 在主题切换时更新
+export const color = reactive<ThemeColor>({ ...lightPalette });
+
+export default color;

package/libs/config/theme-tokens.ts

@@ -1,7 +1,7 @@
 import type { Theme, ThemeColor } from '../../types/global';
 import config from './config';
 
-const lightPalette: ThemeColor = {
+export const lightPalette: ThemeColor = {
     primary: '#2979ff',
     primaryDark: '#2b85e4',
     primaryDisabled: '#a0cfff',
@@ -39,7 +39,7 @@ const lightPalette: ThemeColor = {
     bgBlack: '#000000'
 };
 
-const darkPalette: ThemeColor = {
+export const darkPalette: ThemeColor = {
     primary: '#8ab4ff',
     primaryDark: '#5f8dff',
     primaryDisabled: '#3d4f74',

package/libs/config/zIndex.ts

@@ -1,37 +1,30 @@
-// uniapp在H5中各API的z-index值如下：
-/**
- * actionsheet: 999
- * modal: 999
- * navigate: 998
- * tabbar: 998
- * toast: 999
- */
-
 /**
  * 组件库 z-index 配置项类型定义
  */
 export interface ZIndexConfig {
     toast: number;
     noNetwork: number;
-    /** popup包含popup，actionsheet，keyboard，picker的值 */
+    /** popup包含popup，actionSheet，keyboard，picker的值 */
     popup: number;
     mask: number;
     navbar: number;
     topTips: number;
     sticky: number;
     indexListSticky: number;
+    tabbar: number;
 }
 
 const zIndex: ZIndexConfig = {
     toast: 10090,
     noNetwork: 10080,
-    // popup包含popup，actionsheet，keyboard，picker的值
+    // popup包含popup，actionSheet，keyboard，picker的值
     popup: 10075,
     mask: 10070,
     navbar: 980,
     topTips: 975,
     sticky: 970,
-    indexListSticky: 965
+    indexListSticky: 965,
+    tabbar: 998
 };
 
 export default zIndex;

package/libs/function/color.ts

@@ -1,48 +1,7 @@
-import { reactive } from 'vue';
 import type { ColorType, ThemeColor } from '../../types/global';
-
-// 默认颜色值（作为初始值）
-const defaultColor: ThemeColor = {
-    primary: '#2979ff',
-    primaryDark: '#2b85e4',
-    primaryDisabled: '#a0cfff',
-    primaryLight: '#ecf5ff',
-    success: '#19be6b',
-    successDark: '#18b566',
-    successDisabled: '#71d5a1',
-    successLight: '#dbf1e1',
-    warning: '#ff9900',
-    warningDark: '#f29100',
-    warningDisabled: '#fcbd71',
-    warningLight: '#fdf6ec',
-    error: '#fa3534',
-    errorDark: '#dd6161',
-    errorDisabled: '#fab6b6',
-    errorLight: '#fef0f0',
-    info: '#909399',
-    infoDark: '#82848a',
-    infoDisabled: '#c8c9cc',
-    infoLight: '#f4f4f5',
-    whiteColor: '#ffffff',
-    blackColor: '#000000',
-    mainColor: '#303133',
-    contentColor: '#606266',
-    tipsColor: '#909399',
-    lightColor: '#c0c4cc',
-    borderColor: '#dcdfe6',
-    dividerColor: '#e4e7ed',
-    maskColor: 'rgba(0, 0, 0, 0.4)',
-    shadowColor: 'rgba(0, 0, 0, 0.1)',
-    bgColor: '#f3f4f6',
-    bgWhite: '#ffffff',
-    bgGrayLight: '#f5f7fa',
-    bgGrayDark: '#2f343c',
-    bgBlack: '#000000'
-};
-
-// 使用 reactive 包装颜色对象，使其在运行时可被响应式读取与更新
-// 这个对象会被 configProvider 在主题切换时更新
-export const color = reactive<ThemeColor>({ ...defaultColor });
+import { color } from '../config/color';
+import { lightPalette } from '../config/theme-tokens';
+import configProvider from '../util/config-provider';
 
 /**
  * 获取颜色值（响应式）
@@ -51,27 +10,17 @@ export const color = reactive<ThemeColor>({ ...defaultColor });
  * @returns 颜色值
  */
 export function getColor(name: ColorType): string {
-    // // 优先从 configProvider 获取当前主题颜色
-    // const currentTheme = configProvider.getCurrentTheme();
-    // if (currentTheme) {
-    //     const isDark = configProvider.isInDarkMode();
-    //     const palette =
-    //         isDark && currentTheme.darkColor && Object.keys(currentTheme.darkColor).length
-    //             ? currentTheme.darkColor
-    //             : currentTheme.color || {};
-
-    //     if (palette[name]) {
-    //         return palette[name] as string;
-    //     }
-    // }
-
     // 从响应式 color 对象获取（会被 configProvider 更新）
     if (color[name]) {
         return color[name] as string;
     }
 
     // 兜底返回默认值
-    return defaultColor[name] || '';
+    return lightPalette[name] || '';
+}
+
+export function setColor(theme: Partial<ThemeColor> | undefined) {
+    configProvider.setThemeColor(theme);
 }
 
 export default color;

package/libs/index.ts

@@ -11,9 +11,8 @@ import colorGradients from './function/colorGradient';
 // 生成全局唯一guid字符串
 import guid from './function/guid';
 // 主题相关颜色,info|success|warning|primary|default|error,此颜色已在uview.scss中定义,但是为js中也能使用,故也定义一份
-import color from './function/color';
-import { getColor } from './function/color';
-import type { ThemeColor } from '../types/global';
+import { color } from './config/color';
+import { getColor, setColor } from './function/color';
 // 根据type获取图标名称
 import type2icon from './function/type2icon';
 // 打乱数组的顺序
@@ -244,25 +243,6 @@ export function kebabCase(word: string): string {
     return newWord;
 }
 
-/**
- * 运行时设置主题颜色（就地合并到 reactive 的 $u.color）
- * @param theme Partial<ThemeColor>
- */
-function setColor(theme: Partial<ThemeColor> | undefined) {
-    if (!theme) return;
-    try {
-        const merged = deepMerge($u.color, theme);
-        Object.keys(merged).forEach(k => {
-            $u.color[k] = (merged as any)[k];
-        });
-    } catch (e) {
-        // 兜底：直接 assign
-        Object.keys(theme).forEach(k => {
-            $u.color[k] = (theme as any)[k];
-        });
-    }
-}
-
 export {
     queryParams,
     route,
@@ -271,6 +251,7 @@ export {
     guid,
     color,
     getColor,
+    setColor,
     sys,
     os,
     type2icon,
@@ -290,8 +271,7 @@ export {
     clipboard,
     config,
     zIndex,
-    mitt,
-    setColor
+    mitt
 };
 
 export const $u = {
@@ -305,6 +285,7 @@ export const $u = {
     guid,
     color,
     getColor,
+    setColor,
     sys,
     os,
     type2icon,
@@ -333,8 +314,7 @@ export const $u = {
     formatName,
     addStyle,
     toStyle,
-    kebabCase,
-    setColor
+    kebabCase
 };
 
 // 颜色相关方法单独导出

package/libs/util/config-provider.ts

@@ -4,9 +4,9 @@
 
 import { ref } from 'vue';
 import type { DarkMode, Theme, ThemeColor } from '../../types/global';
-import { config, setColor } from '..';
+import config from '../config/config';
 import { defaultThemes } from '../config/theme-tokens';
-import { color as reactiveColor } from '../function/color';
+import { color as reactiveColor } from '../config/color';
 import { getSystemDarkMode as getNativeSystemDarkMode } from './system-theme';
 
 declare const uni: any;
@@ -213,6 +213,39 @@ export class ConfigProvider {
         if (this.debug) console.log('[ConfigProvider] setTheme ->', themeName);
     }
 
+    /**
+     * 运行时更新当前主题颜色并应用（不持久化）
+     * @param colors 主题颜色键值，支持部分更新
+     */
+    public setThemeColor(colors: Partial<ThemeColor>) {
+        if (!colors || Object.keys(colors).length === 0) return;
+        if (!this.currentThemeRef.value) {
+            console.warn('[ConfigProvider] setThemeColor called but no current theme');
+            return;
+        }
+
+        const mode = this.getActiveMode();
+
+        if (mode === 'dark') {
+            const existing = this.currentThemeRef.value.darkColor || {};
+            this.currentThemeRef.value.darkColor = {
+                ...existing,
+                ...colors
+            };
+        } else {
+            const existing = this.currentThemeRef.value.color || {};
+            this.currentThemeRef.value.color = {
+                ...existing,
+                ...colors
+            };
+        }
+
+        // 重新应用当前主题以同步运行时 color、CSS 变量等
+        this.applyTheme(this.currentThemeRef.value);
+
+        if (this.debug) console.log('[ConfigProvider] setThemeColor ->', colors);
+    }
+
     /**
      * 获取当前暗黑模式设置
      */
@@ -406,10 +439,8 @@ export class ConfigProvider {
             });
 
             // 同步到 uni.$u.color（如果存在）
-            if (typeof uni !== 'undefined' && uni?.$u?.setColor) {
-                uni.$u.setColor(mergedPalette);
-            } else {
-                setColor(mergedPalette);
+            if (typeof uni !== 'undefined' && uni?.$u?.color) {
+                uni.$u.color = reactiveColor;
             }
         } catch (e) {
             if (this.debug) console.warn('[ConfigProvider] sync runtime theme failed', e);

package/package.json

@@ -1,9 +1,9 @@
 {
     "id": "uview-pro",
     "name": "uview-pro",
-    "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS的80+精选UI组件库，支持多主题，暗黑模式",
-    "version": "0.4.10",
-    "description": "uView Pro，是全面支持Vue3+TS的uni-app生态框架，80+精选组件，支持安卓，iOS，鸿蒙，各小程序平台，支持多主题，一键暗黑模式",
+    "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS的高质量UI组件库，支持多主题、暗黑模式",
+    "version": "0.4.12",
+    "description": "uView Pro是基于Vue3+TS的多平台UI框架，提供80+高质量组件、便捷工具和常用模板，支持多主题与暗黑模式，支持H5/APP/鸿蒙/小程序等多端开发。已在华为鸿蒙应用商店上架，欢迎体验！",
     "main": "index.ts",
     "module": "index.ts",
     "browser": "index.ts",

package/types/global.d.ts

@@ -21,7 +21,7 @@ export type ActionSheetItem = {
     text: string;
     subText?: string;
     color?: string;
-    fontSize?: string;
+    fontSize?: string | number;
     disabled?: boolean;
 };
 
@@ -29,7 +29,7 @@ export type ActionSheetItem = {
 export type ActionSheetTips = {
     text: string;
     color?: string;
-    fontSize?: string;
+    fontSize?: string | number;
 };
 
 // avatar-cropper 裁剪矩形框的样式