hy-app 0.5.3 → 0.5.5

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

@@ -1,53 +1,10 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyPaginationProps {
-  /**
-   * @description 当前页
-   */
-  modelValue: number
-  /**
-   * @description 总页数，如果有total，则优先使用total计算页数
-   */
-  totalPage?: number
-  /**
-   * @description 是否展示分页为Icon图标
-   */
-  showIcon?: boolean
-  /**
-   * @desc 是否展示总条数
-   */
-  showMessage?: boolean
-  /**
-   * @description 总条数
-   */
-  total?: number
-  /**
-   * @description 每页条数
-   */
-  pageSize?: number
-  /**
-   * @description 上一页文本
-   */
-  prevText?: string
-  /**
-   * @description 下一页文本
-   */
-  nextText?: string
-  /**
-   * @description 总页数只有一页时是否隐藏
-   */
-  hideIfOnePage?: boolean
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties
-}
 type PaginationVo = {
-  value: number
+    value: number
 }
+
 export interface IPaginationEmits {
-  /** 改变值触发 */
-  (e: 'change', param: PaginationVo): void
-  /** 改变值触发 */
-  (e: 'update:modelValue', value: PaginationVo['value']): void
+    /** 改变值触发 */
+    (e: 'change', param: PaginationVo): void
+    /** 改变值触发 */
+    (e: 'update:modelValue', value: PaginationVo['value']): void
 }

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

@@ -1,131 +1,34 @@
-import type { CSSProperties } from "vue";
-import type HyInputProps from "../hy-input/typing";
-
 export interface PickerColumnVo extends AnyObject {
-  /**
-   * @description id必填
-   * */
-  id: string;
-  /**
-   * @description 显示文本
-   * */
-  text?: string;
+    /**
+     * @description id必填
+     * */
+    id: string
+    /**
+     * @description 显示文本
+     * */
+    text?: string
 }
 
