You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
8.5 KiB
1 lines
8.5 KiB
{"ast":null,"code":"import { defineComponent, inject, ref, toRef, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from 'vue';\nimport '../../popper/index.mjs';\nimport { TOOLTIP_INJECTION_KEY } from './constants.mjs';\nimport { useTooltipTriggerProps } from './trigger.mjs';\nimport { whenTrigger } from './utils.mjs';\nimport _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';\nimport ElPopperTrigger from '../../popper/src/trigger2.mjs';\nimport { composeEventHandlers } from '../../../utils/dom/event.mjs';\nimport { useNamespace } from '../../../hooks/use-namespace/index.mjs';\nconst __default__ = defineComponent({\n name: \"ElTooltipTrigger\"\n});\nconst _sfc_main = /* @__PURE__ */defineComponent({\n ...__default__,\n props: useTooltipTriggerProps,\n setup(__props, {\n expose\n }) {\n const props = __props;\n const ns = useNamespace(\"tooltip\");\n const {\n controlled,\n id,\n open,\n onOpen,\n onClose,\n onToggle\n } = inject(TOOLTIP_INJECTION_KEY, void 0);\n const triggerRef = ref(null);\n const stopWhenControlledOrDisabled = () => {\n if (unref(controlled) || props.disabled) {\n return true;\n }\n };\n const trigger = toRef(props, \"trigger\");\n const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, \"hover\", onOpen));\n const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, \"hover\", onClose));\n const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, \"click\", e => {\n if (e.button === 0) {\n onToggle(e);\n }\n }));\n const onFocus = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, \"focus\", onOpen));\n const onBlur = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, \"focus\", onClose));\n const onContextMenu = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, \"contextmenu\", e => {\n e.preventDefault();\n onToggle(e);\n }));\n const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, e => {\n const {\n code\n } = e;\n if (props.triggerKeys.includes(code)) {\n e.preventDefault();\n onToggle(e);\n }\n });\n expose({\n triggerRef\n });\n return (_ctx, _cache) => {\n return openBlock(), createBlock(unref(ElPopperTrigger), {\n id: unref(id),\n \"virtual-ref\": _ctx.virtualRef,\n open: unref(open),\n \"virtual-triggering\": _ctx.virtualTriggering,\n class: normalizeClass(unref(ns).e(\"trigger\")),\n onBlur: unref(onBlur),\n onClick: unref(onClick),\n onContextmenu: unref(onContextMenu),\n onFocus: unref(onFocus),\n onMouseenter: unref(onMouseenter),\n onMouseleave: unref(onMouseleave),\n onKeydown: unref(onKeydown)\n }, {\n default: withCtx(() => [renderSlot(_ctx.$slots, \"default\")]),\n _: 3\n }, 8, [\"id\", \"virtual-ref\", \"open\", \"virtual-triggering\", \"class\", \"onBlur\", \"onClick\", \"onContextmenu\", \"onFocus\", \"onMouseenter\", \"onMouseleave\", \"onKeydown\"]);\n };\n }\n});\nvar ElTooltipTrigger = /* @__PURE__ */_export_sfc(_sfc_main, [[\"__file\", \"trigger.vue\"]]);\nexport { ElTooltipTrigger as default };","map":{"version":3,"names":["name","ns","useNamespace","controlled","id","open","onOpen","onClose","onToggle","inject","TOOLTIP_INJECTION_KEY","triggerRef","ref","stopWhenControlledOrDisabled","unref","props","disabled","trigger","toRef","onMouseenter","composeEventHandlers","whenTrigger","onMouseleave","onClick","e","button","onFocus","onBlur","onContextMenu","preventDefault","onKeydown","code","triggerKeys","includes","expose","_ctx","_cache","openBlock","createBlock","ElPopperTrigger","virtualRef","virtualTriggering","class","normalizeClass","onContextmenu","default","withCtx","renderSlot","$slots","_","ElTooltipTrigger","_export_sfc","_sfc_main"],"sources":["../../../../../../packages/components/tooltip/src/trigger.vue"],"sourcesContent":["<template>\n <el-popper-trigger\n :id=\"id\"\n :virtual-ref=\"virtualRef\"\n :open=\"open\"\n :virtual-triggering=\"virtualTriggering\"\n :class=\"ns.e('trigger')\"\n @blur=\"onBlur\"\n @click=\"onClick\"\n @contextmenu=\"onContextMenu\"\n @focus=\"onFocus\"\n @mouseenter=\"onMouseenter\"\n @mouseleave=\"onMouseleave\"\n @keydown=\"onKeydown\"\n >\n <slot />\n </el-popper-trigger>\n</template>\n<script lang=\"ts\" setup>\nimport { inject, ref, toRef, unref } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { composeEventHandlers } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipTriggerProps } from './trigger'\nimport { whenTrigger } from './utils'\nimport type { OnlyChildExpose } from '@element-plus/components/slot'\n\ndefineOptions({\n name: 'ElTooltipTrigger',\n})\n\nconst props = defineProps(useTooltipTriggerProps)\n\nconst ns = useNamespace('tooltip')\nconst { controlled, id, open, onOpen, onClose, onToggle } = inject(\n TOOLTIP_INJECTION_KEY,\n undefined\n)!\n\nconst triggerRef = ref<OnlyChildExpose | null>(null)\n\nconst stopWhenControlledOrDisabled = () => {\n if (unref(controlled) || props.disabled) {\n return true\n }\n}\nconst trigger = toRef(props, 'trigger')\nconst onMouseenter = composeEventHandlers(\n stopWhenControlledOrDisabled,\n whenTrigger(trigger, 'hover', onOpen)\n)\nconst onMouseleave = composeEventHandlers(\n stopWhenControlledOrDisabled,\n whenTrigger(trigger, 'hover', onClose)\n)\nconst onClick = composeEventHandlers(\n stopWhenControlledOrDisabled,\n whenTrigger(trigger, 'click', (e) => {\n // distinguish left click\n if ((e as MouseEvent).button === 0) {\n onToggle(e)\n }\n })\n)\n\nconst onFocus = composeEventHandlers(\n stopWhenControlledOrDisabled,\n whenTrigger(trigger, 'focus', onOpen)\n)\n\nconst onBlur = composeEventHandlers(\n stopWhenControlledOrDisabled,\n whenTrigger(trigger, 'focus', onClose)\n)\n\nconst onContextMenu = composeEventHandlers(\n stopWhenControlledOrDisabled,\n whenTrigger(trigger, 'contextmenu', (e: Event) => {\n e.preventDefault()\n onToggle(e)\n })\n)\n\nconst onKeydown = composeEventHandlers(\n stopWhenControlledOrDisabled,\n (e: KeyboardEvent) => {\n const { code } = e\n if (props.triggerKeys.includes(code)) {\n e.preventDefault()\n onToggle(e)\n }\n }\n)\n\ndefineExpose({\n /**\n * @description trigger element\n */\n triggerRef,\n})\n</script>\n"],"mappings":";;;;;;;;;mCA4Bc;EACZA,IAAM;AACR;;;;;;;;IAIM,MAAAC,EAAA,GAAKC,YAAA,CAAa,SAAS;IACjC,MAAM;MAAEC,UAAY;MAAAC,EAAA;MAAIC,IAAA;MAAMC,MAAQ;MAAAC,OAAA;MAASC;IAAA,CAAa,GAAAC,MAAA,CAAAC,qBAAA;IAC1D,MAAAC,UAAA,GAAAC,GAAA;IACA,MAAAC,4BAAA,GAAAA,CAAA;MACF,IAAAC,KAAA,CAAAX,UAAA,KAAAY,KAAA,CAAAC,QAAA;QAEM;MAEN;IACE;IACS,MAAAC,OAAA,GAAAC,KAAA,CAAAH,KAAA;IACT,MAAAI,YAAA,GAAAC,oBAAA,CAAAP,4BAAA,EAAAQ,WAAA,CAAAJ,OAAA,WAAAX,MAAA;IACF,MAAAgB,YAAA,GAAAF,oBAAA,CAAAP,4BAAA,EAAAQ,WAAA,CAAAJ,OAAA,WAAAV,OAAA;IACM,MAAAgB,OAAA,GAAUH,oBAAsB,CAAAP,4BAAA,EAAAQ,WAAA,CAAAJ,OAAA,WAAAO,CAAA;MACtC,IAAMA,CAAe,CAAAC,MAAA;QACnBjB,QAAA,CAAAgB,CAAA;MAAA;IACoC,CACtC;IACA,MAAME,OAAe,GAAAN,oBAAA,CAAAP,4BAAA,EAAAQ,WAAA,CAAAJ,OAAA,WAAAX,MAAA;IACnB,MAAAqB,MAAA,GAAAP,oBAAA,CAAAP,4BAAA,EAAAQ,WAAA,CAAAJ,OAAA,WAAAV,OAAA;IACA,MAAAqB,aAAqB,GAAAR,oBAAgB,CAAAP,4BAAA,EAAAQ,WAAA,CAAAJ,OAAA,iBAAAO,CAAA;MACvCA,CAAA,CAAAK,cAAA;MACArB,QAAgB,CAAAgB,CAAA;IAAA,CACd;IAAA,MACYM,SAAA,GAAAV,oBAAyB,CAAAP,4BAAA,EAAAW,CAAA;MAE9B;QAAiBO;MAAA,IAAAP,CAAA;MACpB,IAAAT,KAAA,CAAAiB,WAAU,CAAAC,QAAA,CAAAF,IAAA;QACZP,CAAA,CAAAK,cAAA;QACDrB,QAAA,CAAAgB,CAAA;MAAA;IAGH;IACEU,MAAA;MACAvB;IAAoC,CACtC;IAEA,OAAe,CAAAwB,IAAA,EAAAC,MAAA;MACb,OAAAC,SAAA,IAAAC,WAAA,CAAAxB,KAAA,CAAAyB,eAAA;QACAnC,EAAA,EAAAU,KAAY,CAASV,EAAA;QACvB,eAAA+B,IAAA,CAAAK,UAAA;QAEAnC,IAAsB,EAAAS,KAAA,CAAAT,IAAA;QACpB,sBAAA8B,IAAA,CAAAM,iBAAA;QACYC,KAAA,EAAAC,cAAwB,CAAA7B,KAAA,CAAAb,EAAA,EAAAuB,CAAC,CAAa;QAChDG,MAAiB,EAAAb,KAAA,CAAAa,MAAA;QACjBJ,OAAA,EAAST,KAAC,CAAAS,OAAA;QACXqB,aAAA,EAAA9B,KAAA,CAAAc,aAAA;QACHF,OAAA,EAAAZ,KAAA,CAAAY,OAAA;QAEAP,YAAkB,EAAAL,KAAA,CAAAK,YAAA;QAChBG,YAAA,EAAAR,KAAA,CAAAQ,YAAA;QACsBQ,SAAA,EAAAhB,KAAA,CAAAgB,SAAA;MACpB,CAAM;QACNe,OAAU,EAAAC,OAAA,OAAqB,CAC7BC,UAAiB,CAAAZ,IAAA,CAAAa,MAAA,aACjB;QACFC,CAAA;MAAA,CACF;IAAA,CACF;EAEA;AAAa;AAAA,IAAAC,gBAAA,kBAAAC,WAAA,CAAAC,SAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|