hy-app 0.5.4 → 0.5.6

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/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/hy-price.vue

@@ -54,10 +54,17 @@ const priceOne = computed(() => {
     if (props.text === undefined || props.text === null) return error('text值不能为空')
 
     let value = typeof props.text === 'string' ? props.text : props.text.toString()
+
+    // 格式化整数部分为千分位
+    const formatValue = (val: string) => {
+        return val.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+    }
+
     if (/\./g.test(value)) {
-        return Number(value) ? value.split('.') : ['0', '000000']
+        const [integer, decimal] = value.split('.')
+        return [formatValue(integer), decimal]
     } else {
-        return [value, '000000']
+        return [formatValue(value), '000000']
     }
 })
 

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

@@ -6,7 +6,7 @@
             <canvas
                 class="hy-qrcode__content--canvas"
                 :id="cid"
-                type="2d"
+                :canvas-id="cid"
                 :style="{ width: addUnit(size), height: addUnit(size) }"
             />
             <!-- #endif -->
@@ -36,7 +36,7 @@ export default {
 import { getCurrentInstance, ref, watch, nextTick } from 'vue'
 import type { IQrcodeEmits } from './typing'
 import QRCode from './qrcode.js'
-import { addUnit, error, random } from '../../libs'
+import { addUnit, error } from '../../libs'
 // 组件
 import HyLoading from '../hy-loading/hy-loading.vue'
 import HyImage from '../hy-image/hy-image.vue'
@@ -52,7 +52,7 @@ const props = defineProps({
     /** 实例ID字符串(如果有多个二维码组件必须设置不一样的cid) */
     cid: {
         type: String,
-        default: 'hy-qrcode-canvas_' + random(1, 1000)
+        default: 'hy-qrcode-canvas' + Math.random().toString()
     },
     /** 二维码大小 */
     size: {
@@ -138,7 +138,6 @@ const initQrCode = () => {
             image: props.icon, // 二维码图标
             imageSize: props.iconSize, // 二维码图标大小
             cbResult: function (res: any) {
-                console.log(res)
                 // 生成二维码的回调
                 _result(res)
             }

package/components/hy-qrcode/index.scss

@@ -7,9 +7,9 @@
 
     @include m(canvas) {
       position: fixed;
-      // top: -99999rpx;
-      // left: -99999rpx;
-      // z-index: -99999;
+       top: -99999rpx;
+       left: -99999rpx;
+       z-index: -99999;
       overflow: hidden;
     }
 

package/components/hy-qrcode/qrcode.js

@@ -1146,111 +1146,6 @@ let QRCode = {}
             }
             return options.foreground
         }
-        // 为2D Canvas添加辅助函数
-        function drawIconWithBackground(canvas, ctx, options, qrCodeAlg) {
-            // 在小程序中使用canvas.createImage()而不是wx.createImage()
-            const img = canvas.createImage()
-            img.src = options.image
-            img.onload = function () {
-                var ratioImgSize = options.imageSize || 40
-                var x = Number(((options.size - ratioImgSize) / 2).toFixed(2))
-                var y = Number(((options.size - ratioImgSize) / 2).toFixed(2))
-
-                // 绘制圆角矩形背景
-                drawRoundedRect2D(ctx, x, y, ratioImgSize, ratioImgSize, 2, options.background)
-
-                // 绘制图标
-                ctx.drawImage(img, x, y, ratioImgSize, ratioImgSize)
-
-                // 导出图片
-                exportCanvasImage(canvas, options)
-            }
-
-            // 添加错误处理
-            img.onerror = function (e) {
-                console.error('Failed to load QR code icon:', e)
-                // 即使图标加载失败也要导出二维码
-                exportCanvasImage(canvas, options)
-            }
-        }
-
-        function drawRoundedRect2D(ctx, x, y, width, height, r, fillColor) {
-            ctx.beginPath()
-            ctx.moveTo(x + r, y)
-            ctx.arcTo(x + width, y, x + width, y + r, r)
-            ctx.arcTo(x + width, y + height, x + width - r, y + height, r)
-            ctx.arcTo(x, y + height, x, y + height - r, r)
-            ctx.arcTo(x, y, x + r, y, r)
-            ctx.closePath()
-            ctx.fillStyle = fillColor
-            ctx.fill()
-        }
-
-        function exportCanvasImage(canvas, options) {
-            setTimeout(() => {
-                wx.canvasToTempFilePath(
-                    {
-                        canvas: canvas,
-                        quality: 1,
-                        success: function (res) {
-                            if (options.cbResult) {
-                                options.cbResult(res.tempFilePath)
-                            }
-                        },
-                        fail: function (res) {
-                            if (options.cbResult) {
-                                options.cbResult(res)
-                            }
-                        },
-                        complete: function () {
-                            uni.hideLoading()
-                        }
-                    },
-                    options.context
-                )
-            }, options.text.length + 100)
-        }
-
-        // 2D Canvas二维码绘制函数
-        function drawQRCode2D(canvas, ctx, options, qrCodeAlg) {
-            var count = qrCodeAlg.getModuleCount()
-            var ratioSize = options.size
-
-            // 清除画布
-            ctx.clearRect(0, 0, ratioSize, ratioSize)
-            // 设置背景色
-            ctx.fillStyle = options.background
-            ctx.fillRect(0, 0, ratioSize, ratioSize)
-
-            //计算每个点的长宽
-            var tileW = (ratioSize / count).toPrecision(4)
-            var tileH = (ratioSize / count).toPrecision(4)
-
-            //绘制二维码
-            for (var row = 0; row < count; row++) {
-                for (var col = 0; col < count; col++) {
-                    var w = Math.ceil((col + 1) * tileW) - Math.floor(col * tileW)
-                    var h = Math.ceil((row + 1) * tileW) - Math.floor(row * tileW)
-                    var foreground = getForeGround({
-                        row: row,
-                        col: col,
-                        count: count,
-                        options: options
-                    })
-                    ctx.fillStyle = qrCodeAlg.modules[row][col] ? foreground : options.background
-                    ctx.fillRect(Math.round(col * tileW), Math.round(row * tileH), w, h)
-                }
-            }
-
-            if (options.image) {
-                // 绘制中间图标
-                drawIconWithBackground(canvas, ctx, options, qrCodeAlg)
-            } else {
-                // 导出图片
-                exportCanvasImage(canvas, options)
-            }
-        }
-
         // 创建canvas
         let createCanvas = function (options) {
             if (options.showLoading) {
@@ -1259,39 +1154,6 @@ let QRCode = {}
                     mask: true
                 })
             }
-
-            // 尝试使用2D Canvas (小程序端)
-            try {
-                if (!options.nvueContext && typeof wx !== 'undefined' && wx.createSelectorQuery) {
-                    const query = wx.createSelectorQuery().in(options.context)
-                    query
-                        .select('#' + options.canvasId)
-                        .fields({ node: true, size: true })
-                        .exec((res) => {
-                            if (res[0] && res[0].node) {
-                                const canvas = res[0].node
-                                const ctx = canvas.getContext('2d')
-
-                                // 设置canvas尺寸
-                                const dpr = wx.getSystemInfoSync().pixelRatio
-                                canvas.width = options.size * dpr
-                                canvas.height = options.size * dpr
-                                ctx.scale(dpr, dpr)
-
-                                // 创建二维码算法实例
-                                var qrCodeAlg = new QRCodeAlg(options.text, options.correctLevel)
-
-                                // 使用2D Canvas绘制
-                                drawQRCode2D(canvas, ctx, options, qrCodeAlg)
-                                return
-                            }
-                        })
-                }
-            } catch (e) {
-                console.warn('2D Canvas initialization failed, falling back to legacy mode:', e)
-            }
-
-            // 回退到传统Canvas方式
             var ctx = ''
             if (options.nvueContext) {
                 ctx = options.nvueContext

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