hy-app 0.5.9 → 0.5.11

package/components/hy-card/props.ts

@@ -1,122 +1,122 @@
-import type IProps from './typing'
-import type { CSSProperties, PropType } from 'vue'
-
-const cardProps = {
-    /** 卡片与屏幕两侧是否留空隙,false-不留缝隙，true-有margin */
-    full: {
-        type: Boolean,
-        default: false
-    },
-    /** 头部左边的标题 */
-    title: String,
-    /** 标题颜色 */
-    titleColor: String,
-    /** 标题字体大小，单位rpx */
-    titleSize: {
-        type: String,
-        default: ''
-    },
-    /** 头部右边的副标题 */
-    subTitle: String,
-    /** 副标题颜色 */
-    subTitleColor: {
-        type: String,
-        default: ''
-    },
-    /** 副标题字体大小 */
-    subTitleSize: {
-        type: [String, Number],
-        default: ''
-    },
-    /** 右边内容 */
-    rightText: {
-        type: String,
-        default: ''
-    },
-    /** 右边内容颜色 */
-    rightTextColor: {
-        type: String,
-        default: ''
-    },
-    /** 右边内容字体大小 */
-    rightTextSize: {
-        type: [String, Number],
-        default: ''
-    },
-    /** 是否显示边框 */
-    border: {
-        type: Boolean,
-        default: false
-    },
-    /** 用于标识点击了第几个卡片 */
-    index: [String, Number],
-    /** 卡片与屏幕两边和上下元素的间距，需带单位，如"30px 20px" */
-    margin: {
-        type: String,
-        default: '0 0 20rpx'
-    },
-    /** 卡片整体的圆角值，单位px */
-    borderRadius: {
-        type: [String, Number],
-        default: 8
-    },
-    /** 是否显示头部的下边框 */
-    headBorderBottom: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否显示底部的上边框 */
-    footBorderTop: {
-        type: Boolean,
-        default: false
-    },
-    /** 缩略图路径，如设置将显示在标题的左边，不建议使用相对路径 */
-    thumb: String,
-    /** 缩略图的宽度，高等于宽，单位px */
-    thumbWidth: {
-        type: [String, Number],
-        default: 30
-    },
-    /** 缩略图是否为圆形 */
-    thumbCircle: {
-        type: Boolean,
-        default: false
-    },
-    /** 给head，body，foot的内边距 */
-    padding: {
-        type: [String, Number]
-    },
-    /** 头部内边距 */
-    paddingHead: [String, Number],
-    /** 中部内边距 */
-    paddingBody: [String, Number],
-    /** 尾部内边距 */
-    paddingFoot: [String, Number],
-    /** 是否显示头部 */
-    showHead: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否显示尾部 */
-    showFoot: {
-        type: Boolean,
-        default: true
-    },
-    /** 卡片外围阴影，字符串形式 */
-    boxShadow: {
-        type: [Boolean, String],
-        default: true
-    },
-    /** 头部自定义样式，对象形式 */
-    headStyle: Object as PropType<CSSProperties>,
-    /** 中部自定义样式 */
-    bodyStyle: Object as PropType<CSSProperties>,
-    /** 底部自定义样式 */
-    footStyle: Object as PropType<CSSProperties>,
-    /** 定义需要用到的外部样式 */
-    customStyle: Object as PropType<CSSProperties>,
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default cardProps
+import type IProps from './typing'
+import type { CSSProperties, PropType } from 'vue'
+
+const cardProps = {
+    /** 卡片与屏幕两侧是否留空隙,false-不留缝隙，true-有margin */
+    full: {
+        type: Boolean,
+        default: false
+    },
+    /** 头部左边的标题 */
+    title: String,
+    /** 标题颜色 */
+    titleColor: String,
+    /** 标题字体大小，单位rpx */
+    titleSize: {
+        type: String,
+        default: ''
+    },
+    /** 头部右边的副标题 */
+    subTitle: String,
+    /** 副标题颜色 */
+    subTitleColor: {
+        type: String,
+        default: ''
+    },
+    /** 副标题字体大小 */
+    subTitleSize: {
+        type: [String, Number],
+        default: ''
+    },
+    /** 右边内容 */
+    rightText: {
+        type: String,
+        default: ''
+    },
+    /** 右边内容颜色 */
+    rightTextColor: {
+        type: String,
+        default: ''
+    },
+    /** 右边内容字体大小 */
+    rightTextSize: {
+        type: [String, Number],
+        default: ''
+    },
+    /** 是否显示边框 */
+    border: {
+        type: Boolean,
+        default: false
+    },
+    /** 用于标识点击了第几个卡片 */
+    index: [String, Number],
+    /** 卡片与屏幕两边和上下元素的间距，需带单位，如"30px 20px" */
+    margin: {
+        type: String,
+        default: '0 0 20rpx'
+    },
+    /** 卡片整体的圆角值，单位px */
+    borderRadius: {
+        type: [String, Number],
+        default: 8
+    },
+    /** 是否显示头部的下边框 */
+    headBorderBottom: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否显示底部的上边框 */
+    footBorderTop: {
+        type: Boolean,
+        default: false
+    },
+    /** 缩略图路径，如设置将显示在标题的左边，不建议使用相对路径 */
+    thumb: String,
+    /** 缩略图的宽度，高等于宽，单位px */
+    thumbWidth: {
+        type: [String, Number],
+        default: 30
+    },
+    /** 缩略图是否为圆形 */
+    thumbCircle: {
+        type: Boolean,
+        default: false
+    },
+    /** 给head，body，foot的内边距 */
+    padding: {
+        type: [String, Number]
+    },
+    /** 头部内边距 */
+    paddingHead: [String, Number],
+    /** 中部内边距 */
+    paddingBody: [String, Number],
+    /** 尾部内边距 */
+    paddingFoot: [String, Number],
+    /** 是否显示头部 */
+    showHead: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否显示尾部 */
+    showFoot: {
+        type: Boolean,
+        default: true
+    },
+    /** 卡片外围阴影，字符串形式 */
+    boxShadow: {
+        type: [Boolean, String],
+        default: true
+    },
+    /** 头部自定义样式，对象形式 */
+    headStyle: Object as PropType<CSSProperties>,
+    /** 中部自定义样式 */
+    bodyStyle: Object as PropType<CSSProperties>,
+    /** 底部自定义样式 */
+    footStyle: Object as PropType<CSSProperties>,
+    /** 定义需要用到的外部样式 */
+    customStyle: Object as PropType<CSSProperties>,
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default cardProps

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

@@ -1,12 +1,12 @@
-type IndexVo = string | number | undefined
-
-export interface ICardEmits {
-    /** 整个卡片任意位置被点击时触发 */
-    (e: 'click', index: IndexVo): void
-    /** 卡片头部被点击时触发 */
-    (e: 'head-click', index: IndexVo): void
-    /** 卡片主体部分被点击时触发 */
-    (e: 'body-click', index: IndexVo): void
-    /** 卡片底部部分被点击时触发 */
-    (e: 'foot-click', index: IndexVo): void
-}
+type IndexVo = string | number | undefined
+
+export interface ICardEmits {
+    /** 整个卡片任意位置被点击时触发 */
+    (e: 'click', index: IndexVo): void
+    /** 卡片头部被点击时触发 */
+    (e: 'head-click', index: IndexVo): void
+    /** 卡片主体部分被点击时触发 */
+    (e: 'body-click', index: IndexVo): void
+    /** 卡片底部部分被点击时触发 */
+    (e: 'foot-click', index: IndexVo): void
+}

package/components/hy-cell/hy-cell.vue

@@ -1,33 +1,33 @@
-<template>
-    <view :class="['hy-cell', customClass]" :style="customStyle">
-        <slot></slot>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-cell',
-    options: {
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { provide, toRefs } from 'vue'
-import cellProps from './props'
-import type { ICellEmits } from './typing'
-
-const props = defineProps(cellProps)
-const emit = defineEmits<ICellEmits>()
-
-provide('hy-cell', {
-    ...toRefs(props),
-    onClick: (name: string | number) => {
-        emit('click', name)
-    }
-})
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+    <view :class="['hy-cell', customClass]" :style="customStyle">
+        <slot></slot>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'hy-cell',
+    options: {
+        virtualHost: true,
+        styleIsolation: 'shared'
+    }
+}
+</script>
+
+<script setup lang="ts">
+import { provide, toRefs } from 'vue'
+import cellProps from './props'
+import type { ICellEmits } from './typing'
+
+const props = defineProps(cellProps)
+const emit = defineEmits<ICellEmits>()
+
+provide('hy-cell', {
+    ...toRefs(props),
+    onClick: (name: string | number) => {
+        emit('click', name)
+    }
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/hy-cell/props.ts

@@ -1,54 +1,54 @@
-import type { CSSProperties, PropType } from 'vue'
-
-const cellProps = {
-    /** 是否显示cell下边框 */
-    border: {
-        type: Boolean,
-        default: true
-    },
-    /** 是否禁用cell */
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否开启点击反馈(表现为点击时加上灰色背景)  */
-    clickable: {
-        type: Boolean,
-        default: false
-    },
-    /**
-     * 单元的大小
-     * @values large,medium,small
-     * */
-    size: {
-        type: [String, Number],
-        default: 'medium'
-    },
-    /**
-     * 内容是否垂直居中(主要是针对右侧的value部分)
-     * @values left,center,right
-     * */
-    arrange: {
-        type: String,
-        default: 'right'
-    },
-    /** 是否展示右侧图标 */
-    isRightIcon: {
-        type: Boolean,
-        default: true
-    },
-    /**
-     * 右侧箭头的方向
-     * @values left,up,down
-     * */
-    arrowDirection: {
-        type: String,
-        default: 'right'
-    },
-    /** 定义需要用到的外部样式 */
-    customStyle: Object as PropType<CSSProperties>,
-    /** 自定义外部类名 */
-    customClass: String
-}
-
-export default cellProps
+import type { CSSProperties, PropType } from 'vue'
+
+const cellProps = {
+    /** 是否显示cell下边框 */
+    border: {
+        type: Boolean,
+        default: true
+    },
+    /** 是否禁用cell */
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否开启点击反馈(表现为点击时加上灰色背景)  */
+    clickable: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 单元的大小
+     * @values large,medium,small
+     * */
+    size: {
+        type: [String, Number],
+        default: 'medium'
+    },
+    /**
+     * 内容是否垂直居中(主要是针对右侧的value部分)
+     * @values left,center,right
+     * */
+    arrange: {
+        type: String,
+        default: 'right'
+    },
+    /** 是否展示右侧图标 */
+    isRightIcon: {
+        type: Boolean,
+        default: true
+    },
+    /**
+     * 右侧箭头的方向
+     * @values left,up,down
+     * */
+    arrowDirection: {
+        type: String,
+        default: 'right'
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: Object as PropType<CSSProperties>,
+    /** 自定义外部类名 */
+    customClass: String
+}
+
+export default cellProps

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

@@ -1,4 +1,4 @@
-export interface ICellEmits {
-    /** 点击单元格触发 */
-    (e: 'click', name: string | number): void
-}
+export interface ICellEmits {
+    /** 点击单元格触发 */
+    (e: 'click', name: string | number): void
+}