uni-ui-plus/components/image/image.ts

🦄基于uni-ui的二次封装的uniapp组件库

import type { ImageMode } from '@uni-helper/uni-app-types'
import type { ExtractPropTypes, PropType } from 'vue'
import { makeNumericProp } from '../_utils'

// 定义 props
export const imageProps = {
  mode: {
    type: String as PropType<ImageMode>,
    default: 'scaleToFill'
  } as const,
  width: {
    type: [Number, String] as PropType<number | string>
  },
  height: {
    type: [Number, String] as PropType<number | string>
  },
  delay: {
    type: Number,
    default: 0
  },
  radius: {
    type: [Number, String] as PropType<number | string>,
    default: 0
  },
  minHeight: makeNumericProp('200rpx'),
  lazyLoad: {
    type: Boolean,
    default: true
  },
  customStyle: {
    type: String,
    default: ''
  },
  round: {
    type: Boolean,
    default: false
  },
  enablePreview: {
    type: Boolean,
    default: false
  },
  customClass: {
    type: String,
    default: ''
  },

  src: {
    type: String,
    default: ''
  },
  previewSrc: {
    type: String,
    default: ''
  },
  placeholderSrc: {
    type: String,
    default: ''
  },
  filter: {
    type: [Number, String] as PropType<number | string>,
    default: ''
  }
} as const

export type ImageProps = ExtractPropTypes<typeof imageProps>

// 定义 emits
export interface ImageEmits {
  (e: 'onRefresh'): any
}