uview-pro 0.6.3 → 0.6.5

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

@@ -10,7 +10,7 @@
             @click="handleChange('prev')"
         >
             <u-icon v-if="showIcon" :name="prevIcon"></u-icon>
-            <text v-else>{{ prevText }}</text>
+            <text v-else>{{ getPrevText }}</text>
         </u-button>
         <view class="u-pagination-text">
             <slot>
@@ -29,7 +29,7 @@
             @click="handleChange('next')"
         >
             <u-icon v-if="showIcon" :name="nextIcon"></u-icon>
-            <text v-else>{{ nextText }}</text>
+            <text v-else>{{ getNextText }}</text>
         </u-button>
     </view>
 </template>
@@ -51,7 +51,9 @@ export default {
 import { computed } from 'vue';
 import { type PaginationEmits, PaginationProps } from './types';
 import type { PaginationDirection } from '../../types/global';
-import { $u } from '../../';
+import { $u, useLocale } from '../../';
+
+const { t } = useLocale();
 
 const props = defineProps(PaginationProps);
 const emit = defineEmits<PaginationEmits>();
@@ -64,6 +66,10 @@ const totalPages = computed(() => {
     return Math.ceil((props.total || 0) / size);
 });
 
+// 国际化计算属性
+const getPrevText = computed(() => props.prevText || t('uPagination.prevText'));
+const getNextText = computed(() => props.nextText || t('uPagination.nextText'));
+
 // 切换分页
 function handleChange(type: PaginationDirection) {
     // 先计算新值，确保获取到的是更新后的值

package/components/u-picker/types.ts

@@ -1,10 +1,8 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { PickerMode, PickerParams } from '../../types/global';
-import { getColor, useLocale } from '../../';
+import { getColor } from '../../';
 import zIndex from '../../libs/config/zIndex';
 
-const { t } = useLocale();
-
 const defaultParams: PickerParams = {
     year: true,
     month: true,
@@ -130,12 +128,12 @@ export const PickerProps = {
     /** 取消按钮的文字 */
     cancelText: {
         type: String,
-        default: () => t('uPicker.cancelText')
+        default: ''
     },
     /** 确认按钮的文字 */
     confirmText: {
         type: String,
-        default: () => t('uPicker.confirmText')
+        default: ''
     }
 };
 

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

@@ -19,7 +19,7 @@
                     :hover-stay-time="150"
                     @tap="getResult('cancel')"
                 >
-                    {{ cancelText }}
+                    {{ getCancelText }}
                 </view>
                 <view class="u-picker__title u-line-1">
                     <slot name="title">
@@ -34,7 +34,7 @@
                     @touchmove.stop=""
                     @tap.stop="getResult('confirm')"
                 >
-                    {{ confirmText }}
+                    {{ getConfirmText }}
                 </view>
             </view>
             <view class="u-picker-body">
@@ -169,7 +169,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 '../..';
+import { $u, useLocale } from '../..';
 
 /**
  * picker picker弹出选择器
@@ -206,6 +206,12 @@ const popupValue = computed({
 
 const emit = defineEmits(['update:modelValue', 'confirm', 'cancel', 'columnchange']);
 
+const { t } = useLocale();
+
+// 国际化计算属性
+const getCancelText = computed(() => props.cancelText || t('uPicker.cancelText'));
+const getConfirmText = computed(() => props.confirmText || t('uPicker.confirmText'));
+
 // 主要数据
 const years = ref<number[]>([]);
 const months = ref<number[]>([]);

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

@@ -1,7 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { getColor, useLocale } from '../../';
-
-const { t } = useLocale();
+import { getColor } from '../../';
 
 /**
  * ReadMoreProps 阅读更多 props 类型定义
@@ -23,9 +21,9 @@ export const ReadMoreProps = {
     /** 展开后是否显示"收起"按钮 */
     toggle: { type: Boolean, default: false },
     /** 关闭时的提示文字 */
-    closeText: { type: String, default: () => t('uReadMore.closeText') },
+    closeText: { type: String, default: '' },
     /** 展开时的提示文字 */
-    openText: { type: String, default: () => t('uReadMore.openText') },
+    openText: { type: String, default: '' },
     /** 提示的文字颜色 */
     color: { type: String, default: () => getColor('primary') },
     /** 提示文字的大小 */

package/components/u-read-more/u-read-more.vue

@@ -29,7 +29,7 @@
                     color: color
                 }"
             >
-                {{ showMore ? openText : closeText }}
+                {{ showMore ? getOpenText : getCloseText }}
             </text>
             <view class="u-content__showmore-wrap__readmore-btn__icon u-flex">
                 <u-icon :color="color" :size="fontSize" :name="showMore ? 'arrow-up' : 'arrow-down'"></u-icon>
@@ -53,7 +53,7 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, nextTick, getCurrentInstance } from 'vue';
-import { $u } from '../..';
+import { $u, useLocale } from '../..';
 import { ReadMoreProps } from './types';
 
 /**
@@ -78,6 +78,8 @@ const props = defineProps(ReadMoreProps);
 
 const emit = defineEmits(['open', 'close']);
 
+const { t } = useLocale();
+
 // 是否需要隐藏一部分内容
 const isLongContent = ref(false);
 // 当前隐藏与显示的状态，true-显示，false-收起
@@ -91,6 +93,9 @@ const innerShadowStyle = computed(() => {
     return showMore.value ? {} : props.shadowStyle;
 });
 
+const getOpenText = computed(() => props.openText || t('uReadMore.openText'));
+const getCloseText = computed(() => props.closeText || t('uReadMore.closeText'));
+
 // 监听 toggle 和 showHeight 变化，重新初始化
 watch(
     () => `${props.toggle}-${props.showHeight}`,

package/components/u-search/types.ts

@@ -1,68 +1,65 @@
-import type { ExtractPropTypes, PropType } from 'vue';
-import type { InputAlign, SearchShape } from '../../types/global';
-import { useLocale } from '../../';
-
-const { t } = useLocale();
-
-/**
- * SearchProps 搜索框 props 类型定义
- * @description 集成常见搜索框功能，开箱即用
- */
-export const SearchProps = {
-    /** 自定义根节点样式 */
-    customStyle: {
-        type: [String, Object] as PropType<string | Record<string, any>>,
-        default: () => ({})
-    },
-    /** 自定义根节点样式类 */
-    customClass: {
-        type: String as unknown as PropType<string>,
-        default: ''
-    },
-    /** 搜索框形状，round-圆形，square-方形 */
-    shape: { type: String as PropType<SearchShape>, default: 'round' },
-    /** 搜索框背景色，默认值var(--u-bg-gray-light) */
-    bgColor: { type: String, default: 'var(--u-bg-gray-light)' },
-    /** 占位提示文字 */
-    placeholder: { type: String, default: () => t('uSearch.placeholder') },
-    /** 是否启用清除控件 */
-    clearabled: { type: Boolean, default: true },
-    /** 是否自动聚焦 */
-    focus: { type: Boolean, default: false },
-    /** 是否在搜索框右侧显示取消按钮 */
-    showAction: { type: Boolean, default: true },
-    /** 右边控件的样式 */
-    actionStyle: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
-    /** 取消按钮文字 */
-    actionText: { type: String, default: () => t('uSearch.actionText') },
-    /** 输入框内容对齐方式，可选值为 left|center|right */
-    inputAlign: { type: String as PropType<InputAlign>, default: 'left' },
-    /** 是否启用输入框 */
-    disabled: { type: Boolean, default: false },
-    /** 开启showAction时，是否在input获取焦点时才显示 */
-    animation: { type: Boolean, default: false },
-    /** 边框颜色，只要配置了颜色，才会有边框 */
-    borderColor: { type: String, default: 'none' },
-    /** 输入框的初始化内容 */
-    modelValue: { type: String, default: '' },
-    /** 搜索框高度，单位rpx */
-    height: { type: [Number, String] as PropType<number | string>, default: 64 },
-    /** input输入框的样式，可以定义文字颜色，大小等，对象形式 */
-    inputStyle: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
-    /** 输入框最大能输入的长度，-1为不限制长度(来自uniapp文档) */
-    maxlength: { type: [Number, String] as PropType<number | string>, default: '-1' },
-    /** 搜索图标的颜色，默认同输入框字体颜色 */
-    searchIconColor: { type: String, default: '' },
-    /** 输入框字体颜色 */
-    color: { type: String, default: 'var(--u-content-color)' },
-    /** placeholder的颜色 */
-    placeholderColor: { type: String, default: 'var(--u-tips-color)' },
-    /** 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30rpx"、"30rpx 20rpx"等写法 */
-    margin: { type: String, default: '0' },
-    /** 左边输入框的图标，可以为uView图标名称或图片路径 */
-    searchIcon: { type: String, default: 'search' },
-    /** 弹出键盘时是否自动调节高度，uni-app默认值是true */
-    adjustPosition: { type: Boolean, default: true }
-};
-
-export type SearchProps = ExtractPropTypes<typeof SearchProps>;
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { InputAlign, SearchShape } from '../../types/global';
+
+/**
+ * SearchProps 搜索框 props 类型定义
+ * @description 集成常见搜索框功能，开箱即用
+ */
+export const SearchProps = {
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
+    /** 搜索框形状，round-圆形，square-方形 */
+    shape: { type: String as PropType<SearchShape>, default: 'round' },
+    /** 搜索框背景色，默认值var(--u-bg-gray-light) */
+    bgColor: { type: String, default: 'var(--u-bg-gray-light)' },
+    /** 占位提示文字 */
+    placeholder: { type: String, default: '' },
+    /** 是否启用清除控件 */
+    clearabled: { type: Boolean, default: true },
+    /** 是否自动聚焦 */
+    focus: { type: Boolean, default: false },
+    /** 是否在搜索框右侧显示取消按钮 */
+    showAction: { type: Boolean, default: true },
+    /** 右边控件的样式 */
+    actionStyle: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
+    /** 取消按钮文字 */
+    actionText: { type: String, default: '' },
+    /** 输入框内容对齐方式，可选值为 left|center|right */
+    inputAlign: { type: String as PropType<InputAlign>, default: 'left' },
+    /** 是否启用输入框 */
+    disabled: { type: Boolean, default: false },
+    /** 开启showAction时，是否在input获取焦点时才显示 */
+    animation: { type: Boolean, default: false },
+    /** 边框颜色，只要配置了颜色，才会有边框 */
+    borderColor: { type: String, default: 'none' },
+    /** 输入框的初始化内容 */
+    modelValue: { type: String, default: '' },
+    /** 搜索框高度，单位rpx */
+    height: { type: [Number, String] as PropType<number | string>, default: 64 },
+    /** input输入框的样式，可以定义文字颜色，大小等，对象形式 */
+    inputStyle: { type: Object as PropType<Record<string, any>>, default: () => ({}) },
+    /** 输入框最大能输入的长度，-1为不限制长度(来自uniapp文档) */
+    maxlength: { type: [Number, String] as PropType<number | string>, default: '-1' },
+    /** 搜索图标的颜色，默认同输入框字体颜色 */
+    searchIconColor: { type: String, default: '' },
+    /** 输入框字体颜色 */
+    color: { type: String, default: 'var(--u-content-color)' },
+    /** placeholder的颜色 */
+    placeholderColor: { type: String, default: 'var(--u-tips-color)' },
+    /** 组件与其他上下左右元素之间的距离，带单位的字符串形式，如"30rpx"、"30rpx 20rpx"等写法 */
+    margin: { type: String, default: '0' },
+    /** 左边输入框的图标，可以为uView图标名称或图片路径 */
+    searchIcon: { type: String, default: 'search' },
+    /** 弹出键盘时是否自动调节高度，uni-app默认值是true */
+    adjustPosition: { type: Boolean, default: true }
+};
+
+export type SearchProps = ExtractPropTypes<typeof SearchProps>;