UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 1.76 kB
{"version":3,"file":"option-item.mjs","sources":["../../../../../../packages/components/select-v2/src/option-item.vue"],"sourcesContent":["<template>\n <li\n :aria-selected=\"selected\"\n :style=\"style\"\n :class=\"[\n ns.be('dropdown', 'option-item'),\n ns.is('selected', selected),\n ns.is('disabled', disabled),\n ns.is('created', created),\n { hover: hovering },\n ]\"\n @mouseenter=\"hoverItem\"\n @click.stop=\"selectOptionClick\"\n >\n <slot :item=\"item\" :index=\"index\" :disabled=\"disabled\">\n <span>{{ item.label }}</span>\n </slot>\n </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useOption } from './useOption'\nimport { OptionProps } from './defaults'\n\nexport default defineComponent({\n props: OptionProps,\n emits: ['select', 'hover'],\n setup(props, { emit }) {\n const ns = useNamespace('select')\n const { hoverItem, selectOptionClick } = useOption(props, { emit })\n return {\n ns,\n hoverItem,\n selectOptionClick,\n }\n },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass"],"mappings":";;;;;;;AA0BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,OAAO;AAAA,EACP,OAAO,CAAC,UAAU;AAAA,EAClB,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAK,aAAa;AACxB,UAAM,EAAE,WAAW,sBAAsB,UAAU,OAAO,EAAE;AAC5D,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;2BAlCJ,wBAgBK;SAfFA,aAAeC,mBAAQ;AAAA,IACvB,iBAAK;AAAA,IACL,OAAKC;AAAA,WAAUC,eAAK;AAAA,MAAmC,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,YAAa;AAAA,MAAiB,QAAG,GAAE,YAAY;AAAA,iBAAyB,WAAQ;AAAA;;IAQ/K,cAAK,yDAAO;AAAA;KAEb;AAAA,eAAa,KAAI;AAAA,MAAG,MAAK,KAAE;AAAA,MAAQ,YAAU;AAAA,gBAEtC;AAAA,OADL;AAAA;;;;;;;;"}