hy-app 0.4.15 → 0.5.0

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

@@ -1,93 +1,90 @@
-import type { CSSProperties } from "vue";
-import type {
-  ImageOnErrorEvent,
-  ImageOnLoadEvent,
-} from "@uni-helper/uni-types";
+import type { CSSProperties } from 'vue'
+import type { ImageOnErrorEvent, ImageOnLoadEvent } from '@uni-helper/uni-types'
 
 export default interface HyImageProps {
-  /**
-   * @description 图片地址
-   * */
-  src?: string;
-  /**
-   * @description 裁剪模式，见官网说明 （默认 'aspectFill' ）
-   * */
-  mode?: HyApp.ImageModeVo;
-  /**
-   * @description 宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）
-   * */
-  width?: string | number;
-  /**
-   * @description 高度，单位任意，如果为数值，则为px单位 （默认 '225' ）
-   * */
-  height?: string | number;
-  /**
-   * @description 图片形状，circle-圆形，square-方形 （默认 'square' ）
-   * */
-  shape?: HyApp.ShapeType;
-  /**
-   * @description 圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
-   * */
-  radius?: number | string;
-  /**
-   * @description 是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 （默认 true ）
-   * */
-  lazyLoad?: boolean;
-  /**
-   * @description 是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 （默认 true ）
-   * */
-  showMenuByLongPress?: boolean;
-  /**
-   * @description 加载中的图标，或者小图片 （默认 'photo' ）
-   * */
-  loadingIcon?: string;
-  /**
-   * @description 加载失败的图标，或者小图片 （默认 'error-circle' ）
-   * */
-  errorIcon?: string;
-  /**
-   * @description 是否显示加载中的图标或者自定义的slot （默认 true ）
-   * */
-  showLoading?: boolean;
-  /**
-   * @description 是否显示加载错误的图标或者自定义的slot （默认 true ）
-   * */
-  showError?: boolean;
-  /**
-   * @description 是否需要淡入效果 （默认 true ）
-   * */
-  fade?: boolean;
-  /**
-   * @description 只支持网络资源，只对微信小程序有效 （默认 false ）
-   * */
-  webp?: boolean;
-  /**
-   * @description 搭配fade参数的过渡时间，单位ms （默认 500 ）
-   * */
-  duration?: number;
-  /**
-   * @description 背景颜色，用于深色页面加载图片时，为了和背景色融合  (默认 '#f3f4f6' )
-   * */
-  bgColor?: string;
-  /**
-   * @description 是否模糊图片  (默认 false )
-   * */
-  indistinct?: boolean;
-  /**
-   * @description 是否预览图片  (默认 false )
-   * */
-  previewImage?: boolean;
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties;
+    /**
+     * @description 图片地址
+     * */
+    src?: string
+    /**
+     * @description 裁剪模式，见官网说明 （默认 'aspectFill' ）
+     * */
+    mode?: HyApp.ImageModeVo
+    /**
+     * @description 宽度，单位任意，如果为数值，则为px单位 （默认 '300' ）
+     * */
+    width?: string | number
+    /**
+     * @description 高度，单位任意，如果为数值，则为px单位 （默认 '225' ）
+     * */
+    height?: string | number
+    /**
+     * @description 图片形状，circle-圆形，square-方形 （默认 'square' ）
+     * */
+    shape?: HyApp.ShapeType
+    /**
+     * @description 圆角值，单位任意，如果为数值，则为px单位 （默认 0 ）
+     * */
+    radius?: number | string
+    /**
+     * @description 是否懒加载，仅微信小程序、App、百度小程序、字节跳动小程序有效 （默认 true ）
+     * */
+    lazyLoad?: boolean
+    /**
+     * @description 是否开启长按图片显示识别小程序码菜单，仅微信小程序有效 （默认 true ）
+     * */
+    showMenuByLongPress?: boolean
+    /**
+     * @description 加载中的图标，或者小图片 （默认 'photo' ）
+     * */
+    loadingIcon?: string
+    /**
+     * @description 加载失败的图标，或者小图片 （默认 'error-circle' ）
+     * */
+    errorIcon?: string
+    /**
+     * @description 是否显示加载中的图标或者自定义的slot （默认 true ）
+     * */
+    showLoading?: boolean
+    /**
+     * @description 是否显示加载错误的图标或者自定义的slot （默认 true ）
+     * */
+    showError?: boolean
+    /**
+     * @description 是否需要淡入效果 （默认 true ）
+     * */
+    fade?: boolean
+    /**
+     * @description 只支持网络资源，只对微信小程序有效 （默认 false ）
+     * */
+    webp?: boolean
+    /**
+     * @description 搭配fade参数的过渡时间，单位ms （默认 500 ）
+     * */
+    duration?: number
+    /**
+     * @description 背景颜色，用于深色页面加载图片时，为了和背景色融合  (默认 '#f3f4f6' )
+     * */
+    bgColor?: string
+    /**
+     * @description 是否模糊图片  (默认 false )
+     * */
+    indistinct?: boolean
+    /**
+     * @description 是否预览图片  (默认 false )
+     * */
+    previewImage?: boolean
+    /**
+     * @description 定义需要用到的外部样式
+     * */
+    customStyle?: CSSProperties
 }
 
 export interface IImageEmits {
-  /** 点击触发 */
-  (e: "click"): void;
-  /** 图片加载错误触发 */
-  (e: "error", err: ImageOnErrorEvent): void;
-  /** 图片加载中触发 */
-  (e: "load", event: ImageOnLoadEvent): void;
+    /** 点击触发 */
+    (e: 'click'): void
+    /** 图片加载错误触发 */
+    (e: 'error', err: ImageOnErrorEvent): void
+    /** 图片加载中触发 */
+    (e: 'load', event: ImageOnLoadEvent): void
 }