@element-plus/nightly 0.0.20250307 → 0.0.20250309

package/es/components/time-picker/src/time-picker-com/basic-time-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"basic-time-spinner.mjs","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b('spinner'), { 'has-seconds': showSeconds }]\">\n    <template v-if=\"!arrowControl\">\n      <el-scrollbar\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :ref=\"(scrollbar: unknown) => setRef(scrollbar as any, item)\"\n        :class=\"ns.be('spinner', 'wrapper')\"\n        wrap-style=\"max-height: inherit;\"\n        :view-class=\"ns.be('spinner', 'list')\"\n        noresize\n        tag=\"ul\"\n        @mouseenter=\"emitSelectRange(item)\"\n        @mousemove=\"adjustCurrentSpinner(item)\"\n      >\n        <li\n          v-for=\"(disabled, key) in timeList[item]\"\n          :key=\"key\"\n          :class=\"[\n            ns.be('spinner', 'item'),\n            ns.is('active', key === timePartials[item]),\n            ns.is('disabled', disabled),\n          ]\"\n          @click=\"handleClick(item, { value: key, disabled })\"\n        >\n          <template v-if=\"item === 'hours'\">\n            {{ ('0' + (amPmMode ? key % 12 || 12 : key)).slice(-2)\n            }}{{ getAmPmFlag(key) }}\n          </template>\n          <template v-else>\n            {{ ('0' + key).slice(-2) }}\n          </template>\n        </li>\n      </el-scrollbar>\n    </template>\n    <template v-if=\"arrowControl\">\n      <div\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :class=\"[ns.be('spinner', 'wrapper'), ns.is('arrow')]\"\n        @mouseenter=\"emitSelectRange(item)\"\n      >\n        <el-icon\n          v-repeat-click=\"onDecrement\"\n          :class=\"['arrow-up', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-up />\n        </el-icon>\n        <el-icon\n          v-repeat-click=\"onIncrement\"\n          :class=\"['arrow-down', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-down />\n        </el-icon>\n        <ul :class=\"ns.be('spinner', 'list')\">\n          <li\n            v-for=\"(time, key) in arrowControlTimeList[item]\"\n            :key=\"key\"\n            :class=\"[\n              ns.be('spinner', 'item'),\n              ns.is('active', time === timePartials[item]),\n              ns.is('disabled', timeList[item][time!]),\n            ]\"\n          >\n            <template v-if=\"isNumber(time)\">\n              <template v-if=\"item === 'hours'\">\n                {{ ('0' + (amPmMode ? time % 12 || 12 : time)).slice(-2)\n                }}{{ getAmPmFlag(time) }}\n              </template>\n              <template v-else>\n                {{ ('0' + time).slice(-2) }}\n              </template>\n            </template>\n          </li>\n        </ul>\n      </div>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, ref, unref, watch } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { vRepeatClick } from '@element-plus/directives'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { getStyle, isNumber } from '@element-plus/utils'\nimport { timeUnits } from '../constants'\nimport { buildTimeList } from '../utils'\nimport { basicTimeSpinnerProps } from '../props/basic-time-spinner'\nimport { getTimeLists } from '../composables/use-time-picker'\n\nimport type { Ref } from 'vue'\nimport type { ScrollbarInstance } from '@element-plus/components/scrollbar'\nimport type { TimeUnit } from '../constants'\nimport type { TimeList } from '../utils'\n\nconst props = defineProps(basicTimeSpinnerProps)\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { isRange } = pickerBase.props\nconst emit = defineEmits(['change', 'select-range', 'set-option'])\n\nconst ns = useNamespace('time')\n\nconst { getHoursList, getMinutesList, getSecondsList } = getTimeLists(\n  props.disabledHours,\n  props.disabledMinutes,\n  props.disabledSeconds\n)\n\n// data\nlet isScrolling = false\n\nconst currentScrollbar = ref<TimeUnit>()\nconst listHoursRef = ref<ScrollbarInstance>()\nconst listMinutesRef = ref<ScrollbarInstance>()\nconst listSecondsRef = ref<ScrollbarInstance>()\nconst listRefsMap: Record<TimeUnit, Ref<ScrollbarInstance | undefined>> = {\n  hours: listHoursRef,\n  minutes: listMinutesRef,\n  seconds: listSecondsRef,\n}\n\n// computed\nconst spinnerItems = computed(() => {\n  return props.showSeconds ? timeUnits : timeUnits.slice(0, 2)\n})\n\nconst timePartials = computed<Record<TimeUnit, number>>(() => {\n  const { spinnerDate } = props\n  const hours = spinnerDate.hour()\n  const minutes = spinnerDate.minute()\n  const seconds = spinnerDate.second()\n  return { hours, minutes, seconds }\n})\n\nconst timeList = computed(() => {\n  const { hours, minutes } = unref(timePartials)\n  const { role, spinnerDate } = props\n  const compare = !isRange ? spinnerDate : undefined\n  return {\n    hours: getHoursList(role, compare),\n    minutes: getMinutesList(hours, role, compare),\n    seconds: getSecondsList(hours, minutes, role, compare),\n  }\n})\n\nconst arrowControlTimeList = computed<Record<TimeUnit, TimeList>>(() => {\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  return {\n    hours: buildTimeList(hours, 23),\n    minutes: buildTimeList(minutes, 59),\n    seconds: buildTimeList(seconds, 59),\n  }\n})\n\nconst debouncedResetScroll = debounce((type) => {\n  isScrolling = false\n  adjustCurrentSpinner(type)\n}, 200)\n\nconst getAmPmFlag = (hour: number) => {\n  const shouldShowAmPm = !!props.amPmMode\n  if (!shouldShowAmPm) return ''\n  const isCapital = props.amPmMode === 'A'\n  // todo locale\n  let content = hour < 12 ? ' am' : ' pm'\n  if (isCapital) content = content.toUpperCase()\n  return content\n}\n\nconst emitSelectRange = (type: TimeUnit) => {\n  let range\n\n  switch (type) {\n    case 'hours':\n      range = [0, 2]\n      break\n    case 'minutes':\n      range = [3, 5]\n      break\n    case 'seconds':\n      range = [6, 8]\n      break\n  }\n  const [left, right] = range\n\n  emit('select-range', left, right)\n  currentScrollbar.value = type\n}\n\nconst adjustCurrentSpinner = (type: TimeUnit) => {\n  adjustSpinner(type, unref(timePartials)[type])\n}\n\nconst adjustSpinners = () => {\n  adjustCurrentSpinner('hours')\n  adjustCurrentSpinner('minutes')\n  adjustCurrentSpinner('seconds')\n}\n\nconst getScrollbarElement = (el: HTMLElement) =>\n  el.querySelector(`.${ns.namespace.value}-scrollbar__wrap`) as HTMLElement\n\nconst adjustSpinner = (type: TimeUnit, value: number) => {\n  if (props.arrowControl) return\n  const scrollbar = unref(listRefsMap[type])\n  if (scrollbar && scrollbar.$el) {\n    getScrollbarElement(scrollbar.$el).scrollTop = Math.max(\n      0,\n      value * typeItemHeight(type)\n    )\n  }\n}\n\nconst typeItemHeight = (type: TimeUnit): number => {\n  const scrollbar = unref(listRefsMap[type])\n  const listItem = scrollbar?.$el.querySelector('li')\n  if (listItem) {\n    return Number.parseFloat(getStyle(listItem, 'height')) || 0\n  }\n  return 0\n}\n\nconst onIncrement = () => {\n  scrollDown(1)\n}\n\nconst onDecrement = () => {\n  scrollDown(-1)\n}\n\nconst scrollDown = (step: number) => {\n  if (!currentScrollbar.value) {\n    emitSelectRange('hours')\n  }\n\n  const label = currentScrollbar.value!\n  const now = unref(timePartials)[label]\n  const total = currentScrollbar.value === 'hours' ? 24 : 60\n  const next = findNextUnDisabled(label, now, step, total)\n\n  modifyDateField(label, next)\n  adjustSpinner(label, next)\n  nextTick(() => emitSelectRange(label))\n}\n\nconst findNextUnDisabled = (\n  type: TimeUnit,\n  now: number,\n  step: number,\n  total: number\n) => {\n  let next = (now + step + total) % total\n  const list = unref(timeList)[type]\n  while (list[next] && next !== now) {\n    next = (next + step + total) % total\n  }\n  return next\n}\n\nconst modifyDateField = (type: TimeUnit, value: number) => {\n  const list = unref(timeList)[type]\n  const isDisabled = list[value]\n  if (isDisabled) return\n\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  let changeTo\n  switch (type) {\n    case 'hours':\n      changeTo = props.spinnerDate.hour(value).minute(minutes).second(seconds)\n      break\n    case 'minutes':\n      changeTo = props.spinnerDate.hour(hours).minute(value).second(seconds)\n      break\n    case 'seconds':\n      changeTo = props.spinnerDate.hour(hours).minute(minutes).second(value)\n      break\n  }\n  emit('change', changeTo)\n}\n\nconst handleClick = (\n  type: TimeUnit,\n  { value, disabled }: { value: number; disabled: boolean }\n) => {\n  if (!disabled) {\n    modifyDateField(type, value)\n    emitSelectRange(type)\n    adjustSpinner(type, value)\n  }\n}\n\nconst handleScroll = (type: TimeUnit) => {\n  const scrollbar = unref(listRefsMap[type])\n  if (!scrollbar) return\n\n  isScrolling = true\n  debouncedResetScroll(type)\n  const value = Math.min(\n    Math.round(\n      (getScrollbarElement(scrollbar.$el).scrollTop -\n        (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) +\n        3) /\n        typeItemHeight(type)\n    ),\n    type === 'hours' ? 23 : 59\n  )\n  modifyDateField(type, value)\n}\n\nconst scrollBarHeight = (type: TimeUnit) => {\n  return unref(listRefsMap[type])!.$el.offsetHeight\n}\n\nconst bindScrollEvent = () => {\n  const bindFunction = (type: TimeUnit) => {\n    const scrollbar = unref(listRefsMap[type])\n    if (scrollbar && scrollbar.$el) {\n      getScrollbarElement(scrollbar.$el).onscroll = () => {\n        // TODO: scroll is emitted when set scrollTop programmatically\n        // should find better solutions in the future!\n        handleScroll(type)\n      }\n    }\n  }\n  bindFunction('hours')\n  bindFunction('minutes')\n  bindFunction('seconds')\n}\n\nonMounted(() => {\n  nextTick(() => {\n    !props.arrowControl && bindScrollEvent()\n    adjustSpinners()\n    // set selection on the first hour part\n    if (props.role === 'start') emitSelectRange('hours')\n  })\n})\n\nconst setRef = (scrollbar: ScrollbarInstance | null, type: TimeUnit) => {\n  listRefsMap[type].value = scrollbar ?? undefined\n}\n\nemit('set-option', [`${props.role}_scrollDown`, scrollDown])\nemit('set-option', [`${props.role}_emitSelectRange`, emitSelectRange])\n\nwatch(\n  () => props.spinnerDate,\n  () => {\n    if (isScrolling) return\n    adjustSpinners()\n  }\n)\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock"],"mappings":"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"}
+{"version":3,"file":"basic-time-spinner.mjs","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/basic-time-spinner.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b('spinner'), { 'has-seconds': showSeconds }]\">\n    <template v-if=\"!arrowControl\">\n      <el-scrollbar\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :ref=\"(scrollbar: unknown) => setRef(scrollbar as any, item)\"\n        :class=\"ns.be('spinner', 'wrapper')\"\n        wrap-style=\"max-height: inherit;\"\n        :view-class=\"ns.be('spinner', 'list')\"\n        noresize\n        tag=\"ul\"\n        @mouseenter=\"emitSelectRange(item)\"\n        @mousemove=\"adjustCurrentSpinner(item)\"\n      >\n        <li\n          v-for=\"(disabled, key) in timeList[item]\"\n          :key=\"key\"\n          :class=\"[\n            ns.be('spinner', 'item'),\n            ns.is('active', key === timePartials[item]),\n            ns.is('disabled', disabled),\n          ]\"\n          @click=\"handleClick(item, { value: key, disabled })\"\n        >\n          <template v-if=\"item === 'hours'\">\n            {{ ('0' + (amPmMode ? key % 12 || 12 : key)).slice(-2)\n            }}{{ getAmPmFlag(key) }}\n          </template>\n          <template v-else>\n            {{ ('0' + key).slice(-2) }}\n          </template>\n        </li>\n      </el-scrollbar>\n    </template>\n    <template v-if=\"arrowControl\">\n      <div\n        v-for=\"item in spinnerItems\"\n        :key=\"item\"\n        :class=\"[ns.be('spinner', 'wrapper'), ns.is('arrow')]\"\n        @mouseenter=\"emitSelectRange(item)\"\n      >\n        <el-icon\n          v-repeat-click=\"onDecrement\"\n          :class=\"['arrow-up', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-up />\n        </el-icon>\n        <el-icon\n          v-repeat-click=\"onIncrement\"\n          :class=\"['arrow-down', ns.be('spinner', 'arrow')]\"\n        >\n          <arrow-down />\n        </el-icon>\n        <ul :class=\"ns.be('spinner', 'list')\">\n          <li\n            v-for=\"(time, key) in arrowControlTimeList[item]\"\n            :key=\"key\"\n            :class=\"[\n              ns.be('spinner', 'item'),\n              ns.is('active', time === timePartials[item]),\n              ns.is('disabled', timeList[item][time!]),\n            ]\"\n          >\n            <template v-if=\"isNumber(time)\">\n              <template v-if=\"item === 'hours'\">\n                {{ ('0' + (amPmMode ? time % 12 || 12 : time)).slice(-2)\n                }}{{ getAmPmFlag(time) }}\n              </template>\n              <template v-else>\n                {{ ('0' + time).slice(-2) }}\n              </template>\n            </template>\n          </li>\n        </ul>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, ref, unref, watch } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { vRepeatClick } from '@element-plus/directives'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { getStyle, isNumber } from '@element-plus/utils'\nimport { timeUnits } from '../constants'\nimport { buildTimeList } from '../utils'\nimport { basicTimeSpinnerProps } from '../props/basic-time-spinner'\nimport { getTimeLists } from '../composables/use-time-picker'\n\nimport type { Ref } from 'vue'\nimport type { ScrollbarInstance } from '@element-plus/components/scrollbar'\nimport type { TimeUnit } from '../constants'\nimport type { TimeList } from '../utils'\n\nconst props = defineProps(basicTimeSpinnerProps)\nconst pickerBase = inject('EP_PICKER_BASE') as any\nconst { isRange } = pickerBase.props\nconst emit = defineEmits(['change', 'select-range', 'set-option'])\n\nconst ns = useNamespace('time')\n\nconst { getHoursList, getMinutesList, getSecondsList } = getTimeLists(\n  props.disabledHours,\n  props.disabledMinutes,\n  props.disabledSeconds\n)\n\n// data\nlet isScrolling = false\n\nconst currentScrollbar = ref<TimeUnit>()\nconst listHoursRef = ref<ScrollbarInstance>()\nconst listMinutesRef = ref<ScrollbarInstance>()\nconst listSecondsRef = ref<ScrollbarInstance>()\nconst listRefsMap: Record<TimeUnit, Ref<ScrollbarInstance | undefined>> = {\n  hours: listHoursRef,\n  minutes: listMinutesRef,\n  seconds: listSecondsRef,\n}\n\n// computed\nconst spinnerItems = computed(() => {\n  return props.showSeconds ? timeUnits : timeUnits.slice(0, 2)\n})\n\nconst timePartials = computed<Record<TimeUnit, number>>(() => {\n  const { spinnerDate } = props\n  const hours = spinnerDate.hour()\n  const minutes = spinnerDate.minute()\n  const seconds = spinnerDate.second()\n  return { hours, minutes, seconds }\n})\n\nconst timeList = computed(() => {\n  const { hours, minutes } = unref(timePartials)\n  const { role, spinnerDate } = props\n  const compare = !isRange ? spinnerDate : undefined\n  return {\n    hours: getHoursList(role, compare),\n    minutes: getMinutesList(hours, role, compare),\n    seconds: getSecondsList(hours, minutes, role, compare),\n  }\n})\n\nconst arrowControlTimeList = computed<Record<TimeUnit, TimeList>>(() => {\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  return {\n    hours: buildTimeList(hours, 23),\n    minutes: buildTimeList(minutes, 59),\n    seconds: buildTimeList(seconds, 59),\n  }\n})\n\nconst debouncedResetScroll = debounce((type) => {\n  isScrolling = false\n  adjustCurrentSpinner(type)\n}, 200)\n\nconst getAmPmFlag = (hour: number) => {\n  const shouldShowAmPm = !!props.amPmMode\n  if (!shouldShowAmPm) return ''\n  const isCapital = props.amPmMode === 'A'\n  // todo locale\n  let content = hour < 12 ? ' am' : ' pm'\n  if (isCapital) content = content.toUpperCase()\n  return content\n}\n\nconst emitSelectRange = (type: TimeUnit) => {\n  let range\n\n  switch (type) {\n    case 'hours':\n      range = [0, 2]\n      break\n    case 'minutes':\n      range = [3, 5]\n      break\n    case 'seconds':\n      range = [6, 8]\n      break\n  }\n  const [left, right] = range\n\n  emit('select-range', left, right)\n  currentScrollbar.value = type\n}\n\nconst adjustCurrentSpinner = (type: TimeUnit) => {\n  adjustSpinner(type, unref(timePartials)[type])\n}\n\nconst adjustSpinners = () => {\n  adjustCurrentSpinner('hours')\n  adjustCurrentSpinner('minutes')\n  adjustCurrentSpinner('seconds')\n}\n\nconst getScrollbarElement = (el: HTMLElement) =>\n  el.querySelector(`.${ns.namespace.value}-scrollbar__wrap`) as HTMLElement\n\nconst adjustSpinner = (type: TimeUnit, value: number) => {\n  if (props.arrowControl) return\n  const scrollbar = unref(listRefsMap[type])\n  if (scrollbar && scrollbar.$el) {\n    getScrollbarElement(scrollbar.$el).scrollTop = Math.max(\n      0,\n      value * typeItemHeight(type)\n    )\n  }\n}\n\nconst typeItemHeight = (type: TimeUnit): number => {\n  const scrollbar = unref(listRefsMap[type])\n  const listItem = scrollbar?.$el.querySelector('li')\n  if (listItem) {\n    return Number.parseFloat(getStyle(listItem, 'height')) || 0\n  }\n  return 0\n}\n\nconst onIncrement = () => {\n  scrollDown(1)\n}\n\nconst onDecrement = () => {\n  scrollDown(-1)\n}\n\nconst scrollDown = (step: number) => {\n  if (!currentScrollbar.value) {\n    emitSelectRange('hours')\n  }\n\n  const label = currentScrollbar.value!\n  const now = unref(timePartials)[label]\n  const total = currentScrollbar.value === 'hours' ? 24 : 60\n  const next = findNextUnDisabled(label, now, step, total)\n\n  modifyDateField(label, next)\n  adjustSpinner(label, next)\n  nextTick(() => emitSelectRange(label))\n}\n\nconst findNextUnDisabled = (\n  type: TimeUnit,\n  now: number,\n  step: number,\n  total: number\n) => {\n  let next = (now + step + total) % total\n  const list = unref(timeList)[type]\n  while (list[next] && next !== now) {\n    next = (next + step + total) % total\n  }\n  return next\n}\n\nconst modifyDateField = (type: TimeUnit, value: number) => {\n  const list = unref(timeList)[type]\n  const isDisabled = list[value]\n  if (isDisabled) return\n\n  const { hours, minutes, seconds } = unref(timePartials)\n\n  let changeTo\n  switch (type) {\n    case 'hours':\n      changeTo = props.spinnerDate.hour(value).minute(minutes).second(seconds)\n      break\n    case 'minutes':\n      changeTo = props.spinnerDate.hour(hours).minute(value).second(seconds)\n      break\n    case 'seconds':\n      changeTo = props.spinnerDate.hour(hours).minute(minutes).second(value)\n      break\n  }\n  emit('change', changeTo)\n}\n\nconst handleClick = (\n  type: TimeUnit,\n  { value, disabled }: { value: number; disabled: boolean }\n) => {\n  if (!disabled) {\n    modifyDateField(type, value)\n    emitSelectRange(type)\n    adjustSpinner(type, value)\n  }\n}\n\nconst handleScroll = (type: TimeUnit) => {\n  const scrollbar = unref(listRefsMap[type])\n  if (!scrollbar) return\n\n  isScrolling = true\n  debouncedResetScroll(type)\n  const value = Math.min(\n    Math.round(\n      (getScrollbarElement(scrollbar.$el).scrollTop -\n        (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) +\n        3) /\n        typeItemHeight(type)\n    ),\n    type === 'hours' ? 23 : 59\n  )\n  modifyDateField(type, value)\n}\n\nconst scrollBarHeight = (type: TimeUnit) => {\n  return unref(listRefsMap[type])!.$el.offsetHeight\n}\n\nconst bindScrollEvent = () => {\n  const bindFunction = (type: TimeUnit) => {\n    const scrollbar = unref(listRefsMap[type])\n    if (scrollbar && scrollbar.$el) {\n      getScrollbarElement(scrollbar.$el).onscroll = () => {\n        // TODO: scroll is emitted when set scrollTop programmatically\n        // should find better solutions in the future!\n        handleScroll(type)\n      }\n    }\n  }\n  bindFunction('hours')\n  bindFunction('minutes')\n  bindFunction('seconds')\n}\n\nonMounted(() => {\n  nextTick(() => {\n    !props.arrowControl && bindScrollEvent()\n    adjustSpinners()\n    // set selection on the first hour part\n    if (props.role === 'start') emitSelectRange('hours')\n  })\n})\n\nconst setRef = (scrollbar: ScrollbarInstance | null, type: TimeUnit) => {\n  listRefsMap[type].value = scrollbar ?? undefined\n}\n\nemit('set-option', [`${props.role}_scrollDown`, scrollDown])\nemit('set-option', [`${props.role}_emitSelectRange`, emitSelectRange])\n\nwatch(\n  () => props.spinnerDate,\n  () => {\n    if (isScrolling) return\n    adjustSpinners()\n  }\n)\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock"],"mappings":"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"}

