hy-app 0.4.13 → 0.5.0

package/components/hy-qrcode/props.ts

@@ -1,20 +1,70 @@
-import type IProps from "./typing";
+import { random } from '../../libs'
 
-const defaultProps: IProps = {
-  cid: "hy-qrcode-canvas" + Math.random().toString(),
-  size: 200,
-  text: "",
-  show: true,
-  background: "#ffffff",
-  foreground: "#000000",
-  pdGround: "#000000",
-  usingComponents: true,
-  lv: 3,
-  icon: "",
-  iconSize: 40,
-  showLoading: true,
-  loadingText: "二维码生成中",
-  allowPreview: false,
-};
+const qrCodeProps = {
+    /** 实例ID字符串(如果有多个二维码组件必须设置不一样的cid) */
+    cid: {
+        type: String,
+        default: 'hy-qrcode-canvas_' + random(1, 1000)
+    },
+    /** 二维码大小 */
+    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
+    }
+}
 
-export default defaultProps;
+export default qrCodeProps

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

@@ -1,73 +1,74 @@
 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
+    /**
+     * @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
-  /** 打开图片事件 */
-  (e: 'preview', res: string, event: Event): void
-  /** 长按事件 */
-  (e: 'longPress'): void
+    /** 二维码生成成功 */
+    (e: 'result', res: any): void
+    /** 打开图片事件 */
+    (e: 'preview', res: string, event: Event): void
+    /** 长按事件 */
+    (e: 'longPress'): void
 }