hy-app 0.5.9 → 0.5.11

package/components/hy-calendar/props.ts

@@ -1,159 +1,159 @@
-import type IProps from './typing'
-import type { PropType } from 'vue'
-
-const calendarProps = {
-    /** 是否显示日历弹窗 */
-    show: {
-        type: Boolean,
-        default: false,
-        required: true
-    },
-    /** 标题内容 */
-    title: {
-        type: String,
-        default: '日期选选择'
-    },
-    /** 是否显示标题 */
-    showTitle: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否显示副标题 */
-    showSubtitle: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 日期类型选择
-     * @values single,range,multiple
-     * */
-    mode: {
-        type: String,
-        default: 'single'
-    },
-    /** mode=range时，第一个日期底部的提示文字 */
-    startText: {
-        type: String,
-        default: '开始'
-    },
-    /** mode=range时，最后一个日期底部的提示文字 */
-    endText: {
-        type: String,
-        default: '结束'
-    },
-    /** 自定义列表 */
-    customList: {
-        type: Array as PropType<any[]>,
-        default: []
-    },
-    /** 主题色，对底部按钮和选中日期有效 */
-    color: {
-        type: String,
-        default: ''
-    },
-    /** 最小的可选日期 */
-    minDate: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 最大可选日期 */
-    maxDate: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 默认选中的日期，mode为multiple或range是必须为数组格式 */
-    defaultDate: [Date, String, Array],
-    /** mode=multiple时，最多可选多少个日期 */
-    maxCount: {
-        type: Number,
-        default: Number.MAX_SAFE_INTEGER
-    },
-    /** 日期行高 */
-    rowHeight: {
-        type: Number,
-        default: 56
-    },
-    /** 日期格式化函数 */
-    formatter: {
-        type: Function as PropType<(date: Date) => string>
-    },
-    /** 是否显示农历 */
-    showLunar: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否显示月份背景色 */
-    showMark: {
-        type: Boolean,
-        default: true
-    },
-    /** 确定按钮的文字 */
-    confirmText: {
-        type: String,
-        default: '确定'
-    },
-    /** 确认按钮处于禁用状态时的文字 */
-    confirmDisabledText: {
-        type: String,
-        default: '确定'
-    },
-    /** 是否允许点击遮罩关闭日历 */
-    closeOnClickOverlay: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否为只读状态，只读状态下禁止选择日期 */
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否展示确认按钮 */
-    showConfirm: {
-        type: Boolean,
-        default: true
-    },
-    /** 日期区间最多可选天数，默认无限制，mode = range时有效 */
-    maxRange: {
-        type: Number,
-        default: Number.MAX_SAFE_INTEGER
-    },
-    /** 范围选择超过最多可选天数时的提示文案，mode = range时有效 */
-    rangePrompt: String,
-    /** 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 */
-    showRangePrompt: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否允许日期范围的起止时间为同一天，mode = range时有效 */
-    allowSameDay: {
-        type: Boolean,
-        default: false
-    },
-    /** 圆角值，默认无圆角 */
-    round: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 最多展示的月份数量 */
-    monthNum: {
-        type: Number,
-        default: 3
-    },
-    /** 星期文案 */
-    weekText: {
-        type: Array as PropType<string[]>,
-        default: () => ['一', '二', '三', '四', '五', '六', '日']
-    },
-    /** 单选与多选禁止选中的日期列表，mode!=range时有效。 */
-    forbidDays: {
-        type: Array as PropType<Date[]>,
-        default: () => []
-    },
-    /** 单选与多选禁止选中的日期选择时提示 */
-    forbidDaysToast: {
-        type: String,
-        default: '该日期已禁用'
-    }
-}
-
-export default calendarProps
+import type IProps from './typing'
+import type { PropType } from 'vue'
+
+const calendarProps = {
+    /** 是否显示日历弹窗 */
+    show: {
+        type: Boolean,
+        default: false,
+        required: true
+    },
+    /** 标题内容 */
+    title: {
+        type: String,
+        default: '日期选选择'
+    },
+    /** 是否显示标题 */
+    showTitle: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否显示副标题 */
+    showSubtitle: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 日期类型选择
+     * @values single,range,multiple
+     * */
+    mode: {
+        type: String,
+        default: 'single'
+    },
+    /** mode=range时，第一个日期底部的提示文字 */
+    startText: {
+        type: String,
+        default: '开始'
+    },
+    /** mode=range时，最后一个日期底部的提示文字 */
+    endText: {
+        type: String,
+        default: '结束'
+    },
+    /** 自定义列表 */
+    customList: {
+        type: Array as PropType<any[]>,
+        default: []
+    },
+    /** 主题色，对底部按钮和选中日期有效 */
+    color: {
+        type: String,
+        default: ''
+    },
+    /** 最小的可选日期 */
+    minDate: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 最大可选日期 */
+    maxDate: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 默认选中的日期，mode为multiple或range是必须为数组格式 */
+    defaultDate: [Date, String, Array],
+    /** mode=multiple时，最多可选多少个日期 */
+    maxCount: {
+        type: Number,
+        default: Number.MAX_SAFE_INTEGER
+    },
+    /** 日期行高 */
+    rowHeight: {
+        type: Number,
+        default: 56
+    },
+    /** 日期格式化函数 */
+    formatter: {
+        type: Function as PropType<(date: Date) => string>
+    },
+    /** 是否显示农历 */
+    showLunar: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否显示月份背景色 */
+    showMark: {
+        type: Boolean,
+        default: true
+    },
+    /** 确定按钮的文字 */
+    confirmText: {
+        type: String,
+        default: '确定'
+    },
+    /** 确认按钮处于禁用状态时的文字 */
+    confirmDisabledText: {
+        type: String,
+        default: '确定'
+    },
+    /** 是否允许点击遮罩关闭日历 */
+    closeOnClickOverlay: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否为只读状态，只读状态下禁止选择日期 */
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否展示确认按钮 */
+    showConfirm: {
+        type: Boolean,
+        default: true
+    },
+    /** 日期区间最多可选天数，默认无限制，mode = range时有效 */
+    maxRange: {
+        type: Number,
+        default: Number.MAX_SAFE_INTEGER
+    },
+    /** 范围选择超过最多可选天数时的提示文案，mode = range时有效 */
+    rangePrompt: String,
+    /** 范围选择超过最多可选天数时，是否展示提示文案，mode = range时有效 */
+    showRangePrompt: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否允许日期范围的起止时间为同一天，mode = range时有效 */
+    allowSameDay: {
+        type: Boolean,
+        default: false
+    },
+    /** 圆角值，默认无圆角 */
+    round: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 最多展示的月份数量 */
+    monthNum: {
+        type: Number,
+        default: 3
+    },
+    /** 星期文案 */
+    weekText: {
+        type: Array as PropType<string[]>,
+        default: () => ['一', '二', '三', '四', '五', '六', '日']
+    },
+    /** 单选与多选禁止选中的日期列表，mode!=range时有效。 */
+    forbidDays: {
+        type: Array as PropType<Date[]>,
+        default: () => []
+    },
+    /** 单选与多选禁止选中的日期选择时提示 */
+    forbidDaysToast: {
+        type: String,
+        default: '该日期已禁用'
+    }
+}
+
+export default calendarProps

