@extclp/vexip-ui/es/components/popup/popup-item.vue2.mjs.map

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

{"version":3,"file":"popup-item.vue2.mjs","sources":["../../../components/popup/popup-item.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Renderer } from '@/components/renderer'\n\nimport { computed, inject, nextTick, onMounted, ref } from 'vue'\n\nimport { classProp, useNameHelper, useZIndex } from '@vexip-ui/config'\nimport { noop } from '@vexip-ui/utils'\nimport { DELETE_HANDLER } from './symbol'\n\nimport type { PropType } from 'vue'\nimport type { PopupItemState } from './symbol'\n\ndefineOptions({ name: 'PopupItem' })\n\nconst props = defineProps({\n  state: {\n    type: Object as PropType<PopupItemState>,\n    default: () => ({})\n  },\n  transitionName: {\n    type: String,\n    default: null\n  },\n  innerClass: {\n    type: classProp,\n    default: null\n  }\n})\n\nconst emit = defineEmits(['enter', 'leave'])\n\nconst handleDelete = inject(DELETE_HANDLER, noop)\nconst nh = useNameHelper('popup')\nconst getIndex = useZIndex()\n\nconst wrapper = ref<HTMLElement>()\n\nconst transition = computed(() => props.transitionName || nh.ns('popup-top'))\n\nonMounted(() => {\n  nextTick(() => {\n    const state = props.state\n\n    if (state && wrapper.value) {\n      state.height = wrapper.value.offsetHeight\n    }\n  })\n})\n</script>\n\n<template>\n  <Transition appear :name=\"transition\" @after-leave=\"handleDelete(state.key)\">\n    <div\n      v-show=\"state.visible\"\n      ref=\"wrapper\"\n      :class=\"nh.be('item')\"\n      :style=\"{ zIndex: getIndex() }\"\n      :vxp-index=\"state.key\"\n      @pointerenter=\"emit('enter')\"\n      @pointerleave=\"emit('leave')\"\n    >\n      <div :class=\"[nh.be('item-inner'), innerClass]\">\n        <slot :item=\"state\">\n          <Renderer\n            v-if=\"typeof state.renderer === 'function'\"\n            :renderer=\"state.renderer\"\n          ></Renderer>\n          <template v-else>\n            {{ state.content }}\n          </template>\n        </slot>\n      </div>\n    </div>\n  </Transition>\n</template>\n"],"names":["props","__props","emit","__emit","handleDelete","inject","DELETE_HANDLER","noop","nh","useNameHelper","getIndex","useZIndex","wrapper","ref","transition","computed","onMounted","nextTick","state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAeRC,IAAOC,GAEPC,IAAeC,EAAOC,GAAgBC,CAAI,GAC1CC,IAAKC,EAAc,OAAO,GAC1BC,IAAWC,EAAU,GAErBC,IAAUC,EAAiB,GAE3BC,IAAaC,EAAS,MAAMf,EAAM,kBAAkBQ,EAAG,GAAG,WAAW,CAAC;AAE5E,WAAAQ,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,cAAMC,IAAQlB,EAAM;AAEhB,QAAAkB,KAASN,EAAQ,UACbM,EAAA,SAASN,EAAQ,MAAM;AAAA,MAC/B,CACD;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}