UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 2.19 kB
{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/popper/src/arrow.vue"],"sourcesContent":["<template>\n <span ref=\"arrowRef\" :class=\"ns.e('arrow')\" data-popper-arrow=\"\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n defineComponent,\n inject,\n ref,\n onMounted,\n onBeforeUnmount,\n watch,\n unref,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { usePopperArrowProps } from './popper'\nimport { POPPER_CONTENT_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n name: 'ElPopperArrow',\n props: usePopperArrowProps,\n setup(props) {\n const ns = useNamespace('popper')\n const arrowRef = ref<HTMLSpanElement | null>(null)\n const popperContentInjection = inject(\n POPPER_CONTENT_INJECTION_KEY,\n undefined\n )!\n\n watch(\n () => props.arrowOffset,\n (val) => {\n popperContentInjection.arrowOffset.value = val\n }\n )\n\n onMounted(() => {\n popperContentInjection.arrowRef.value = unref(arrowRef)\n })\n\n onBeforeUnmount(() => {\n popperContentInjection.arrowRef.value = null\n })\n\n return {\n ns,\n arrowRef,\n }\n },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass"],"mappings":";;;;;;;AAkBA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,eAAA;AAAA,EACN,KAAO,EAAA,mBAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAK,YAAa,CAAA,QAAA,CAAA,CAAA;AACxB,IAAA,MAAM,WAAW,GAA4B,CAAA,IAAA,CAAA,CAAA;AAC7C,IAAM,MAAA,sBAAA,GAAyB,OAC7B,4BACA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGF,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,WACZ,EAAA,CAAC,GAAQ,KAAA;AACP,MAAA,sBAAA,CAAuB,YAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/C,IAAA,SAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,CAAA,QAAA,CAAS,QAAQ,KAAM,CAAA,QAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGhD,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,sBAAA,CAAuB,SAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAG1C,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,QAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;sBA7CJA,kBAAmE,CAAA,MAAA,EAAA;AAAA,IAA7D,GAAI,EAAA,UAAA;AAAA,IAAY,KAAA,EAAKC,cAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,IAAW,mBAAkB,EAAA,EAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA;;;;;;"}