vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 3.8 kB
Source Map (JSON)
{"version":3,"file":"props.mjs","sources":["../../../components/image/props.ts"],"sourcesContent":["import { booleanProp, booleanStringProp, buildProps, eventProp } from '@vexip-ui/config'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type { ConfigurableProps } from '@vexip-ui/config'\nimport type { ViewerProps } from '@/components/viewer'\nimport type {\n ImageGroupSlots,\n ImageObjectFit,\n ImageSkeletonProps,\n ImageSlots,\n ImageViewerSlots,\n} from './symbol'\n\nexport const imageProps = buildProps({\n src: String,\n fallbackSrc: String,\n alt: String,\n fit: String as PropType<ImageObjectFit>,\n width: [String, Number],\n height: [String, Number],\n imgAttrs: Object as PropType<Record<string, any>>,\n lazy: booleanProp,\n root: [String, Object, Function] as PropType<unknown>,\n rootMargin: String,\n preview: booleanProp,\n skeleton: {\n type: [Boolean, Object] as PropType<boolean | ImageSkeletonProps>,\n default: null,\n },\n placeholder: String,\n errorTip: String,\n radius: Number,\n border: booleanStringProp,\n previewSrc: String,\n viewerTransfer: booleanStringProp,\n viewerProps: Object as PropType<ViewerProps>,\n slots: Object as PropType<ImageSlots>,\n onLoad: eventProp<(event: Event) => void>(),\n onError: eventProp<(event: Event) => void>(),\n onPreview: eventProp<(src: string) => void>(),\n})\n\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\nexport type ImageCProps = ConfigurableProps<ExtractPropTypes<typeof imageProps>, 'src'>\n\nexport const imageGroupProps = buildProps({\n showAll: booleanProp,\n preview: booleanProp,\n viewerTransfer: booleanStringProp,\n slots: Object as PropType<ImageGroupSlots>,\n onPreview: eventProp<(src: string, srcList: string[]) => void>(),\n})\n\nexport type ImageGroupProps = ExtractPropTypes<typeof imageGroupProps>\nexport type ImageGroupCProps = ConfigurableProps<ExtractPropTypes<typeof imageGroupProps>>\n\nexport const imageViewerProps = buildProps({\n active: booleanProp,\n index: Number,\n srcList: [String, Array] as PropType<string | string[]>,\n transfer: booleanStringProp,\n viewerProps: Object as PropType<ViewerProps>,\n slots: Object as PropType<ImageViewerSlots>,\n onToggle: eventProp<(active: boolean) => void>(),\n onChange: eventProp<(index: number, src: string) => void>(),\n onPrev: eventProp<(index: number, src: string) => void>(),\n onNext: eventProp<(index: number, src: string) => void>(),\n onClose: eventProp(),\n onShow: eventProp(),\n onHide: eventProp(),\n})\n\nexport type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>\nexport type ImageViewerCProps = ConfigurableProps<ExtractPropTypes<typeof imageViewerProps>, 'srcs'>\n"],"names":["imageProps","buildProps","booleanProp","booleanStringProp","eventProp","imageGroupProps","imageViewerProps"],"mappings":";AAaO,MAAMA,IAAaC,EAAW;AAAA,EACnC,KAAK;AAAA,EACL,aAAa;AAAA,EACb,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO,CAAC,QAAQ,MAAM;AAAA,EACtB,QAAQ,CAAC,QAAQ,MAAM;AAAA,EACvB,UAAU;AAAA,EACV,MAAMC;AAAA,EACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,EAC/B,YAAY;AAAA,EACZ,SAASA;AAAA,EACT,UAAU;AAAA,IACR,MAAM,CAAC,SAAS,MAAM;AAAA,IACtB,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQC;AAAA,EACR,YAAY;AAAA,EACZ,gBAAgBA;AAAA,EAChB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,QAAQC,EAAkC;AAAA,EAC1C,SAASA,EAAkC;AAAA,EAC3C,WAAWA,EAAiC;AAC9C,CAAC,GAKYC,IAAkBJ,EAAW;AAAA,EACxC,SAASC;AAAA,EACT,SAASA;AAAA,EACT,gBAAgBC;AAAA,EAChB,OAAO;AAAA,EACP,WAAWC,EAAoD;AACjE,CAAC,GAKYE,IAAmBL,EAAW;AAAA,EACzC,QAAQC;AAAA,EACR,OAAO;AAAA,EACP,SAAS,CAAC,QAAQ,KAAK;AAAA,EACvB,UAAUC;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAUC,EAAqC;AAAA,EAC/C,UAAUA,EAAgD;AAAA,EAC1D,QAAQA,EAAgD;AAAA,EACxD,QAAQA,EAAgD;AAAA,EACxD,SAASA,EAAU;AAAA,EACnB,QAAQA,EAAU;AAAA,EAClB,QAAQA,EAAU;AACpB,CAAC;"}