hy-app 0.5.3 → 0.5.5

package/components/hy-action-sheet/typing.d.ts

@@ -1,4 +1,3 @@
-import type { CSSProperties } from 'vue'
 export interface IActionSheetAction {
     /**
      * 选项名称
@@ -21,6 +20,7 @@ export interface IActionSheetAction {
      */
     loading?: boolean
 }
+
 export interface IActionSheetPanel {
     /**
      * 图片地址
@@ -31,68 +31,6 @@ export interface IActionSheetPanel {
      */
     name: string
 }
-export interface HyActionSheetProps {
-    /**
-     * 操作菜单是否展示 ( 默认 false )
-     * */
-    modelValue?: boolean
-    /**
-     * 菜单选项
-     * */
-    actions?: IActionSheetAction[]
-    /**
-     * 自定义面板项,可以为字符串数组，也可以为对象数组，如果为二维数组，则为多行展示
-     * */
-    panels?: Array<IActionSheetPanel | IActionSheetPanel[]>
-    /**
-     * 圆角值 (默认 20 )
-     * */
-    round?: string | number
-    /**
-     * 标题
-     * */
-    title?: string
-    /**
-     * 标题文字位置
-     * */
-    titleAlign?: HyApp.RowCenterType
-    /**
-     * 取消按钮的提示文字,不为空时显示按钮
-     * */
-    cancelText?: string
-    /**
-     * 点击某个菜单项时是否关闭弹窗 （默认 true ）
-     * */
-    closeOnClickAction?: boolean
-    /**
-     * 点击遮罩是否允许关闭  (默认 true )
-     * */
-    closeOnClickOverlay?: boolean
-    /**
-     * 弹框动画持续时间 ( 默认 200 )
-     * */
-    duration?: number
-    /**
-     * 菜单层级 ( 默认 100 )
-     * */
-    zIndex?: number
-    /**
-     * 处理底部安全区 （默认 true ）
-     * */
-    safeAreaInsetBottom?: boolean
-    /**
-     * 自定义外部样式
-     * */
-    customStyle?: CSSProperties
-    /**
-     * 自定义外部类名
-     * */
-    customClass?: string
-    /**
-     * 自定义标题类名
-     * */
-    customHeaderClass?: string
-}
 
 interface SelectEventParams {
     /**

package/components/hy-address-picker/hy-address-picker.vue

@@ -2,8 +2,9 @@
     <view class="hy-address-picker">
         <view v-if="hasInput" class="hy-address-picker__has-input" @tap="onShowByClickInput">
             <!-- @slot 自定义输入框 -->
-            <slot name="trigger" :value="inputValue">
-                <HyInput
+            <slot v-if="$slots.trigger" name="trigger" :value="inputValue"></slot>
+            <template v-else>
+                <hy-input
                     v-model="inputValue"
                     :readonly="true"
                     :disabled="input?.disabled"
@@ -19,11 +20,11 @@
                     :placeholderStyle="input?.placeholderStyle"
                     :placeholderClass="input?.placeholderClass"
                     :customStyle="Object.assign({ 'pointer-events': 'none' }, input?.customStyle)"
-                ></HyInput>
+                ></hy-input>
                 <view class="input-cover"></view>
-            </slot>
+            </template>
         </view>
-        <HyPicker
+        <hy-picker
             ref="uPickerRef"
             :show="show || (hasInput && showByClickInput)"
             :popupMode="popupMode"
@@ -55,7 +56,7 @@
                 <!-- @slot 工具栏下面内容，自定义底部内容 -->
                 <slot name="toolbar-bottom"></slot>
             </template>
-        </HyPicker>
+        </hy-picker>
     </view>
 </template>
 

package/components/hy-address-picker/typing.d.ts

@@ -1,87 +1,3 @@
-import type { CSSProperties } from 'vue'
-import type HyInputProps from '../hy-input/typing'
-
-export default interface HyAddressPickerProps {
-    /**
-     * @description 用于控制选择器的弹出和收起 ( 默认 false )
-     * */
-    show?: boolean
-
-    /**
-     * @description 弹出层弹出方向
-     * */
-    popupMode?: HyApp.LayoutType
-    /**
-     * @description 是否显示顶部的操作栏  ( 默认 true )
-     * */
-    showToolbar?: boolean
-    /**
-     * @description 绑定值
-     * */
-    modelValue: string
-    /**
-     * @description 顶部标题
-     * */
-    title?: string
-    /**
-     * @description 字符串截取数组条件
-     * */
-    separator?: string
-    /**
-     * @description 是否显示加载中状态   ( 默认 false )
-     * */
-    loading?: boolean
-    /**
-     * @description 各列中，单个选项的高度   ( 默认 44 )
-     * */
-    itemHeight?: number
-    /**
-     * @description 取消按钮的文字  ( 默认 '取消' )
-     * */
-    cancelText?: string
-    /**
-     * @description 确认按钮的文字  ( 默认 '确认' )
-     * */
-    confirmText?: string
-    /**
-     * @description 取消按钮的颜色  ( 默认 '#909193' )
-     * */
-    cancelColor?: string
-    /**
-     * @description 确认按钮的颜色  ( 默认 '#3c9cff' )
-     * */
-    confirmColor?: string
-    /**
-     * @description 每列中可见选项的数量  ( 默认 5 )
-     * */
-    visibleItemCount?: number
-    /**
-     * @description 是否允许点击遮罩关闭选择器  ( 默认 false )
-     * */
-    closeOnClickOverlay?: boolean
-    /**
-     * @description 各列的默认索引
-     * @note 类型有问题,需要调整
-     * */
-    defaultIndex?: Array<any>
-    /**
-     * @description 是否显示输入框 ( 默认 false )
-     * */
-    hasInput?: boolean
-    /**
-     * @description 输入框集合属性
-     * */
-    input?: Partial<HyInputProps>
-    /**
-     * @description 右边插槽
-     * */
-    toolbarRightSlot?: boolean
-    /**
-     * @description 自定义输入框外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export type ConfirmParams = {
     /** 选中值 */
     value: string

package/components/hy-avatar/hy-avatar.vue

@@ -1,6 +1,7 @@
 <template>
     <view class="hy-avatar" :class="avatarClass" :style="avatarStyle" @tap="clickHandler">
-        <slot>
+        <slot v-if="$slots.default"></slot>
+        <template v-else>
             <!-- #ifdef MP-WEIXIN || MP-QQ || MP-BAIDU  -->
             <open-data
                 v-if="mpAvatar && allowMp"
@@ -16,7 +17,7 @@
             <!-- #ifndef MP-WEIXIN && MP-QQ && MP-BAIDU  -->
             <template v-if="mpAvatar && allowMp"></template>
             <!-- #endif -->
-            <HyIcon v-else-if="icon" :name="icon" :size="fontSize" :color="color"></HyIcon>
+            <hy-icon v-else-if="icon" :name="icon" :size="fontSize" :color="color"></hy-icon>
             <text
                 v-else-if="text"
                 :style="{
@@ -36,7 +37,7 @@
                 :mode="mode"
                 @error="errorHandler"
             ></image>
-        </slot>
+        </template>
     </view>
 </template>
 

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

@@ -1,69 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyAvatarProps {
-    /**
-     * @description 头像路径，如加载失败，将会显示默认头像(不能为相对路径)
-     * */
-    src?: string
-
-    /**
-     * @description 头像形状  （ circle (默认) | square）
-     * */
-    shape?: HyApp.ShapeType
-    /**
-     * @description 头像尺寸，可以为指定字符串(large, default, mini)，或者数值 （默认 40 ）
-     * */
-    size?: number | HyApp.SizeType
-    /**
-     * @description 头像图片的裁剪类型，与uni的image组件的mode参数一致，如效果达不到需求，可尝试传widthFix值 （默认 'scaleToFill' ）
-     * */
-    mode?: string
-    /**
-     * @description 用文字替代图片，级别优先于src
-     * */
-    text?: string
-    /**
-     * @description 背景颜色，一般显示文字时用 （默认 '#c0c4cc' ）
-     * */
-    bgColor?: string
-    /**
-     * @description 文字颜色 （默认 '#ffffff' ）
-     * */
-    color?: string
-    /**
-     * @description 文字大小  （默认 18 ）
-     * */
-    fontSize?: number | string
-    /**
-     * @description 显示的图标
-     * */
-    icon?: string
-    /**
-     * @description 显示小程序头像，只对百度，微信，QQ小程序有效  （默认 false ）
-     * */
-    mpAvatar?: boolean
-    /**
-     * @description 是否使用随机背景色  （默认 false ）
-     * */
-    randomBgColor?: boolean
-    /**
-     * @description 加载失败的默认头像(组件有内置默认图片)
-     * */
-    defaultUrl?: string
-    /**
-     * @description 如果配置了randomBgColor为true，且配置了此值，则从默认的背景色数组中取出对应索引的颜色值，取值0-19之间
-     * */
-    colorIndex?: number
-    /**
-     * @description 组件标识符  （默认 'level' ）
-     * */
-    name?: string
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IAvatarEmit {
     /** 点击头像触发 */
     (e: 'click', name: string, e: Event): void

package/components/hy-back-top/typing.d.ts

@@ -1,50 +1,3 @@
-import type { CSSProperties } from 'vue'
-import type HyIconProps from '../hy-icon/typing'
-
-export default interface HyBackTopProps {
-    /**
-     * @description 返回顶部的形状，circle-圆形，square-方形 （默认 'circle' ）
-     * */
-    mode?: HyApp.ShapeType
-    /**
-     * @description 自定义图标属性集合
-     * */
-    icon?: Partial<HyIconProps>
-
-    /**
-     * @description 提示文字
-     * */
-    text?: string
-    /**
-     * @description 返回顶部滚动时间 （默认 500）
-     * */
-    duration?: number
-    /**
-     * @description 滚动距离 （默认 0 ）
-     * */
-    scrollTop: number
-    /**
-     * @description 距离顶部多少距离显示，单位px （默认 400 ）
-     * */
-    top?: number | string
-    /**
-     * @description 返回顶部按钮到底部的距离，单位px （默认 100 ）
-     * */
-    bottom?: number | string
-    /**
-     * @description 返回顶部按钮到右边的距离，单位px （默认 20 ）
-     * */
-    right?: number | string
-    /**
-     * @description 层级   （默认 888 ）
-     * */
-    zIndex?: number
-    /**
-     * @description 定义需要用到的外部样式（默认{transform: "rotate(180deg)"}）
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IBackTopEmit {
     /** 点击触发 */
     (e: 'click'): void

package/components/hy-badge/hy-badge.vue

@@ -47,9 +47,9 @@ const emit = defineEmits<IBadgeEmit>()
  * @description 整个组件的样式
  * */
 const badgeStyle = computed<CSSProperties>(() => {
-    const style: CSSProperties = {}
-    if (props.color) {
-        style.color = props.color
+    const style: CSSProperties = {
+        zIndex: props.zIndex,
+        color: props.color
     }
     if (props.bgColor && !props.inverted) {
         style.backgroundColor = props.bgColor

package/components/hy-badge/index.scss

@@ -12,7 +12,6 @@ $hy-badge-text-font-size: 11px !default;
   line-height: $hy-badge-text-font-size;
   text-align: center;
   font-size: $hy-badge-text-font-size;
-  z-index: 999;
 
   @include m(dot) {
     height: $hy-badge-dot-size;

package/components/hy-badge/props.ts

@@ -8,7 +8,7 @@ const badgeProps = {
     },
     /** 显示的内容 */
     value: {
-        type: Number,
+        type: [String, Number],
         default: 0
     },
     /** 是否显示 */
@@ -21,6 +21,11 @@ const badgeProps = {
         type: Number,
         default: 999
     },
+    /** 层级 */
+    zIndex: {
+        type: Number,
+        default: 999
+    },
     /**
      * 主题类型
      * @values error,warning,success,primary,info

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

@@ -1,65 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyBadgeProps {
-    /**
-     * @description 是否显示圆点 （默认 false ）
-     * */
-    isDot?: boolean
-    /**
-     * @description 显示的内容
-     * */
-    value?: number
-
-    /**
-     * @description 是否显示 （默认 true ）
-     * */
-    show?: boolean
-    /**
-     * @description 最大值，超过最大值会显示 '{max}+'  （默认999）
-     * */
-    max?: number
-    /**
-     * @description 主题类型，error|warning|success|primary|info （默认 'error' ）
-     * */
-    type?: HyApp.ThemeType
-    /**
-     * @description 当数值为 0 时，是否展示 Badge （默认 false ）
-     * */
-    showZero?: boolean
-    /**
-     * @description 背景颜色，优先级比type高，如设置，type参数会失效
-     * */
-    bgColor?: string | null
-    /**
-     * @description 字体颜色 （默认 '#ffffff' ）
-     * */
-    color?: string | null
-    /**
-     * @description 徽标形状，circle-四角均为圆角，horn-左下角为直角 （默认 'circle' ）
-     * */
-    shape?: 'circle' | 'horn'
-    /**
-     * @description 设置数字的显示方式，overflow|ellipsis|limit  （默认 'overflow' ）
-     * */
-    numberType?: 'overflow' | 'ellipsis' | 'limit'
-    /**
-     * @description 设置badge的位置偏移，格式为 [x, y]，也即设置的为top和right的值，absolute为true时有效
-     * */
-    offset?: number[] | null
-    /**
-     * @description 是否反转背景和字体颜色（默认 false ）
-     * */
-    inverted?: boolean
-    /**
-     * @description 是否绝对定位（默认 false ）
-     * */
-    absolute?: boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IBadgeEmit {
     /** 点击触发 */
     (e: 'click', event: Event): void

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

@@ -1,164 +1,30 @@
-import type { CSSProperties } from "vue";
-import type HyIconProps from "../hy-icon/typing";
-
-export interface HyButtonProps {
-  /**
-   * 是否显示按钮的细边框
-   * @default true
-   * @type {boolean}
-   * */
-  hairline?: boolean;
-  /**
-   * 按钮的预置样式
-   * @type {ThemeType}
-   * @default 'primary'
-   * @values info, primary, error, warning, success
-   * */
-  type?: HyApp.ThemeType;
-  /**
-   * 按钮尺寸
-   * @type {'large' | 'medium' | 'small' | 'mini'}
-   * @default 'medium'
-   * */
-  size?: "large" | "medium" | "small" | "mini";
-  /**
-   * 按钮形状，circle（两边为半圆），square（带圆角） （默认 'square' ）
-   * */
-  shape?: HyApp.ShapeType;
-  /**
-   * 按钮是否镂空，背景色透明 （默认 false）
-   * */
-  plain?: boolean;
-  /**
-   * 是否禁用 （默认 false）
-   * */
-  disabled?: boolean;
-  /**
-   * 按钮名称前是否带 loading 图标(App-nvue 平台，在 ios 上为雪花，Android上为圆圈) （默认 false）
-   * */
-  loading?: boolean;
-  /**
-   * 加载中提示文字
-   * */
-  loadingText?: string;
-  /**
-   * 加载状态图标类型 （默认 'spinner' ）
-   * */
-  loadingMode?: HyApp.LoadingMode;
-  /**
-   * 加载图标大小 （默认 13 ）
-   * */
-  loadingSize?: number;
-  /**
-   * 开放能力，具体请看uniapp稳定关于button组件部分说明
-   * */
-  openType?: string;
-  /**
-   * 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件
-   * */
-  formType?: string;
-  /**
-   * 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 （注：只微信小程序、QQ小程序有效）
-   * */
-  appParameter?: string;
-  /**
-   * 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效（默认 true ）
-   * */
-  hoverStopPropagation?: boolean;
-  /**
-   * 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文（默认 en ）
-   * */
-  lang?: string;
-  /**
-   * 会话来源，openType="contact"时有效
-   * */
-  sessionFrom?: string;
-  /**
-   * 会话内消息卡片标题，openType="contact"时有效
-   * */
-  sendMessageTitle?: string;
-  /**
-   * 会话内消息卡片点击跳转小程序路径，openType="contact"时有效
-   * */
-  sendMessagePath?: string;
-  /**
-   * 会话内消息卡片图片，openType="contact"时有效
-   * */
-  sendMessageImg?: string;
-  /**
-   * 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效（默认false）
-   * */
-  showMessageCard?: boolean;
-  /**
-   * 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取
-   * */
-  dataName?: string;
-  /**
-   * 节流时间，一定时间内只能触发一次 （默认 0 )
-   * */
-  throttleTime?: number;
-  /**
-   * 按住后多久出现点击态，单位毫秒 （默认 0 )
-   * */
-  hoverStartTime?: number;
-  /**
-   * 手指松开后点击态保留时间，单位毫秒 （默认 200 )
-   * */
-  hoverStayTime?: number;
-  /**
-   * 按钮文字，之所以通过props传入，是因为slot传入的话（注：nvue中无法控制文字的样式）
-   * */
-  text?: string;
-  /**
-   * 按钮图标api集合
-   * */
-  icon?: Partial<HyIconProps>;
-  /**
-   * 按钮颜色，支持传入linear-gradient渐变色
-   * */
-  color?: string;
-  /**
-   * 阻止事件冒泡
-   * */
-  stop?: boolean;
-  /**
-   * 定义需要用到的外部样式
-   * @note 类型问题
-   * */
-  customStyle?: CSSProperties;
-  /**
-   * 自定义外部类名
-   * */
-  customClass?: string;
-}
-
 export interface IButtonEmits {
-  /**
-   * 点击按钮事件
-   * */
-  (e: "click", event: Event): void;
-  /**
-   * 仅限微信小程序，当使用开放能力时，发生错误的回调
-   * */
-  (e: "error", event: Event): void;
-  /**
-   * 微信小程序获取手机号
-   * */
-  (e: "getphonenumber", event: Event): void;
-  /**
-   * 微信小程序用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同uni.getUserInfo
-   * */
-  (e: "getuserinfo", event: Event): void;
-  /**
-   * 仅限微信小程序，在打开授权设置页并关闭后回调
-   * */
-  (e: "opensetting", event: Event): void;
-  /**
-   * 仅限微信小程序，打开 APP 成功的回调
-   * */
-  (e: "launchapp", event: Event): void;
-  /**
-   * 仅限微信小程序，用户同意隐私协议事件回调，open-type="agreePrivacyAuthorization"时有效
-   * */
-  (e: "agreeprivacyauthorization", event: Event): void;
+    /**
+     * 点击按钮事件
+     * */
+    (e: 'click', event: Event): void
+    /**
+     * 仅限微信小程序，当使用开放能力时，发生错误的回调
+     * */
+    (e: 'error', event: Event): void
+    /**
+     * 微信小程序获取手机号
+     * */
+    (e: 'getphonenumber', event: Event): void
+    /**
+     * 微信小程序用户点击该按钮时，会返回获取到的用户信息，从返回参数的detail中获取到的值同uni.getUserInfo
+     * */
+    (e: 'getuserinfo', event: Event): void
+    /**
+     * 仅限微信小程序，在打开授权设置页并关闭后回调
+     * */
+    (e: 'opensetting', event: Event): void
+    /**
+     * 仅限微信小程序，打开 APP 成功的回调
+     * */
+    (e: 'launchapp', event: Event): void
+    /**
+     * 仅限微信小程序，用户同意隐私协议事件回调，open-type="agreePrivacyAuthorization"时有效
+     * */
+    (e: 'agreeprivacyauthorization', event: Event): void
 }

package/components/hy-calendar/hy-calendar.vue

@@ -1,5 +1,5 @@
 <template>
-    <HyPopup
+    <hy-popup
         :show="show"
         mode="bottom"
         closeable
@@ -61,7 +61,7 @@
                 </view>
             </slot>
         </view>
-    </HyPopup>
+    </hy-popup>
 </template>
 
 <script lang="ts">