various-ui/es/components/carousel/seamless/index.vue2.mjs.map

This is a test version of the Vue 3 component library

{"version":3,"file":"index.vue2.mjs","sources":["../../../../../packages/components/carousel/seamless/index.vue"],"sourcesContent":["<template>\r\n    <div class=\"ui-carousel-seamless\" :style=\"style\" ref=\"main\" @mouseenter=\"mouseenter\" @mouseleave=\"mouseleave\">\r\n        <div class=\"ui-carousel-seamless-container\" ref=\"container\">\r\n            <div class=\"ui-carousel-seamless-content\" ref=\"content\">\r\n                <slot></slot>\r\n            </div>\r\n            <div class=\"ui-carousel-seamless-content ui-carousel-seamless-copy-content\">\r\n                <slot></slot>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\n//* 按需导入的插件\r\nimport { onBeforeUnmount, onMounted } from \"vue\";\r\n\r\n//* 组件属性\r\nimport { UiCarouselSeamlessPropsOption } from \"./index\";\r\nimport { useComposable } from \"./src/composable\";\r\n\r\n//* 注册组件属性\r\nconst define = defineProps(UiCarouselSeamlessPropsOption);\r\n\r\n//* 组合属性\r\nconst { refs, methods, computeds } = useComposable(define);\r\nconst { main, content, container } = refs;\r\nconst { mouseenter, mouseleave } = methods;\r\nconst { style } = computeds;\r\n\r\nonMounted(() => mouseleave());\r\nonBeforeUnmount(() => {\r\n    refs.frame.value && window.cancelAnimationFrame(refs.frame.value);\r\n});\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;AAsBA,IAAA,MAAM,MAAS,GAAA,OAAA,CAAA;AAGf,IAAA,MAAM,EAAE,IAAM,EAAA,OAAA,EAAS,SAAU,EAAA,GAAI,cAAc,MAAM,CAAA,CAAA;AACzD,IAAA,MAAM,EAAE,IAAA,EAAM,OAAS,EAAA,SAAA,EAAc,GAAA,IAAA,CAAA;AACrC,IAAM,MAAA,EAAE,UAAY,EAAA,UAAA,EAAe,GAAA,OAAA,CAAA;AACnC,IAAM,MAAA,EAAE,OAAU,GAAA,SAAA,CAAA;AAElB,IAAU,SAAA,CAAA,MAAM,YAAY,CAAA,CAAA;AAC5B,IAAA,eAAA,CAAgB,MAAM;AAClB,MAAA,IAAA,CAAK,MAAM,KAAS,IAAA,MAAA,CAAO,oBAAqB,CAAA,IAAA,CAAK,MAAM,KAAK,CAAA,CAAA;AAAA,KACnE,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}