package/es/components/tooltip/index.mjs

@@ -1,6 +1,6 @@
 import Tooltip from './src/tooltip2.mjs';
 export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './src/tooltip.mjs';
-export { useTooltipTriggerProps } from './src/trigger.mjs';
+export { useTooltipTriggerProps } from './src/trigger2.mjs';
 export { useTooltipContentProps } from './src/content.mjs';
 export { TOOLTIP_INJECTION_KEY } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';

package/es/components/tooltip/src/tooltip.mjs

@@ -1,5 +1,5 @@
 import { useTooltipContentProps } from './content.mjs';
-import { useTooltipTriggerProps } from './trigger.mjs';
+import { useTooltipTriggerProps } from './trigger2.mjs';
 import { popperProps } from '../../popper/src/popper.mjs';
 import { popperArrowProps } from '../../popper/src/arrow.mjs';
 import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';

package/es/components/tooltip/src/tooltip2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, toRef, computed, provide, readonly, unref, watch,
 import { ElPopper } from '../../popper/index.mjs';
 import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
 import { useTooltipProps, tooltipEmits, useTooltipModelToggle } from './tooltip.mjs';
-import ElTooltipTrigger from './trigger2.mjs';
+import ElTooltipTrigger from './trigger.mjs';
 import ElTooltipContent from './content2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';

