hy-app 0.5.3 → 0.5.5

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

@@ -1,124 +1,35 @@
-import type { CSSProperties } from 'vue'
-
 interface MenusVo {
-  /**
-   * @description 显示菜单文本
-   * */
-  label?: string
-  /**
-   * @description 跳转路径
-   * */
-  url?: string
+    /**
+     * @description 显示菜单文本
+     * */
+    label?: string
+    /**
+     * @description 跳转路径
+     * */
+    url?: string
 }
 
 export type MenusType = MenusVo | string
 export type IGap = {
-  left?: number
-  right?: number
-  top?: number
-  bottom?: number
+    left?: number
+    right?: number
+    top?: number
+    bottom?: number
 }
 
 export type FloatPositionVo =
-  | 'left-top'
-  | 'left-bottom'
-  | 'right-top'
-  | 'right-bottom'
-  | 'left-center'
-  | 'right-center'
-  | 'top-center'
-  | 'bottom-center'
-
-export default interface HyFloatButtonProps {
-  /**
-   * @description 菜单栏集合
-   * */
-  menus?: MenusType[]
-  /**
-   * @description 打开方向，row-横向；column-纵向
-   * */
-  direction?: HyApp.DirectionType
-  /**
-   * @description 按钮显示的图标
-   * */
-  icon?: string
-  /**
-   * @description 按钮图标大小
-   * */
-  iconSize?: string | number
-  /**
-   * @description 按钮图标颜色
-   * */
-  iconColor?: string
-  /**
-   * @description 到边框最小距离
-   * */
-  gap?: IGap
-  /**
-   * @description 层级（默认：10086）
-   * */
-  zIndex?: number
-  /**
-   * @description 按钮背景颜色
-   * */
-  bgColor?: string
-  /**
-   * @description 按钮文字
-   * */
-  text?: string
-  /**
-   * @description 按钮文字大小
-   * */
-  fontSize?: string | number
-  /**
-   * @description 按钮文字的颜色
-   * */
-  textColor?: string
-  /**
-   * @description 按钮的尺寸
-   * */
-  size?: HyApp.SizeType | string | number
-  /**
-   * @description 按钮的形状
-   * */
-  shape?: HyApp.ShapeType
-  /**
-   * @description 按钮的透明度
-   * */
-  opacity?: number
-  /**
-   * @description 是否显示阴影（默认：true）
-   * */
-  shadow?: boolean
-  /**
-   * @description 是否显示漂浮的动画（默认：true）
-   * */
-  float?: boolean
-  /**
-   * @description 是否固定位置（默认：true）
-   * */
-  fixed?: boolean
-  /**
-   * @description 是否能拖动（默认：true）
-   * */
-  draggable?: boolean
-  /**
-   * @description 悬浮按钮位置 （默认：right-bottom）
-   * */
-  position?: FloatPositionVo
-  /**
-   * @description 禁用点击打开菜单栏
-   * */
-  expandable?: boolean
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties
-}
+    | 'left-top'
+    | 'left-bottom'
+    | 'right-top'
+    | 'right-bottom'
+    | 'left-center'
+    | 'right-center'
+    | 'top-center'
+    | 'bottom-center'
 
 export interface IFloatButtonEmits {
-  /** 点击悬浮按钮触发 */
-  (e: 'click'): void
-  /** 点击菜单按钮触发 */
-  (e: 'clickItem', item: MenusType, index: number): void
+    /** 点击悬浮按钮触发 */
+    (e: 'click'): void
+    /** 点击菜单按钮触发 */
+    (e: 'clickItem', item: MenusType, index: number): void
 }

package/components/hy-folding-panel/props.ts

@@ -37,6 +37,6 @@ const foldingPanelProps = {
         type: String as PropType<HyApp.SizeType>,
         default: 'medium'
     }
-}
+} as const
 
 export default foldingPanelProps

package/components/hy-folding-panel/typing.d.ts

