@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 1.49 kB
Source Map (JSON)
{"version":3,"file":"th2.mjs","sources":["../../../../../../packages/components/table/src/th.vue"],"sourcesContent":["<template>\n <th ref=\"thRef\" :class=\"thKls\">\n <div :class=\"ns.be('th', 'content')\">\n <slot />\n\n <div v-if=\"sort\" :class=\"ns.be('th', 'icons')\">\n <icon-arrow class=\"icon-sort-1\" />\n <icon-arrow class=\"icon-sort-2\" />\n </div>\n </div>\n </th>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\nimport { IconArrow } from '@vuesax-alpha/components/icon'\nimport { useNamespace } from '@vuesax-alpha/hooks'\nimport { tableThProps } from './th'\n\ndefineOptions({\n name: 'VsTh',\n})\n\nconst ns = useNamespace('table')\n\nconst props = defineProps(tableThProps)\n\nconst thRef = ref<HTMLElement>()\n\nconst thKls = computed(() => [ns.b('th'), ns.is('sort', props.sort)])\n\nonMounted(() => {\n thRef.value!.style.width = `${thRef.value!.scrollWidth}px`\n})\n</script>\n"],"names":[],"mappings":";;;;;;;mCAmBc,CAAA;AAAA,EACZ,IAAM,EAAA,MAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEM,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAI/B,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAE/B,IAAA,MAAM,KAAQ,GAAA,QAAA,CAAS,MAAM,CAAC,GAAG,CAAE,CAAA,IAAI,CAAG,EAAA,EAAA,CAAG,EAAG,CAAA,MAAA,EAAQ,KAAM,CAAA,IAAI,CAAC,CAAC,CAAA,CAAA;AAEpE,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,KAAA,CAAM,KAAO,CAAA,KAAA,CAAM,KAAQ,GAAA,CAAA,EAAG,MAAM,KAAO,CAAA,WAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAC5C,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}