package/es/components/tooltip/src/trigger.mjs

@@ -1,19 +1,77 @@
-import { popperTriggerProps } from '../../popper/src/trigger.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { EVENT_CODE } from '../../../constants/aria.mjs';
+import { defineComponent, inject, ref, toRef, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from 'vue';
+import '../../popper/index.mjs';
+import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
+import { useTooltipTriggerProps } from './trigger2.mjs';
+import { whenTrigger } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import ElPopperTrigger from '../../popper/src/trigger2.mjs';
+import { composeEventHandlers } from '../../../utils/dom/event.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const useTooltipTriggerProps = buildProps({
-  ...popperTriggerProps,
-  disabled: Boolean,
-  trigger: {
-    type: definePropType([String, Array]),
-    default: "hover"
-  },
-  triggerKeys: {
-    type: definePropType(Array),
-    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
+const __default__ = defineComponent({
+  name: "ElTooltipTrigger"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: useTooltipTriggerProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const ns = useNamespace("tooltip");
+    const { controlled, id, open, onOpen, onClose, onToggle } = inject(TOOLTIP_INJECTION_KEY, void 0);
+    const triggerRef = ref(null);
+    const stopWhenControlledOrDisabled = () => {
+      if (unref(controlled) || props.disabled) {
+        return true;
+      }
+    };
+    const trigger = toRef(props, "trigger");
+    const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
+    const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
+    const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
+      if (e.button === 0) {
+        onToggle(e);
+      }
+    }));
+    const onFocus = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onOpen));
+    const onBlur = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onClose));
+    const onContextMenu = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "contextmenu", (e) => {
+      e.preventDefault();
+      onToggle(e);
+    }));
+    const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, (e) => {
+      const { code } = e;
+      if (props.triggerKeys.includes(code)) {
+        e.preventDefault();
+        onToggle(e);
+      }
+    });
+    expose({
+      triggerRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPopperTrigger), {
+        id: unref(id),
+        "virtual-ref": _ctx.virtualRef,
+        open: unref(open),
+        "virtual-triggering": _ctx.virtualTriggering,
+        class: normalizeClass(unref(ns).e("trigger")),
+        onBlur: unref(onBlur),
+        onClick: unref(onClick),
+        onContextmenu: unref(onContextMenu),
+        onFocus: unref(onFocus),
+        onMouseenter: unref(onMouseenter),
+        onMouseleave: unref(onMouseleave),
+        onKeydown: unref(onKeydown)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
+    };
   }
 });
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "trigger.vue"]]);
 