@@ -1,41 +1,3 @@
-import type { Ref, ToRefs } from 'vue'
-
-// 折叠面板组组件的Props接口
-export interface HyFoldingPanelGroupProps {
-    /**
-     * 当前激活的面板索引，支持v-model
-     */
-    modelValue?: number
-    /**
-     * 是否手风琴模式，默认false
-     */
-    accordion?: boolean
-    /**
-     * 是否禁用整个折叠面板组
-     */
-    disabled?: boolean
-    /**
-     * 是否显示边框，默认true
-     */
-    border?: boolean
-    /**
-     * 面板大小 large, medium, small
-     */
-    size?: HyApp.SizeType
-}
-
-// 父组件提供给子组件的配置接口
-export interface HyFoldingPanelGroupConfig extends ToRefs<HyFoldingPanelGroupProps> {
-    /**
-     * 当前激活的索引
-     */
-    activeIndex: Ref<number | string>
-    /**
-     * 更新激活索引的方法
-     */
-    updateActiveIndex: (index: number | string) => void
-}
-
 // 折叠面板组组件的事件接口
 export interface IFoldingPanelGroupEmits {
     /**

package/components/hy-folding-panel-item/hy-folding-panel-item.vue

@@ -67,8 +67,7 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed, inject, onMounted } from 'vue'
-import type { IFoldingPanelItemEmits } from './typing'
-import type { HyFoldingPanelGroupConfig } from '../hy-folding-panel/typing'
+import type { IFoldingPanelConfig, IFoldingPanelItemEmits } from './typing'
 import { addUnit, IconConfig } from '../../libs'
 import foldingPanelItemProps from './props'
 // 组件
@@ -86,7 +85,7 @@ const props = defineProps(foldingPanelItemProps)
 const emit = defineEmits<IFoldingPanelItemEmits>()
 
 // 尝试从父组件注入配置
-const groupConfig = inject<HyFoldingPanelGroupConfig>('hy-folding-panel')
+const groupConfig = inject<IFoldingPanelConfig>('hy-folding-panel')
 
 // 内部展开状态
 const expanded = ref(props.defaultOpen)

package/components/hy-folding-panel-item/typing.d.ts

@@ -1,3 +1,17 @@
+import foldingPanelProps from '../hy-folding-panel/props'
+import type { ExtractPropTypes, ToRefs } from 'vue'
+
+export interface IFoldingPanelConfig extends ToRefs<ExtractPropTypes<typeof foldingPanelProps>> {
+    /**
+     * 当前激活的索引
+     */
+    activeIndex: Ref<number | string>
+    /**
+     * 更新激活索引的方法
+     */
+    updateActiveIndex: (index: number | string) => void
+}
+
 // 折叠面板项组件的事件接口
 export interface IFoldingPanelItemEmits {
     /**

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

@@ -33,33 +33,6 @@ export interface FormItemRule {
     [key: string]: FormRule | FormRule[]
 }
 
-export default interface HyFormSimpleProps {
-    /**
-     * 表单数据对象
-     */
-    model?: Record<string, any>
-    /**
-     * 验证规则
-     */
-    rules?: FormItemRule
-    /**
-     * 标签宽度
-     */
-    labelWidth?: string | number
-    /**
-     * 标签位置
-     */
-    labelPosition?: 'left' | 'top'
-    /**
-     * 标签对齐方式
-     */
-    labelAlign?: 'left' | 'center' | 'right'
-    /**
-     * 表单列底部边框
-     * */
-    border: boolean
-}
-
 export interface IFormEmits {
     /** 提交表单 */
     (e: 'submit', data: FormRule): void

package/components/hy-form-item/hy-form-item.vue

@@ -4,11 +4,13 @@
             <text v-if="isRequired" class="hy-form-item__label--required">*</text>
             {{ label }}
         </view>
-        <view :class="['hy-form-item__content', formContext.border.value && 'hy-border__bottom']">
-            <slot></slot>
-        </view>
-        <view v-if="errorMessage" class="hy-form-item__error">
-            {{ errorMessage }}
+        <view class="hy-form-item__content">
+            <view :class="[formContext.border.value && 'hy-border__bottom']">
+                <slot></slot>
+            </view>
+            <view v-if="errorMessage" class="hy-form-item__error">
+                {{ errorMessage }}
+            </view>
         </view>
     </view>
 </template>

package/components/hy-form-item/typing.d.ts

@@ -22,25 +22,6 @@ export interface FormItemContext {
     handleChange: (value: string | number) => void
 }
 
-export default interface HyFormItemProps {
-    /**
-     * 标签文本
-     */
-    label?: string
-    /**
-     * 表单字段名
-     */
-    prop?: string
-    /**
-     * 是否必填
-     */
-    required?: boolean
-    /**
-     * 验证规则
-     */
-    rules?: any
-}
-
 export interface IFormItemEmits {
     /** 提交表单 */
     (e: 'change', value: any): void

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

@@ -30,49 +30,6 @@ export interface CustomKeysVo {
     icon: string
 }
 
-export default interface HyGridProps {
-    /**
-     * @description 数据集
-     * */
-    list: GridItemVo[]
-    /**
-     * @description 自定义键值
-     * */
-    customKeys?: CustomKeysVo
-    /**
-     * @description 宫格的列数（默认 3 ）
-     * */
-    col?: number
-    /**
-     * @description 是否显示宫格的边框（默认 false ）
-     * */
-    border?: boolean
-    /**
-     * @description 单个宫格高度（默认 60px ）
-     * */
-    itemHeight?: number | string
-    /**
-     * @description 宫格对齐方式，表现为数量少的时候，靠左，居中，还是靠右 （默认 'left' ）
-     * */
-    align?: 'center' | HyApp.LeftRightType
-    /**
-     * @description 间隔（默认 0px）
-     * */
-    gap?: number | string
-    /**
-     * @description 宫格的背景颜色 （默认 'transparent' ）
-     * */
-    bgColor?: string
-    /**
-     * @description 图标属性api配置集合
-     * */
-    iconConfig?: Partial<HyIconProps>
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IGridEmits {
     /** 点击小菜单触发 */
     (e: 'click', name: string | Record<string, any>): void

package/components/hy-icon/hy-icon.vue

@@ -7,12 +7,7 @@
             :mode="imgMode"
             :style="[imgStyle, customStyle]"
         ></image>
-        <text
-            v-else
-            class="hy-icon__icon"
-            :class="uClasses"
-            :style="[iconStyle, customStyle]"
-        ></text>
+        <text v-else :class="uClasses" :style="[iconStyle, customStyle]"></text>
         <!-- 这里进行空字符串判断，如果仅仅是v-if="label"，可能会出现传递0的时候，结果也无法显示 -->
         <text
             v-if="label"
@@ -58,9 +53,9 @@ const emit = defineEmits<IIconEmits>()
 
 const uClasses = computed(() => {
     let classes: string | string[] = [
+        'hy-icon__icon',
         'iconfont',
-        `${props.customPrefix}-${props.name}`,
-        props.customPrefix
+        `${props.customPrefix}-${props.name}`
     ]
     if (props.isRotate) classes.push('hy-rotate')
     if (props.color)

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

@@ -1,89 +1,3 @@
-import { CSSProperties } from 'vue'
-
-export default interface HyIconProps {
-    /**
-     * @description 图标名称，见示例图标集
-     * */
-    name: string | HyIconConfig
-    /**
-     * @description 图标颜色
-     * */
-    color?: string
-    /**
-     * @description 图标字体大小，单位px （默认 '16px' ）
-     * */
-    size?: string | number
-
-    /**
-     * @description 是否显示粗体 （默认 false ）
-     * */
-    bold?: boolean
-    /**
-     * @description 点击图标的时候传递事件出去的index（用于区分点击了哪一个）
-     * */
-    index?: string | number
-    /**
-     * @description 自定义扩展前缀，方便用户扩展自己的图标库 （默认 'hy-icon' ）
-     * */
-    customPrefix?: string
-    /**
-     * @description 图标右侧的label文字
-     * */
-    label?: string
-    /**
-     * @description label相对于图标的位置，只能right或bottom （默认 'right' ）
-     * */
-    labelPos?: 'right' | 'bottom'
-    /**
-     * @description label字体大小，单位px （默认 '15px' ）
-     * */
-    labelSize?: string | number
-    /**
-     * @description 图标右侧的label文字颜色
-     * */
-    labelColor?: string
-    /**
-     * @description label与图标的距离，单位px （默认 '3px' ）
-     * */
-    space?: string | number
-    /**
-     * @description 图片的mode
-     * */
-    imgMode?: string
-    /**
-     * @description 显示图片小图标时的宽度
-     * */
-    width?: string | number
-    /**
-     * @description 显示图片小图标时的高度
-     * */
-    height?: string | number
-    /**
-     * @description 图标在垂直方向上的定位 用于解决某些情况下，让图标垂直居中的用途  （默认 0 ）
-     * */
-    top?: number | string
-    /**
-     * @description 是否阻止事件传播 （默认 false ）
-     * */
-    stop?: boolean
-    /**
-     * @description 是否旋转 （默认 false ）
-     * */
-    isRotate?: boolean
-    /**
-     * @description 图标圆角
-     * */
-    round?: string | number
-    /**
-     * @description 自定义样式
-     * */
-    customStyle?: CSSProperties
-    /**
-     * @description 自定义类名
-     * */
-    customClass?: string
-}
-
 export interface IIconEmits {
     /** 点击图标触发 */
     (e: 'click', index: string, e: Event): void

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

@@ -1,85 +1,5 @@
-import type { CSSProperties } from 'vue'
 import type { ImageOnErrorEvent, ImageOnLoadEvent } from '@uni-helper/uni-types'
 
-export default interface HyImageProps {
-    /**
-     * @description 图片地址
-     * */
-    src?: string
-    /**
-     * @description 裁剪模式，见官网说明 （默认 'aspectFill' ）
-     * */
-    mode?: HyApp.ImageModeVo
-    /**
-     * @description 宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）
-     * */
-    width?: string | number
-    /**
-     * @description 高度，单位任意，如果为数值，则为px单位 （默认 '225' ）
-     * */
-    height?: string | number
-    /**
-     * @description 图片形状，circle-圆形，square-方形 （默认 'square' ）
-     * */
-    shape?: HyApp.ShapeType
-    /**
-     * @description 圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
-     * */
-    radius?: number | string
-    /**
-     * @description 是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 （默认 true ）
-     * */
-    lazyLoad?: boolean
-    /**
-     * @description 是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 （默认 true ）
-     * */
-    showMenuByLongPress?: boolean
-    /**
-     * @description 加载中的图标，或者小图片 （默认 'photo' ）
-     * */
-    loadingIcon?: string
-    /**
-     * @description 加载失败的图标，或者小图片 （默认 'error-circle' ）
-     * */
-    errorIcon?: string
-    /**
-     * @description 是否显示加载中的图标或者自定义的slot （默认 true ）
-     * */
-    showLoading?: boolean
-    /**
-     * @description 是否显示加载错误的图标或者自定义的slot （默认 true ）
-     * */
-    showError?: boolean
-    /**
-     * @description 是否需要淡入效果 （默认 true ）
-     * */
-    fade?: boolean
-    /**
-     * @description 只支持网络资源，只对微信小程序有效 （默认 false ）
-     * */
-    webp?: boolean
-    /**
-     * @description 搭配fade参数的过渡时间，单位ms （默认 500 ）
-     * */
-    duration?: number
-    /**
-     * @description 背景颜色，用于深色页面加载图片时，为了和背景色融合  (默认 '#f3f4f6' )
-     * */
-    bgColor?: string
-    /**
-     * @description 是否模糊图片  (默认 false )
-     * */
-    indistinct?: boolean
-    /**
-     * @description 是否预览图片  (默认 false )
-     * */
-    previewImage?: boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IImageEmits {
     /** 点击触发 */
     (e: 'click'): void