hy-app 0.5.10 → 0.5.12

package/components/hy-menu/props.ts

@@ -1,44 +1,44 @@
-import type { MenusType, ModelValueVo } from './typing'
-import type { CSSProperties, PropType } from 'vue'
-import type { HyIconProps } from '../hy-icon/typing'
-import type { HyBadgeProps } from '../hy-badge/typing'
-
-const menuProps = {
-    /** 当前值 */
-    modelValue: [String, Number] as PropType<ModelValueVo>,
-    /** 菜单数据集 */
-    list: {
-        type: Array as PropType<Array<MenusType>>,
-        default: []
-    },
-    /** 对应的键 */
-    id: {
-        type: String,
-        default: 'id'
-    },
-    name: {
-        type: String,
-        default: 'id'
-    },
-    /** 侧边菜单栏宽度 */
-    width: {
-        type: [String, Number],
-        default: 120
-    },
-    /** 选中颜色 */
-    color: String,
-    /** 图标属性值 */
-    icon: {
-        type: Object as PropType<HyIconProps>,
-        default: {}
-    },
-    /** 徽标属性值 */
-    badge: {
-        type: Object as PropType<HyBadgeProps>,
-        default: {}
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: Object as PropType<CSSProperties>
-}
-
-export default menuProps
+import type { MenusType, ModelValueVo } from './typing'
+import type { CSSProperties, PropType } from 'vue'
+import type { HyIconProps } from '../hy-icon/typing'
+import type { HyBadgeProps } from '../hy-badge/typing'
+
+const menuProps = {
+    /** 当前值 */
+    modelValue: [String, Number] as PropType<ModelValueVo>,
+    /** 菜单数据集 */
+    list: {
+        type: Array as PropType<Array<MenusType>>,
+        default: []
+    },
+    /** 对应的键 */
+    id: {
+        type: String,
+        default: 'id'
+    },
+    name: {
+        type: String,
+        default: 'id'
+    },
+    /** 侧边菜单栏宽度 */
+    width: {
+        type: [String, Number],
+        default: 120
+    },
+    /** 选中颜色 */
+    color: String,
+    /** 图标属性值 */
+    icon: {
+        type: Object as PropType<HyIconProps>,
+        default: {}
+    },
+    /** 徽标属性值 */
+    badge: {
+        type: Object as PropType<HyBadgeProps>,
+        default: {}
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: Object as PropType<CSSProperties>
+}
+
+export default menuProps

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

@@ -1,34 +1,34 @@
-export type ModelValueVo = string | number
-export interface MenusType {
-    /**
-     *  唯一id
-     * */
-    id: string | number
-    /**
-     *  标题
-     * */
-    title: string
-    /**
-     *  是否禁用
-     * */
-    disabled?: boolean
-    /**
-     *  icon
-     * */
-    icon?: string
-    /**
-     *  徽标值
-     * */
-    badge?: number
-    /**
-     *  键值
-     * */
-    [key: string]: string | number
-}
-
-export interface IMenuEmits {
-    /** 选中触发 */
-    (e: 'change', temp: MenusType): void
-    /** 选中触发 */
-    (e: 'update:modelValue', id: MenusType['id']): void
-}
+export type ModelValueVo = string | number
+export interface MenusType {
+    /**
+     *  唯一id
+     * */
+    id: string | number
+    /**
+     *  标题
+     * */
+    title: string
+    /**
+     *  是否禁用
+     * */
+    disabled?: boolean
+    /**
+     *  icon
+     * */
+    icon?: string
+    /**
+     *  徽标值
+     * */
+    badge?: number
+    /**
+     *  键值
+     * */
+    [key: string]: string | number
+}
+
+export interface IMenuEmits {
+    /** 选中触发 */
+    (e: 'change', temp: MenusType): void
+    /** 选中触发 */
+    (e: 'update:modelValue', id: MenusType['id']): void
+}

package/components/hy-modal/hy-modal.vue

@@ -1,173 +1,173 @@
-<template>
-    <HyPopup
-        mode="center"
-        :zoom="zoom"
-        :show="modelValue"
-        :round="round"
-        :customStyle="{
-            overflow: 'hidden',
-            marginTop: `-${addUnit(negativeTop)}`
-        }"
-        :closeOnClickOverlay="closeOnClickOverlay"
-        :safeAreaInsetBottom="false"
-        :duration="400"
-        @click="clickHandler"
-    >
-        <view
-            class="hy-modal"
-            :style="{
-                width: addUnit(width)
-            }"
-        >
-            <view class="hy-modal__title" v-if="title">{{ title }}</view>
-            <view
-                class="hy-modal__content"
-                :style="{
-                    paddingTop: `${title ? 12 : 25}px`
-                }"
-            >
-                <slot v-if="$slots.default"></slot>
-                <text v-else class="hy-modal__content--text">
-                    {{ content }}
-                </text>
-            </view>
-            <view class="hy-modal__button--group__confirm-button" v-if="$slots.confirmButton">
-                <slot name="confirmButton"></slot>
-            </view>
-            <template v-else>
-                <view
-                    :class="[
-                        'hy-modal__button--group',
-                        showCancelButton &&
-                            showConfirmButton &&
-                            (!buttonReverse
-                                ? 'hy-modal__button--exact'
-                                : 'hy-modal__button--exact--reverse')
-                    ]"
-                    :style="{
-                        flexDirection: buttonReverse ? 'row-reverse' : 'row'
-                    }"
-                >
-                    <view
-                        class="hy-modal__button--group__wrapper first hy-modal__button--group__wrapper--cancel"
-                        :hover-stay-time="150"
-                        hover-class="hy-modal__button--group__wrapper--hover"
-                        v-if="showCancelButton"
-                        @tap.stop="cancelHandler"
-                    >
-                        <text
-                            class="hy-modal__button--group__wrapper--text hy-modal__button--group__wrapper--cancel__text"
-                            :style="{
-                                color: cancelColor
-                            }"
-                        >
-                            {{ cancelText }}
-                        </text>
-                    </view>
-                    <view
-                        class="hy-modal__button--group__wrapper last hy-modal__button--group__wrapper--confirm"
-                        :hover-stay-time="150"
-                        hover-class="hy-modal__button--group__wrapper--hover"
-                        v-if="showConfirmButton"
-                        @tap="confirmHandler"
-                    >
-                        <hy-loading v-if="load" mode="circle"></hy-loading>
-                        <text
-                            v-else
-                            class="hy-modal__button--group__wrapper--text hy-modal__button--group__wrapper--confirm__text"
-                            :style="{
-                                color: confirmColor
-                            }"
-                        >
-                            {{ confirmText }}
-                        </text>
-                    </view>
-                </view>
-            </template>
-        </view>
-    </HyPopup>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-modal',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { ref, watch } from 'vue'
-import type { IModalEmits } from './typing'
-import { addUnit, sleep } from '../../libs'
-import modalProps from './props'
-// 组件
-import HyPopup from '../hy-popup/hy-popup.vue'
-import HyLoading from '../hy-loading/hy-loading.vue'
-
-/**
- * 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。
- * @displayName hy-modal
- */
-defineOptions({})
-
-const props = defineProps(modalProps)
-const emit = defineEmits<IModalEmits>()
-const load = ref(props.loading)
-
-watch(
-    () => props.loading,
-    (newVal) => {
-        load.value = props.loading
-    }
-)
-
-watch(
-    () => props.modelValue,
-    (newVal) => {
-        if (!newVal) load.value = false
-    }
-)
-
-/**
- * @description 点击确定按钮
- * */
-const confirmHandler = async () => {
-    if (load.value) return
-    // 如果配置了异步关闭，将按钮值为loading状态
-    emit('confirm')
-
-    await sleep()
-    if (!props.loading && props.autoClose) {
-        emit('update:modelValue', false)
-    }
-}
-
-/**
- * @description 点击取消按钮
- * */
-const cancelHandler = () => {
-    emit('update:modelValue', false)
-    emit('cancel')
-}
-
-/**
- * @description 点击遮罩
- * */
-const clickHandler = () => {
-    if (props.closeOnClickOverlay) {
-        emit('update:modelValue', false)
-        emit('close')
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-.modal__content__text {
-    text-align: v-bind(contentTextAlign);
-}
-</style>
+<template>
+    <HyPopup
+        mode="center"
+        :zoom="zoom"
+        :show="modelValue"
+        :round="round"
+        :customStyle="{
+            overflow: 'hidden',
+            marginTop: `-${addUnit(negativeTop)}`
+        }"
+        :closeOnClickOverlay="closeOnClickOverlay"
+        :safeAreaInsetBottom="false"
+        :duration="400"
+        @click="clickHandler"
+    >
+        <view
+            class="hy-modal"
+            :style="{
+                width: addUnit(width)
+            }"
+        >
+            <view class="hy-modal__title" v-if="title">{{ title }}</view>
+            <view
+                class="hy-modal__content"
+                :style="{
+                    paddingTop: `${title ? 12 : 25}px`
+                }"
+            >
+                <slot v-if="$slots.default"></slot>
+                <text v-else class="hy-modal__content--text">
+                    {{ content }}
+                </text>
+            </view>
+            <view class="hy-modal__button--group__confirm-button" v-if="$slots.confirmButton">
+                <slot name="confirmButton"></slot>
+            </view>
+            <template v-else>
+                <view
+                    :class="[
+                        'hy-modal__button--group',
+                        showCancelButton &&
+                            showConfirmButton &&
+                            (!buttonReverse
+                                ? 'hy-modal__button--exact'
+                                : 'hy-modal__button--exact--reverse')
+                    ]"
+                    :style="{
+                        flexDirection: buttonReverse ? 'row-reverse' : 'row'
+                    }"
+                >
+                    <view
+                        class="hy-modal__button--group__wrapper first hy-modal__button--group__wrapper--cancel"
+                        :hover-stay-time="150"
+                        hover-class="hy-modal__button--group__wrapper--hover"
+                        v-if="showCancelButton"
+                        @tap.stop="cancelHandler"
+                    >
+                        <text
+                            class="hy-modal__button--group__wrapper--text hy-modal__button--group__wrapper--cancel__text"
+                            :style="{
+                                color: cancelColor
+                            }"
+                        >
+                            {{ cancelText }}
+                        </text>
+                    </view>
+                    <view
+                        class="hy-modal__button--group__wrapper last hy-modal__button--group__wrapper--confirm"
+                        :hover-stay-time="150"
+                        hover-class="hy-modal__button--group__wrapper--hover"
+                        v-if="showConfirmButton"
+                        @tap="confirmHandler"
+                    >
+                        <hy-loading v-if="load" mode="circle"></hy-loading>
+                        <text
+                            v-else
+                            class="hy-modal__button--group__wrapper--text hy-modal__button--group__wrapper--confirm__text"
+                            :style="{
+                                color: confirmColor
+                            }"
+                        >
+                            {{ confirmText }}
+                        </text>
+                    </view>
+                </view>
+            </template>
+        </view>
+    </HyPopup>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-modal',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import type { IModalEmits } from './typing'
+import { addUnit, sleep } from '../../libs'
+import modalProps from './props'
+// 组件
+import HyPopup from '../hy-popup/hy-popup.vue'
+import HyLoading from '../hy-loading/hy-loading.vue'
+
+/**
+ * 弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作。
+ * @displayName hy-modal
+ */
+defineOptions({})
+
+const props = defineProps(modalProps)
+const emit = defineEmits<IModalEmits>()
+const load = ref(props.loading)
+
+watch(
+    () => props.loading,
+    (newVal) => {
+        load.value = props.loading
+    }
+)
+
+watch(
+    () => props.modelValue,
+    (newVal) => {
+        if (!newVal) load.value = false
+    }
+)
+
+/**
+ * @description 点击确定按钮
+ * */
+const confirmHandler = async () => {
+    if (load.value) return
+    // 如果配置了异步关闭，将按钮值为loading状态
+    emit('confirm')
+
+    await sleep()
+    if (!props.loading && props.autoClose) {
+        emit('update:modelValue', false)
+    }
+}
+
+/**
+ * @description 点击取消按钮
+ * */
+const cancelHandler = () => {
+    emit('update:modelValue', false)
+    emit('cancel')
+}
+
+/**
+ * @description 点击遮罩
+ * */
+const clickHandler = () => {
+    if (props.closeOnClickOverlay) {
+        emit('update:modelValue', false)
+        emit('close')
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+.modal__content__text {
+    text-align: v-bind(contentTextAlign);
+}
+</style>