hy-app 0.5.3 → 0.5.5

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

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

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

@@ -2,8 +2,8 @@
     <view class="hy-card" @tap.stop="click" :class="cardClass" :style="cardStyle">
         <view
             v-if="showHead"
-            class="hy-card--head"
-            :style="[{ padding: addUnit(paddingHead || padding) }, headStyle]"
+            class="hy-card__head"
+            :style="[{ padding: paddingHead || padding }, headStyle]"
             :class="{
                 'hy-border__bottom': headBorderBottom
             }"
@@ -11,12 +11,12 @@
         >
             <!-- @slot 头部插槽 -->
             <slot v-if="$slots.header" name="header" />
-            <view v-else class="hy-card--head__flex">
-                <view class="hy-card--head__left">
+            <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"
+                        custom-class="hy-card__head--left__thumb"
                         :height="thumbWidth"
                         :width="thumbWidth"
                         :round="thumbCircle ? '50%' : '4px'"
@@ -24,7 +24,7 @@
                     <view>
                         <view
                             v-if="title"
-                            class="hy-card--head__left__title"
+                            class="hy-card__head--left__title"
                             :style="{
                                 fontSize: addUnit(titleSize),
                                 color: titleColor
@@ -34,7 +34,7 @@
                         </view>
                         <text
                             v-if="subTitle"
-                            class="hy-card--head__left__sub"
+                            class="hy-card__head--left__sub"
                             :style="{
                                 fontSize: addUnit(subTitleSize),
                                 color: subTitleColor
@@ -44,9 +44,9 @@
                         </text>
                     </view>
                 </view>
-                <view class="hy-card--head__right" v-if="subTitle">
+                <view class="hy-card__head--right" v-if="subTitle">
                     <text
-                        class="hy-card--head__right__text"
+                        class="hy-card__head--right__text"
                         :style="{
                             fontSize: addUnit(rightTextSize),
                             color: rightTextColor
@@ -60,7 +60,7 @@
         <view
             @tap="bodyClick"
             class="hy-card__body"
-            :style="[{ padding: addUnit(paddingBody || padding) }, bodyStyle]"
+            :style="[{ padding: paddingBody || padding }, bodyStyle]"
         >
             <!-- @slot 中间内容插槽 -->
             <slot name="body" />
@@ -69,7 +69,7 @@
             v-if="showFoot"
             class="hy-card__foot"
             @tap="footClick"
-            :style="[{ padding: $slots.footer ? addUnit(paddingFoot || padding) : 0 }, footStyle]"
+            :style="[{ padding: $slots.footer ? paddingFoot || padding : 0 }, footStyle]"
             :class="{
                 'hy-border__top': footBorderTop
             }"
@@ -113,7 +113,7 @@ const cardClass = computed(() => {
     const hasBorder = getPx(props.borderRadius) > 0
     return [
         props.border && 'hy-border',
-        props.full && 'hy-card--full',
+        props.full && 'hy-card__full',
         hasBorder && 'hy-card--border'
     ].filter(Boolean)
 })

package/components/hy-card/index.scss

@@ -9,7 +9,7 @@
   background-color: $hy-background--container;
   box-sizing: border-box;
 
-  @include m(full) {
+  @include e(full) {
     margin-left: $hy-border-margin-padding-base !important;
     margin-right: $hy-border-margin-padding-base !important;
   }
@@ -20,14 +20,16 @@
     }
   }
 
