UNPKG

tdesign-mobile-vue

Version:
1 lines 4.66 kB
{"version":3,"file":"props.mjs","sources":["../../src/image/props.ts"],"sourcesContent":["/* eslint-disable */\n\n/**\n * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC\n * */\n\nimport { TdImageProps } from './type';\nimport { PropType } from 'vue';\n\nexport default {\n /** 图片描述 */\n alt: {\n type: String,\n default: '',\n },\n /** 自定义图片加载失败状态下的显示内容 */\n error: {\n type: [String, Function] as PropType<TdImageProps['error']>,\n },\n /** 图片加载失败时,显示当前链接设置的图片地址。如果要使用组件图标或完全自定义加载失败时显示的内容,请更为使用 `error` */\n fallback: {\n type: String,\n default: '',\n },\n /** 图片填充模式 */\n fit: {\n type: String as PropType<TdImageProps['fit']>,\n default: 'fill' as TdImageProps['fit'],\n validator(val: TdImageProps['fit']): boolean {\n if (!val) return true;\n return ['contain', 'cover', 'fill', 'none', 'scale-down'].includes(val);\n },\n },\n /** 是否开启图片懒加载 */\n lazy: Boolean,\n /** 自定义加载中状态的图片内容,如:“加载中” */\n loading: {\n type: [String, Function] as PropType<TdImageProps['loading']>,\n },\n /** 等同于原生的 object-position 属性,可选值为 top right bottom left 或 string,可以自定义任何单位,px 或者 百分比 */\n position: {\n type: String,\n default: 'center',\n },\n /** `<img>` 标签的原生属性,[MDN 定义](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy) */\n referrerpolicy: {\n type: String as PropType<TdImageProps['referrerpolicy']>,\n validator(val: TdImageProps['referrerpolicy']): boolean {\n if (!val) return true;\n return [\n 'no-referrer',\n 'no-referrer-when-downgrade',\n 'origin',\n 'origin-when-cross-origin',\n 'same-origin',\n 'strict-origin',\n 'strict-origin-when-cross-origin',\n 'unsafe-url',\n ].includes(val);\n },\n },\n /** 图片圆角类型 */\n shape: {\n type: String as PropType<TdImageProps['shape']>,\n default: 'square' as TdImageProps['shape'],\n validator(val: TdImageProps['shape']): boolean {\n if (!val) return true;\n return ['circle', 'round', 'square'].includes(val);\n },\n },\n /** 图片链接 */\n src: {\n type: String,\n default: '',\n },\n /** 图片链接集合,用于支持特殊格式的图片,如 `.avif` 和 `.webp`。会优先加载 `srcset` 中的图片格式,浏览器不支持的情况下,加载 `src` 设置的图片地址 */\n srcset: {\n type: Object as PropType<TdImageProps['srcset']>,\n },\n /** 图片加载失败时触发 */\n onError: Function as PropType<TdImageProps['onError']>,\n /** 图片加载完成时触发 */\n onLoad: Function as PropType<TdImageProps['onLoad']>,\n};\n"],"names":["alt","type","String","default","error","Function","fallback","fit","validator","val","includes","lazy","Boolean","loading","position","referrerpolicy","shape","src","srcset","Object","onError","onLoad"],"mappings":";;;;;;AASA,YAAe;AAEbA,EAAAA,GAAK,EAAA;AACHC,IAAAA,IAAM,EAAAC,MAAA;AACNC,IAAAA,OAAS,EAAA,EAAA;GACX;AAEAC,EAAAA,KAAO,EAAA;AACLH,IAAAA,IAAA,EAAM,CAACC,MAAA,EAAQG,QAAQ,CAAA;GACzB;AAEAC,EAAAA,QAAU,EAAA;AACRL,IAAAA,IAAM,EAAAC,MAAA;AACNC,IAAAA,OAAS,EAAA,EAAA;GACX;AAEAI,EAAAA,GAAK,EAAA;AACHN,IAAAA,IAAM,EAAAC,MAAA;AACNC,IAAAA,OAAS,EAAA,MAAA;AACTK,IAAAA,WAAAA,SAAAA,UAAUC,GAAmC,EAAA;AAC3C,MAAA,IAAI,CAACA,GAAA,EAAY,OAAA,IAAA,CAAA;AACV,MAAA,OAAA,CAAC,WAAW,OAAS,EAAA,MAAA,EAAQ,QAAQ,YAAY,CAAA,CAAEC,SAASD,GAAG,CAAA,CAAA;AACxE,KAAA;GACF;AAEAE,EAAAA,IAAM,EAAAC,OAAA;AAENC,EAAAA,OAAS,EAAA;AACPZ,IAAAA,IAAA,EAAM,CAACC,MAAA,EAAQG,QAAQ,CAAA;GACzB;AAEAS,EAAAA,QAAU,EAAA;AACRb,IAAAA,IAAM,EAAAC,MAAA;AACNC,IAAAA,OAAS,EAAA,QAAA;GACX;AAEAY,EAAAA,cAAgB,EAAA;AACdd,IAAAA,IAAM,EAAAC,MAAA;AACNM,IAAAA,WAAAA,SAAAA,UAAUC,GAA8C,EAAA;AACtD,MAAA,IAAI,CAACA,GAAA,EAAY,OAAA,IAAA,CAAA;MACV,OAAA,CACL,aAAA,EACA,4BAAA,EACA,QAAA,EACA,0BAAA,EACA,aAAA,EACA,eAAA,EACA,iCAAA,EACA,YAAA,CACF,CAAEC,SAASD,GAAG,CAAA,CAAA;AAChB,KAAA;GACF;AAEAO,EAAAA,KAAO,EAAA;AACLf,IAAAA,IAAM,EAAAC,MAAA;AACNC,IAAAA,OAAS,EAAA,QAAA;AACTK,IAAAA,WAAAA,SAAAA,UAAUC,GAAqC,EAAA;AAC7C,MAAA,IAAI,CAACA,GAAA,EAAY,OAAA,IAAA,CAAA;MACjB,OAAO,CAAC,QAAU,EAAA,OAAA,EAAS,QAAQ,CAAA,CAAEC,SAASD,GAAG,CAAA,CAAA;AACnD,KAAA;GACF;AAEAQ,EAAAA,GAAK,EAAA;AACHhB,IAAAA,IAAM,EAAAC,MAAA;AACNC,IAAAA,OAAS,EAAA,EAAA;GACX;AAEAe,EAAAA,MAAQ,EAAA;AACNjB,IAAAA,IAAM,EAAAkB,MAAAA;GACR;AAEAC,EAAAA,OAAS,EAAAf,QAAA;AAETgB,EAAAA,MAAQ,EAAAhB,QAAAA;AACV,CAAA;;;;"}