hy-app 0.5.9 → 0.5.11

package/components/hy-empty/hy-empty.vue

@@ -1,116 +1,116 @@
-<template>
-    <view :class="['hy-empty', customClass]" v-if="show" :style="emptyStyle">
-        <view class="hy-empty__img" :style="imgStyle">
-            <hy-image
-                :src="imageUrl || emptyIcon[mode].icon"
-                :width="width"
-                :height="height"
-                img-mode="widthFix"
-            ></hy-image>
-        </view>
-        <view v-if="$slots.default">
-            <slot></slot>
-        </view>
-        <view class="hy-empty--description" v-else>
-            <!-- 详情描述 -->
-            <slot v-if="$slots.description" name="description"></slot>
-            <text v-else :style="descriptionStyle">{{
-                emptyDescription || emptyIcon[mode].desc
-            }}</text>
-            <view class="hy-empty--button" v-if="button?.text">
-                <hy-button
-                    :text="button?.text"
-                    :size="button?.size"
-                    :type="button?.type"
-                    :shape="button?.shape"
-                    :plain="button?.plain"
-                    :custom-style="button?.customStyle"
-                    @click="handleClick"
-                ></hy-button>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-empty',
-    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 emptyIcon from './icon'
-import type { IEmptyEmits } from './typing'
-import emptyProps from './props'
-// 组件
-import HyButton from '../hy-button/hy-button.vue'
-import HyImage from '../hy-image/hy-image.vue'
-
-/**
- * 加载的第一页数据就为空
- * @displayName hy-empty
- */
-defineOptions({})
-
-const props = defineProps(emptyProps)
-const emit = defineEmits<IEmptyEmits>()
-
-const emptyDescription = computed(() => {
-    return props.description
-})
-
-/**
- * @description 整体样式
- * */
-const emptyStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {
-        zIndex: props.zIndex
-    }
-    return Object.assign(style, props.customStyle)
-})
-
-/**
- * @description 提示信息样式
- * */
-const descriptionStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {
-        fontSize: addUnit(props.desSize),
-        color: props.desColor
-    }
-    return style
-})
-
-/**
- * @description 图片样式
- * */
-const imgStyle = computed<CSSProperties>(() => {
-    return {
-        width: addUnit(props.width),
-        height: addUnit(props.height),
-        margin: props.imgMargin
-    }
-})
-
-/**
- * @description 点击按钮，跳转页面
- * */
-const handleClick = () => {
-    emit('click')
-    if (props.navigateUrl) {
-        uni.navigateTo({
-            url: props.navigateUrl
-        })
-    }
-}
-</script>
-<style scoped lang="scss">
-@import './index.scss';
-</style>
+<template>
+    <view :class="['hy-empty', customClass]" v-if="show" :style="emptyStyle">
+        <view class="hy-empty__img" :style="imgStyle">
+            <hy-image
+                :src="imageUrl || emptyIcon[mode].icon"
+                :width="width"
+                :height="height"
+                img-mode="widthFix"
+            ></hy-image>
+        </view>
+        <view v-if="$slots.default">
+            <slot></slot>
+        </view>
+        <view class="hy-empty--description" v-else>
+            <!-- 详情描述 -->
+            <slot v-if="$slots.description" name="description"></slot>
+            <text v-else :style="descriptionStyle">{{
+                emptyDescription || emptyIcon[mode].desc
+            }}</text>
+            <view class="hy-empty--button" v-if="button?.text">
+                <hy-button
+                    :text="button?.text"
+                    :size="button?.size"
+                    :type="button?.type"
+                    :shape="button?.shape"
+                    :plain="button?.plain"
+                    :custom-style="button?.customStyle"
+                    @click="handleClick"
+                ></hy-button>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-empty',
+    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 emptyIcon from './icon'
+import type { IEmptyEmits } from './typing'
+import emptyProps from './props'
+// 组件
+import HyButton from '../hy-button/hy-button.vue'
+import HyImage from '../hy-image/hy-image.vue'
+
+/**
+ * 加载的第一页数据就为空
+ * @displayName hy-empty
+ */
+defineOptions({})
+
+const props = defineProps(emptyProps)
+const emit = defineEmits<IEmptyEmits>()
+
+const emptyDescription = computed(() => {
+    return props.description
+})
+
+/**
+ * @description 整体样式
+ * */
+const emptyStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {
+        zIndex: props.zIndex
+    }
+    return Object.assign(style, props.customStyle)
+})
+
+/**
+ * @description 提示信息样式
+ * */
+const descriptionStyle = computed<CSSProperties>(() => {
+    const style: CSSProperties = {
+        fontSize: addUnit(props.desSize),
+        color: props.desColor
+    }
+    return style
+})
+
+/**
+ * @description 图片样式
+ * */
+const imgStyle = computed<CSSProperties>(() => {
+    return {
+        width: addUnit(props.width),
+        height: addUnit(props.height),
+        margin: props.imgMargin
+    }
+})
+
+/**
+ * @description 点击按钮，跳转页面
+ * */
+const handleClick = () => {
+    emit('click')
+    if (props.navigateUrl) {
+        uni.navigateTo({
+            url: props.navigateUrl
+        })
+    }
+}
+</script>
+<style scoped lang="scss">
+@import './index.scss';
+</style>