package/components/hy-calendar/typing.d.ts

@@ -1,6 +1,6 @@
-export interface ICalendarEmits {
-    /** 日期选择完成后触发，则点击确认按钮后触发 */
-    (e: 'confirm', selected: string[]): void
-    /** 日历关闭时触发 */
-    (e: 'close'): void
-}
+export interface ICalendarEmits {
+    /** 日期选择完成后触发，则点击确认按钮后触发 */
+    (e: 'confirm', selected: string[]): void
+    /** 日历关闭时触发 */
+    (e: 'close'): void
+}

package/components/hy-card/hy-card.vue

@@ -1,161 +1,161 @@
-<template>
-    <view class="hy-card" @tap.stop="click" :class="cardClass" :style="cardStyle">
-        <view
-            v-if="showHead"
-            class="hy-card__head"
-            :style="[{ padding: paddingHead || padding }, headStyle]"
-            :class="{
-                'hy-border__bottom': headBorderBottom
-            }"
-            @tap="headClick"
-        >
-            <!-- @slot 头部插槽 -->
-            <slot v-if="$slots.header" name="header" />
-            <view v-else class="hy-card__head--flex">
-                <view class="hy-card__head--left">
-                    <hy-icon
-                        v-if="thumb"
-                        :name="thumb"
-                        custom-class="hy-card__head--left__thumb"
-                        :height="thumbWidth"
-                        :width="thumbWidth"
-                        :round="thumbCircle ? '50%' : '4px'"
-                    ></hy-icon>
-                    <view>
-                        <view
-                            v-if="title"
-                            class="hy-card__head--left__title"
-                            :style="{
-                                fontSize: addUnit(titleSize),
-                                color: titleColor
-                            }"
-                        >
-                            {{ title }}
-                        </view>
-                        <text
-                            v-if="subTitle"
-                            class="hy-card__head--left__sub"
-                            :style="{
-                                fontSize: addUnit(subTitleSize),
-                                color: subTitleColor
-                            }"
-                        >
-                            {{ subTitle }}
-                        </text>
-                    </view>
-                </view>
-                <view class="hy-card__head--right" v-if="rightText">
-                    <text
-                        class="hy-card__head--right__text"
-                        :style="{
-                            fontSize: addUnit(rightTextSize),
-                            color: rightTextColor
-                        }"
-                    >
-                        {{ rightText }}
-                    </text>
-                </view>
-            </view>
-        </view>
-        <view
-            @tap="bodyClick"
-            class="hy-card__body"
-            :style="[{ padding: paddingBody || padding }, bodyStyle]"
-        >
-            <!-- @slot 中间内容插槽 -->
-            <slot name="body" />
-        </view>
-        <view
-            v-if="showFoot"
-            class="hy-card__foot"
-            @tap="footClick"
-            :style="[{ padding: $slots.footer ? paddingFoot || padding : 0 }, footStyle]"
-            :class="{
-                'hy-border__top': footBorderTop
-            }"
-        >
-            <!-- @slot 底部插槽 -->
-            <slot name="footer" />
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-card',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import type { ICardEmits } from './typing'
-import { addUnit, getPx } from '../../libs'
-import cardProps from './props'
-// 组件
-import HyIcon from '../hy-icon/hy-icon.vue'
-
-/**
- * 卡片组件一般用于多个列表条目，且风格统一的场景。
- * @displayName hy-card
- */
-defineOptions({})
-
-// const props = withDefaults(defineProps<IProps>(), defaultProps);
-const props = defineProps(cardProps)
-const emit = defineEmits<ICardEmits>()
-
-const cardClass = computed(() => {
-    const hasBorder = getPx(props.borderRadius) > 0
-    return [
-        props.border && 'hy-border',
-        props.full && 'hy-card__full',
-        hasBorder && 'hy-card--border',
-        props.customClass
-    ].filter(Boolean)
-})
-const cardStyle = computed(() => {
-    return Object.assign(
-        {
-            borderRadius: addUnit(props.borderRadius),
-            margin: props.margin,
-            boxShadow: props.boxShadow
-                ? typeof props.boxShadow === 'boolean'
-                    ? '0 0 10rpx 4rpx rgba(0, 0, 0, 0.16)'
-                    : props.boxShadow
-                : ''
-        },
-        props.customStyle
-    )
-})
-
-const click = () => {
-    emit('click', props.index)
-}
-/**
- * @description 点击头部
- * */
-const headClick = () => {
-    emit('head-click', props.index)
-}
-/**
- * @description 点击身体
- * */
-const bodyClick = () => {
-    emit('body-click', props.index)
-}
-/**
- * @description 点击尾部
- * */
-const footClick = () => {
-    emit('foot-click', props.index)
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view class="hy-card" @tap.stop="click" :class="cardClass" :style="cardStyle">
+        <view
+            v-if="showHead"
+            class="hy-card__head"
+            :style="[{ padding: paddingHead || padding }, headStyle]"
+            :class="{
+                'hy-border__bottom': headBorderBottom
+            }"
+            @tap="headClick"
+        >
+            <!-- @slot 头部插槽 -->
+            <slot v-if="$slots.header" name="header" />
+            <view v-else class="hy-card__head--flex">
+                <view class="hy-card__head--left">
+                    <hy-icon
+                        v-if="thumb"
+                        :name="thumb"
+                        custom-class="hy-card__head--left__thumb"
+                        :height="thumbWidth"
+                        :width="thumbWidth"
+                        :round="thumbCircle ? '50%' : '4px'"
+                    ></hy-icon>
+                    <view>
+                        <view
+                            v-if="title"
+                            class="hy-card__head--left__title"
+                            :style="{
+                                fontSize: addUnit(titleSize),
+                                color: titleColor
+                            }"
+                        >
+                            {{ title }}
+                        </view>
+                        <text
+                            v-if="subTitle"
+                            class="hy-card__head--left__sub"
+                            :style="{
+                                fontSize: addUnit(subTitleSize),
+                                color: subTitleColor
+                            }"
+                        >
+                            {{ subTitle }}
+                        </text>
+                    </view>
+                </view>
+                <view class="hy-card__head--right" v-if="rightText">
+                    <text
+                        class="hy-card__head--right__text"
+                        :style="{
+                            fontSize: addUnit(rightTextSize),
+                            color: rightTextColor
+                        }"
+                    >
+                        {{ rightText }}
+                    </text>
+                </view>
+            </view>
+        </view>
+        <view
+            @tap="bodyClick"
+            class="hy-card__body"
+            :style="[{ padding: paddingBody || padding }, bodyStyle]"
+        >
+            <!-- @slot 中间内容插槽 -->
+            <slot name="body" />
+        </view>
+        <view
+            v-if="showFoot"
+            class="hy-card__foot"
+            @tap="footClick"
+            :style="[{ padding: $slots.footer ? paddingFoot || padding : 0 }, footStyle]"
+            :class="{
+                'hy-border__top': footBorderTop
+            }"
+        >
+            <!-- @slot 底部插槽 -->
+            <slot name="footer" />
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-card',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { ICardEmits } from './typing'
+import { addUnit, getPx } from '../../libs'
+import cardProps from './props'
+// 组件
+import HyIcon from '../hy-icon/hy-icon.vue'
+
+/**
+ * 卡片组件一般用于多个列表条目，且风格统一的场景。
+ * @displayName hy-card
+ */
+defineOptions({})
+
+// const props = withDefaults(defineProps<IProps>(), defaultProps);
+const props = defineProps(cardProps)
+const emit = defineEmits<ICardEmits>()
+
+const cardClass = computed(() => {
+    const hasBorder = getPx(props.borderRadius) > 0
+    return [
+        props.border && 'hy-border',
+        props.full && 'hy-card__full',
+        hasBorder && 'hy-card--border',
+        props.customClass
+    ].filter(Boolean)
+})
+const cardStyle = computed(() => {
+    return Object.assign(
+        {
+            borderRadius: addUnit(props.borderRadius),
+            margin: props.margin,
+            boxShadow: props.boxShadow
+                ? typeof props.boxShadow === 'boolean'
+                    ? '0 0 10rpx 4rpx rgba(0, 0, 0, 0.16)'
+                    : props.boxShadow
+                : ''
+        },
+        props.customStyle
+    )
+})
+
+const click = () => {
+    emit('click', props.index)
+}
+/**
+ * @description 点击头部
+ * */
+const headClick = () => {
+    emit('head-click', props.index)
+}
+/**
+ * @description 点击身体
+ * */
+const bodyClick = () => {
+    emit('body-click', props.index)
+}
+/**
+ * @description 点击尾部
+ * */
+const footClick = () => {
+    emit('foot-click', props.index)
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>