hy-app 0.5.20 → 0.6.0

package/components/hy-address-picker/hy-address-picker.vue

@@ -15,7 +15,7 @@
                     :color="input?.color"
                     :fontSize="input?.fontSize"
                     :inputAlign="input?.inputAlign"
-                    :placeholder="input?.placeholder || '请选择地址'"
+                    :placeholder="input?.placeholder || t('placeholder')"
                     :placeholderStyle="input?.placeholderStyle"
                     :placeholderClass="input?.placeholderClass"
                     :customStyle="Object.assign({ 'pointer-events': 'none' }, input?.customStyle)"
@@ -75,6 +75,7 @@ import { onMounted, ref, toRefs } from 'vue'
 import type { IAddressPickerEmits } from './typing'
 import address from '../../libs/utils/address.json'
 import addressPickerProps from './props'
+import { useTranslate } from '../../libs'
 // 组件
 import HyInput from '../hy-input/hy-input.vue'
 import HyPicker from '../hy-picker/hy-picker.vue'
@@ -89,6 +90,7 @@ const props = defineProps(addressPickerProps)
 const { show, modelValue, hasInput, input, separator, closeOnClickOverlay } = toRefs(props)
 const emit = defineEmits<IAddressPickerEmits>()
 
+const { t } = useTranslate('addressPicker')
 // 原来的日期选择器不方便，这里增加一个hasInput选项支持类似element的自带输入框的功能。
 const inputValue = ref<string>('') // 表单显示值
 const showByClickInput = ref<boolean>(false) // 是否在hasInput模式下显示日期选择

package/components/hy-address-picker/props.ts