-export default interface HyPickerProps {
-  /**
-   * @description 显示到输入框值
-   * */
-  modelValue?: string | string[];
-  /**
-   * @description 对象数组，设置每一列的数据
-   * */
-  columns: (string | PickerColumnVo)[][];
-  /**
-   * @description 是否显示弹窗（默认 false ）
-   * */
-  show?: boolean;
-  /**
-   * @description 弹窗弹出模式
-   * */
-  popupMode?: HyApp.LayoutType;
-  /**
-   * @description 分割数组条件
-   * */
-  separator?: string;
-  /**
-   * @description 是否显示顶部的操作栏（默认 true ）
-   * */
-  showToolbar?: boolean;
-  /**
-   * @description 顶部标题
-   * */
-  title?: 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 选项对象中，需要展示的属性键名（默认 'text' ）
-   * */
-  keyName?: string;
-  /**
-   * @description 是否允许点击遮罩关闭选择器（默认 false ）
-   * */
-  closeOnClickOverlay?: boolean;
-  /**
-   * @description 各列的默认索引
-   * */
-  defaultIndex?: number[];
-  /**
-   * @description 是否在手指松开时立即触发change事件（默认 true ）
-   * */
-  immediateChange?: boolean;
-  /**
-   * @description 最高层级
-   * */
-  zIndex?: number;
-  /**
-   * @description 是否显示输入框（默认 false ）
-   * */
-  hasInput?: boolean;
-  /**
-   * @description 输入框集合属性
-   * */
-  input?: Partial<HyInputProps>;
-  /**
-   * @description 是否自定义选择器nav左边内容
-   * */
-  toolbarRightSlot?: boolean;
-  /**
-   * @description 自定义输入框外部样式
-   * */
-  customStyle?: CSSProperties;
+export type SelectValueVo = {
+    value: string[]
+    index?: number
+    indexs?: number[]
+    // values为当前变化列的数组内容
+    values?: Array<any>
+    columnIndex?: number
 }
 
-export type SelectValueVo = {
-  value: string[];
-  index?: number;
-  indexs?: number[];
-  // values为当前变化列的数组内容
-  values?: Array<any>;
-  columnIndex?: number;
-};
 export interface IPickerEmits {
-  /** 关闭选择器时触发 */
-  (e: "close"): void;
-  /** 点击取消按钮 */
-  (e: "cancel"): void;
-  /** 点击确定按钮，返回当前选择的值	 */
-  (e: "confirm", params: SelectValueVo): void;
-  /** 当选择值变化时触发 */
-  (e: "change", params: SelectValueVo): void;
-  /** 显示隐藏触发 */
-  (e: "update:show", show: boolean): void;
-  /** 选中值触发 */
-  (e: "update:modelValue", value: any): void;
+    /** 关闭选择器时触发 */
+    (e: 'close'): void
+    /** 点击取消按钮 */
+    (e: 'cancel'): void
+    /** 点击确定按钮，返回当前选择的值	 */
+    (e: 'confirm', params: SelectValueVo): void
+    /** 当选择值变化时触发 */
+    (e: 'change', params: SelectValueVo): void
+    /** 显示隐藏触发 */
+    (e: 'update:show', show: boolean): void
+    /** 选中值触发 */
+    (e: 'update:modelValue', value: any): void
 }

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

@@ -1,80 +1,39 @@
-import type { CSSProperties } from 'vue'
-
 export type IPlacementVo =
-  | 'top'
-  | 'top-start'
-  | 'top-end'
-  | 'bottom'
-  | 'bottom-start'
-  | 'bottom-end'
-  | 'left'
-  | 'left-start'
-  | 'left-end'
-  | 'right'
-  | 'right-start'
-  | 'right-end'
+    | 'top'
+    | 'top-start'
+    | 'top-end'
+    | 'bottom'
+    | 'bottom-start'
+    | 'bottom-end'
+    | 'left'
+    | 'left-start'
+    | 'left-end'
+    | 'right'
+    | 'right-start'
+    | 'right-end'
 export type IOffset = number | number[] | Record<'x' | 'y', number>
 
 export type PopoverExpose = {
-  open: () => void
-  close: () => void
+    open: () => void
+    close: () => void
 }
 export interface PopoverContentVo {
-  iconClass: string
-  content: string
-  icon: string
-}
-
-export default interface HyOverlayProps {
-  /**
-   * @description 控制 popover 的显示状态
-   * */
-  modelValue?: boolean
-  /**
-   * @description 显示的内容，也可以通过 slot#content 传入
-   */
-  content?: string | (string | PopoverContentVo)[]
-  /**
-   * @description 指定 popover 的放置位置：top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end
-   */
-  placement?: IPlacementVo
-  /**
-   * @description 控制 popover 的显示状态
-   */
-  offset?: IOffset
-  /**
-   * @description 是否禁用 popover
-   */
-  disabled?: boolean
-  /**
-   * @description 是否显示关闭按钮
-   */
-  showClose?: boolean
-  /**
-   * 当前显示的模式，决定内容的展现形式，可选值：normal（普通模式）/ menu（菜单模式）
-   */
-  mode?: 'normal' | 'menu'
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties
-  /**
-   * @description 定义需要用到的类名
-   * */
-  customClass?: string
+    iconClass: string
+    content: string
+    icon: string
 }
 
 export type PopoverParamsVo = {
-  show: boolean
+    show: boolean
 }
 export type PopoverItemParamsVo = {
-  item: Record<string, any>
-  index: number
+    item: Record<string, any>
+    index: number
 }
 export interface IPopoverEmits {
-  (e: 'menuClick', params: PopoverItemParamsVo): void
-  (e: 'change', params: PopoverParamsVo): void
-  (e: 'open'): void
-  (e: 'close'): void
-  (e: 'update:modelValue', value: boolean): void
+    (e: 'menuClick', params: PopoverItemParamsVo): void
+    (e: 'change', params: PopoverParamsVo): void
+    (e: 'open'): void
+    (e: 'close'): void
+    (e: 'update:modelValue', value: boolean): void
 }

package/components/hy-popup/hy-popup.vue

@@ -19,7 +19,6 @@
         >
             <!-- @click.stop不能去除，去除会导致居中模式下点击内容区域触发关闭弹窗 -->
             <view class="hy-popup__content" :style="[contentStyle]">
-                <!--        <u-status-bar v-if="safeAreaInsetTop"></u-status-bar>-->
                 <slot></slot>
                 <view
                     v-if="closeable"

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

@@ -1,79 +1,10 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyPopupProps {
-  /**
-   * @description 是否展示弹窗 (默认 false )
-   * */
-  show: boolean
-  /**
-   * @description 是否显示遮罩 （默认 true ）
-   * */
-  overlay?: boolean
-  /**
-   * @description 弹出方向（默认 'bottom' ）
-   * */
-  mode?: HyApp.LayoutType
-  /**
-   * @description 动画时长，单位ms （默认 300 ）
-   * */
-  duration?: number
-  /**
-   * @description 是否显示关闭图标（默认 false ）
-   * */
-  closeable?: boolean
-  /**
-   * @description 自定义遮罩的样式
-   * */
-  overlayStyle?: CSSProperties
-  /**
-   * @description 遮罩透明度，0-1之间（默认 0.5）
-   * */
-  overlayOpacity?: number
-  /**
-   * @description 点击遮罩是否关闭弹窗 （默认  true ）
-   * */
-  closeOnClickOverlay?: boolean
-  /**
-   * @description 层级 （默认 10075 ）
-   * */
-  zIndex?: number
-  /**
-   * @description 是否为iPhoneX留出底部安全距离 （默认 true ）
-   * */
-  safeAreaInsetBottom?: boolean
-  /**
-   * @description 是否留出顶部安全距离（状态栏高度） （默认 false ）
-   * */
-  safeAreaInsetTop?: boolean
-  /**
-   * @description 自定义关闭图标位置（默认 'top-right' ）
-   * */
-  closeIconPos?: 'top-left' | 'top-right'
-  /**
-   * @description 圆角值（默认 0）
-   * */
-  round?: string | number
-  /**
-   * @description 当mode=center时 是否开启缩放（默认 true ）
-   * */
-  zoom?: boolean
-  /**
-   * @description 背景颜色
-   * */
-  bgColor?: string
-  /**
-   * @description 自定义样式
-   * */
-  customStyle?: CSSProperties
-}
-
 export interface IPopupEmits {
-  /** 弹出层打开触发 */
-  (e: 'open'): void
-  /** 弹出层关闭触发 */
-  (e: 'close'): void
-  /** 弹出层点击触发 */
-  (e: 'click'): void
-  /** 显示隐藏触发 */
-  (e: 'update:show', visible: boolean): void
+    /** 弹出层打开触发 */
+    (e: 'open'): void
+    /** 弹出层关闭触发 */
+    (e: 'close'): void
+    /** 弹出层点击触发 */
+    (e: 'click'): void
+    /** 显示隐藏触发 */
+    (e: 'update:show', visible: boolean): void
 }

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

@@ -1,44 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyPriceProps {
-    /**
-     * @description 传入金额值
-     * */
-    text: string | number
-    /**
-     * @description 金额符号（默认：￥）
-     * */
-    symbol?: string
-    /**
-     * @description 比例大小（默认：1.4）
-     * */
-    ratio?: number
-    /**
-     * @description 保留小数点后几位数（默认：2）
-     * */
-    num?: number
-    /**
-     * @description 字体颜色（默认：#FE3232）
-     * */
-    color?: string
-    /**
-     * @description 字体大小（默认：12）
-     * */
-    size?: string | number
-    /**
-     * @description 字体粗细（默认：500）
-     * */
-    weight?: number
-    /**
-     * @description 是否倾斜（默认：false）
-     * */
-    slant?: boolean
-    /**
-     * @description 自定义样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IPriceEmits {
     /** 点击事件 */
     (e: 'click', text: string | number): void

package/components/hy-qrcode/hy-qrcode.vue

@@ -37,7 +37,6 @@ import { getCurrentInstance, ref, watch, nextTick } from 'vue'
 import type { IQrcodeEmits } from './typing'
 import QRCode from './qrcode.js'
 import { addUnit, error } from '../../libs'
-import qrCodeProps from './props'
 // 组件
 import HyLoading from '../hy-loading/hy-loading.vue'
 import HyImage from '../hy-image/hy-image.vue'
@@ -48,7 +47,73 @@ import HyImage from '../hy-image/hy-image.vue'
  */
 defineOptions({})
 
-const props = defineProps(qrCodeProps)
+// const props = withDefaults(defineProps<IProps>(), defaultProps)
+const props = defineProps({
+    /** 实例ID字符串(如果有多个二维码组件必须设置不一样的cid) */
+    cid: {
+        type: String,
+        default: 'hy-qrcode-canvas' + Math.random().toString()
+    },
+    /** 二维码大小 */
+    size: {
+        type: Number,
+        default: 200
+    },
+    /** 二维码内容 */
+    text: String,
+    /** 是否显示二维码 */
+    show: {
+        type: Boolean,
+        default: true
+    },
+    /** 二维码背景色 */
+    background: {
+        type: String,
+        default: '#ffffff'
+    },
+    /** 二维码颜色 */
+    foreground: {
+        type: String,
+        default: '#000000'
+    },
+    /** 定位角点颜色 */
+    pdGround: {
+        type: String,
+        default: '#000000'
+    },
+    /** 是否是自定义组件 */
+    usingComponents: {
+        type: Boolean,
+        default: true
+    },
+    /** 容错级别 */
+    lv: {
+        type: Number,
+        default: 3
+    },
+    /** 二维码中间图标 */
+    icon: String,
+    /** 二维码中间图标大小 */
+    iconSize: {
+        type: Number,
+        default: 40
+    },
+    /** 显示加载状态 */
+    showLoading: {
+        type: Boolean,
+        default: true
+    },
+    /** 加载中提示语 */
+    loadingText: {
+        type: String,
+        default: '二维码生成中...'
+    },
+    /** 是否预览 */
+    allowPreview: {
+        type: Boolean,
+        default: false
+    }
+})
 const emit = defineEmits<IQrcodeEmits>()
 
 const instance = getCurrentInstance()

package/components/hy-qrcode/index.scss

@@ -6,11 +6,10 @@
     position: relative;
 
     @include m(canvas) {
-      // 移除fixed定位，确保canvas在H5端能正确绘制
       position: fixed;
-      top: -99999rpx;
-      left: -99999rpx;
-      z-index: -99999;
+       top: -99999rpx;
+       left: -99999rpx;
+       z-index: -99999;
       overflow: hidden;
     }
 

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

@@ -1,69 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyQrcodeProps {
-    /**
-     * @description 实例ID字符串(如果有多个二维码组件必须设置不一样的cid)
-     * */
-    cid?: string
-    /**
-     * @description 二维码大小
-     * */
-    size?: string | number
-
-    /**
-     * @description 二维码内容
-     * */
-    text: string
-    /**
-     * @description 是否显示二维码
-     * */
-    show?: boolean
-    /**
-     * @description 二维码背景色
-     * */
-    background?: string
-    /**
-     * @description 二维码颜色
-     * */
-    foreground?: string
-    /**
-     * @description 定位角点颜色
-     * */
-    pdGround?: string
-    /**
-     * @description 容错级别
-     * */
-    lv?: number
-    /**
-     * @description 是否是自定义组件
-     * */
-    usingComponents?: boolean
-    /**
-     * @description 二维码中间图标
-     * */
-    icon?: string
-    /**
-     * @description 二维码中间图标大小
-     * */
-    iconSize?: string | number
-    /**
-     * @description 显示加载状态
-     * */
-    showLoading?: boolean
-    /**
-     * @description 加载中提示语
-     * */
-    loadingText?: string
-    /**
-     * @description 是否预览
-     * */
-    allowPreview?: boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IQrcodeEmits {
     /** 二维码生成成功 */
     (e: 'result', res: any): void