xdesign-vue-next/es/image-viewer/base/ImageViewerModal.mjs.map

XDesign Component for vue-next

{"version":3,"file":"ImageViewerModal.mjs","sources":["../../../src/image-viewer/base/ImageViewerModal.tsx"],"sourcesContent":["import { computed, defineComponent, PropType } from 'vue';\nimport TDialog from '../../dialog';\nimport TImageItem from './ImageItem';\nimport TImageViewerUtils from './ImageViewerUtils';\nimport { usePrefixClass } from '../../hooks/useConfig';\nimport { useTNodeJSX } from '../../hooks/tnode';\nimport { ImageInfo, TdImageViewerProps } from '../type';\nimport props from '../props';\n\nexport default defineComponent({\n  name: 'XImageViewerModal',\n  props: {\n    zIndex: Number,\n    visible: Boolean,\n    index: Number,\n    images: props.images,\n    scale: Number,\n    rotate: Number,\n    mirror: Number,\n    title: props.title,\n    currentImage: {\n      type: Object as PropType<ImageInfo>,\n      default() {\n        return {};\n      },\n    },\n    onRotate: Function as PropType<() => void>,\n    onZoomIn: Function as PropType<() => void>,\n    onZoomOut: Function as PropType<() => void>,\n    onMirror: Function as PropType<() => void>,\n    onReset: Function as PropType<() => void>,\n    onClose: props.onClose,\n    draggable: {\n      type: Boolean,\n      default: true,\n    },\n    viewerScale: {\n      type: Object as PropType<TdImageViewerProps['viewerScale']>,\n      default() {\n        return {};\n      },\n    },\n    showOverlay: Boolean,\n    closeBtn: props.closeBtn,\n  },\n  setup(props) {\n    const classPrefix = usePrefixClass();\n    const renderJSX = useTNodeJSX();\n    const style = computed(() => ({\n      minWidth: props.viewerScale.minWidth,\n      minHeight: props.viewerScale.minHeight,\n    }));\n\n    return () => (\n      <TDialog\n        destroyOnClose\n        attach=\"body\"\n        onClose={props.onClose}\n        visible={props.visible}\n        placement=\"center\"\n        mode=\"modeless\"\n        width={1000}\n        cancelBtn={null}\n        confirmBtn={null}\n        draggable={props.draggable}\n        zIndex={props.zIndex}\n        showOverlay={props.showOverlay}\n        class={`${classPrefix.value}-image-viewer__dialog`}\n        header={renderJSX('title', '')}\n        footer={() => (\n          <div class={`${classPrefix.value}-image-viewer-mini__footer`}>\n            <TImageViewerUtils\n              onZoomIn={props.onZoomIn}\n              onZoomOut={props.onZoomOut}\n              scale={props.scale}\n              currentImage={props.currentImage}\n              onRotate={props.onRotate}\n              onMirror={props.onMirror}\n              onReset={props.onReset}\n            />\n          </div>\n        )}\n      >\n        <div class={`${classPrefix.value}-image-viewer-mini__content`} style={style.value}>\n          <TImageItem\n            rotate={props.rotate}\n            scale={props.scale}\n            mirror={props.mirror}\n            src={props.currentImage.mainImage}\n            placementSrc={props.currentImage.thumbnail}\n          />\n        </div>\n      </TDialog>\n    );\n  },\n});\n"],"names":["name","props","zIndex","visible","index","scale","rotate","mirror","currentImage","type","onRotate","onZoomIn","onZoomOut","onMirror","onReset","draggable","viewerScale","showOverlay","minWidth","minHeight","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,mBAAAA;AACAC,EAAAA,KAAAA,EAAAA;AACEC,IAAAA,MAAAA,EAAAA,MAAAA;AACAC,IAAAA,OAAAA,EAAAA,OAAAA;AACAC,IAAAA,KAAAA,EAAAA,MAAAA;;AAEAC,IAAAA,KAAAA,EAAAA,MAAAA;AACAC,IAAAA,MAAAA,EAAAA,MAAAA;AACAC,IAAAA,MAAAA,EAAAA,MAAAA;;AAEAC,IAAAA,YAAAA,EAAAA;AACEC,MAAAA,IAAAA,EAAAA,MAAAA;AAAM,MAAA,SAAA,EAAA,SAAA,QAAA,GAAA;AAEJ,QAAA,OAAA,EAAA,CAAA;AACF,OAAA;;AAEFC,IAAAA,QAAAA,EAAAA,QAAAA;AACAC,IAAAA,QAAAA,EAAAA,QAAAA;AACAC,IAAAA,SAAAA,EAAAA,QAAAA;AACAC,IAAAA,QAAAA,EAAAA,QAAAA;AACAC,IAAAA,OAAAA,EAAAA,QAAAA;;AAEAC,IAAAA,SAAAA,EAAAA;AACEN,MAAAA,IAAAA,EAAAA,OAAAA;;;AAGFO,IAAAA,WAAAA,EAAAA;AACEP,MAAAA,IAAAA,EAAAA,MAAAA;AAAM,MAAA,SAAA,EAAA,SAAA,QAAA,GAAA;AAEJ,QAAA,OAAA,EAAA,CAAA;AACF,OAAA;;AAEFQ,IAAAA,WAAAA,EAAAA,OAAAA;;;;AAIA,IAAA,IAAA,WAAA,GAAA,cAAA,EAAA,CAAA;AACA,IAAA,IAAA,SAAA,GAAA,WAAA,EAAA,CAAA;;;AAEEC,QAAAA,QAAAA,EAAAA,MAAAA,CAAAA,WAAAA,CAAAA,QAAAA;AACAC,QAAAA,SAAAA,EAAAA,MAAAA,CAAAA,WAAAA,CAAAA,SAAAA;;AACA,KAAA,CAAA,CAAA;;;AAEK,QAAA,gBAAA,EAAA,IAAA;AAAA,QAAA,QAAA,EAAA,MAAA;;;;AAMO,QAAA,MAAA,EAAA,UAAA;AACL,QAAA,OAAA,EAAA,GAAA;AACE,QAAA,WAAA,EAAA,IAAA;AAEP,QAAA,YAAA,EAAA,IAAA;;;;AAGmB,QAAA,OAAA,EAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,EAAA,uBAAA,CAAA;AAEnB,QAAA,QAAA,EAAA,SAAA,CAAA,OAAA,EAAA,EAAA,CAAA;AACA,QAAA,QAAA,EAAA,SAAA,MAAA,GAAA;AAAQ,UAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,EAAA,4BAAA,CAAA;;;;;;;;AAQc,YAAA,SAAA,EAAA,MAAA,CAAA,OAAA;AAElB,WAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAAA;AAIJ,OAAA,EAAA;AAAA,QAAA,SAAA,EAAA,SAAA,QAAA,GAAA;AAAA,UAAA,OAAA,CAAAA,WAAA,CAAA,KAAA,EAAA;AAAA,YAAA,OAAA,EAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,EAAA,6BAAA,CAAA;;;;;;;;AAOE,WAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA,CAAA,CAAA;;AAIR,GAAA;AACF,CAAA,CAAA;;;;"}