uview-pro 0.3.5 → 0.3.7

package/changelog.md

@@ -1,3 +1,49 @@
+## 0.3.7（2025-10-28）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **u-index-list:** 修复 u-index-list 组件中 indexList 的响应式，确保数据正确对应，滚动到正确的锚点 ([536479b](https://github.com/anyup/uView-Pro/commit/536479b0c444f50892c789191265b373297ec0b5))
+- **u-form:** 优化 u-form-item 组件样式，修复微信小程序光标样式偏移问题 ([7e6694b](https://github.com/anyup/uView-Pro/commit/7e6694b5db11f654b081d10bb83d53c99437c730))
+- **u-form:** 优化 model 属性的响应式更新，修复 model 对象整体替换导致的表单校验失效问题 ([bc49b5b](https://github.com/anyup/uView-Pro/commit/bc49b5b2fa6f51c803d64252184f5eba93a0d3c1))
+- **u-form:** 修复 u-form 的重置表单方法 resetFields 失效问题 ([a31f800](https://github.com/anyup/uView-Pro/commit/a31f800e206fa9671bdd0d6a46ca7a4afba6aefd))
+- **u-checkbox:** 修复 u-checkbox 单独使用报错的问题 ([dad2832](https://github.com/anyup/uView-Pro/commit/dad2832a2e7219b0454ec97970c9cb8f4fac0625))
+
+### ✨ Features | 新功能
+
+- **u-textarea:** 新增 u-textarea 组件及演示示例，增强 textarea 功能，分离 u-input 的 textarea 模式 ([efbb75e](https://github.com/anyup/uView-Pro/commit/efbb75e21a044a664267930396ce496fd64d33fe))
+- **u-input:** 增强 u-input 的 textarea 字数统计功能 ([5e14354](https://github.com/anyup/uView-Pro/commit/5e14354a2e34768650cd2417f81b14cdbbced132))
+- **u-form:** 增强表单校验功能，发射校验错误，便于自定义提示 ([a553b53](https://github.com/anyup/uView-Pro/commit/a553b53581cc470938030c0f1f8d5f7671d8c25a))
+
+### ♻️ Code Refactoring | 代码重构
+
+- **form:** 优化表单组件的提示文本 ([04b5fc7](https://github.com/anyup/uView-Pro/commit/04b5fc7a071835425786958c5f6de04e233c151c))
+
+### 👥 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 修复

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/u-checkbox.vue

@@ -180,7 +180,7 @@ function setValue() {
         emitEvent();
         emit('update:modelValue', false);
     } else {
-        if (!parentExposed.value?.validateSelection()) {
+        if (parentExposed?.value?.validateSelection && !parentExposed?.value?.validateSelection()) {
             return;
         }
         emitEvent();

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-form/u-form.vue

@@ -19,7 +19,7 @@ export default {
 
 <script setup lang="ts">
 import { FormProps } from './types';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import { $u, useParent } from '../..';
 
 /**
@@ -41,6 +41,11 @@ const props = defineProps(FormProps);
 
 useParent('u-form');
 
+interface ErrorItem {
+    prop: string;
+    message: string;
+}
+
 // 存储当前form下的所有u-form-item的实例
 const fields = ref<any[]>([]);
 
@@ -69,15 +74,15 @@ function resetFields() {
  * @param callback 校验回调
  * @returns Promise<boolean>
  */
-function validate(callback?: (valid: boolean) => void): Promise<boolean> {
+function validate(callback?: (valid: boolean, errorArr: ErrorItem[]) => void): Promise<boolean> {
     return new Promise(resolve => {
         // 对所有的u-form-item进行校验
         let valid = true; // 默认通过
         let count = 0; // 用于标记是否检查完毕
-        let errorArr: any[] = []; // 存放错误信息
+        let errorArr: ErrorItem[] = []; // 存放错误信息
         if (fields.value.length === 0) {
             resolve(true);
-            if (typeof callback === 'function') callback(true);
+            if (typeof callback === 'function') callback(true, []);
             return;
         }
         // 调用每一个u-form-item实例的validation的校验方法
@@ -87,7 +92,7 @@ function validate(callback?: (valid: boolean) => void): Promise<boolean> {
                 field.validation('', (error: any) => {
                     if (error) {
                         valid = false;
-                        errorArr.push(error);
+                        errorArr.push({ prop: field.prop, message: error });
                     }
                     // 当历遍了所有的u-form-item时，调用promise的then方法
                     if (++count === fields.value.length) {
@@ -96,12 +101,12 @@ function validate(callback?: (valid: boolean) => void): Promise<boolean> {
                         if (
                             props.errorType.indexOf('none') === -1 &&
                             props.errorType.indexOf('toast') >= 0 &&
-                            errorArr.length
+                            errorArr.length > 0
                         ) {
-                            $u.toast(errorArr[0]);
+                            errorArr[0].message && $u.toast(errorArr[0].message);
                         }
                         // 调用回调方法
-                        if (typeof callback === 'function') callback(valid);
+                        if (typeof callback === 'function') callback(valid, errorArr);
                     }
                 });
         });
@@ -121,7 +126,7 @@ defineExpose({
     fields,
     rules,
     props,
-    model: props.model
+    model: computed(() => props.model)
 });
 </script>
 

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

@@ -269,7 +269,7 @@ function getFilteredRule(triggerType = '') {
  */
 function validation(trigger: string, callback: (msg: string) => void = () => {}) {
     // 检验之前，先获取需要校验的值
-    fieldValue.value = parentExposed?.value?.model?.[props.prop];
+    fieldValue.value = parentExposed?.value?.model?.value[props.prop];
     // blur和change是否有当前方式的校验规则
     let rules = getFilteredRule(trigger);
     // 判断是否有验证规则，如果没有规则，也调用回调方法，否则父组件u-form会因为
@@ -295,11 +295,14 @@ function validation(trigger: string, callback: (msg: string) => void = () => {})
  * 清空当前的u-form-item
  */
 function resetField() {
-    if (parentExposed?.value?.model && props.prop) {
-        parentExposed.value.model[props.prop] = initialValue.value;
+    if (parentExposed?.value?.model?.value && props.prop) {
+        parentExposed.value.model.value[props.prop] = initialValue.value;
     }
     // 设置为`success`状态，只是为了清空错误标记
-    validateState.value = 'success';
+    // 延时50毫秒，如果立即清空状态，则无法清空错误标记
+    setTimeout(() => {
+        validateState.value = 'success';
+    }, 50);
 }
 
 // 组件挂载时注册到父表单
@@ -322,7 +325,7 @@ onMounted(() => {
                     });
                 errorType.value = parentExposed?.value?.errorType || errorType.value;
                 // 设置初始值
-                fieldValue.value = parentExposed?.value?.model?.[props.prop];
+                fieldValue.value = parentExposed?.value?.model?.value[props.prop];
                 // 设置初始值
                 initialValue.value = fieldValue.value;
             }
@@ -355,7 +358,7 @@ defineExpose({
     font-size: 28rpx;
     color: $u-main-color;
     box-sizing: border-box;
-    line-height: $u-form-item-height;
+    // line-height: $u-form-item-height;
     flex-direction: column;
 
     &__border-bottom--error:after {

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>
  */
@@ -95,7 +95,7 @@ const stickyOffsetTop = ref(0);
 // 弹出toast的z-index值
 const alertZIndex = computed(() => $u.zIndex.toast).value;
 // indexList 响应式
-const indexList = computed(() => props.indexList ?? getIndexList()).value;
+const indexList = computed(() => props?.indexList ?? getIndexList());
 const zIndex = computed(() => props.zIndex).value;
 const activeColor = computed(() => props.activeColor).value;
 
@@ -278,7 +278,7 @@ function scrollToAnchor(index: number) {
         return;
     }
     scrollToAnchorIndex.value = index;
-    const anchor = children.find(item => item.getExposed().props.index === indexList[index]);
+    const anchor = children.find(item => item.getExposed().props.index === indexList.value[index]);
     if (anchor) {
         emit('select', anchor.getExposed().props.index);
         uni.pageScrollTo({

package/components/u-input/types.ts

@@ -39,6 +39,11 @@ export const InputProps = {
         type: [Number, String] as PropType<number | string>,
         default: 140
     },
+    // 是否显示统计字数，仅textarea有效
+    count: {
+        type: Boolean,
+        default: false
+    },
     /** placeholder的样式，字符串形式，如"color: red;"(默认 "color: #c0c4cc;") */
     placeholderStyle: {
         type: String,

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

@@ -9,7 +9,7 @@
             customClass
         ]"
         :style="{
-            padding: `0 ${border ? 20 : 0}rpx`,
+            padding: type === 'textarea' ? (border ? '20rpx' : '0') : `0 ${border ? 20 : 0}rpx`,
             borderColor: borderColor,
             textAlign: inputAlign
         }"
@@ -88,6 +88,15 @@
                 <u-icon name="arrow-down-fill" size="26" color="#c0c4cc"></u-icon>
             </view>
         </view>
+        <text
+            class="u-input__count"
+            :style="{
+                'background-color': props.disabled ? 'transparent' : '#fff'
+            }"
+            v-if="props.type === 'textarea' && props.count"
+        >
+            {{ String(defaultValue).length }}/{{ props.maxlength }}
+        </text>
     </view>
 </template>
 
@@ -167,10 +176,10 @@ function handleInput(event: any) {
     let value = event.detail.value;
     // 判断是否去除空格
     if (props.trim) value = $u.trim(value);
-    emit('update:modelValue', value);
-    emit('input', value);
     // 当前model 赋值
     defaultValue.value = value;
+    emit('update:modelValue', value);
+    emit('input', value);
     // 过一个生命周期再发送事件给u-form-item，否则this.$emit('update:modelValue')更新了父组件的值，但是微信小程序上
     // 尚未更新到u-form-item，导致获取的值为空，从而校验混论
     // 这里不能延时时间太短，或者使用this.$nextTick，否则在头条上，会造成混乱
@@ -192,12 +201,12 @@ function handleInput(event: any) {
 function handleBlur(event: any) {
     // 最开始使用的是监听图标@touchstart事件，自从hx2.8.4后，此方法在微信小程序出错
     // 这里改为监听点击事件，手点击清除图标时，同时也发生了@blur事件，导致图标消失而无法点击，这里做一个延时
-    let value = event.detail.value;
     setTimeout(() => {
         focused.value = false;
     }, 100);
-    emit('blur', value);
     setTimeout(() => {
+        let value = String(defaultValue.value);
+        emit('blur', value);
         // 头条小程序由于自身bug，导致中文下，每按下一个键(尚未完成输入)，都会触发一次@input，导致错误，这里进行判断处理
         // #ifdef MP-TOUTIAO
         if ($u.trim(value) == lastValue.value) return;
@@ -226,7 +235,7 @@ function onClear(event: any) {
     } catch (e) {
         console.log(e);
     }
-    emit('update:modelValue', '');
+    handleInput({ detail: { value: '' } });
 }
 
 function inputClick() {
@@ -257,13 +266,24 @@ defineExpose({
         width: auto;
         font-size: 28rpx;
         color: $u-main-color;
-        padding: 10rpx 0;
+        // padding: 10rpx 0;
         line-height: normal;
         flex: 1;
     }
 
+    &__count {
+        position: absolute;
+        right: 1px;
+        bottom: 0;
+        font-size: 12px;
+        color: $u-tips-color;
+        background-color: #ffffff;
+        padding: 1px 4px;
+        border-radius: 10px;
+        line-height: 16px;
+    }
+
     &--border {
-        border-radius: 6rpx;
         border-radius: 4px;
         border: 1px solid $u-form-item-border-color;
     }

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: {