hy-app 0.5.9 → 0.5.11

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

@@ -1,142 +1,142 @@
-import { DateModeEnum } from '../../libs'
-import type { CSSProperties, PropType } from 'vue'
-import type HyInputProps from '../hy-input/typing'
-
-const datetimePickerProps = {
-    /** 用于控制选择器的弹出和收起 */
-    show: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 弹出层弹出方向
-     * @values bottom,top
-     * */
-    popupMode: {
-        type: String,
-        default: 'bottom'
-    },
-    /** 是否显示顶部的操作栏 */
-    showToolbar: {
-        type: Boolean,
-        default: true
-    },
-    /** 绑定值 */
-    modelValue: {
-        type: [String, Number, Date],
-        default: ''
-    },
-    /** 顶部标题 */
-    title: String,
-    /**
-     * 展示格式 mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择
-     * @values date,time,year-month,datetime
-     * */
-    mode: {
-        type: String,
-        default: DateModeEnum.DATETIME
-    },
-    /** 可选的最大时间  默认值为后10年 */
-    maxDate: {
-        type: Number,
-        default: new Date(new Date().getFullYear() + 10, 0, 1).getTime()
-    },
-    /** 可选的最小时间  默认值为前10年 */
-    minDate: {
-        type: Number,
-        default: new Date(new Date().getFullYear() - 10, 0, 1).getTime()
-    },
-    /** 可选的最小小时，仅mode=time有效 */
-    minHour: {
-        type: Number,
-        default: 0
-    },
-    /** 可选的最大小时，仅mode=time有效 */
-    maxHour: {
-        type: Number,
-        default: 23
-    },
-    /** 可选的最小分钟，仅mode=time有效 */
-    minMinute: {
-        type: Number,
-        default: 0
-    },
-    /** 可选的最大分钟，仅mode=time有效 */
-    maxMinute: {
-        type: Number,
-        default: 59
-    },
-    /** 选项过滤函数 */
-    filter: Function,
-    /** 选项格式化函数 */
-    formatter: Function,
-    /** 是否显示加载中状态 */
-    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,
-        default: () => []
-    },
-    /** 输入框是否显示边框 */
-    hasInput: {
-        type: Boolean,
-        default: false
-    },
-    /** 输入框集合属性 */
-    input: {
-        type: Object as PropType<HyInputProps>
-    },
-    /** 自定义时间格式 */
-    format: String,
-    /** 右边插槽 */
-    toolbarRightSlot: {
-        type: Boolean,
-        default: false
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default datetimePickerProps
+import { DateModeEnum } from '../../libs'
+import type { CSSProperties, PropType } from 'vue'
+import type HyInputProps from '../hy-input/typing'
+
+const datetimePickerProps = {
+    /** 用于控制选择器的弹出和收起 */
+    show: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 弹出层弹出方向
+     * @values bottom,top
+     * */
+    popupMode: {
+        type: String,
+        default: 'bottom'
+    },
+    /** 是否显示顶部的操作栏 */
+    showToolbar: {
+        type: Boolean,
+        default: true
+    },
+    /** 绑定值 */
+    modelValue: {
+        type: [String, Number, Date],
+        default: ''
+    },
+    /** 顶部标题 */
+    title: String,
+    /**
+     * 展示格式 mode=date为日期选择，mode=time为时间选择，mode=year-month为年月选择，mode=datetime为日期时间选择
+     * @values date,time,year-month,datetime
+     * */
+    mode: {
+        type: String,
+        default: DateModeEnum.DATETIME
+    },
+    /** 可选的最大时间  默认值为后10年 */
+    maxDate: {
+        type: Number,
+        default: new Date(new Date().getFullYear() + 10, 0, 1).getTime()
+    },
+    /** 可选的最小时间  默认值为前10年 */
+    minDate: {
+        type: Number,
+        default: new Date(new Date().getFullYear() - 10, 0, 1).getTime()
+    },
+    /** 可选的最小小时，仅mode=time有效 */
+    minHour: {
+        type: Number,
+        default: 0
+    },
+    /** 可选的最大小时，仅mode=time有效 */
+    maxHour: {
+        type: Number,
+        default: 23
+    },
+    /** 可选的最小分钟，仅mode=time有效 */
+    minMinute: {
+        type: Number,
+        default: 0
+    },
+    /** 可选的最大分钟，仅mode=time有效 */
+    maxMinute: {
+        type: Number,
+        default: 59
+    },
+    /** 选项过滤函数 */
+    filter: Function,
+    /** 选项格式化函数 */
+    formatter: Function,
+    /** 是否显示加载中状态 */
+    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,
+        default: () => []
+    },
+    /** 输入框是否显示边框 */
+    hasInput: {
+        type: Boolean,
+        default: false
+    },
+    /** 输入框集合属性 */
+    input: {
+        type: Object as PropType<HyInputProps>
+    },
+    /** 自定义时间格式 */
+    format: String,
+    /** 右边插槽 */
+    toolbarRightSlot: {
+        type: Boolean,
+        default: false
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default datetimePickerProps

package/components/hy-datetime-picker/typing.d.ts

@@ -1,20 +1,20 @@
-import { DateModeEnum } from '../../typing'
-
-type IParam = {
-    /** 值 */
-    value: string | number
-    /** 时间模型 */
-    mode: DateModeEnum
-}
-export interface IDatetimePickerEmits {
-    /** 关闭选择器时触发 */
-    (e: 'close'): void
-    /** 点击取消按钮 */
-    (e: 'cancel'): void
-    /** 点击确定按钮，返回当前选择的值 */
-    (e: 'confirm', param: IParam): void
-    /** 当选择值变化时触发 */
-    (e: 'change', param: IParam): void
-    /** 更新值触发 */
-    (e: 'update:modelValue', value: IParam['value']): void
-}
+import { DateModeEnum } from '../../typing'
+
+type IParam = {
+    /** 值 */
+    value: string | number
+    /** 时间模型 */
+    mode: DateModeEnum
+}
+export interface IDatetimePickerEmits {
+    /** 关闭选择器时触发 */
+    (e: 'close'): void
+    /** 点击取消按钮 */
+    (e: 'cancel'): void
+    /** 点击确定按钮，返回当前选择的值 */
+    (e: 'confirm', param: IParam): void
+    /** 当选择值变化时触发 */
+    (e: 'change', param: IParam): void
+    /** 更新值触发 */
+    (e: 'update:modelValue', value: IParam['value']): void
+}

package/components/hy-divider/hy-divider.vue

@@ -1,132 +1,132 @@
-<template>
-    <view :class="['hy-divider', customClass]" :style="dividerStyle">
-        <hy-line
-            :color="lineColor"
-            :customStyle="leftLineStyle"
-            :style="leftLineStyle"
-            :hairline="hairline"
-            :dashed="dashed"
-        ></hy-line>
-        <hy-loading :show="text === 'loading'" size="18" mode="spinner"></hy-loading>
-        <text v-if="dot" class="hy-divider__dot">●</text>
-        <text v-else-if="text" class="hy-divider__text" :style="textStyle">{{ content }}</text>
-        <hy-line
-            :color="lineColor"
-            :customStyle="rightLineStyle"
-            :style="rightLineStyle"
-            :hairline="hairline"
-            :dashed="dashed"
-        ></hy-line>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-divider',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { CSSProperties } from 'vue'
-import { addUnit } from '../../libs'
-import dividerProps from './props'
-// 组件
-import HyLine from '../hy-line/hy-line.vue'
-import HyLoading from '../hy-loading/hy-loading.vue'
-
-/**
- * 区隔内容的分割线，一般用于页面底部"没有更多"的提示
- * @displayName hy-divider
- */
-defineOptions({})
-
-const props = defineProps(dividerProps)
-
-const isLoad = ['loadMore', 'loading', 'noMore'].includes(props.text)
-
-/**
- * @description 分割线样式
- * */
-const dividerStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {}
-    style.marginTop = addUnit(props.marginTop) || isLoad ? '20px' : addUnit(props.marginTop)
-    style.marginBottom =
-        addUnit(props.marginBottom) || isLoad ? '20px' : addUnit(props.marginBottom)
-    return Object.assign(style, props.customStyle)
-})
-/**
- * @description 文本内容
- * */
-const content = computed(() => {
-    let text
-    switch (props.text) {
-        case 'loadMore':
-            text = props.loadMoreText
-            break
-        case 'loading':
-            text = props.loadingText
-            break
-        case 'noMore':
-            text = props.noMoreText
-            break
-        default:
-            text = props.text
-            break
-    }
-    return text
-})
-/**
- * @description 文本内容样式
- * */
-const textStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {}
-    style.fontSize = addUnit(props.textSize)
-    style.color = props.textColor
-    return style
-})
-
-/**
- * @description 左边线条的的样式
- * */
-const leftLineStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {
-        marginRight: '20rpx'
-    }
-    // 如果是在左边，设置左边的宽度为固定值
-    if (isLoad) {
-        style.width = '80px'
-    } else if (props.textPosition === 'left') {
-        style.width = '80rpx'
-    } else {
-        style.flex = 1
-    }
-    return style
-})
-/**
- * @description 右边线条的的样式
- * */
-const rightLineStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {
-        marginLeft: '20rpx'
-    }
-    // 如果是在右边，设置右边的宽度为固定值
-    if (isLoad) {
-        style.width = '80px'
-    } else if (props.textPosition === 'right') {
-        style.width = '80rpx'
-    } else {
-        style.flex = 1
-    }
-    return style
-})
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view :class="['hy-divider', customClass]" :style="dividerStyle">
+        <hy-line
+            :color="lineColor"
+            :customStyle="leftLineStyle"
+            :style="leftLineStyle"
+            :hairline="hairline"
+            :dashed="dashed"
+        ></hy-line>
+        <hy-loading :show="text === 'loading'" size="18" mode="spinner"></hy-loading>
+        <text v-if="dot" class="hy-divider__dot">●</text>
+        <text v-else-if="text" class="hy-divider__text" :style="textStyle">{{ content }}</text>
+        <hy-line
+            :color="lineColor"
+            :customStyle="rightLineStyle"
+            :style="rightLineStyle"
+            :hairline="hairline"
+            :dashed="dashed"
+        ></hy-line>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-divider',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { CSSProperties } from 'vue'
+import { addUnit } from '../../libs'
+import dividerProps from './props'
+// 组件
+import HyLine from '../hy-line/hy-line.vue'
+import HyLoading from '../hy-loading/hy-loading.vue'
+
+/**
+ * 区隔内容的分割线，一般用于页面底部"没有更多"的提示
+ * @displayName hy-divider
+ */
+defineOptions({})
+
+const props = defineProps(dividerProps)
+
+const isLoad = ['loadMore', 'loading', 'noMore'].includes(props.text)
+
+/**
+ * @description 分割线样式
+ * */
+const dividerStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {}
+    style.marginTop = addUnit(props.marginTop) || isLoad ? '20px' : addUnit(props.marginTop)
+    style.marginBottom =
+        addUnit(props.marginBottom) || isLoad ? '20px' : addUnit(props.marginBottom)
+    return Object.assign(style, props.customStyle)
+})
+/**
+ * @description 文本内容
+ * */
+const content = computed(() => {
+    let text
+    switch (props.text) {
+        case 'loadMore':
+            text = props.loadMoreText
+            break
+        case 'loading':
+            text = props.loadingText
+            break
+        case 'noMore':
+            text = props.noMoreText
+            break
+        default:
+            text = props.text
+            break
+    }
+    return text
+})
+/**
+ * @description 文本内容样式
+ * */
+const textStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {}
+    style.fontSize = addUnit(props.textSize)
+    style.color = props.textColor
+    return style
+})
+
+/**
+ * @description 左边线条的的样式
+ * */
+const leftLineStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {
+        marginRight: '20rpx'
+    }
+    // 如果是在左边，设置左边的宽度为固定值
+    if (isLoad) {
+        style.width = '80px'
+    } else if (props.textPosition === 'left') {
+        style.width = '80rpx'
+    } else {
+        style.flex = 1
+    }
+    return style
+})
+/**
+ * @description 右边线条的的样式
+ * */
+const rightLineStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {
+        marginLeft: '20rpx'
+    }
+    // 如果是在右边，设置右边的宽度为固定值
+    if (isLoad) {
+        style.width = '80px'
+    } else if (props.textPosition === 'right') {
+        style.width = '80rpx'
+    } else {
+        style.flex = 1
+    }
+    return style
+})
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>