{"version":3,"file":"dragWrapper.vue2.mjs","sources":["../../../../../../src/components/content/widget/dragWrapper.vue"],"sourcesContent":["<template>\n    \n    <div ref=\"wrapperRef\" class=\"drag-wrapper\" :style=\"style\"></div>\n\n</template>\n\n<script setup lang=\"ts\">\nimport { Container } from '@myprint/design/types/entity';\nimport { computed, CSSProperties, onMounted, ref } from 'vue-demi';\n\nconst props = withDefaults(defineProps<{\n    data?: Container & { visible: boolean, opacity: number, transitionAnime: boolean }\n}>(), {\n    data: () => ({\n        x: 0,\n        y: 0,\n        width: 0,\n        height: 0,\n        transitionAnime: false\n    } as Container & { visible: boolean, opacity: number, transitionAnime: boolean })\n});\n\nconst wrapperRef = ref<HTMLElement>();\n\nonMounted(() => {\n    wrapperRef.value!.addEventListener('transitionend', function() {\n        // console.log('动画结束');\n        props.data.visible = false;\n        props.data.transitionAnime = false;\n    }, false);\n});\n\nconst style = computed(() => {\n    // console.log(props.data.x)\n    const iStyle = {\n        left: props.data.x + 'px',\n        top: props.data.y + 'px',\n        width: props.data.width + 'px',\n        height: props.data.height + 'px',\n        opacity: props.data.opacity\n        // maxWidth: widthValueUnit(element),\n        // maxHeight: heightValueUnit(element),\n    } as CSSProperties;\n    if (props.data.transitionAnime) {\n        iStyle.transition = 'left .42s cubic-bezier(0, 0, 0.02, 0.97) 0s, ' +\n            'top .42s cubic-bezier(0, 0, 0.02, 0.97) 0s';\n    }\n    return iStyle;\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAUA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAYd,IAAA,MAAM,aAAa,GAAiB,EAAA,CAAA;AAEpC,IAAA,SAAA,CAAU,MAAM;AACZ,MAAW,UAAA,CAAA,KAAA,CAAO,gBAAiB,CAAA,eAAA,EAAiB,WAAW;AAE3D,QAAA,KAAA,CAAM,KAAK,OAAU,GAAA,KAAA,CAAA;AACrB,QAAA,KAAA,CAAM,KAAK,eAAkB,GAAA,KAAA,CAAA;AAAA,SAC9B,KAAK,CAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAED,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAEzB,MAAA,MAAM,MAAS,GAAA;AAAA,QACX,IAAA,EAAM,KAAM,CAAA,IAAA,CAAK,CAAI,GAAA,IAAA;AAAA,QACrB,GAAA,EAAK,KAAM,CAAA,IAAA,CAAK,CAAI,GAAA,IAAA;AAAA,QACpB,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA,QAC1B,MAAA,EAAQ,KAAM,CAAA,IAAA,CAAK,MAAS,GAAA,IAAA;AAAA,QAC5B,OAAA,EAAS,MAAM,IAAK,CAAA,OAAA;AAAA,OAGxB,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,KAAK,eAAiB,EAAA;AAC5B,QAAA,MAAA,CAAO,UAAa,GAAA,yFAAA,CAAA;AAAA,OAExB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACV,CAAA,CAAA;;;;;;;;;;;;;;"}