-export { useTooltipTriggerProps };
+export { ElTooltipTrigger as default };
 //# sourceMappingURL=trigger.mjs.map

package/es/components/tooltip/src/trigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperTriggerProps } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu'\n\nexport const useTooltipTriggerProps = buildProps({\n  ...popperTriggerProps,\n  /**\n   * @description whether Tooltip is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description How should the tooltip be triggered (to show)\n   */\n  trigger: {\n    type: definePropType<Arrayable<TooltipTriggerType>>([String, Array]),\n    default: 'hover',\n  },\n  /**\n   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of tooltip through the keyboard\n   */\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space],\n  },\n} as const)\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n"],"names":[],"mappings":";;;;AAGY,MAAC,sBAAsB,GAAG,UAAU,CAAC;AACjD,EAAE,GAAG,kBAAkB;AACvB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC;AAC/E,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"trigger.mjs","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\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"],"names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot"],"mappings":"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"}

package/es/components/tooltip/src/trigger2.mjs

@@ -1,77 +1,19 @@
-import { defineComponent, inject, ref, toRef, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from 'vue';
-import '../../popper/index.mjs';
-import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
-import { useTooltipTriggerProps } from './trigger.mjs';
-import { whenTrigger } from './utils.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import ElPopperTrigger from '../../popper/src/trigger2.mjs';
-import { composeEventHandlers } from '../../../utils/dom/event.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { popperTriggerProps } from '../../popper/src/trigger.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { EVENT_CODE } from '../../../constants/aria.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTooltipTrigger"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: useTooltipTriggerProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const ns = useNamespace("tooltip");
-    const { controlled, id, open, onOpen, onClose, onToggle } = inject(TOOLTIP_INJECTION_KEY, void 0);
-    const triggerRef = ref(null);
-    const stopWhenControlledOrDisabled = () => {
-      if (unref(controlled) || props.disabled) {
-        return true;
-      }
-    };
-    const trigger = toRef(props, "trigger");
-    const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
-    const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
-    const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
-      if (e.button === 0) {
-        onToggle(e);
-      }
-    }));
-    const onFocus = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onOpen));
-    const onBlur = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "focus", onClose));
-    const onContextMenu = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "contextmenu", (e) => {
-      e.preventDefault();
-      onToggle(e);
-    }));
-    const onKeydown = composeEventHandlers(stopWhenControlledOrDisabled, (e) => {
-      const { code } = e;
-      if (props.triggerKeys.includes(code)) {
-        e.preventDefault();
-        onToggle(e);
-      }
-    });
-    expose({
-      triggerRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElPopperTrigger), {
-        id: unref(id),
-        "virtual-ref": _ctx.virtualRef,
-        open: unref(open),
-        "virtual-triggering": _ctx.virtualTriggering,
-        class: normalizeClass(unref(ns).e("trigger")),
-        onBlur: unref(onBlur),
-        onClick: unref(onClick),
-        onContextmenu: unref(onContextMenu),
-        onFocus: unref(onFocus),
-        onMouseenter: unref(onMouseenter),
-        onMouseleave: unref(onMouseleave),
-        onKeydown: unref(onKeydown)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
-    };
+const useTooltipTriggerProps = buildProps({
+  ...popperTriggerProps,
+  disabled: Boolean,
+  trigger: {
+    type: definePropType([String, Array]),
+    default: "hover"
+  },
+  triggerKeys: {
+    type: definePropType(Array),
+    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space]
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "trigger.vue"]]);
 
