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,MAAwC,EAAA;AACnE,EAAA,MAAM,cAAc,GAAoB,EAAA,CAAA;AACxC,EAAA,MAAM,EAAE,KAAA,EAAO,MAAO,EAAA,GAAI,eAAe,WAAW,CAAA,CAAA;AAEpD,EAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,IAAA,OAAO,MAAO,CAAA,KAAA,KAAU,YAAe,GAAA,KAAA,CAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AAAA,GAC7D,CAAA,CAAA;AAED,EAAO,OAAA,EAAE,aAAa,aAAc,EAAA,CAAA;AACtC;;;;"}