uview-pro 0.3.9 → 0.3.11

package/changelog.md

@@ -1,3 +1,50 @@
+## 0.3.11（2025-11-10）
+
+### ✨ Features | 新功能
+
+- Initial project setup with commitizen, cz-git, and conventional changelog
+
+### 🐛 Bug Fixes | Bug 修复
+
+### 📝 Documentation | 文档
+
+### 💄 Styles | 风格
+
+### ♻️ Code Refactoring | 代码重构
+
+### ⚡ Performance Improvements | 性能优化
+
+### ✅ Tests | 测试
+
+### 📦‍ Build System | 打包构建
+
+### 👷 Continuous Integration | CI 配置
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+### ⏪ Revert | 回退
+
+## 0.3.10（2025-11-06）
+
+### ♻️ Code Refactoring | 代码重构
+
+- **theme:** 优化动态颜色获取方式 ([26f44dd](https://github.com/anyup/uView-Pro/commit/26f44dd0d03b9cb93a2bc6b94ab6eb15a7b2261e))
+- **types:** 优化类型导入并修复 u-pagination 类型定义 ([c6cbe61](https://github.com/anyup/uView-Pro/commit/c6cbe61242492ddae896ad44482f130da90033dc))
+
+### ✨ Features | 新功能
+
+- **u-pagination:** 新增分页组件及演示示例 ([3915064](https://github.com/anyup/uView-Pro/commit/39150648e599e818ce5c3648b3829f30754e2706))
+- **u-navbar:** 新增左侧插槽 left ([4474e3b](https://github.com/anyup/uView-Pro/commit/4474e3b07d44126dbbcb85957bf1026c602301e7))
+- **u-input:** 新增 focus 发射当前输入值 ([d8082ec](https://github.com/anyup/uView-Pro/commit/d8082ec2d30ae143a2cb223b6a933e5b58e1826b))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **demo:** 修复 u-navbar 演示示例中，因 ref('toast') 和组件名重复问题 ([2bd32a3](https://github.com/anyup/uView-Pro/commit/2bd32a3906fa3dd7ae2a91c8e0382aef7089bba7))
+
+### 👥 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/wjp980108"><img src="https://github.com/wjp980108.png?size=40" width="40" height="40" alt="wjp980108" title="wjp980108"/></a> <a href="https://github.com/wjp"><img src="https://github.com/wjp.png?size=40" width="40" height="40" alt="wjp" title="wjp"/></a>
+
 ## 0.3.9（2025-11-05）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-action-sheet/types.ts

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import type { ActionSheetItem, ActionSheetTips } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * actionSheet 操作菜单
@@ -19,7 +19,7 @@ export const ActionSheetProps = {
     /** 顶部的提示文字 */
     tips: {
         type: Object as unknown as PropType<ActionSheetTips>,
-        default: () => ({ text: '', color: $u.color.tipsColor, fontSize: '26rpx' })
+        default: () => ({ text: '', color: getColor('tipsColor'), fontSize: '26rpx' })
     },
     /** 底部的取消按钮 */
     cancelBtn: { type: Boolean, default: true },
@@ -34,7 +34,7 @@ export const ActionSheetProps = {
     /** 取消按钮的文字提示 */
     cancelText: { type: String, default: '取消' },
     /** 字体颜色 */
-    color: { type: String, default: () => $u.color.mainColor },
+    color: { type: String, default: () => getColor('mainColor') },
     /** 字体大小 */
     fontSize: { type: [String, Number], default: '32rpx' },
     /** 是否异步关闭 */

package/components/u-action-sheet-item/types.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * actionSheet 操作菜单
@@ -15,7 +15,7 @@ export const ActionSheetItemProps = {
     /** 边距 */
     padding: { type: [Number, String] as PropType<number | string>, default: '34rpx 0' },
     /** 字体颜色 */
-    color: { type: String, default: () => $u.color.mainColor },
+    color: { type: String, default: () => getColor('mainColor') },
     /** 字体大小 */
     fontSize: { type: [String, Number], default: '32rpx' },
     /** 是否禁用 */

package/components/u-calendar/types.ts

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import type { CalendarChangeDate, CalendarChangeRange, CalendarMode, ThemeType } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * calendar 日历类型定义
@@ -40,13 +40,13 @@ export const CalendarProps = {
     /** 默认日期字体颜色 */
     color: { type: String, default: '#303133' },
     /** 选中|起始结束日期背景色 */
-    activeBgColor: { type: String, default: () => $u.color.primary },
+    activeBgColor: { type: String, default: () => getColor('primary') },
     /** 选中|起始结束日期字体颜色 */
     activeColor: { type: String, default: '#ffffff' },
     /** 范围内日期背景色 */
     rangeBgColor: { type: String, default: 'rgba(41,121,255,0.13)' },
     /** 范围内日期字体颜色 */
-    rangeColor: { type: String, default: () => $u.color.primary },
+    rangeColor: { type: String, default: () => getColor('primary') },
     /** mode=range时生效，起始日期自定义文案 */
     startText: { type: String, default: '开始' },
     /** mode=range时生效，结束日期自定义文案 */

package/components/u-checkbox-group/types.ts

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import type { Shape } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * checkbox-group 复选框组类型定义
@@ -21,7 +21,7 @@ export const CheckboxGroupProps = {
     /** 形状，square为方形，circle为原型 */
     shape: { type: String as PropType<Shape>, default: 'square' },
     /** 选中状态下的颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 组件的整体大小 */
     size: { type: [String, Number], default: 34 },
     /** 每个checkbox占u-checkbox-group的宽度 */

package/components/u-dropdown/types.ts

@@ -1,7 +1,12 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
+try {
+    console.log(getColor('primary'));
+} catch (e) {
+    console.log('get color error');
+}
 /**
  * u-dropdown 下拉菜单 Props
  * @description 该组件一般用于向下展开菜单，同时可切换多个选项卡的场景
@@ -9,9 +14,9 @@ import { $u } from '../../';
 export const DropdownProps = {
     ...baseProps,
     /** 菜单标题和选项的激活态颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 菜单标题和选项的未激活态颜色 */
-    inactiveColor: { type: String, default: () => $u.color.contentColor },
+    inactiveColor: { type: String, default: () => getColor('contentColor') },
     /** 点击遮罩是否关闭菜单 */
     closeOnClickMask: { type: Boolean, default: true },
     /** 点击当前激活项标题是否关闭菜单 */

package/components/u-index-list/types.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * u-index-list 组件 props 类型定义
@@ -34,7 +34,7 @@ export const IndexListProps = {
     /** 锚点和右边索引字符高亮颜色 */
     activeColor: {
         type: String,
-        default: () => $u.color.primary
+        default: () => getColor('primary')
     }
 };
 

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

@@ -220,9 +220,9 @@ function onFormItemError(status: boolean) {
     validateState.value = status;
 }
 
-function onFocus(event: any) {
+function onFocus(e: any) {
     focused.value = true;
-    emit('focus');
+    emit('focus', e.detail.value);
 }
 
 function onConfirm(e: any) {

package/components/u-link/types.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * u-link 组件 props 类型定义
@@ -9,7 +9,7 @@ export const LinkProps = {
     /** 文字颜色 */
     color: {
         type: String,
-        default: () => $u.color.primary
+        default: () => getColor('primary')
     },
     /** 字体大小，单位rpx */
     fontSize: {

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

@@ -1,6 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { MessageInputMode } from '../../types/global';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * u-message-input 组件 props 类型定义
@@ -50,12 +50,12 @@ export const MessageInputProps = {
     /** 激活样式 */
     activeColor: {
         type: String,
-        default: () => $u.color.primary
+        default: () => getColor('primary')
     },
     /** 未激活的样式 */
     inactiveColor: {
         type: String,
-        default: () => $u.color.contentColor
+        default: () => getColor('contentColor')
     },
     /** 输入框的大小，单位rpx，宽等于高 */
     width: {

package/components/u-modal/types.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * u-modal 组件 props 类型定义
@@ -59,12 +59,12 @@ export const ModalProps = {
     /** 确认按钮颜色 */
     confirmColor: {
         type: String,
-        default: () => $u.color.primary
+        default: () => getColor('primary')
     },
     /** 取消文字颜色 */
     cancelColor: {
         type: String,
-        default: () => $u.color.contentColor
+        default: () => getColor('contentColor')
     },
     /** 圆角值 */
     borderRadius: {

package/components/u-navbar/u-navbar.vue

@@ -19,6 +19,9 @@
                         {{ props.backText }}
                     </view>
                 </view>
+                <view class="u-slot-left">
+                    <slot name="left"></slot>
+                </view>
                 <view class="u-navbar-content-title" v-if="props.title" :style="titleStyle">
                     <view
                         class="u-title u-line-1"

package/components/u-pagination/types.ts

@@ -0,0 +1,29 @@
+import { baseProps } from '../common/props';
+import type { PaginationChangePayload } from '../../types/global';
+
+/**
+ * pagination 分页类型定义
+ * @description 供 u-pagination 组件 props 使用
+ */
+
+export const PaginationProps = {
+    ...baseProps,
+    /** 左侧按钮文字 */
+    prevText: { type: String, default: '上一页' },
+    /** 右侧按钮文字 */
+    nextText: { type: String, default: '下一页' },
+    /** 总条目数 */
+    total: Number,
+    /** 每页数据量 */
+    pageSize: { type: Number, default: 10 },
+    /** 是否以 icon 形式展示按钮 */
+    showIcon: { type: Boolean, default: false },
+    /** 左侧按钮图标，仅支持内置图标 */
+    prevIcon: { type: String, default: 'arrow-left' },
+    /** 右侧按钮图标，仅支持内置图标 */
+    nextIcon: { type: String, default: 'arrow-right' }
+};
+
+export type PaginationEmits = {
+    (e: 'change', payload: PaginationChangePayload): void;
+};

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

@@ -0,0 +1,91 @@
+<template>
+    <view class="u-pagination">
+        <u-button
+            custom-class="custom-class"
+            shape="circle"
+            type="info"
+            size="medium"
+            :throttle-time="0"
+            :disabled="current <= 1"
+            @click="handleChange('prev')"
+        >
+            <u-icon v-if="showIcon" :name="prevIcon"></u-icon>
+            <text v-else>{{ prevText }}</text>
+        </u-button>
+        <view class="u-pagination-text">
+            <slot>
+                <u-text type="primary" :text="current"></u-text>
+                <text> / </text>
+                <text>{{ totalPages }}</text>
+            </slot>
+        </view>
+        <u-button
+            custom-class="custom-class"
+            shape="circle"
+            type="info"
+            size="medium"
+            :throttle-time="0"
+            :disabled="current >= totalPages"
+            @click="handleChange('next')"
+        >
+            <u-icon v-if="showIcon" :name="nextIcon"></u-icon>
+            <text v-else>{{ nextText }}</text>
+        </u-button>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'u-pagination',
+    options: {
+        addGlobalClass: true,
+        // #ifndef MP-TOUTIAO
+        virtualHost: true,
+        // #endif
+        styleIsolation: 'shared'
+    }
+};
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { type PaginationEmits, PaginationProps } from './types.ts';
+import type { PaginationDirection } from '../../types/global';
+
+const props = defineProps(PaginationProps);
+const emit = defineEmits<PaginationEmits>();
+
+const current = defineModel({ type: Number, default: 1 });
+
+// 自动计算总页数
+const totalPages = computed(() => {
+    const size = props.pageSize || 10;
+    return Math.ceil((props.total || 0) / size);
+});
+
+// 切换分页
+function handleChange(type: PaginationDirection) {
+    if (type === 'prev') {
+        current.value -= 1;
+    } else {
+        current.value += 1;
+    }
+
+    // current为当前页，type值为：next/prev，表示点击的是上一页还是下一页
+    emit('change', { type, current: current.value });
+}
+</script>
+
+<style scoped lang="scss">
+.u-pagination {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    :deep(.custom-class) {
+        margin: 0;
+        padding: 0 30rpx;
+        min-width: 120rpx;
+    }
+}
+</style>

package/components/u-picker/types.ts

@@ -1,6 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { PickerMode, PickerParams } from '../../types/global';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 const defaultParams: PickerParams = {
     year: true,
@@ -62,12 +62,12 @@ export const PickerProps = {
     /** "取消"按钮的颜色 */
     cancelColor: {
         type: String,
-        default: () => $u.color.contentColor
+        default: () => getColor('contentColor')
     },
     /** "确定"按钮的颜色 */
     confirmColor: {
         type: String,
-        default: () => $u.color.primary
+        default: () => getColor('primary')
     },
     /** 默认显示的时间，2025-07-02 || 2025-07-02 13:01:00 || 2025/07/02 */
     defaultTime: {

package/components/u-radio-group/types.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { Shape } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * RadioGroupProps 单选框组 props 类型定义
@@ -14,7 +14,7 @@ export const RadioGroupProps = {
     /** 匹配某一个radio组件，如果某个radio的name值等于此值，那么这个radio就被会选中 */
     modelValue: { type: [String, Number] as PropType<string | number>, default: '' },
     /** 选中状态下的颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 组件的整体大小 */
     size: { type: [String, Number] as PropType<number | string>, default: 34 },
     /** 是否禁止点击提示语选中复选框 */

package/components/u-read-more/types.ts

@@ -1,6 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * ReadMoreProps 阅读更多 props 类型定义
@@ -17,7 +17,7 @@ export const ReadMoreProps = {
     /** 展开时的提示文字 */
     openText: { type: String, default: '收起' },
     /** 提示的文字颜色 */
-    color: { type: String, default: () => $u.color.primary },
+    color: { type: String, default: () => getColor('primary') },
     /** 提示文字的大小 */
     fontSize: { type: [String, Number] as PropType<number | string>, default: 28 },
     /** 是否显示阴影 */

package/components/u-select/types.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { SelectListItem, SelectMode } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * SelectProps 列选择器 props 类型定义
@@ -16,9 +16,9 @@ export const SelectProps = {
     /** 通过双向绑定控制组件的弹出与收起 */
     modelValue: { type: Boolean, default: false },
     /** "取消"按钮的颜色 */
-    cancelColor: { type: String, default: () => $u.color.contentColor },
+    cancelColor: { type: String, default: () => getColor('contentColor') },
     /** "确定"按钮的颜色 */
-    confirmColor: { type: String, default: () => $u.color.primary },
+    confirmColor: { type: String, default: () => getColor('primary') },
     /** 弹出的z-index值 */
     zIndex: { type: [String, Number] as PropType<string | number>, default: 0 },
     /** 是否开启底部安全区适配 */

package/components/u-slider/types.ts

@@ -1,6 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * SliderProps 滑块选择器 props 类型定义
@@ -23,9 +23,9 @@ export const SliderProps = {
     /** 滑块条高度，单位rpx */
     height: { type: [Number, String] as PropType<number | string>, default: 6 },
     /** 进度条的激活部分颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 进度条的背景颜色 */
-    inactiveColor: { type: String, default: () => $u.color.lightColor },
+    inactiveColor: { type: String, default: () => getColor('lightColor') },
     /** 滑块的背景颜色 */
     blockColor: { type: String, default: '#ffffff' },
     /** 用户对滑块的自定义颜色 */

package/components/u-step/types.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
 import type { StepMode, ThemeType } from '../../types/global';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * StepProps 步骤条 props 类型定义
@@ -15,9 +15,9 @@ export const StepProps = {
     /** 主题类型, primary|success|info|warning|error */
     type: { type: String as PropType<ThemeType>, default: 'primary' },
     /** 激活步骤的颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 未激活的颜色 */
-    unActiveColor: { type: String, default: () => $u.color.info },
+    unActiveColor: { type: String, default: () => getColor('info') },
     /** 自定义图标 */
     icon: { type: String, default: 'checkmark' },
     /** 标题 */

package/components/u-steps/types.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { StepDirection, StepMode, StepsListItem, ThemeType } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * StepsProps 步骤条 props 类型定义
@@ -19,9 +19,9 @@ export const StepsProps = {
     /** 当前哪一步是激活的 */
     current: { type: [Number, String] as PropType<number | string>, default: 0 },
     /** 激活步骤的颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 未激活的颜色 */
-    unActiveColor: { type: String, default: () => $u.color.info },
+    unActiveColor: { type: String, default: () => getColor('info') },
     /** 自定义图标 */
     icon: { type: String, default: 'checkmark' },
     /** step的排列方向，row-横向，column-竖向 */

package/components/u-switch/types.ts

@@ -1,6 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * SwitchProps 开关选择器 props 类型定义
@@ -15,7 +15,7 @@ export const SwitchProps = {
     /** 开关尺寸，单位rpx */
     size: { type: [Number, String] as PropType<number | string>, default: 50 },
     /** 打开时的颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 关闭时的颜色 */
     inactiveColor: { type: String, default: '#ffffff' },
     /** v-model 绑定值，是否选中 */

package/components/u-tabs/types.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { TabsItem } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * TabsProps tabs标签 props 类型定义
@@ -22,9 +22,9 @@ export const TabsProps = {
     /** 过渡动画时长, 单位s */
     duration: { type: [String, Number] as PropType<number | string>, default: 0.5 },
     /** 选中项的主题颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** 未选中项的颜色 */
-    inactiveColor: { type: String, default: () => $u.color.mainColor },
+    inactiveColor: { type: String, default: () => getColor('mainColor') },
     /** 菜单底部移动的bar的宽度，单位rpx */
     barWidth: { type: [String, Number] as PropType<number | string>, default: 40 },
     /** 移动bar的高度 */

package/components/u-tabs-swiper/types.ts

@@ -1,7 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { TabsSwiperAutoCenterMode, TabsSwiperListItem } from '../../types/global';
 import { baseProps } from '../common/props';
-import { $u } from '../../';
+import { getColor } from '../../';
 
 /**
  * TabsSwiperProps 全屏选项卡 props 类型定义
@@ -22,9 +22,9 @@ export const TabsSwiperProps = {
     /** tabs组件外部swiper的宽度，单位rpx */
     swiperWidth: { type: [String, Number] as PropType<number | string>, default: 750 },
     /** 滑块和激活tab文字的颜色 */
-    activeColor: { type: String, default: () => $u.color.primary },
+    activeColor: { type: String, default: () => getColor('primary') },
     /** tabs文字颜色 */
-    inactiveColor: { type: String, default: () => $u.color.mainColor },
+    inactiveColor: { type: String, default: () => getColor('mainColor') },
     /** 滑块宽度，单位rpx */
     barWidth: { type: [Number, String] as PropType<number | string>, default: 40 },
     /** 滑块高度，单位rpx */

package/index.ts

@@ -13,7 +13,6 @@ declare const uni: {
 
 // $u挂载到uni对象上
 const install = (app: any, options?: UViewProOptions): void => {
-    uni.$u = $u;
     if (options) {
         // 配置主题：使用 $u.setTheme 以就地更新 reactive $u.color
         if (options.theme) {
@@ -25,6 +24,7 @@ const install = (app: any, options?: UViewProOptions): void => {
             .setPrefix(options?.log?.prefix)
             .setShowCallerInfo(options?.log?.showCallerInfo ?? true);
     }
+    uni.$u = $u;
     // 可扩展更多配置项
     app.config.globalProperties.$u = $u;
 };

package/libs/function/color.ts

@@ -1,8 +1,7 @@
 import type { ColorType, ThemeColor } from '../../types/global';
-import { reactive } from 'vue';
 
 // 使用 reactive 包装颜色对象，使其在运行时可被响应式读取与更新
-const color: ThemeColor = reactive({
+const color: ThemeColor = {
     primary: '#2979ff',
     primaryDark: '#2b85e4',
     primaryDisabled: '#a0cfff',
@@ -34,10 +33,14 @@ const color: ThemeColor = reactive({
     tipsColor: '#909399',
     lightColor: '#c0c4cc',
     borderColor: '#e4e7ed'
-});
+};
 
 export function getColor(name: ColorType) {
-    return (color as any)[name] || '';
+    // 延迟获取，确保在组件实例化时获取当前主题颜色
+    if (typeof uni !== 'undefined' && uni.$u) {
+        return uni.$u.color[name];
+    }
+    return color[name] || '';
 }
 
 export default color;

package/package.json

@@ -1,8 +1,8 @@
 {
     "id": "uview-pro",
     "name": "uview-pro",
-    "displayName": "【Vue3重构版】uView Pro｜基于Vue3+TS全面重构的80+精选UI组件库",
-    "version": "0.3.9",
+    "displayName": "【支持鸿蒙】uView Pro｜基于Vue3+TS全面重构的80+精选UI组件库",
+    "version": "0.3.11",
     "description": "uView Pro，是全面支持Vue3的uni-app生态框架，80+精选组件已使用TypeScript重构，已全面支持uni-app Vue3.0",
     "main": "index.ts",
     "module": "index.ts",
@@ -69,7 +69,7 @@
                         "nvue": "-",
                         "android": "√",
                         "ios": "√",
-                        "harmony": "-"
+                        "harmony": "√"
                     },
                     "mp": {
                         "weixin": "√",
@@ -78,7 +78,7 @@
                         "baidu": "-",
                         "kuaishou": "-",
                         "jd": "-",
-                        "harmony": "-",
+                        "harmony": "√",
                         "qq": "√",
                         "lark": "-"
                     },

package/types/components.d.ts

@@ -96,6 +96,7 @@ declare module 'vue' {
         uSafeBottom: (typeof import('../components/u-safe-bottom/u-safe-bottom.vue'))['default'];
         uTextarea: (typeof import('../components/u-textarea/u-textarea.vue'))['default'];
         uFab: (typeof import('../components/u-fab/u-fab.vue'))['default'];
+        uPagination: (typeof import('../components/u-pagination/u-pagination.vue'))['default'];
     }
 }
 

package/types/global.d.ts

@@ -347,3 +347,12 @@ export interface UViewProOptions {
     log?: LogConfig;
     // 可扩展更多配置项
 }
+
+// pagination 组件，分页方向
+export type PaginationDirection = 'prev' | 'next';
+
+// pagination 组件，change 参数
+export type PaginationChangePayload = {
+    type: PaginationDirection;
+    current: number;
+};