-export { ElTooltipTrigger as default };
+export { useTooltipTriggerProps };
 //# sourceMappingURL=trigger2.mjs.map

package/es/components/tooltip/src/trigger2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger2.mjs","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"],"names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"trigger2.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { popperTriggerProps } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu'\n\nexport const useTooltipTriggerProps = buildProps({\n  ...popperTriggerProps,\n  /**\n   * @description whether Tooltip is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description How should the tooltip be triggered (to show)\n   */\n  trigger: {\n    type: definePropType<Arrayable<TooltipTriggerType>>([String, Array]),\n    default: 'hover',\n  },\n  /**\n   * @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of tooltip through the keyboard\n   */\n  triggerKeys: {\n    type: definePropType<string[]>(Array),\n    default: () => [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space],\n  },\n} as const)\n\nexport type ElTooltipTriggerProps = ExtractPropTypes<\n  typeof useTooltipTriggerProps\n>\n"],"names":[],"mappings":";;;;AAGY,MAAC,sBAAsB,GAAG,UAAU,CAAC;AACjD,EAAE,GAAG,kBAAkB;AACvB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC;AAC/E,GAAG;AACH,CAAC;;;;"}

package/es/components/tooltip-v2/index.mjs

@@ -1,5 +1,5 @@
 import TooltipV2 from './src/tooltip2.mjs';