package/components/hy-empty/icon.ts

@@ -1,72 +1,72 @@
-import type { IEmptyIcon } from "./typing";
-
-const url = "https://hy-design-uni.oss-cn-hangzhou.aliyuncs.com/image/";
-
-const emptyIcon: IEmptyIcon = {
-  content: {
-    desc: "暂无内容",
-    icon: url + "content.png",
-  },
-  search: {
-    desc: "没有搜索结果",
-    icon: url + "search.png",
-  },
-  address: {
-    desc: "没有收货地址",
-    icon: url + "address.png",
-  },
-  network: {
-    desc: "没有网络",
-    icon: url + "network.png",
-  },
-  order: {
-    desc: "订单为空",
-    icon: url + "order.png",
-  },
-  coupon: {
-    desc: "没有优惠券",
-    icon: url + "coupon.png",
-  },
-  collect: {
-    desc: "暂无收藏",
-    icon: url + "collect.png",
-  },
-  history: {
-    desc: "无历史记录",
-    icon: url + "history.png",
-  },
-  message: {
-    desc: "消息列表为空",
-    icon: url + "message.png",
-  },
-  comment: {
-    desc: "暂无评论",
-    icon: url + "comment.png",
-  },
-  integral: {
-    desc: "暂无积分",
-    icon: url + "integral.png",
-  },
-  card: {
-    desc: "暂无银行卡",
-    icon: url + "card.png",
-  },
-  notification: {
-    desc: "暂无通知",
-    icon: url + "notification.png",
-  },
-  shop: {
-    desc: "暂无购物车",
-    icon: url + "shop.png",
-  },
-  activity: {
-    desc: "暂无活动",
-    icon: url + "activity.png",
-  },
-  loading: {
-    desc: "加载中",
-    icon: url + "loading.png",
-  },
-};
-
-export default emptyIcon;
+import type { IEmptyIcon } from "./typing";
+
+const url = "https://hy-design-uni.oss-cn-hangzhou.aliyuncs.com/image/";
+
+const emptyIcon: IEmptyIcon = {
+  content: {
+    desc: "暂无内容",
+    icon: url + "content.png",
+  },
+  search: {
+    desc: "没有搜索结果",
+    icon: url + "search.png",
+  },
+  address: {
+    desc: "没有收货地址",
+    icon: url + "address.png",
+  },
+  network: {
+    desc: "没有网络",
+    icon: url + "network.png",
+  },
+  order: {
+    desc: "订单为空",
+    icon: url + "order.png",
+  },
+  coupon: {
+    desc: "没有优惠券",
+    icon: url + "coupon.png",
+  },
+  collect: {
+    desc: "暂无收藏",
+    icon: url + "collect.png",
+  },
+  history: {
+    desc: "无历史记录",
+    icon: url + "history.png",
+  },
+  message: {
+    desc: "消息列表为空",
+    icon: url + "message.png",
+  },
+  comment: {
+    desc: "暂无评论",
+    icon: url + "comment.png",
+  },
+  integral: {
+    desc: "暂无积分",
+    icon: url + "integral.png",
+  },
+  card: {
+    desc: "暂无银行卡",
+    icon: url + "card.png",
+  },
+  notification: {
+    desc: "暂无通知",
+    icon: url + "notification.png",
+  },
+  shop: {
+    desc: "暂无购物车",
+    icon: url + "shop.png",
+  },
+  activity: {
+    desc: "暂无活动",
+    icon: url + "activity.png",
+  },
+  loading: {
+    desc: "加载中",
+    icon: url + "loading.png",
+  },
+};
+
+export default emptyIcon;

package/components/hy-empty/props.ts

