uview-pro 0.6.4 → 0.6.5

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>;