uview-pro 0.3.4 → 0.3.6

package/changelog.md

@@ -1,19 +1,68 @@
-## 0.3.4（2025-10-20）
-
-### ♻️ Code Refactoring | 代码重构
-
-- **components:** 移除不必要的父组件和事件总线相关代码，优化组件间通信 ([280c2f8](https://github.com/anyup/uView-Pro/commit/280c2f8acc75764a7706ec38c742cc16703c941a))
-- **u-safe-bottom:** 优化底部安全区组件 ([161f2d3](https://github.com/anyup/uView-Pro/commit/161f2d32ff6b9abbb6f8221a4dd99c438a606e94))
-- **u-status-bar:** 优化状态栏组件 ([53c50ab](https://github.com/anyup/uView-Pro/commit/53c50ab8b6314a7d702b90e6b48b79301a334090))
-
-### 🐛 Bug Fixes | Bug 修复
-
-- **u-subsection:** 优化列表和模式变化的监听逻辑，移除不必要的初始化调用 ([f77ee7c](https://github.com/anyup/uView-Pro/commit/f77ee7ccc7521ec2472f72dcf2fb47362ca0abd9))
-
-### 👥 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.6（2025-10-24）
+
+### ✨ Features | 新功能
+
+- **u-select:** 优化选择器组件 u-select 默认值处理逻辑，添加 preserveSelection 属性，用于控制是否保留用户上次确认的选择 ([8493ff1](https://github.com/anyup/uView-Pro/commit/8493ff16d2eee42fabe926917d940a350b86abe0))
+- **u-picker:** 优化 picker 的初始化和渲染流程，实现多次打开 picker 时保留用户选择的逻辑，新增 preserveSelection 属性支持 ([974872e](https://github.com/anyup/uView-Pro/commit/974872ec944fbb28cdb3c40fda08c9039bf0b960))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **components:** 使用主题色替代硬编码颜色值，统一组件的颜色风格，便于未来主题颜色的调整和维护 ([ec348d4](https://github.com/anyup/uView-Pro/commit/ec348d4a8bff4dee62da78eadd23fc3a292ebdca))
+- **example:** 代码示例中使用主题色替换硬编码颜色值 ([3216497](https://github.com/anyup/uView-Pro/commit/32164973d54cfff3edcbe765a8ed27158f4bec7d))
+- **u-steps:** 新增u-step ([6b86eea](https://github.com/anyup/uView-Pro/commit/6b86eeaf7699eb13f739fc038d86efb4e3b48f8a))
+- **u-step:** 替换步骤条组件中的默认硬编码颜色值 ([f3408ef](https://github.com/anyup/uView-Pro/commit/f3408ef006991702895432e775f266fb196ddf12))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-picker:** 修复使用u-picker组件选择地区不设置默认值报错的问题 ([7941135](https://github.com/anyup/uView-Pro/commit/7941135a87a3511a562ed10e34573ef7f786fb57))
+
+### 👥 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/lonelyflyer"><img src="https://github.com/lonelyflyer.png?size=40" width="40" height="40" alt="Lonelyflyer" title="Lonelyflyer"/></a>
+
+## 0.3.5（2025-10-21）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-input:** 修复input组件不支持input事件的问题 ([52d6a6a](https://github.com/anyup/uView-Pro/commit/52d6a6aaeec9ec78e4088234ff7ba056cc10fd9c))
+- **u-search:** 修复search组件不支持input事件的问题 ([603b96f](https://github.com/anyup/uView-Pro/commit/603b96f7eeb16d3e54c82b0be7dd03deb930aef5))
+- **u-popup:** 修复微信小程序环境下，u-popup 组件 mode=center 时，设置关闭图标位置无效的问题 ([f08197a](https://github.com/anyup/uView-Pro/commit/f08197aafdc3f874b1efcddf6cc6ff9c9edde954))
+- **u-line-progress:** type 属性设置后仍被 active-color 内联样式覆盖的问题 ([c6f29f9](https://github.com/anyup/uView-Pro/commit/c6f29f9dc8437035a0e698e869af2fd418d0bd65))
+
+### ✨ Features | 新功能
+
+- **useChildren:** 添加子组件索引功能 ([8ad744f](https://github.com/anyup/uView-Pro/commit/8ad744fd51df934cc20c099686cbdc5512b22c79))
+- **addUnit:** 增强 addUnit 函数支持多值空格分隔 ([6d89cd3](https://github.com/anyup/uView-Pro/commit/6d89cd3c5aacc0770f6f2684fd737d0f05a6e929))
+- **u-action-sheet:** 新增自定义 ActionSheet 组件 ([f709523](https://github.com/anyup/uView-Pro/commit/f709523cba5a089eed7c717cc36b9ab199ae24da))
+
+### 📝 Documentation | 文档
+
+- 移除issue模板中的提交格式参考 ([83799e8](https://github.com/anyup/uView-Pro/commit/83799e882f69b0e8787a014cfab9f16ab34ba57c))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **u-popup:** 移除弹窗组件中的冗余代码 ([40c5b64](https://github.com/anyup/uView-Pro/commit/40c5b641539fce56af4f9a4ad2440b9240464a89))
+
+### 👥 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/sunjianwei"><img src="https://github.com/sunjianwei.png?size=40" width="40" height="40" alt="sunjianwei" title="sunjianwei"/></a> <a href="https://github.com/koboshi"><img src="https://github.com/koboshi.png?size=40" width="40" height="40" alt="koboshi" title="koboshi"/></a>
+
+## 0.3.4（2025-10-20）
+
+### ♻️ Code Refactoring | 代码重构
+
+- **components:** 移除不必要的父组件和事件总线相关代码，优化组件间通信 ([280c2f8](https://github.com/anyup/uView-Pro/commit/280c2f8acc75764a7706ec38c742cc16703c941a))
+- **u-safe-bottom:** 优化底部安全区组件 ([161f2d3](https://github.com/anyup/uView-Pro/commit/161f2d32ff6b9abbb6f8221a4dd99c438a606e94))
+- **u-status-bar:** 优化状态栏组件 ([53c50ab](https://github.com/anyup/uView-Pro/commit/53c50ab8b6314a7d702b90e6b48b79301a334090))
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-subsection:** 优化列表和模式变化的监听逻辑，移除不必要的初始化调用 ([f77ee7c](https://github.com/anyup/uView-Pro/commit/f77ee7ccc7521ec2472f72dcf2fb47362ca0abd9))
+
+### 👥 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.3（2025-10-16）
 
 ### 🐛 Bug Fixes | Bug 修复
@@ -30,7 +79,7 @@
 
 ### 👥 Contributors
 
-<a href="https://github.com/koboshi"><img src="https://github.com/koboshi.png?size=40" width="40" height="40" alt="koboshi" title="koboshi"/></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/lonelyflyer"><img src="https://github.com/lonelyflyer.png?size=40" width="40" height="40" alt="Lonelyflyer" title="Lonelyflyer"/></a> 
+<a href="https://github.com/koboshi"><img src="https://github.com/koboshi.png?size=40" width="40" height="40" alt="koboshi" title="koboshi"/></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/lonelyflyer"><img src="https://github.com/lonelyflyer.png?size=40" width="40" height="40" alt="Lonelyflyer" title="Lonelyflyer"/></a>
 
 ## 0.3.2（2025-10-15）
 

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

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
 import type { ActionSheetItem, ActionSheetTips } from '../../types/global';
 import { baseProps } from '../common/props';
+import { $u } from '../../';
 
 /**
  * actionSheet 操作菜单
@@ -8,7 +9,7 @@ import { baseProps } from '../common/props';
  */
 export const ActionSheetProps = {
     ...baseProps,
-    /** 点击遮罩是否可以关闭actionsheet */
+    /** 点击遮罩是否可以关闭actionSheet */
     maskCloseAble: { type: Boolean, default: true },
     /** 按钮的文字数组，可以自定义颜色和字体大小，字体单位为rpx */
     list: {
@@ -18,7 +19,7 @@ export const ActionSheetProps = {
     /** 顶部的提示文字 */
     tips: {
         type: Object as unknown as PropType<ActionSheetTips>,
-        default: () => ({ text: '', color: '', fontSize: '26' })
+        default: () => ({ text: '', color: $u.color.tipsColor, fontSize: '26rpx' })
     },
     /** 底部的取消按钮 */
     cancelBtn: { type: Boolean, default: true },
@@ -31,7 +32,13 @@ export const ActionSheetProps = {
     /** 弹出的z-index值 */
     zIndex: { type: [String, Number], default: 0 },
     /** 取消按钮的文字提示 */
-    cancelText: { type: String, default: '取消' }
+    cancelText: { type: String, default: '取消' },
+    /** 字体颜色 */
+    color: { type: String, default: $u.color.mainColor },
+    /** 字体大小 */
+    fontSize: { type: [String, Number], default: '32rpx' },
+    /** 是否异步关闭 */
+    asyncClose: { type: Boolean, default: false }
 };
 
 export type ActionSheetProps = ExtractPropTypes<typeof ActionSheetProps>;

package/components/u-action-sheet/u-action-sheet.vue

@@ -15,7 +15,7 @@
         <view class="u-tips u-border-bottom" v-if="tips.text" :style="[tipsStyle]">
             {{ tips.text }}
         </view>
-        <block v-for="(item, index) in list" :key="index">
+        <block v-if="list && list.length > 0" v-for="(item, index) in list" :key="index">
             <view
                 @touchmove.stop.prevent
                 @tap="itemClick(index)"
@@ -28,10 +28,13 @@
                 <text class="u-action-sheet-item__subtext u-line-1" v-if="item.subText">{{ item.subText }}</text>
             </view>
         </block>
+        <template v-else>
+            <slot></slot>
+        </template>
         <view class="u-gab" v-if="cancelBtn"> </view>
         <view
             @touchmove.stop.prevent
-            class="u-actionsheet-cancel u-action-sheet-item"
+            class="u-action-sheet-cancel u-action-sheet-item"
             hover-class="u-hover-class"
             :hover-stay-time="150"
             v-if="cancelBtn"
@@ -57,7 +60,7 @@ export default {
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { $u } from '../..';
+import { $u, useParent } from '../..';
 import { ActionSheetProps } from './types';
 
 /**
@@ -82,6 +85,8 @@ const props = defineProps(ActionSheetProps);
 
 const emit = defineEmits(['update:modelValue', 'click', 'close']);
 
+useParent('u-action-sheet');
+
 const popupValue = computed({
     get: () => props.modelValue,
     set: (val: boolean) => emit('update:modelValue', val)
@@ -90,18 +95,18 @@ const popupValue = computed({
 // 顶部提示的样式
 const tipsStyle = computed(() => {
     let style: Record<string, string> = {};
-    if (props.tips.color) style.color = props.tips.color;
-    if (props.tips.fontSize) style.fontSize = props.tips.fontSize + 'rpx';
+    style.color = props.tips?.color || $u.color.tipsColor;
+    style.fontSize = $u.addUnit(props.tips?.fontSize || '26rpx');
     return style;
 });
 
 // 操作项目的样式
 const itemStyle = (index: number) => {
     let style: Record<string, string> = {};
-    if (props.list[index]?.color) style.color = props.list[index].color;
-    if (props.list[index]?.fontSize) style.fontSize = props.list[index].fontSize + 'rpx';
+    style.color = props.list[index]?.color || props.color;
+    style.fontSize = $u.addUnit(props.list[index]?.fontSize || props.fontSize);
     // 选项被禁用的样式
-    if (props.list[index]?.disabled) style.color = '#c0c4cc';
+    if (props.list[index]?.disabled) style.color = $u.color.lightColor;
     return style;
 };
 
@@ -136,8 +141,15 @@ function itemClick(index: number) {
     // disabled的项禁止点击
     if (props.list[index]?.disabled) return;
     emit('click', index);
+    if (props.asyncClose) return;
     emit('update:modelValue', false);
 }
+
+defineExpose({
+    props,
+    close,
+    itemClick
+});
 </script>
 
 <style lang="scss" scoped>
@@ -172,7 +184,7 @@ function itemClick(index: number) {
     background-color: rgb(234, 234, 236);
 }
 
-.u-actionsheet-cancel {
+.u-action-sheet-cancel {
     color: $u-main-color;
 }
 </style>

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

@@ -0,0 +1,27 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { baseProps } from '../common/props';
+import { $u } from '../../';
+
+/**
+ * actionSheet 操作菜单
+ * @description 本组件用于从底部弹出一个操作菜单，供用户选择并返回结果。本组件功能类似于uni的uni.showActionSheetAPI，配置更加灵活，所有平台都表现一致。
+ */
+export const ActionSheetItemProps = {
+    ...baseProps,
+    /** 标题 */
+    text: { type: String, default: '' },
+    /** 描述 */
+    subText: { type: String, default: '' },
+    /** 边距 */
+    padding: { type: [Number, String] as PropType<number | string>, default: '34rpx 0' },
+    /** 字体颜色 */
+    color: { type: String, default: $u.color.mainColor },
+    /** 字体大小 */
+    fontSize: { type: [String, Number], default: '32rpx' },
+    /** 是否禁用 */
+    disabled: { type: Boolean, default: false },
+    /** 是否异步关闭 */
+    asyncClose: { type: Boolean, default: false }
+};
+
+export type ActionSheetItemProps = ExtractPropTypes<typeof ActionSheetItemProps>;

package/components/u-action-sheet-item/u-action-sheet-item.vue

@@ -0,0 +1,85 @@
+<template>
+    <view
+        class="u-action-sheet-item u-line-1"
+        :class="[!isLast ? 'u-border-bottom' : '', disabled ? 'u-action-sheet-item--disabled' : '', customClass]"
+        :style="$u.toStyle(itemStyle, customStyle)"
+        @click="handleClick"
+        @touchmove.stop.prevent
+        hover-class="u-hover-class"
+        :hover-stay-time="150"
+    >
+        <slot>
+            <text>{{ text }}</text>
+            <text class="u-action-sheet-item__subtext u-line-1" v-if="subText">{{ subText }}</text>
+        </slot>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'u-action-sheet-item',
+    options: {
+        addGlobalClass: true,
+        // #ifndef MP-TOUTIAO
+        virtualHost: true,
+        // #endif
+        styleIsolation: 'shared'
+    }
+};
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { ActionSheetItemProps } from './types';
+import { $u, useChildren } from '../../libs';
+
+const props = defineProps(ActionSheetItemProps);
+const emit = defineEmits(['click']);
+
+const { parent, parentExposed, childIndex, emitToParent } = useChildren('u-action-sheet-item', 'u-action-sheet');
+
+const isLast = computed(() => {
+    return (childIndex?.value ?? 0) + 1 >= (parent?.value?.getChildren()?.length ?? 0);
+});
+
+const itemStyle = computed(() => {
+    const style: Record<string, string> = {};
+    style.color = props.color || parentExposed?.value?.props?.color;
+    style.fontSize = $u.addUnit(props.fontSize || parentExposed?.value?.props?.fontSize);
+    style.padding = $u.addUnit(props.padding);
+    if (props.disabled) style.color = '#c0c4cc';
+    return style;
+});
+
+function handleClick() {
+    if (props.disabled) return;
+    emit('click', childIndex?.value || 0);
+    if (!props.asyncClose && !parentExposed?.value?.props?.asyncClose) {
+        emitToParent('itemClick', childIndex?.value || 0);
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../libs/css/style.components.scss';
+
+.u-action-sheet-item {
+    @include vue-flex;
+    line-height: 1;
+    justify-content: center;
+    align-items: center;
+    font-size: 32rpx;
+    padding: 34rpx 0;
+    flex-direction: column;
+}
+
+.u-action-sheet-item--disabled {
+    color: $u-light-color;
+}
+
+.u-action-sheet-item__subtext {
+    font-size: 24rpx;
+    color: $u-tips-color;
+    margin-top: 20rpx;
+}
+</style>

package/components/u-calendar/types.ts

@@ -1,6 +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 '../../';
 
 /**
  * calendar 日历类型定义
@@ -39,13 +40,13 @@ export const CalendarProps = {
     /** 默认日期字体颜色 */
     color: { type: String, default: '#303133' },
     /** 选中|起始结束日期背景色 */
-    activeBgColor: { type: String, default: '#2979ff' },
+    activeBgColor: { type: String, default: $u.color.primary },
     /** 选中|起始结束日期字体颜色 */
     activeColor: { type: String, default: '#ffffff' },
     /** 范围内日期背景色 */
     rangeBgColor: { type: String, default: 'rgba(41,121,255,0.13)' },
     /** 范围内日期字体颜色 */
-    rangeColor: { type: String, default: '#2979ff' },
+    rangeColor: { type: String, default: $u.color.primary },
     /** mode=range时生效，起始日期自定义文案 */
     startText: { type: String, default: '开始' },
     /** mode=range时生效，结束日期自定义文案 */

package/components/u-calendar/u-calendar.vue

@@ -270,11 +270,11 @@ import Calendar from '../../libs/util/calendar';
  * @property {String} month-arrow-color 月份切换按钮箭头颜色(默认#606266)
  * @property {String} year-arrow-color 年份切换按钮箭头颜色(默认#909399)
  * @property {String} color 日期字体的默认颜色(默认#303133)
- * @property {String} active-bg-color 起始/结束日期按钮的背景色(默认#2979ff)
+ * @property {String} active-bg-color 起始/结束日期按钮的背景色(默认主题色primary)
  * @property {String Number} z-index 弹出时的z-index值(默认10075)
  * @property {String} active-color 起始/结束日期按钮的字体颜色(默认#ffffff)
  * @property {String} range-bg-color 起始/结束日期之间的区域的背景颜色(默认rgba(41,121,255,0.13))
- * @property {String} range-color 选择范围内字体颜色(默认#2979ff)
+ * @property {String} range-color 选择范围内字体颜色(默认主题色primary)
  * @property {String} start-text 起始日期底部的提示文字(默认 '开始')
  * @property {String} end-text 结束日期底部的提示文字(默认 '结束')
  * @property {String} btn-type 底部确定按钮的主题(默认 'primary')

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

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

package/components/u-checkbox-group/u-checkbox-group.vue

@@ -34,7 +34,7 @@ import { CheckboxGroupProps } from './types';
  * @property {String} width 宽度，需带单位
  * @property {String} shape 外观形状，shape-方形，circle-圆形(默认circle)
  * @property {Boolean} wrap 是否每个checkbox都换行（默认false）
- * @property {String} active-color 选中时的颜色，应用到所有子Checkbox组件（默认#2979ff）
+ * @property {String} active-color 选中时的颜色，应用到所有子Checkbox组件（默认主题色primary）
  * @event {Function} change 任一个checkbox状态发生变化时触发，回调为一个对象
  * @example <u-checkbox-group></u-checkbox-group>
  */

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

@@ -116,13 +116,13 @@ import { $u } from '../..';
  * u-city-select 城市选择器
  * @description 用于选择省、市、区三级行政区域，支持回显和自定义初始值。
  * @property {Boolean} modelValue 控制弹窗显示与隐藏（v-model）
- * @property {Array} defaultRegion 默认选中的省市区名称数组，如 ['广东省', '广州市', '天河区']
+ * @property {Array} defaultRegion 默认选中的省市区名称数组，如 ['山东省', '青岛市', '崂山区']
  * @property {Array} areaCode 默认选中的省市区编码数组，如 ['440000', '440100', '440106']
  * @property {Boolean} maskCloseAble 是否允许点击遮罩关闭弹窗（默认 true）
  * @property {String|Number} zIndex 弹窗层级（默认 0，自动适配）
  * @event update:modelValue v-model 绑定值变化时触发
  * @event city-change 选择省市区后触发，返回选中的省市区对象
- * @example <u-city-select v-model="show" :defaultRegion="['广东省','广州市','天河区']" @city-change="onChange"></u-city-select>
+ * @example <u-city-select v-model="show" :defaultRegion="['山东省', '青岛市', '崂山区']" @city-change="onChange"></u-city-select>
  */
 const props = defineProps(CitySelectProps);
 

package/components/u-dropdown/types.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import { baseProps } from '../common/props';
+import { $u } from '../../';
 
 /**
  * u-dropdown 下拉菜单 Props
@@ -8,9 +9,9 @@ import { baseProps } from '../common/props';
 export const DropdownProps = {
     ...baseProps,
     /** 菜单标题和选项的激活态颜色 */
-    activeColor: { type: String, default: '#2979ff' },
+    activeColor: { type: String, default: $u.color.primary },
     /** 菜单标题和选项的未激活态颜色 */
-    inactiveColor: { type: String, default: '#606266' },
+    inactiveColor: { type: String, default: $u.color.contentColor },
     /** 点击遮罩是否关闭菜单 */
     closeOnClickMask: { type: Boolean, default: true },
     /** 点击当前激活项标题是否关闭菜单 */

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

@@ -83,7 +83,7 @@ import { DropdownProps } from './types';
  * dropdown 下拉菜单
  * @description 该组件一般用于向下展开菜单，同时可切换多个选项卡的场景
  * @tutorial https://uviewpro.cn/zh/components/dropdown.html
- * @property {String} active-color 标题和选项卡选中的颜色（默认#2979ff）
+ * @property {String} active-color 标题和选项卡选中的颜色（默认主题色primary）
  * @property {String} inactive-color 标题和选项卡未选中的颜色（默认#606266）
  * @property {Boolean} close-on-click-mask 点击遮罩是否关闭菜单（默认true）
  * @property {Boolean} close-on-click-self 点击当前激活项标题是否关闭菜单（默认true）

package/components/u-index-anchor/u-index-anchor.vue

@@ -114,7 +114,7 @@ defineExpose({
 .u-index-anchor--active {
     right: 0;
     left: 0;
-    color: #2979ff;
+    color: $u-type-primary;
     background-color: #fff;
 }
 </style>

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

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

package/components/u-index-list/u-index-list.vue

@@ -61,7 +61,7 @@ import { IndexListProps } from './types';
  * @property {Number|String} z-index 锚点吸顶时的层级（默认965）
  * @property {Boolean} sticky 是否开启锚点自动吸顶（默认true）
  * @property {Number|String} offset-top 锚点自动吸顶时与顶部的距离（默认0）
- * @property {String} highlight-color 锚点和右边索引字符高亮颜色（默认#2979ff）
+ * @property {String} highlight-color 锚点和右边索引字符高亮颜色（默认主题色primary）
  * @event {Function} select 选中右边索引字符时触发
  * @example <u-index-list :scrollTop="scrollTop"></u-index-list>
  */

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

@@ -110,7 +110,7 @@ import { $u, useChildren } from '../..';
 import { InputProps } from './types';
 
 const props = defineProps(InputProps);
-const emit = defineEmits(['update:modelValue', 'blur', 'focus', 'confirm', 'click']);
+const emit = defineEmits(['update:modelValue', 'input', 'blur', 'focus', 'confirm', 'click']);
 
 const { emitToParent } = useChildren('u-input', 'u-form-item');
 
@@ -168,6 +168,7 @@ function handleInput(event: any) {
     // 判断是否去除空格
     if (props.trim) value = $u.trim(value);
     emit('update:modelValue', value);
+    emit('input', value);
     // 当前model 赋值
     defaultValue.value = value;
     // 过一个生命周期再发送事件给u-form-item，否则this.$emit('update:modelValue')更新了父组件的值，但是微信小程序上

package/components/u-line-progress/u-line-progress.vue

@@ -65,7 +65,7 @@ const slots = useSlots();
 const progressStyle = computed(() => {
     let style: Record<string, string> = {};
     style.width = props.percent + '%';
-    if (props.activeColor) style.backgroundColor = props.activeColor;
+    if (!props.type && props.activeColor) style.backgroundColor = props.activeColor;
     return style;
 });
 </script>

package/components/u-link/types.ts

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

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

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

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

@@ -99,7 +99,7 @@ import { MessageInputProps } from './types';
  * @property {Boolean} focus 是否自动获取焦点（默认false）
  * @property {Boolean} bold 字体和输入横线是否加粗（默认true）
  * @property {String|Number} font-size 字体大小，单位rpx（默认60）
- * @property {String} active-color 当前激活输入框的样式（默认#2979ff）
+ * @property {String} active-color 当前激活输入框的样式（默认主题色primary）
  * @property {String} inactive-color 非激活输入框的样式，文字颜色同此值（默认#606266）
  * @property {String|Number} width 输入框宽度，单位rpx，高等于宽（默认80）
  * @property {Boolean} disabled-keyboard 禁止点击输入框唤起系统键盘（默认false）

package/components/u-modal/types.ts

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

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

@@ -88,7 +88,7 @@ import { ModalProps } from './types';
  * @property {String} confirm-text 确认按钮的文字内容（默认"确认"）
  * @property {String} cancel-text 取消按钮的文字内容（默认"取消"）
  * @property {String} cancel-color 取消按钮的颜色（默认"#606266"）
- * @property {String} confirm-color 确认按钮的文字内容（默认"#2979ff"）
+ * @property {String} confirm-color 确认按钮的文字内容（默认主题色primary）
  * @property {String | Number} border-radius 模态框圆角值，单位rpx（默认16）
  * @property {Object} title-style 自定义标题样式，对象形式
  * @property {Object} content-style 自定义内容样式，对象形式

package/components/u-picker/types.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { PickerMode, PickerParams } from '../../types/global';
+import { $u } from '../../';
 
 const defaultParams: PickerParams = {
     year: true,
@@ -33,6 +34,11 @@ export const PickerProps = {
         type: Array as PropType<any[]>,
         default: () => [0]
     },
+    /** 是否保留用户上次确认的选择（true：优先使用已保存选择；false：优先使用外部传入的 defaultSelector/defaultTime/defaultRegion） */
+    preserveSelection: {
+        type: Boolean,
+        default: true
+    },
     /** 当 range 是一个 Array<Object> 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容 */
     rangeKey: {
         type: String,
@@ -56,12 +62,12 @@ export const PickerProps = {
     /** "取消"按钮的颜色 */
     cancelColor: {
         type: String,
-        default: '#606266'
+        default: $u.color.contentColor
     },
     /** "确定"按钮的颜色 */
     confirmColor: {
         type: String,
-        default: '#2979ff'
+        default: $u.color.primary
     },
     /** 默认显示的时间，2025-07-02 || 2025-07-02 13:01:00 || 2025/07/02 */
     defaultTime: {