-  @include m(head) {
-    @include e(flex) {
+  /* 头部 */
+  @include e(head) {
+    padding: 20rpx 20rpx 10rpx;
+    @include m(flex) {
       display: flex;
       align-items: center;
       justify-content: space-between;
     }
 
-    @include e(left) {
+    @include m(left) {
       display: flex;
       align-items: center;
       flex: 1;
@@ -49,9 +51,19 @@
       }
     }
 
-    @include e(right) {
+    @include m(right) {
       color: $hy-text-color--grey;
       margin-left: $hy-border-margin-padding-sm;
     }
   }
+
+  /* 身体 */
+  @include e(body) {
+    padding: 10rpx 20rpx 10rpx;
+  }
+
+  /* 尾部 */
+  @include e(foot) {
+    padding: 10rpx 20rpx 20rpx;
+  }
 }

package/components/hy-card/props.ts

@@ -84,8 +84,7 @@ const cardProps = {
     },
     /** 给head，body，foot的内边距 */
     padding: {
-        type: [String, Number],
-        default: 15
+        type: [String, Number]
     },
     /** 头部内边距 */
     paddingHead: [String, Number],

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

@@ -1,118 +1,5 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyCardProps {
-    /**
-     * @description 卡片与屏幕两侧是否留空隙（默认false）
-     * */
-    full?: boolean
-
-    /**
-     * @description 头部左边的标题
-     * */
-    title?: string
-    /**
-     * @description 标题颜色（默认#303133）
-     * */
-    titleColor?: string
-    /**
-     * @description 标题字体大小，单位rpx（默认15px）
-     * */
-    titleSize?: string | number
-    /**
-     * @description 头部右边的副标题
-     * */
-    subTitle?: string
-    /**
-     * @description 副标题颜色（默认#909399）
-     * */
-    subTitleColor?: string
-    /**
-     * @description 副标题字体大小（默认13px）
-     * */
-    subTitleSize?: string | number
-    /**
-     * @description 是否显示边框（默认true）
-     * */
-    border?: boolean
-    /**
-     * @description 用于标识点击了第几个卡片
-     * */
-    index?: string | number
-    /**
-     * @description 卡片与屏幕两边和上下元素的间距，需带单位，如"30px 20px"（默认15px）
-     * */
-    margin?: string
-    /**
-     * @description 卡片整体的圆角值，单位px（默认8px）
-     * */
-    borderRadius?: string | number
-    /**
-     * @description 头部自定义样式，对象形式
-     * */
-    headStyle?: CSSProperties
-    /**
-     * @description 中部自定义样式，对象形式
-     * */
-    bodyStyle?: CSSProperties
-    /**
-     * @description 底部自定义样式，对象形式
-     * */
-    footStyle?: CSSProperties
-    /**
-     * @description 是否显示头部的下边框（默认true）
-     * */
-    headBorderBottom?: boolean
-    /**
-     * @description 是否显示底部的上边框（默认true）
-     * */
-    footBorderTop?: boolean
-    /**
-     * @description 缩略图路径，如设置将显示在标题的左边，不建议使用相对路径
-     * */
-    thumb?: string
-    /**
-     * @description 缩略图的宽度，高等于宽，单位px（默认30px）
-     * */
-    thumbWidth?: string | number
-    /**
-     * @description 缩略图是否为圆形（默认false）
-     * */
-    thumbCircle?: boolean
-    /**
-     * @description // 给head，body，foot的内边距
-     * */
-    padding?: string | number
-    /**
-     * @description 头部内边距
-     * */
-    paddingHead?: string | number
-    /**
-     * @description 中部内边距
-     * */
-    paddingBody?: string | number
-    /**
-     * @description 尾部内边距
-     * */
-    paddingFoot?: string | number
-    /**
-     * @description 是否显示头部（默认true）
-     * */
-    showHead?: boolean
-    /**
-     * @description 是否显示尾部（默认true）
-     * */
-    showFoot?: boolean
-    /**
-     * @description 卡片外围阴影，字符串形式（默认true）
-     * */
-    boxShadow?: string | boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 type IndexVo = string | number | undefined
+
 export interface ICardEmits {
     /** 整个卡片任意位置被点击时触发 */
     (e: 'click', index: IndexVo): void

package/components/hy-cell/props.ts

@@ -1,6 +1,6 @@
 import type { CellContentVo } from './typing'
 import type { CSSProperties, PropType } from 'vue'
-import type HyIconProps from '@/package/components/hy-icon/typing'
+import type HyIconProps from '../hy-icon/typing'
 
 const cellProps = {
     /** cell列表数据 */

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

@@ -1,4 +1,3 @@
-import type { CSSProperties } from 'vue'
 import { HyApp } from '../../typing'
 import type HyIconProps from '../hy-icon/typing'
 
@@ -37,60 +36,6 @@ export interface CellContentVo extends AnyObject {
      * */
     arrowDirection?: HyApp.RotateType
 }
-export default interface HyCellProps {
-    /**
-     * @description cell列表数据
-     * */
-    list: CellContentVo[]
-    /**
-     * @description 头部标题
-     * */
-    title?: string
-    /**
-     * @description 是否显示标题前缀竖线
-     * */
-    showVertical?: boolean
-    /**
-     * @description 是否显示cell下边框 (默认 true )
-     * */
-    border?: boolean
-    /**
-     * @description 圆角
-     * */
-    borderRadius?: string | number
-    /**
-     * @description 是否禁用cell（默认false）
-     * */
-    disabled?: boolean
-    /**
-     * @description 是否开启点击反馈(表现为点击时加上灰色背景) （默认 false ）
-     * */
-    clickable?: boolean
-    /**
-     * @description 单元的大小，可选值为 large，medium，small
-     * */
-    size?: HyApp.SizeType
-    /**
-     * @description 右侧的内容
-     * */
-    value?: string
-    /**
-     * @description 内容是否垂直居中(主要是针对右侧的value部分) (默认 false )
-     * */
-    arrange?: HyApp.LeftRightType | 'center'
-    /**
-     * @description 右侧的图标箭头icon集合
-     * */
-    rightIcon?: Partial<HyIconProps>
-    /**
-     * @description 右侧箭头的方向，可选值为：left，up，down
-     * */
-    arrowDirection?: 'left' | 'up' | 'down' | 'right'
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
 
 export interface ICellEmits {
     /** 点击行触发 */

package/components/hy-check-button/typing.d.ts

@@ -36,49 +36,6 @@ export type FieldNamesType = {
     [key in keyof IFieldNames as IFieldNames[key]]?: string | number | boolean
 }
 
-export default interface HyCheckButtonProps {
-    /**
-     * @description 选中得值，radio是字符串，checkbox是数组
-     * */
-    modelValue: (string | number) | (string | number)[]
-    /**
-     * @description 选择列表数据
-     * */
-    columns: CheckboxColumnsVo[]
-    /**
-     * @description columns对应得键
-     * */
-    fieldNames?: IFieldNames
-    /**
-     * @description 选择单选框还是复选框
-     * */
-    selectType?: 'checkbox' | 'radio'
-    /**
-     * @description 禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 每行几列，每列等宽
-     * */
-    col?: string
-    /**
-     * @description 设置每行间距,需要加单位
-     * */
-    gap?: string
-    /**
-     * @description 标签类型info、primary、success、warning、error （默认 'primary' ）
-     * */
-    type?: HyApp.ThemeType
-    /**
-     * @description 标签的大小，large，medium，small （默认 'medium' ）
-     * */
-    size?: HyApp.SizeType
-    /**
-     * @description tag的形状，circle（两边半圆形）, square（方形，带圆角）（默认 'square' ）
-     * */
-    shape?: HyApp.ShapeType
-}
-
 export interface ICheckButtonEmits {
     /** 选择触发 */
     (e: 'change', value: any): void

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

@@ -1,76 +1,4 @@
-import type { CSSProperties } from 'vue'
-import type { CheckboxColumnsVo, IFieldNames } from '../hy-check-button/typing'
-
-export default interface HyCheckboxProps {
-    /**
-     * @description 双向绑定值，数组类型
-     * */
-    modelValue: (string | number)[] | boolean
-    /**
-     * @description 接收数组值
-     * */
-    columns: CheckboxColumnsVo[]
-    /**
-     * @description 自定义接收columns的键
-     * */
-    fieldNames?: IFieldNames
-    /**
-     * @description 形状，square为方形，circle为圆型
-     * */
-    shape?: HyApp.ShapeType
-    /**
-     * @description 复选框大小
-     * */
-    size?: HyApp.SizeType | string | number
-    /**
-     * @description 是否禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 选中状态下的颜色
-     * */
-    activeColor?: string
-    /**
-     * @description 未选中的颜色
-     * */
-    inactiveColor?: string
-    /**
-     * @description 图标的大小，单位px
-     * */
-    iconSize?: string | number
-    /**
-     * @description 图标颜色
-     * */
-    iconColor?: string
-    /**
-     * @description label的字体大小，px单位
-     * */
-    labelSize?: string | number
-    /**
-     * @description label的颜色
-     * */
-    labelColor?: string
-    /**
-     * @description 勾选图标的对齐方式，left-左边，right-右边
-     * */
-    iconPlacement?: HyApp.LeftRightType
-    /**
-     * @description 竖向配列时，是否显示下划线
-     * */
-    borderBottom?: boolean
-    /**
-     * @description 是否禁止点击提示语选中复选框
-     * */
-    labelDisabled?: boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-    /**
-     * @description 排列方式，row-横向，column-纵向
-     * */
-    placement?: HyApp.DirectionType
-}
+import type { CheckboxColumnsVo } from '../hy-check-button/typing'
 
 export interface ICheckBoxEmits {
     /** 选择触发 */

package/components/hy-checkbox-group/typing.d.ts

@@ -1,68 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyCheckboxGroupProps {
-    /**
-     * @description 双向绑定值，数组类型
-     * */
-    modelValue: (string | number)[]
-    /**
-     * @description 形状，square为方形，circle为圆型
-     * */
-    shape?: HyApp.ShapeType
-    /**
-     * @description 复选框大小
-     * */
-    size?: HyApp.SizeType | string | number
-    /**
-     * @description 是否禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 选中状态下的颜色
-     * */
-    activeColor?: string
-    /**
-     * @description 未选中的颜色
-     * */
-    inactiveColor?: string
-    /**
-     * @description 图标的大小，单位px
-     * */
-    iconSize?: string | number
-    /**
-     * @description 图标颜色
-     * */
-    iconColor?: string
-    /**
-     * @description label的字体大小，px单位
-     * */
-    labelSize?: string | number
-    /**
-     * @description label的颜色
-     * */
-    labelColor?: string
-    /**
-     * @description 勾选图标的对齐方式，left-左边，right-右边
-     * */
-    iconPlacement?: HyApp.LeftRightType
-    /**
-     * @description 竖向配列时，是否显示下划线
-     * */
-    borderBottom?: boolean
-    /**
-     * @description 是否禁止点击提示语选中复选框
-     * */
-    labelDisabled?: boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-    /**
-     * @description 排列方式，row-横向，column-纵向
-     * */
-    placement?: HyApp.DirectionType
-}
-
 export interface ICheckBoxGroupEmits {
     /** 选择触发 */
     (e: 'change', temp: CheckboxColumnsVo): void