@@ -1,100 +1,103 @@
-import type { CSSProperties, PropType } from "vue";
-import type HyInputProps from "../hy-input/typing";
-
-const addressPickerProps = {
-  /** 用于控制选择器的弹出和收起 */
-  show: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * 弹出层弹出方向
-   * @values top,bottom
-   * */
-  popupMode: {
-    type: String,
-    default: "bottom",
-  },
-  /** 是否显示顶部的操作栏 */
-  showToolbar: {
-    type: Boolean,
-    default: true,
-  },
-  /** 绑定值 */
-  modelValue: {
-    type: String,
-    default: "",
-    required: true,
-  },
-  /** 顶部标题 */
-  title: String,
-  /** 字符串截取数组条件 */
-  separator: {
-    type: String,
-    default: " ",
-  },
-  /** 是否显示加载中状态 */
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-  /** 各列中，单个选项的高度 */
-  itemHeight: {
-    type: Number,
-    default: 44,
-  },
-  /** 取消按钮的文字 */
-  cancelText: {
-    type: String,
-    default: "取消",
-  },
-  /** 确认按钮的文字 */
-  confirmText: {
-    type: String,
-    default: "确认",
-  },
-  /** 取消按钮的颜色 */
-  cancelColor: {
-    type: String,
-    default: "#909193",
-  },
-  /** 确认按钮的颜色 */
-  confirmColor: {
-    type: String,
-    default: "#3c9cff",
-  },
-  /** 每列中可见选项的数量 */
-  visibleItemCount: {
-    type: Number,
-    default: 5,
-  },
-  /** 是否允许点击遮罩关闭选择器 */
-  closeOnClickOverlay: {
-    type: Boolean,
-    default: false,
-  },
-  /** 各列的默认索引 */
-  defaultIndex: {
-    type: Array as PropType<Array<any>>,
-  },
-  /** 是否显示输入框 */
-  hasInput: {
-    type: Boolean,
-    default: false,
-  },
-  /** 输入框集合属性 */
-  input: {
-    type: Object as PropType<HyInputProps>,
-  },
-  /** 右边插槽 */
-  toolbarRightSlot: {
-    type: Boolean,
-    default: false,
-  },
-  /** 自定义输入框外部样式 */
-  customStyle: {
-    type: Object as PropType<CSSProperties>,
-  },
-};
-
-export default addressPickerProps;
+import type { CSSProperties, PropType } from 'vue'
+import type { HyInputProps } from '../hy-input/typing'
+import { useTranslate } from '../../libs'
+
+const { t } = useTranslate('addressPicker')
+
+const addressPickerProps = {
+    /** 用于控制选择器的弹出和收起 */
+    show: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 弹出层弹出方向
+     * @values top,bottom
+     * */
+    popupMode: {
+        type: String,
+        default: 'bottom'
+    },
+    /** 是否显示顶部的操作栏 */
+    showToolbar: {
+        type: Boolean,
+        default: true
+    },
+    /** 绑定值 */
+    modelValue: {
+        type: String,
+        default: '',
+        required: true
+    },
+    /** 顶部标题 */
+    title: String,
+    /** 字符串截取数组条件 */
+    separator: {
+        type: String,
+        default: ' '
+    },
+    /** 是否显示加载中状态 */
+    loading: {
+        type: Boolean,
+        default: false
+    },
+    /** 各列中，单个选项的高度 */
+    itemHeight: {
+        type: Number,
+        default: 44
+    },
+    /** 取消按钮的文字 */
+    cancelText: {
+        type: String,
+        default: () => t('cancel')
+    },
+    /** 确认按钮的文字 */
+    confirmText: {
+        type: String,
+        default: () => t('confirm')
+    },
+    /** 取消按钮的颜色 */
+    cancelColor: {
+        type: String,
+        default: '#909193'
+    },
+    /** 确认按钮的颜色 */
+    confirmColor: {
+        type: String,
+        default: '#3c9cff'
+    },
+    /** 每列中可见选项的数量 */
+    visibleItemCount: {
+        type: Number,
+        default: 5
+    },
+    /** 是否允许点击遮罩关闭选择器 */
+    closeOnClickOverlay: {
+        type: Boolean,
+        default: false
+    },
+    /** 各列的默认索引 */
+    defaultIndex: {
+        type: Array as PropType<Array<any>>
+    },
+    /** 是否显示输入框 */
+    hasInput: {
+        type: Boolean,
+        default: false
+    },
+    /** 输入框集合属性 */
+    input: {
+        type: Object as PropType<HyInputProps>
+    },
+    /** 右边插槽 */
+    toolbarRightSlot: {
+        type: Boolean,
+        default: false
+    },
+    /** 自定义输入框外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    }
+}
+
+export default addressPickerProps

package/components/hy-calendar/header.vue

@@ -1,60 +1,58 @@
-<template>
-    <view class="hy-calendar--header hy-border-bottom">
-        <text class="hy-calendar--header__title" v-if="showTitle">{{ title }}</text>
-        <text class="hy-calendar--header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
-        <view class="hy-calendar--header__weekdays">
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[0] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[1] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[2] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[3] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[4] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[5] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[6] }}</text>
-        </view>
-    </view>
-</template>
-
-<script>
-export default {
-    name: 'hy-calendar-header',
-    props: {
-        // 标题
-        title: {
-            type: String,
-            default: ''
-        },
-        // 副标题
-        subtitle: {
-            type: String,
-            default: ''
-        },
-        // 是否显示标题
-        showTitle: {
-            type: Boolean,
-            default: true
-        },
-        // 是否显示副标题
-        showSubtitle: {
-            type: Boolean,
-            default: true
-        },
-        // 星期文本
-        weekText: {
-            type: Array,
-            default: () => {
-                return ['一', '二', '三', '四', '五', '六', '日']
-            }
-        }
-    },
-    data() {
-        return {}
-    },
-    methods: {
-        name() {}
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view class="hy-calendar--header hy-border-bottom">
+        <text class="hy-calendar--header__title" v-if="showTitle">{{ title }}</text>
+        <text class="hy-calendar--header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
+        <view class="hy-calendar--header__weekdays">
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[0] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[1] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[2] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[3] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[4] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[5] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[6] }}</text>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'hy-calendar-header',
+    props: {
+        // 标题
+        title: {
+            type: String,
+            default: ''
+        },
+        // 副标题
+        subtitle: {
+            type: String,
+            default: ''
+        },
+        // 是否显示标题
+        showTitle: {
+            type: Boolean,
+            default: true
+        },
+        // 是否显示副标题
+        showSubtitle: {
+            type: Boolean,
+            default: true
+        },
+        // 星期文本
+        weekText: {
+            type: Array,
+            default: () => []
+        }
+    },
+    data() {
+        return {}
+    },
+    methods: {
+        name() {}
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>