hy-app 0.5.4 → 0.5.5

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

@@ -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

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

@@ -1,89 +1,4 @@
-import type { CSSProperties } from 'vue'
-import { CheckboxColumnsVo, IFieldNames } from '../hy-check-button/typing'
-
-export default interface HyRadioProps {
-    /**
-     * @description 双向绑定值，数组类型
-     * */
-    modelValue: string | number
-
-    /**
-     * @description 接受数组值
-     * */
-    columns: CheckboxColumnsVo[]
-    /**
-     * @description 自定义接收columns的键
-     * */
-    fieldNames?: IFieldNames
-    /**
-     * @description checkbox组件的标示符
-     * */
-    name?: string
-    /**
-     * @description 形状，square为方形，circle为圆型
-     * */
-    shape?: HyApp.ShapeType
-    /**
-     * @description 整体的大小
-     * */
-    size?: HyApp.SizeType | string | number
-    /**
-     * @description 是否默认选中
-     * */
-    checkbox?: boolean
-    /**
-     * @description 是否禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
-     * */
-    activeColor?: string
-    /**
-     * @description 未选中的颜色
-     * */
-    inactiveColor?: string
-    /**
-     * @description 图标的大小，单位px
-     * */
-    iconSize?: string
-    /**
-     * @description 图标颜色
-     * */
-    iconColor?: string
-    /**
-     * @description label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式
-     * */
-    label?: 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 { CheckboxColumnsVo } from '../hy-check-button/typing'
 
 export interface IRadioEmits {
     /** 选择触发 */

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

@@ -1,65 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyRateProps {
-    /**
-     * @description v-model绑定的值
-     * */
-    modelValue: number
-
-    /**
-     * @description 星星的默认最多数
-     * */
-    count?: number
-    /**
-     * @description 是否禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 是否只读
-     * */
-    readonly?: boolean
-    /**
-     * @description 星星的大小
-     * */
-    size?: number | string
-    /**
-     * @description 未激活星星的颜色
-     * */
-    inactiveColor?: string
-    /**
-     * @description 激活星星的颜色
-     * */
-    activeColor?: string
-    /**
-     * @description 星星之间的间距
-     * */
-    gutter?: number
-    /**
-     * @description 最小星星数量
-     * */
-    minCount?: number
-    /**
-     * @description 是否允许半星
-     * */
-    allowHalf?: boolean
-    /**
-     * @description 激活状态的图标
-     * */
-    activeIcon?: string
-    /**
-     * @description 未激活状态的图标
-     * */
-    inactiveIcon?: string
-    /**
-     * @description 是否可触摸
-     * */
-    touchable?: boolean
-    /**
-     * @description 自定义样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IRateEmits {
     /** 选中的星星发生变化时触发 */
     (e: 'change', index: number): void

package/components/hy-read-more/typing.d.ts

@@ -1,51 +1,6 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyReadMoreProps {
-  /**
-   * @description 内容超出此高度才会显示展开全文按钮，单位px（默认 400 ）
-   * */
-  showHeight?: number
-  /**
-   * @description 展开后是否显示收起按钮（默认 false ）
-   * */
-  toggle?: boolean
-  /**
-   * @description 关闭时的提示文字（默认 '展开阅读全文' ）
-   * */
-  closeText?: string
-  /**
-   * @description 展开时的提示文字（默认 '收起' ）
-   * */
-  openText?: string
-  /**
-   * @description 提示文字的颜色（默认 '#2979ff' ）
-   * */
-  color?: string
-  /**
-   * @description 提示文字的大小，单位px （默认 14 ）
-   * */
-  fontSize?: number
-  /**
-   * @description 段落首行缩进的字符个数 （默认 '2em' ）
-   * */
-  textIndent?: string
-  /**
-   * @description 用于在 open 和 close 事件中当作回调参数返回
-   * */
-  name?: string
-  /**
-   * @description 显示阴影的样式
-   * */
-  shadowStyle?: CSSProperties
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties
-}
-
 export interface IReadMoreEmits {
-  /** 打开触发 */
-  (e: 'open', name: string): void
-  /** 关闭触发 */
-  (e: 'close', name: string): void
+    /** 打开触发 */
+    (e: 'open', name: string): void
+    /** 关闭触发 */
+    (e: 'close', name: string): void
 }

package/components/hy-scroll-list/typing.d.ts

@@ -1,35 +1,6 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyScrollListProps {
-  /**
-   * @description 指示器的整体宽度 (默认 50 )
-   * */
-  indicatorWidth?: number
-  /**
-   * @description 滑块的宽度 (默认 20 )
-   * */
-  indicatorBarWidth?: number
-  /**
-   * @description 是否显示面板指示器 (默认 true )
-   * */
-  indicator?: boolean
-  /**
-   * @description 指示器非激活颜色 (默认 '#f2f2f2' )
-   * */
-  indicatorColor?: string
-  /**
-   * @description 指示器的激活颜色 (默认 '#3c9cff' )
-   * */
-  indicatorActiveColor?: string
-  /**
-   * @description 指示器样式，可通过bottom，left，right进行定位
-   * */
-  indicatorStyle?: CSSProperties
-}
-
 export interface IScrollListEmits {
-  /** 滑动到左边时触发 */
-  (e: 'scrollLeft'): void
-  /** 滑动到右边时触发 */
-  (e: 'scrollRight'): void
+    /** 滑动到左边时触发 */
+    (e: 'scrollLeft'): void
+    /** 滑动到右边时触发 */
+    (e: 'scrollRight'): void
 }