element-plus/es/components/splitter/src/hooks/useContainer.mjs.map

A Component Library for Vue 3

{"version":3,"file":"useContainer.mjs","sources":["../../../../../../../packages/components/splitter/src/hooks/useContainer.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { useElementSize } from '@vueuse/core'\n\nimport type { Ref } from 'vue'\n\nexport function useContainer(layout: Ref<'horizontal' | 'vertical'>) {\n  const containerEl = ref<HTMLDivElement>()\n  const { width, height } = useElementSize(containerEl)\n\n  const containerSize = computed(() => {\n    return layout.value === 'horizontal' ? width.value : height.value\n  })\n\n  return { containerEl, containerSize }\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,aAAa,MAAA,EAAwC;AACnE,EAAA,MAAM,cAAc,GAAA,EAAoB;AACxC,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,eAAe,WAAW,CAAA;AAEpD,EAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AACnC,IAAA,OAAO,MAAA,CAAO,KAAA,KAAU,YAAA,GAAe,KAAA,CAAM,QAAQ,MAAA,CAAO,KAAA;AAAA,EAC9D,CAAC,CAAA;AAED,EAAA,OAAO,EAAE,aAAa,aAAA,EAAc;AACtC;;;;"}