-export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './src/arrow2.mjs';
+export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './src/arrow.mjs';
 export { tooltipV2ContentProps } from './src/content.mjs';
 export { tooltipV2RootProps } from './src/root.mjs';
 export { tooltipV2Props } from './src/tooltip.mjs';

package/es/components/tooltip-v2/src/arrow.mjs

@@ -1,43 +1,27 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass } from 'vue';
-import { tooltipV2RootKey, tooltipV2ContentKey } from './constants.mjs';
-import { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { tooltipV2Sides } from './common.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTooltipV2Arrow"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    ...tooltipV2ArrowProps,
-    ...tooltipV2ArrowSpecialProps
+const tooltipV2ArrowProps = buildProps({
+  width: {
+    type: Number,
+    default: 10
+  },
+  height: {
+    type: Number,
+    default: 10
   },
-  setup(__props) {
-    const props = __props;
-    const { ns } = inject(tooltipV2RootKey);
-    const { arrowRef } = inject(tooltipV2ContentKey);
-    const arrowStyle = computed(() => {
-      const { style, width, height } = props;
-      const namespace = ns.namespace.value;
-      return {
-        [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,
-        [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,
-        [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,
-        [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,
-        ...style || {}
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        ref_key: "arrowRef",
-        ref: arrowRef,
-        style: normalizeStyle(unref(arrowStyle)),
-        class: normalizeClass(unref(ns).e("arrow"))
-      }, null, 6);
-    };
+  style: {
+    type: definePropType(Object),
+    default: null
+  }
+});
+const tooltipV2ArrowSpecialProps = buildProps({
+  side: {
+    type: definePropType(String),
+    values: tooltipV2Sides,
+    required: true
   }
 });
-var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "arrow.vue"]]);
 
-export { TooltipV2Arrow as default };
+export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps };
 //# sourceMappingURL=arrow.mjs.map

package/es/components/tooltip-v2/src/arrow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :style=\"arrowStyle\" :class=\"ns.e('arrow')\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTooltipV2Arrow',\n})\n\nconst props = defineProps({\n  ...tooltipV2ArrowProps,\n  ...tooltipV2ArrowSpecialProps,\n})\n\nconst { ns } = inject(tooltipV2RootKey)!\nconst { arrowRef } = inject(tooltipV2ContentKey)!\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  const { style, width, height } = props\n  const namespace = ns.namespace.value\n\n  return {\n    [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,\n    [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,\n    [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,\n    [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,\n    ...(style || {}),\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;AAOA,IAAA,MAAM,EAAE,EAAA,EAAO,GAAA,MAAA,CAAO,gBAAgB,CAAA,CAAA;AACtC,IAAA,MAAM,EAAE,QAAA,EAAa,GAAA,MAAA,CAAO,mBAAmB,CAAA,CAAA;AAE/C,IAAM,MAAA,UAAA,GAAa,SAAwB,MAAM;AAC/C,MAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AACjC,MAAM,MAAA,SAAA,GAAY,GAAG,SAAU,CAAA,KAAA,CAAA;AAE/B,MAAO,OAAA;AAAA,QACL,CAAC,CAAK,EAAA,EAAA,SAAS,CAAyB,uBAAA,CAAA,GAAG,GAAG,KAAK,CAAA,EAAA,CAAA;AAAA,QACnD,CAAC,CAAK,EAAA,EAAA,SAAS,CAA0B,wBAAA,CAAA,GAAG,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,QACrD,CAAC,CAAK,EAAA,EAAA,SAAS,gCAAgC,GAAG,CAAA,EAAG,QAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,QAC9D,CAAC,CAAK,EAAA,EAAA,SAAS,CAA+B,6BAAA,CAAA,GAAG,QAAQ,CAAI,GAAA,CAAA;AAAA,QAC7D,GAAI,SAAS,EAAC;AAAA,OAChB,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"arrow.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { tooltipV2Sides } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { TooltipV2Sides } from './common'\n\nexport const tooltipV2ArrowProps = buildProps({\n  width: {\n    type: Number,\n    default: 10,\n  },\n  height: {\n    type: Number,\n    default: 10,\n  },\n  style: {\n    type: definePropType<CSSProperties | null>(Object),\n    default: null,\n  },\n} as const)\n\nexport const tooltipV2ArrowSpecialProps = buildProps({\n  side: {\n    type: definePropType<TooltipV2Sides>(String),\n    values: tooltipV2Sides,\n    required: true,\n  },\n} as const)\n\nexport type TooltipV2ArrowProps = ExtractPropTypes<typeof tooltipV2ArrowProps>\n"],"names":[],"mappings":";;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,0BAA0B,GAAG,UAAU,CAAC;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}

package/es/components/tooltip-v2/src/arrow2.mjs

@@ -1,27 +1,43 @@
-import { tooltipV2Sides } from './common.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass } from 'vue';
+import { tooltipV2RootKey, tooltipV2ContentKey } from './constants.mjs';
+import { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const tooltipV2ArrowProps = buildProps({
-  width: {
-    type: Number,
-    default: 10
-  },
-  height: {
-    type: Number,
-    default: 10
-  },
-  style: {
-    type: definePropType(Object),
-    default: null
-  }
+const __default__ = defineComponent({
+  name: "ElTooltipV2Arrow"
 });
-const tooltipV2ArrowSpecialProps = buildProps({
-  side: {
-    type: definePropType(String),
-    values: tooltipV2Sides,
-    required: true
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    ...tooltipV2ArrowProps,
+    ...tooltipV2ArrowSpecialProps
+  },
+  setup(__props) {
+    const props = __props;
+    const { ns } = inject(tooltipV2RootKey);
+    const { arrowRef } = inject(tooltipV2ContentKey);
+    const arrowStyle = computed(() => {
+      const { style, width, height } = props;
+      const namespace = ns.namespace.value;
+      return {
+        [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,
+        [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,
+        [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,
+        [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,
+        ...style || {}
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "arrowRef",
+        ref: arrowRef,
+        style: normalizeStyle(unref(arrowStyle)),
+        class: normalizeClass(unref(ns).e("arrow"))
+      }, null, 6);
+    };
   }
 });
+var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "arrow.vue"]]);
 
-export { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps };
+export { TooltipV2Arrow as default };
 //# sourceMappingURL=arrow2.mjs.map

package/es/components/tooltip-v2/src/arrow2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { tooltipV2Sides } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { TooltipV2Sides } from './common'\n\nexport const tooltipV2ArrowProps = buildProps({\n  width: {\n    type: Number,\n    default: 10,\n  },\n  height: {\n    type: Number,\n    default: 10,\n  },\n  style: {\n    type: definePropType<CSSProperties | null>(Object),\n    default: null,\n  },\n} as const)\n\nexport const tooltipV2ArrowSpecialProps = buildProps({\n  side: {\n    type: definePropType<TooltipV2Sides>(String),\n    values: tooltipV2Sides,\n    required: true,\n  },\n} as const)\n\nexport type TooltipV2ArrowProps = ExtractPropTypes<typeof tooltipV2ArrowProps>\n"],"names":[],"mappings":";;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,0BAA0B,GAAG,UAAU,CAAC;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"arrow2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.vue"],"sourcesContent":["<template>\n  <span ref=\"arrowRef\" :style=\"arrowStyle\" :class=\"ns.e('arrow')\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from './constants'\nimport { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElTooltipV2Arrow',\n})\n\nconst props = defineProps({\n  ...tooltipV2ArrowProps,\n  ...tooltipV2ArrowSpecialProps,\n})\n\nconst { ns } = inject(tooltipV2RootKey)!\nconst { arrowRef } = inject(tooltipV2ContentKey)!\n\nconst arrowStyle = computed<CSSProperties>(() => {\n  const { style, width, height } = props\n  const namespace = ns.namespace.value\n\n  return {\n    [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,\n    [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,\n    [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,\n    [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,\n    ...(style || {}),\n  }\n})\n</script>\n"],"names":[],"mappings":";;;;;mCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;AAOA,IAAA,MAAM,EAAE,EAAA,EAAO,GAAA,MAAA,CAAO,gBAAgB,CAAA,CAAA;AACtC,IAAA,MAAM,EAAE,QAAA,EAAa,GAAA,MAAA,CAAO,mBAAmB,CAAA,CAAA;AAE/C,IAAM,MAAA,UAAA,GAAa,SAAwB,MAAM;AAC/C,MAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AACjC,MAAM,MAAA,SAAA,GAAY,GAAG,SAAU,CAAA,KAAA,CAAA;AAE/B,MAAO,OAAA;AAAA,QACL,CAAC,CAAK,EAAA,EAAA,SAAS,CAAyB,uBAAA,CAAA,GAAG,GAAG,KAAK,CAAA,EAAA,CAAA;AAAA,QACnD,CAAC,CAAK,EAAA,EAAA,SAAS,CAA0B,wBAAA,CAAA,GAAG,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,QACrD,CAAC,CAAK,EAAA,EAAA,SAAS,gCAAgC,GAAG,CAAA,EAAG,QAAQ,CAAC,CAAA,EAAA,CAAA;AAAA,QAC9D,CAAC,CAAK,EAAA,EAAA,SAAS,CAA+B,6BAAA,CAAA,GAAG,QAAQ,CAAI,GAAA,CAAA;AAAA,QAC7D,GAAI,SAAS,EAAC;AAAA,OAChB,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/es/components/tooltip-v2/src/tooltip.mjs

@@ -1,6 +1,6 @@
 import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
-import { tooltipV2ArrowProps } from './arrow2.mjs';
+import { tooltipV2ArrowProps } from './arrow.mjs';
 import { tooltipV2ContentProps } from './content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 

package/es/components/tooltip-v2/src/tooltip2.mjs

@@ -1,13 +1,13 @@
 import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot, unref, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
 import { pick } from 'lodash-unified';
 import { ElTeleport } from '../../teleport/index.mjs';
-import { tooltipV2ArrowProps } from './arrow2.mjs';
+import { tooltipV2ArrowProps } from './arrow.mjs';
 import { tooltipV2ContentProps } from './content.mjs';
 import { tooltipV2RootProps } from './root.mjs';
 import { tooltipV2Props } from './tooltip.mjs';
 import { tooltipV2TriggerProps } from './trigger.mjs';
 import TooltipV2Root from './root2.mjs';
-import TooltipV2Arrow from './arrow.mjs';
+import TooltipV2Arrow from './arrow2.mjs';
 import TooltipV2Content from './content2.mjs';
 import TooltipV2Trigger from './trigger2.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/tour/index.mjs

@@ -1,6 +1,6 @@
-import Tour from './src/tour2.mjs';
+import Tour from './src/tour.mjs';
 import TourStep from './src/step2.mjs';
-export { tourEmits, tourProps } from './src/tour.mjs';
+export { tourEmits, tourProps } from './src/tour2.mjs';
 export { tourStepEmits, tourStepProps } from './src/step.mjs';
 export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './src/content.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';

package/es/components/tour/src/content2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    :style=\"contentStyle\"\n    :class=\"ns.e('content')\"\n    :data-side=\"side\"\n    tabindex=\"-1\"\n  >\n    <el-focus-trap\n      loop\n      trapped\n      focus-start-el=\"container\"\n      :focus-trap-el=\"contentRef || undefined\"\n      @release-requested=\"onCloseRequested\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n    >\n      <slot />\n    </el-focus-trap>\n    <span\n      v-if=\"showArrow\"\n      ref=\"arrowRef\"\n      :style=\"arrowStyle\"\n      :class=\"ns.e('arrow')\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n  name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.placement,\n  () => {\n    placement.value = props.placement\n  }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n  toRef(props, 'reference'),\n  contentRef,\n  arrowRef,\n  placement,\n  strategy,\n  toRef(props, 'offset'),\n  toRef(props, 'zIndex'),\n  toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n  emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n  if (event.detail.focusReason === 'pointer') {\n    event.preventDefault()\n  }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAgCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"content2.mjs","sources":["../../../../../../packages/components/tour/src/content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"contentRef\"\n    :style=\"contentStyle\"\n    :class=\"ns.e('content')\"\n    :data-side=\"side\"\n    tabindex=\"-1\"\n  >\n    <el-focus-trap\n      loop\n      trapped\n      focus-start-el=\"container\"\n      :focus-trap-el=\"contentRef || undefined\"\n      @release-requested=\"onCloseRequested\"\n      @focusout-prevented=\"onFocusoutPrevented\"\n    >\n      <slot />\n    </el-focus-trap>\n    <span\n      v-if=\"showArrow\"\n      ref=\"arrowRef\"\n      :style=\"arrowStyle\"\n      :class=\"ns.e('arrow')\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject, ref, toRef, watch } from 'vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { tourContentEmits, tourContentProps } from './content'\nimport { tourKey, useFloating } from './helper'\n\ndefineOptions({\n  name: 'ElTourContent',\n})\n\nconst props = defineProps(tourContentProps)\nconst emit = defineEmits(tourContentEmits)\n\nconst placement = ref(props.placement)\nconst strategy = ref(props.strategy)\nconst contentRef = ref<HTMLElement | null>(null)\nconst arrowRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.placement,\n  () => {\n    placement.value = props.placement\n  }\n)\n\nconst { contentStyle, arrowStyle } = useFloating(\n  toRef(props, 'reference'),\n  contentRef,\n  arrowRef,\n  placement,\n  strategy,\n  toRef(props, 'offset'),\n  toRef(props, 'zIndex'),\n  toRef(props, 'showArrow')\n)\n\nconst side = computed(() => {\n  return placement.value.split('-')[0]\n})\n\nconst { ns } = inject(tourKey)!\n\nconst onCloseRequested = () => {\n  emit('close')\n}\n\nconst onFocusoutPrevented = (event: CustomEvent) => {\n  if (event.detail.focusReason === 'pointer') {\n    event.preventDefault()\n  }\n}\n</script>\n"],"names":["_openBlock","_createElementBlock","_unref","_normalizeClass","_createVNode"],"mappings":";;;;;;mCAiCc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,SAAA,GAAY,GAAI,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACrC,IAAM,MAAA,QAAA,GAAW,GAAI,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACnC,IAAM,MAAA,UAAA,GAAa,IAAwB,IAAI,CAAA,CAAA;AAC/C,IAAM,MAAA,QAAA,GAAW,IAAwB,IAAI,CAAA,CAAA;AAE7C,IAAA,KAAA,CAAA,MAAA,KAAA,CAAA,SAAA,EAAA,MAAA;AAAA,MACE,SAAY,CAAA,KAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAAA,KAAA,CACZ,CAAM;AACJ,IAAA,MAAA,EAAA,cAAkB,UAAM,EAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,KAAA,CAAA,KAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAAA,IAC1B,MAAA,IAAA,GAAA,QAAA,CAAA,MAAA;AAAA,MACF,OAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAM,CAAA,CAAA;AAA+B,IACnC,MAAA,EAAM,OAAO,MAAW,CAAA,OAAA,CAAA,CAAA;AAAA,IACxB,MAAA,gBAAA,GAAA,MAAA;AAAA,MACA,IAAA,CAAA,OAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAAA,IACA,MAAA,mBAAA,GAAA,CAAA,KAAA,KAAA;AAAA,MACA,IAAA,YAAqB,CAAA,WAAA,KAAA,SAAA,EAAA;AAAA,QACrB,oBAAqB,EAAA,CAAA;AAAA,OACrB;AAAwB,KAC1B,CAAA;AAEA,IAAM,OAAA,CAAA,IAAA,aAAsB;AAC1B,MAAA,OAAOA,SAAU,EAAA,EAAAC,kBAAkB,CAAA,KAAA,EAAA;AAAA,QACpC,OAAA,EAAA,YAAA;AAED,QAAA,GAAQ,EAAA,UAAO;AAEf,QAAA,qBAA+B,CAAAC,KAAA,CAAA,YAAA,CAAA,CAAA;AAC7B,QAAA,KAAY,EAAAC,cAAA,CAAAD,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QACd,WAAA,EAAAA,KAAA,CAAA,IAAA,CAAA;AAEA,QAAM,QAAA,EAAA,IAAA;AACJ,OAAI,EAAA;AACF,QAAAE,WAAqB,CAAAF,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,UACvB,IAAA,EAAA,EAAA;AAAA,UACF,OAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}