{"version":3,"file":"tag.vue.mjs","sources":["../../../../../packages/components/tag/src/tag.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"!disableTransitions\"\n    :class=\"classes\"\n    :style=\"{ backgroundColor: color }\"\n    @click=\"handleClick\"\n  >\n    <span :style=\"{ maxWidth }\" :class=\"ns.e('content')\">\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click=\"handleClose\">\n      <close />\n    </el-icon>\n  </span>\n  <transition v-else :name=\"`${ns.namespace}-zoom-in-center`\">\n    <span\n      :class=\"classes\"\n      :style=\"{ backgroundColor: color }\"\n      @click=\"handleClick\"\n    >\n      <span :class=\"ns.e('content')\">\n        <slot></slot>\n      </span>\n      <el-icon v-if=\"closable\" :class=\"ns.e('close')\" @click=\"handleClose\">\n        <close />\n      </el-icon>\n    </span>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport ElIcon from '@element-ultra/components/icon'\nimport { Close } from 'icon-ultra'\n\nimport { useSize, useNamespace } from '@element-ultra/hooks'\nimport { tagProps, tagEmits } from './tag'\n\nexport default defineComponent({\n  name: 'ElTag',\n\n  components: { ElIcon, Close },\n\n  props: tagProps,\n  emits: tagEmits,\n\n  setup(props, { emit }) {\n    const tagSize = useSize({ props })\n    const ns = useNamespace('tag')\n    const classes = computed(() => {\n      const { type, hit, effect, closable } = props\n      return [\n        ns.b(),\n        ns.is('closable', closable),\n        ns.m(type),\n        ns.m(tagSize.value),\n        ns.m(effect),\n        ns.is('hit', hit),\n      ]\n    })\n\n    // methods\n    const handleClose = (event: MouseEvent) => {\n      event.stopPropagation()\n      emit('close', event)\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      ns,\n      classes,\n      handleClose,\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createBlock","_Transition","_withCtx","_createElementVNode"],"mappings":";;;;;;6BAEWA,iBAAkB,SAAA,CAAA,CAAA;AACnB,EAAA,OAAA,CAAA,IAAA,CAAA,kBAAA,IAAAC,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAAE,MAAA;AAAA,IAAO;AAAA,MACd,GAAK,EAAA,CAAA;AAAA,MACL,KAAA,EAAKC,cAAA,CAAA,IAAA,CAAA,OAAA,CAAA;AAAA,MAAA,OAAAC,cAAA,CAAA,EAAA,eAAA,EAAA,IAAA,CAAA,OAAA,CAAA;AAAA,MAEN,OAEO,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,KAAA;AAAA;;QAF2B,MAAA;AAAA,QAAE;AAAA,UAAA,OAAAA,cAAA,CAAA,EAAA,QAAA,EAAA,IAAA,CAAA,UAAA,CAAA;AAAA,UAClC,OAAaD,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAEAE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA;AAAA;;OAAvB;AAAA,MAAA,IAAA,CAAA,QAAA,IAAAJ,SAA+B,EAAA,cAAE,kBAAI,EAAA;AAAA,QAAY,GAAA,EAAA,CAAA;AAAA,QAAA,OAAAE,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;AAAA;;;;;;;uDAInD,CAAA,MAAA,EAaa,IAAA,CAAA;AAAA,KAAA;AAAA;;mBAb4B,EAAAG,WAAA,CAAAC,UAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;AAAA;;IAE/B,OAAA,EAAAC,QAAA,MAAA;AAAA,MAAAC,kBAAA;AAAA,QACA,MAAA;AAAA,QAAA;AAAA,UACL,KAAA,EAAKN,cAAA,CAAA,IAAA,CAAA,OAAA,CAAA;AAAA,UAAA,OAAAC,cAAA,CAAA,EAAA,eAAA,EAAA,IAAA,CAAA,OAAA,CAAA;AAAA,UAEN,OAEO,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,WAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,SAAA;AAAA;;;;cADL,OAAaD,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cAEAE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;;UAAQ,IAAA,CAAA,QAAA,IAAAJ,SAAA,EAAA,EAAAK,YAAE,kBAAI,EAAA;AAAA,YAAY,GAAA,EAAA,CAAA;AAAA,YAAA,OAAAH,cAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;;;;"}