@@ -1,60 +1,60 @@
-import type { CSSProperties, PropType } from 'vue'
-import type { HyButtonProps } from '../hy-button/typing'
-
-const emptyProps = {
-    /** 是否显示空状态 */
-    show: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 缺省页内容
-     * @values content,search,address,network,order,coupon,favor,history,message,comment,integral
-     * */
-    mode: {
-        type: String,
-        default: 'content'
-    },
-    /** 空状态图片 */
-    imageUrl: String,
-    /** 组件层级 */
-    zIndex: {
-        type: Number,
-        default: 889
-    },
-    /** 组件层级 */
-    width: {
-        type: [String, Number],
-        default: '240px'
-    },
-    /** icon高度 */
-    height: {
-        type: [String, Number],
-        default: '240px'
-    },
-    /** 提示信息 */
-    description: String,
-    /** 提示信息大小 */
-    desSize: {
-        type: Number,
-        default: 15
-    },
-    /** 提示信息颜色 */
-    desColor: String,
-    /** 图片margin */
-    imgMargin: String,
-    /** 按钮属性值 */
-    button: {
-        type: Object as PropType<HyButtonProps>
-    },
-    navigateUrl: String,
-    /** 定义需要用到的外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>,
-        default: () => {}
-    },
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default emptyProps
+import type { CSSProperties, PropType } from 'vue'
+import type { HyButtonProps } from '../hy-button/typing'
+
+const emptyProps = {
+    /** 是否显示空状态 */
+    show: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 缺省页内容
+     * @values content,search,address,network,order,coupon,favor,history,message,comment,integral
+     * */
+    mode: {
+        type: String,
+        default: 'content'
+    },
+    /** 空状态图片 */
+    imageUrl: String,
+    /** 组件层级 */
+    zIndex: {
+        type: Number,
+        default: 889
+    },
+    /** 组件层级 */
+    width: {
+        type: [String, Number],
+        default: '240px'
+    },
+    /** icon高度 */
+    height: {
+        type: [String, Number],
+        default: '240px'
+    },
+    /** 提示信息 */
+    description: String,
+    /** 提示信息大小 */
+    desSize: {
+        type: Number,
+        default: 15
+    },
+    /** 提示信息颜色 */
+    desColor: String,
+    /** 图片margin */
+    imgMargin: String,
+    /** 按钮属性值 */
+    button: {
+        type: Object as PropType<HyButtonProps>
+    },
+    navigateUrl: String,
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>,
+        default: () => {}
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default emptyProps

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

@@ -1,38 +1,38 @@
-export type EmptyModeType =
-    | 'car'
-    | 'page'
-    | 'search'
-    | 'address'
-    | 'wifi'
-    | 'order'
-    | 'coupon'
-    | 'favor'
-    | 'permission'
-    | 'history'
-    | 'message'
-    | 'image'
-    | 'video'
-    | 'comment'
-    | 'integral'
-    | 'subscribe'
-    | 'earnings'
-    | 'announcement'
-    | 'signIn'
-
-export type IEmptyIcon = {
-    [key: string]: {
-        /**
-         * 提示信息
-         * */
-        desc: string
-        /**
-         * 空状态图片地址
-         * */
-        icon: string
-    }
-}
-
-export interface IEmptyEmits {
-    /** 点击按钮触发 */
-    (e: 'click'): void
-}
+export type EmptyModeType =
+    | 'car'
+    | 'page'
+    | 'search'
+    | 'address'
+    | 'wifi'
+    | 'order'
+    | 'coupon'
+    | 'favor'
+    | 'permission'
+    | 'history'
+    | 'message'
+    | 'image'
+    | 'video'
+    | 'comment'
+    | 'integral'
+    | 'subscribe'
+    | 'earnings'
+    | 'announcement'
+    | 'signIn'
+
+export type IEmptyIcon = {
+    [key: string]: {
+        /**
+         * 提示信息
+         * */
+        desc: string
+        /**
+         * 空状态图片地址
+         * */
+        icon: string
+    }
+}
+
+export interface IEmptyEmits {
+    /** 点击按钮触发 */
+    (e: 'click'): void
+}

package/components/hy-flex/hy-flex.vue

@@ -1,53 +1,53 @@
-<template>
-    <view :class="flexClass" :style="flexStyle">
-        <slot />
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-flex',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import { addUnit, isArray } from '../../libs'
-import flexProps from './props'
-
-const props = defineProps(flexProps)
-
-// 计算 class
-const flexClass = computed(() => [
-    'hy-flex',
-    props.customClass,
-    props.vertical && 'hy-flex--vertical'
-])
-
-// 计算 style
-const flexStyle = computed(() => {
-    const gap = isArray(props.gap) ? props.gap : [props.gap, props.gap]
-    const [rowGap, colGap] = gap.map((v) => addUnit(v))
-
-    return {
-        display: 'flex',
-        'justify-content': props.justify,
-        'align-items': props.align,
-        'flex-wrap': props.wrap,
-        flex: props.flex,
-        'flex-basis': props.basis,
-        'row-gap': colGap,
-        'column-gap': rowGap,
-        ...props.customStyle
-    }
-})
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view :class="flexClass" :style="flexStyle">
+        <slot />
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-flex',
+    options: {
+        addGlobalClass: true,
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { addUnit, isArray } from '../../libs'
+import flexProps from './props'
+
+const props = defineProps(flexProps)
+
+// 计算 class
+const flexClass = computed(() => [
+    'hy-flex',
+    props.customClass,
+    props.vertical && 'hy-flex--vertical'
+])
+
+// 计算 style
+const flexStyle = computed(() => {
+    const gap = isArray(props.gap) ? props.gap : [props.gap, props.gap]
+    const [rowGap, colGap] = gap.map((v) => addUnit(v))
+
+    return {
+        display: 'flex',
+        'justify-content': props.justify,
+        'align-items': props.align,
+        'flex-wrap': props.wrap,
+        flex: props.flex,
+        'flex-basis': props.basis,
+        'row-gap': colGap,
+        'column-gap': rowGap,
+        ...props.customStyle
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>