myprint-design
Version:
操作简单，组件丰富的一站式打印解决方案打印设计器
1 lines • 3.64 kB
Source Map (JSON)
{"version":3,"file":"preview.vue2.mjs","sources":["../../../../../src/components/preview/preview.vue"],"sourcesContent":["<template>\n <div class=\"my-print-preview-wrap\"\n ref=\"previewWrapRef\"\n :style=\"style\">\n <element-view :element=\"preview\" />\n <DataTable v-if=\"preview.type === 'DataTable'\" :element=\"preview\" />\n <my-container v-else-if=\"preview.type === 'PageHeader'\">\n <Preview v-for=\"(item, index) in preview.previewWrapperList\" :preview=\"item\" :key=\"index\" />\n </my-container>\n <my-container v-else-if=\"preview.type === 'PageFooter'\">\n <Preview v-for=\"(item, index) in preview.previewWrapperList\" :preview=\"item\" :key=\"index\" />\n </my-container>\n <my-container v-else-if=\"preview.type === 'Container'\">\n <Preview v-for=\"(item, index) in preview.previewWrapperList\" :preview=\"item\" :key=\"index\" />\n </my-container>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, CSSProperties, onMounted, onUnmounted, ref } from 'vue-demi';\nimport ElementView from '@myprint/design/components/design/element.vue';\nimport { PreviewWrapper } from '@myprint/design/types/entity';\nimport { getRecursionParentPanel, valueUnit } from '@myprint/design/utils/elementUtil';\nimport DataTable from '@myprint/design/components/design/table/data-table/data-table.vue';\nimport { MyContainer } from '@myprint/design/components/design/container';\n\nconst style = computed(() => {\n const _style = {\n width: valueUnit(props.preview.width, getRecursionParentPanel(props.preview)),\n left: valueUnit(props.preview.x, getRecursionParentPanel(props.preview)),\n top: valueUnit(props.preview.y, getRecursionParentPanel(props.preview)),\n zIndex: props.preview.runtimeOption.index\n } as CSSProperties;\n if (props.preview.option.rotate != null) {\n _style.transform = `rotate(${props.preview.option.rotate}deg)`;\n }\n if (props.preview.heightIs) {\n _style.height = valueUnit(props.preview.height, getRecursionParentPanel(props.preview));\n }\n return _style;\n});\nconst props = withDefaults(defineProps<{\n preview: PreviewWrapper\n}>(), {\n preview: () => ({} as PreviewWrapper)\n});\nconst previewWrapRef = ref();\n\nonMounted(() => {\n props.preview.target = previewWrapRef.value;\n});\n\nonUnmounted(() => {\n props.preview.target = undefined;\n});\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA0BA,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AACzB,MAAA,MAAM,MAAS,GAAA;AAAA,QACX,KAAA,EAAO,UAAU,KAAM,CAAA,OAAA,CAAQ,OAAO,uBAAwB,CAAA,KAAA,CAAM,OAAO,CAAC,CAAA;AAAA,QAC5E,IAAA,EAAM,UAAU,KAAM,CAAA,OAAA,CAAQ,GAAG,uBAAwB,CAAA,KAAA,CAAM,OAAO,CAAC,CAAA;AAAA,QACvE,GAAA,EAAK,UAAU,KAAM,CAAA,OAAA,CAAQ,GAAG,uBAAwB,CAAA,KAAA,CAAM,OAAO,CAAC,CAAA;AAAA,QACtE,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,aAAc,CAAA,KAAA;AAAA,OACxC,CAAA;AACA,MAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,MAAA,IAAU,IAAM,EAAA;AACrC,QAAA,MAAA,CAAO,SAAY,GAAA,CAAA,OAAA,EAAU,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;AAAA,OACtD;AACA,MAAI,IAAA,KAAA,CAAM,QAAQ,QAAU,EAAA;AACxB,QAAO,MAAA,CAAA,MAAA,GAAS,UAAU,KAAM,CAAA,OAAA,CAAQ,QAAQ,uBAAwB,CAAA,KAAA,CAAM,OAAO,CAAC,CAAA,CAAA;AAAA,OAC1F;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACV,CAAA,CAAA;AACD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,iBAAiB,GAAI,EAAA,CAAA;AAE3B,IAAA,SAAA,CAAU,MAAM;AACZ,MAAM,KAAA,CAAA,OAAA,CAAQ,SAAS,cAAe,CAAA,KAAA,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AACd,MAAA,KAAA,CAAM,QAAQ,MAAS,GAAA,KAAA,CAAA,CAAA;AAAA,KAC1B,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}