UNPKG

hongluan-ui

Version:
1 lines 2.5 kB
{"version":3,"file":"content.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n <div\n ref=\"contentRef\"\n :style=\"contentStyle\"\n class=\"tour-content\"\n :data-side=\"side\"\n tabindex=\"-1\"\n >\n <hl-focus-trap\n loop\n trapped\n focus-start-el=\"container\"\n :focus-trap-el=\"contentRef || undefined\"\n @release-requested=\"onCloseRequested\"\n @focusout-prevented=\"onFocusoutPrevented\"\n >\n <slot></slot>\n </hl-focus-trap>\n <span\n v-if=\"showArrow\"\n ref=\"arrowRef\"\n :style=\"arrowStyle\"\n class=\"tour-arrow\"\n ></span>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue'\nimport HlFocusTrap from '@hongluan-ui/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { useFloating } from './helper'\n\ndefineOptions({\n name: 'TourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n () => props.placement,\n () => {\n placement.value = props.placement\n },\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n toRef(props, 'reference'),\n contentRef,\n arrowRef,\n placement,\n strategy,\n toRef(props, 'offset'),\n toRef(props, 'zIndex'),\n toRef(props, 'showArrow'),\n)\n\nconst side = computed(() => {\n return placement.value.split('-')[0]\n})\n\nconst onCloseRequested = () => {\n emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n if (event.detail.focusReason === 'pointer') {\n event.preventDefault()\n }\n}\n</script>\n"],"names":[],"mappings":";;;;;;oCAgCc;AAAA,EACZ,MAAM;AACR;;;;;;;AAKA,UAAM,YAAY,IAAI,MAAM,SAAS;AACrC,UAAM,WAAW,IAAI,MAAM,QAAQ;AACnC,UAAM,aAAa,IAAwB,IAAI;AAC/C,UAAM,WAAW,IAAwB,IAAI;AAE7C,UACE,MAAM,MAAM,WACZ,MAAM;AACJ,gBAAU,QAAQ,MAAM;AAAA,KAE5B;AAEA,UAAM,EAAE,cAAc,eAAe,YACnC,MAAM,OAAO,WAAW,GACxB,YACA,UACA,WACA,UACA,MAAM,OAAO,QAAQ,GACrB,MAAM,OAAO,QAAQ,GACrB,MAAM,OAAO,WAAW,CAC1B;AAEA,UAAM,OAAO,SAAS,MAAM;AAC1B,aAAO,UAAU,MAAM,MAAM,GAAG,EAAE;AAAA,KACnC;AAED,UAAM,mBAAmB,MAAM;AAC7B,WAAK,OAAO;AAAA;AAGd,UAAM,sBAAsB,CAAC,UAAuB;AAClD,UAAI,MAAM,OAAO,gBAAgB,WAAW;AAC1C,cAAM;AAAe;AACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}