@element-plus/nightly 0.0.20251120 → 0.0.20251122

package/es/components/tabs/src/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","sources":["../../../../../../packages/components/tabs/src/tabs.tsx"],"sourcesContent":["import {\n  computed,\n  createVNode,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  ref,\n  renderSlot,\n  watch,\n} from 'vue'\nimport { omit } from 'lodash-unified'\nimport {\n  buildProps,\n  definePropType,\n  getEventCode,\n  isNumber,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElIcon from '@element-plus/components/icon'\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport TabNav from './tab-nav'\n\nimport type { ExtractPropTypes, VNode, __ExtractPublicPropTypes } from 'vue'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { TabNavInstance } from './tab-nav'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\nexport const tabsProps = buildProps({\n  /**\n   * @description type of Tab\n   */\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  /**\n   * @description whether Tab is closable\n   */\n  closable: Boolean,\n  /**\n   * @description whether Tab is addable\n   */\n  addable: Boolean,\n  /**\n   * @description binding value, name of the selected tab\n   */\n  modelValue: {\n    type: [String, Number],\n  },\n  /**\n   * @description whether Tab is addable and closable\n   */\n  editable: Boolean,\n  /**\n   * @description position of tabs\n   */\n  tabPosition: {\n    type: String,\n    values: ['top', 'right', 'bottom', 'left'],\n    default: 'top',\n  },\n  /**\n   * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented\n   */\n  beforeLeave: {\n    type: definePropType<\n      (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>\n    >(Function),\n    default: () => true,\n  },\n  /**\n   * @description whether width of tab automatically fits its container\n   */\n  stretch: Boolean,\n  /**\n   * @description tabs tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n} as const)\nexport type TabsProps = ExtractPropTypes<typeof tabsProps>\nexport type TabsPropsPublic = __ExtractPublicPropTypes<typeof tabsProps>\n\nconst isPaneName = (value: unknown): value is string | number =>\n  isString(value) || isNumber(value)\n\nexport const tabsEmits = {\n  [UPDATE_MODEL_EVENT]: (name: TabPaneName) => isPaneName(name),\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  tabChange: (name: TabPaneName) => isPaneName(name),\n  edit: (paneName: TabPaneName | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  tabRemove: (name: TabPaneName) => isPaneName(name),\n  tabAdd: () => true,\n}\nexport type TabsEmits = typeof tabsEmits\n\nexport type TabsPanes = Record<number, TabsPaneContext>\n\nconst Tabs = defineComponent({\n  name: 'ElTabs',\n\n  props: tabsProps,\n  emits: tabsEmits,\n\n  setup(props, { emit, slots, expose }) {\n    const ns = useNamespace('tabs')\n\n    const isVertical = computed(() =>\n      ['left', 'right'].includes(props.tabPosition)\n    )\n\n    const {\n      children: panes,\n      addChild: registerPane,\n      removeChild: unregisterPane,\n      ChildrenSorter: PanesSorter,\n    } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'ElTabPane')\n\n    const nav$ = ref<TabNavInstance>()\n    const currentName = ref<TabPaneName>(props.modelValue ?? '0')\n\n    const setCurrentName = async (value?: TabPaneName, trigger = false) => {\n      // should do nothing.\n      if (currentName.value === value || isUndefined(value)) return\n\n      try {\n        let canLeave\n        if (props.beforeLeave) {\n          const result = props.beforeLeave(value, currentName.value)\n          canLeave = result instanceof Promise ? await result : result\n        } else {\n          canLeave = true\n        }\n\n        if (canLeave !== false) {\n          const isFocusInsidePane = panes.value\n            .find((item) => item.paneName === currentName.value)\n            ?.isFocusInsidePane()\n\n          currentName.value = value\n          if (trigger) {\n            emit(UPDATE_MODEL_EVENT, value)\n            emit('tabChange', value)\n          }\n\n          nav$.value?.removeFocus?.()\n          if (isFocusInsidePane) {\n            nav$.value?.focusActiveTab()\n          }\n        }\n      } catch {}\n    }\n\n    const handleTabClick = (\n      tab: TabsPaneContext,\n      tabName: TabPaneName,\n      event: Event\n    ) => {\n      if (tab.props.disabled) return\n      emit('tabClick', tab, event)\n      setCurrentName(tabName, true)\n    }\n\n    const handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n      if (pane.props.disabled || isUndefined(pane.props.name)) return\n      ev.stopPropagation()\n      emit('edit', pane.props.name, 'remove')\n      emit('tabRemove', pane.props.name)\n    }\n\n    const handleTabAdd = () => {\n      emit('edit', undefined, 'add')\n      emit('tabAdd')\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(code))\n        handleTabAdd()\n    }\n\n    const swapChildren = (\n      vnode: VNode & {\n        el: HTMLDivElement\n        children: VNode<HTMLDivElement>[]\n      }\n    ) => {\n      const actualFirstChild = vnode.el.firstChild!\n      const firstChild = ['bottom', 'right'].includes(props.tabPosition)\n        ? vnode.children[0].el!\n        : vnode.children[1].el!\n\n      if (actualFirstChild !== firstChild) {\n        actualFirstChild.before(firstChild)\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (modelValue) => setCurrentName(modelValue)\n    )\n\n    watch(currentName, async () => {\n      await nextTick()\n      nav$.value?.scrollToActiveTab()\n    })\n\n    provide(tabsRootContextKey, {\n      props,\n      currentName,\n      registerPane,\n      unregisterPane,\n      nav$,\n    })\n\n    expose({\n      currentName,\n      get tabNavRef() {\n        return omit(nav$.value, ['scheduleRender'])\n      },\n    })\n\n    return () => {\n      const addSlot = slots['add-icon']\n      const newButton =\n        props.editable || props.addable ? (\n          <div\n            class={[\n              ns.e('new-tab'),\n              isVertical.value && ns.e('new-tab-vertical'),\n            ]}\n            tabindex={props.tabindex}\n            onClick={handleTabAdd}\n            onKeydown={handleKeydown}\n          >\n            {addSlot ? (\n              renderSlot(slots, 'add-icon')\n            ) : (\n              <ElIcon class={ns.is('icon-plus')}>\n                <Plus />\n              </ElIcon>\n            )}\n          </div>\n        ) : null\n\n      const tabNav = () => (\n        <TabNav\n          ref={nav$}\n          currentName={currentName.value}\n          editable={props.editable}\n          type={props.type}\n          panes={panes.value}\n          stretch={props.stretch}\n          onTabClick={handleTabClick}\n          onTabRemove={handleTabRemove}\n        />\n      )\n\n      const header = (\n        <div\n          class={[\n            ns.e('header'),\n            isVertical.value && ns.e('header-vertical'),\n            ns.is(props.tabPosition),\n          ]}\n        >\n          {createVNode(PanesSorter, null, {\n            default: tabNav,\n            $stable: true,\n          })}\n          {newButton}\n        </div>\n      )\n\n      const panels = (\n        <div class={ns.e('content')}>{renderSlot(slots, 'default')}</div>\n      )\n\n      return (\n        <div\n          class={[\n            ns.b(),\n            ns.m(props.tabPosition),\n            {\n              [ns.m('card')]: props.type === 'card',\n              [ns.m('border-card')]: props.type === 'border-card',\n            },\n          ]}\n          // @ts-ignore\n          onVnodeMounted={swapChildren}\n          onVnodeUpdated={swapChildren}\n        >\n          {panels}\n          {header}\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabsInstance = InstanceType<typeof Tabs> & {\n  currentName: TabPaneName\n  tabNavRef: TabNavInstance | undefined\n}\n\nexport default Tabs\n"],"names":["tabsProps","buildProps","type","values","default","closable","addable","modelValue","String","editable","Boolean","tabPosition","beforeLeave","definePropType","stretch","tabindex","isNumber","name","tabChange","edit","includes","tabRemove","isPaneName","tabAdd","defineComponent","props","emits","expose","ns","isVertical","computed","children","addChild","removeChild","ChildrenSorter","PanesSorter","getCurrentInstance","nav$","ref","currentName","setCurrentName","value","trigger","result","canLeave","emit","UPDATE_MODEL_EVENT","handleTabClick","tab","disabled","isUndefined","pane","ev","handleTabAdd","_createVNode","handleKeydown","EVENT_CODE","enter","swapChildren","vnode","firstChild","actualFirstChild","watch"],"mappings":"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"}
+{"version":3,"file":"tabs.mjs","sources":["../../../../../../packages/components/tabs/src/tabs.tsx"],"sourcesContent":["import {\n  computed,\n  createVNode,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  ref,\n  renderSlot,\n  watch,\n} from 'vue'\nimport { omit } from 'lodash-unified'\nimport {\n  buildProps,\n  definePropType,\n  getEventCode,\n  isNumber,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElIcon from '@element-plus/components/icon'\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport TabNav from './tab-nav'\n\nimport type { ExtractPropTypes, VNode, __ExtractPublicPropTypes } from 'vue'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { TabNavInstance } from './tab-nav'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\nexport const tabsProps = buildProps({\n  /**\n   * @description type of Tab\n   */\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  /**\n   * @description whether Tab is closable\n   */\n  closable: Boolean,\n  /**\n   * @description whether Tab is addable\n   */\n  addable: Boolean,\n  /**\n   * @description binding value, name of the selected tab\n   */\n  modelValue: {\n    type: [String, Number],\n  },\n  /**\n   * @description initial value when `model-value` is not set\n   */\n  defaultValue: {\n    type: [String, Number],\n  },\n  /**\n   * @description whether Tab is addable and closable\n   */\n  editable: Boolean,\n  /**\n   * @description position of tabs\n   */\n  tabPosition: {\n    type: String,\n    values: ['top', 'right', 'bottom', 'left'],\n    default: 'top',\n  },\n  /**\n   * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented\n   */\n  beforeLeave: {\n    type: definePropType<\n      (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>\n    >(Function),\n    default: () => true,\n  },\n  /**\n   * @description whether width of tab automatically fits its container\n   */\n  stretch: Boolean,\n  /**\n   * @description tabs tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n} as const)\nexport type TabsProps = ExtractPropTypes<typeof tabsProps>\nexport type TabsPropsPublic = __ExtractPublicPropTypes<typeof tabsProps>\n\nconst isPaneName = (value: unknown): value is string | number =>\n  isString(value) || isNumber(value)\n\nexport const tabsEmits = {\n  [UPDATE_MODEL_EVENT]: (name: TabPaneName) => isPaneName(name),\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  tabChange: (name: TabPaneName) => isPaneName(name),\n  edit: (paneName: TabPaneName | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  tabRemove: (name: TabPaneName) => isPaneName(name),\n  tabAdd: () => true,\n}\nexport type TabsEmits = typeof tabsEmits\n\nexport type TabsPanes = Record<number, TabsPaneContext>\n\nconst Tabs = defineComponent({\n  name: 'ElTabs',\n\n  props: tabsProps,\n  emits: tabsEmits,\n\n  setup(props, { emit, slots, expose }) {\n    const ns = useNamespace('tabs')\n\n    const isVertical = computed(() =>\n      ['left', 'right'].includes(props.tabPosition)\n    )\n\n    const {\n      children: panes,\n      addChild: registerPane,\n      removeChild: unregisterPane,\n      ChildrenSorter: PanesSorter,\n    } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'ElTabPane')\n\n    const nav$ = ref<TabNavInstance>()\n    const currentName = ref<TabPaneName>(\n      (isUndefined(props.modelValue) ? props.defaultValue : props.modelValue) ??\n        '0'\n    )\n\n    const setCurrentName = async (value?: TabPaneName, trigger = false) => {\n      // should do nothing.\n      if (currentName.value === value || isUndefined(value)) return\n\n      try {\n        let canLeave\n        if (props.beforeLeave) {\n          const result = props.beforeLeave(value, currentName.value)\n          canLeave = result instanceof Promise ? await result : result\n        } else {\n          canLeave = true\n        }\n\n        if (canLeave !== false) {\n          const isFocusInsidePane = panes.value\n            .find((item) => item.paneName === currentName.value)\n            ?.isFocusInsidePane()\n\n          currentName.value = value\n          if (trigger) {\n            emit(UPDATE_MODEL_EVENT, value)\n            emit('tabChange', value)\n          }\n\n          nav$.value?.removeFocus?.()\n          if (isFocusInsidePane) {\n            nav$.value?.focusActiveTab()\n          }\n        }\n      } catch {}\n    }\n\n    const handleTabClick = (\n      tab: TabsPaneContext,\n      tabName: TabPaneName,\n      event: Event\n    ) => {\n      if (tab.props.disabled) return\n      emit('tabClick', tab, event)\n      setCurrentName(tabName, true)\n    }\n\n    const handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n      if (pane.props.disabled || isUndefined(pane.props.name)) return\n      ev.stopPropagation()\n      emit('edit', pane.props.name, 'remove')\n      emit('tabRemove', pane.props.name)\n    }\n\n    const handleTabAdd = () => {\n      emit('edit', undefined, 'add')\n      emit('tabAdd')\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(code))\n        handleTabAdd()\n    }\n\n    const swapChildren = (\n      vnode: VNode & {\n        el: HTMLDivElement\n        children: VNode<HTMLDivElement>[]\n      }\n    ) => {\n      const actualFirstChild = vnode.el.firstChild!\n      const firstChild = ['bottom', 'right'].includes(props.tabPosition)\n        ? vnode.children[0].el!\n        : vnode.children[1].el!\n\n      if (actualFirstChild !== firstChild) {\n        actualFirstChild.before(firstChild)\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (modelValue) => setCurrentName(modelValue)\n    )\n\n    watch(\n      () => props.defaultValue,\n      (defaultValue) => {\n        if (isUndefined(props.modelValue)) {\n          setCurrentName(defaultValue)\n        }\n      }\n    )\n\n    watch(currentName, async () => {\n      await nextTick()\n      nav$.value?.scrollToActiveTab()\n    })\n\n    provide(tabsRootContextKey, {\n      props,\n      currentName,\n      registerPane,\n      unregisterPane,\n      nav$,\n    })\n\n    expose({\n      currentName,\n      get tabNavRef() {\n        return omit(nav$.value, ['scheduleRender'])\n      },\n    })\n\n    return () => {\n      const addSlot = slots['add-icon']\n      const newButton =\n        props.editable || props.addable ? (\n          <div\n            class={[\n              ns.e('new-tab'),\n              isVertical.value && ns.e('new-tab-vertical'),\n            ]}\n            tabindex={props.tabindex}\n            onClick={handleTabAdd}\n            onKeydown={handleKeydown}\n          >\n            {addSlot ? (\n              renderSlot(slots, 'add-icon')\n            ) : (\n              <ElIcon class={ns.is('icon-plus')}>\n                <Plus />\n              </ElIcon>\n            )}\n          </div>\n        ) : null\n\n      const tabNav = () => (\n        <TabNav\n          ref={nav$}\n          currentName={currentName.value}\n          editable={props.editable}\n          type={props.type}\n          panes={panes.value}\n          stretch={props.stretch}\n          onTabClick={handleTabClick}\n          onTabRemove={handleTabRemove}\n        />\n      )\n\n      const header = (\n        <div\n          class={[\n            ns.e('header'),\n            isVertical.value && ns.e('header-vertical'),\n            ns.is(props.tabPosition),\n          ]}\n        >\n          {createVNode(PanesSorter, null, {\n            default: tabNav,\n            $stable: true,\n          })}\n          {newButton}\n        </div>\n      )\n\n      const panels = (\n        <div class={ns.e('content')}>{renderSlot(slots, 'default')}</div>\n      )\n\n      return (\n        <div\n          class={[\n            ns.b(),\n            ns.m(props.tabPosition),\n            {\n              [ns.m('card')]: props.type === 'card',\n              [ns.m('border-card')]: props.type === 'border-card',\n            },\n          ]}\n          // @ts-ignore\n          onVnodeMounted={swapChildren}\n          onVnodeUpdated={swapChildren}\n        >\n          {panels}\n          {header}\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabsInstance = InstanceType<typeof Tabs> & {\n  currentName: TabPaneName\n  tabNavRef: TabNavInstance | undefined\n}\n\nexport default Tabs\n"],"names":["tabsProps","buildProps","type","values","default","closable","addable","Boolean","modelValue","String","defaultValue","editable","tabPosition","beforeLeave","definePropType","stretch","tabindex","name","ev","tabChange","edit","tabRemove","tabAdd","defineComponent","props","emits","emit","expose","children","addChild","removeChild","ChildrenSorter","PanesSorter","getCurrentInstance","nav$","currentName","setCurrentName","value","result","Promise","canLeave","isFocusInsidePane","panes","item","handleTabClick","tabName","isUndefined","_createVNode","pane","handleTabAdd","undefined","handleKeydown","event","getEventCode","enter","numpadEnter","swapChildren","vnode","firstChild","actualFirstChild","watch","registerPane"],"mappings":"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"}

package/es/components/tooltip/index.mjs

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

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

@@ -1,35 +1,172 @@
-import { useTooltipContentProps } from './content.mjs';
-import { useTooltipTriggerProps } from './trigger.mjs';
-import { popperProps } from '../../popper/src/popper.mjs';
-import { popperArrowProps } from '../../popper/src/arrow.mjs';
-import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, ref, toRef, computed, provide, readonly, unref, watch, onDeactivated, openBlock, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
+import { ElPopper } from '../../popper/index.mjs';
+import { TOOLTIP_INJECTION_KEY } from './constants.mjs';
+import { useTooltipProps, tooltipEmits, useTooltipModelToggle } from './tooltip2.mjs';
+import ElTooltipTrigger from './trigger2.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';
+import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
+import ElPopperArrow from '../../popper/src/arrow2.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useId } from '../../../hooks/use-id/index.mjs';
+import { isBoolean } from '../../../utils/types.mjs';
 
-const {
-  useModelToggleProps: useTooltipModelToggleProps,
-  useModelToggleEmits: useTooltipModelToggleEmits,
-  useModelToggle: useTooltipModelToggle
-} = createModelToggleComposable("visible");
-const useTooltipProps = buildProps({
-  ...popperProps,
-  ...useTooltipModelToggleProps,
-  ...useTooltipContentProps,
-  ...useTooltipTriggerProps,
-  ...popperArrowProps,
-  showArrow: {
-    type: Boolean,
-    default: true
+const __default__ = defineComponent({
+  name: "ElTooltip"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: useTooltipProps,
+  emits: tooltipEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    usePopperContainer();
+    const ns = useNamespace("tooltip");
+    const id = useId();
+    const popperRef = ref();
+    const contentRef = ref();
+    const updatePopper = () => {
+      var _a;
+      const popperComponent = unref(popperRef);
+      if (popperComponent) {
+        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
+      }
+    };
+    const open = ref(false);
+    const toggleReason = ref();
+    const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
+      indicator: open,
+      toggleReason
+    });
+    const { onOpen, onClose } = useDelayedToggle({
+      showAfter: toRef(props, "showAfter"),
+      hideAfter: toRef(props, "hideAfter"),
+      autoClose: toRef(props, "autoClose"),
+      open: show,
+      close: hide
+    });
+    const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
+    const kls = computed(() => {
+      return [ns.b(), props.popperClass];
+    });
+    provide(TOOLTIP_INJECTION_KEY, {
+      controlled,
+      id,
+      open: readonly(open),
+      trigger: toRef(props, "trigger"),
+      onOpen,
+      onClose,
+      onToggle: (event) => {
+        if (unref(open)) {
+          onClose(event);
+        } else {
+          onOpen(event);
+        }
+      },
+      onShow: () => {
+        emit("show", toggleReason.value);
+      },
+      onHide: () => {
+        emit("hide", toggleReason.value);
+      },
+      onBeforeShow: () => {
+        emit("before-show", toggleReason.value);
+      },
+      onBeforeHide: () => {
+        emit("before-hide", toggleReason.value);
+      },
+      updatePopper
+    });
+    watch(() => props.disabled, (disabled) => {
+      if (disabled && open.value) {
+        open.value = false;
+      }
+    });
+    const isFocusInsideContent = (event) => {
+      var _a;
+      return (_a = contentRef.value) == null ? void 0 : _a.isFocusInsideContent(event);
+    };
+    onDeactivated(() => open.value && hide());
+    expose({
+      popperRef,
+      contentRef,
+      isFocusInsideContent,
+      updatePopper,
+      onOpen,
+      onClose,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPopper), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        role: _ctx.role
+      }, {
+        default: withCtx(() => [
+          createVNode(ElTooltipTrigger, {
+            disabled: _ctx.disabled,
+            trigger: _ctx.trigger,
+            "trigger-keys": _ctx.triggerKeys,
+            "virtual-ref": _ctx.virtualRef,
+            "virtual-triggering": _ctx.virtualTriggering,
+            "focus-on-target": _ctx.focusOnTarget
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering", "focus-on-target"]),
+          createVNode(ElTooltipContent, {
+            ref_key: "contentRef",
+            ref: contentRef,
+            "aria-label": _ctx.ariaLabel,
+            "boundaries-padding": _ctx.boundariesPadding,
+            content: _ctx.content,
+            disabled: _ctx.disabled,
+            effect: _ctx.effect,
+            enterable: _ctx.enterable,
+            "fallback-placements": _ctx.fallbackPlacements,
+            "hide-after": _ctx.hideAfter,
+            "gpu-acceleration": _ctx.gpuAcceleration,
+            offset: _ctx.offset,
+            persistent: _ctx.persistent,
+            "popper-class": unref(kls),
+            "popper-style": _ctx.popperStyle,
+            placement: _ctx.placement,
+            "popper-options": _ctx.popperOptions,
+            "arrow-offset": _ctx.arrowOffset,
+            pure: _ctx.pure,
+            "raw-content": _ctx.rawContent,
+            "reference-el": _ctx.referenceEl,
+            "trigger-target-el": _ctx.triggerTargetEl,
+            "show-after": _ctx.showAfter,
+            strategy: _ctx.strategy,
+            teleported: _ctx.teleported,
+            transition: _ctx.transition,
+            "virtual-triggering": _ctx.virtualTriggering,
+            "z-index": _ctx.zIndex,
+            "append-to": _ctx.appendTo,
+            loop: _ctx.loop
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                _ctx.rawContent ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  innerHTML: _ctx.content
+                }, null, 8, ["innerHTML"])) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.content), 1))
+              ]),
+              _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), { key: 0 })) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "arrow-offset", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to", "loop"])
+        ]),
+        _: 3
+      }, 8, ["role"]);
+    };
   }
 });
-const tooltipEmits = [
-  ...useTooltipModelToggleEmits,
-  "before-show",
-  "before-hide",
-  "show",
-  "hide",
-  "open",
-  "close"
-];
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tooltip.vue"]]);
 
-export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps };
+export { Tooltip as default };
 //# sourceMappingURL=tooltip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\n\nimport type Tooltip from './tooltip.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const {\n  useModelToggleProps: useTooltipModelToggleProps,\n  useModelToggleEmits: useTooltipModelToggleEmits,\n  useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n  ...popperProps,\n  ...useTooltipModelToggleProps,\n  ...useTooltipContentProps,\n  ...useTooltipTriggerProps,\n  ...popperArrowProps,\n  /**\n   * @description whether the tooltip content has an arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport const tooltipEmits = [\n  ...useTooltipModelToggleEmits,\n  'before-show',\n  'before-hide',\n  'show',\n  'hide',\n  'open',\n  'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\nexport type ElTooltipPropsPublic = __ExtractPublicPropTypes<\n  typeof useTooltipProps\n>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip> & unknown\n"],"names":[],"mappings":";;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAG,2BAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,WAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,gBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;"}
+{"version":3,"file":"tooltip.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n      :focus-on-target=\"focusOnTarget\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"kls\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :arrow-offset=\"arrowOffset\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n      :loop=\"loop\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  useNamespace,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\n\nimport type { TooltipContentInstance } from './content'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n  return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen,\n  onClose,\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onClose function to manage el-tooltip close state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_renderSlot","_createCommentVNode"],"mappings":"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"}

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

@@ -1,172 +1,35 @@
-import { defineComponent, ref, toRef, computed, provide, readonly, unref, watch, onDeactivated, openBlock, createBlock, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, toDisplayString } from 'vue';
-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 ElTooltipContent from './content2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { usePopperContainer } from '../../../hooks/use-popper-container/index.mjs';
-import { useDelayedToggle } from '../../../hooks/use-delayed-toggle/index.mjs';
-import ElPopperArrow from '../../popper/src/arrow2.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useId } from '../../../hooks/use-id/index.mjs';
-import { isBoolean } from '../../../utils/types.mjs';
+import { useTooltipContentProps } from './content.mjs';
+import { useTooltipTriggerProps } from './trigger.mjs';
+import { popperProps } from '../../popper/src/popper.mjs';
+import { popperArrowProps } from '../../popper/src/arrow.mjs';
+import { createModelToggleComposable } from '../../../hooks/use-model-toggle/index.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElTooltip"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: useTooltipProps,
-  emits: tooltipEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    usePopperContainer();
-    const ns = useNamespace("tooltip");
-    const id = useId();
-    const popperRef = ref();
-    const contentRef = ref();
-    const updatePopper = () => {
-      var _a;
-      const popperComponent = unref(popperRef);
-      if (popperComponent) {
-        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
-      }
-    };
-    const open = ref(false);
-    const toggleReason = ref();
-    const { show, hide, hasUpdateHandler } = useTooltipModelToggle({
-      indicator: open,
-      toggleReason
-    });
-    const { onOpen, onClose } = useDelayedToggle({
-      showAfter: toRef(props, "showAfter"),
-      hideAfter: toRef(props, "hideAfter"),
-      autoClose: toRef(props, "autoClose"),
-      open: show,
-      close: hide
-    });
-    const controlled = computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
-    const kls = computed(() => {
-      return [ns.b(), props.popperClass];
-    });
-    provide(TOOLTIP_INJECTION_KEY, {
-      controlled,
-      id,
-      open: readonly(open),
-      trigger: toRef(props, "trigger"),
-      onOpen,
-      onClose,
-      onToggle: (event) => {
-        if (unref(open)) {
-          onClose(event);
-        } else {
-          onOpen(event);
-        }
-      },
-      onShow: () => {
-        emit("show", toggleReason.value);
-      },
-      onHide: () => {
-        emit("hide", toggleReason.value);
-      },
-      onBeforeShow: () => {
-        emit("before-show", toggleReason.value);
-      },
-      onBeforeHide: () => {
-        emit("before-hide", toggleReason.value);
-      },
-      updatePopper
-    });
-    watch(() => props.disabled, (disabled) => {
-      if (disabled && open.value) {
-        open.value = false;
-      }
-    });
-    const isFocusInsideContent = (event) => {
-      var _a;
-      return (_a = contentRef.value) == null ? void 0 : _a.isFocusInsideContent(event);
-    };
-    onDeactivated(() => open.value && hide());
-    expose({
-      popperRef,
-      contentRef,
-      isFocusInsideContent,
-      updatePopper,
-      onOpen,
-      onClose,
-      hide
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElPopper), {
-        ref_key: "popperRef",
-        ref: popperRef,
-        role: _ctx.role
-      }, {
-        default: withCtx(() => [
-          createVNode(ElTooltipTrigger, {
-            disabled: _ctx.disabled,
-            trigger: _ctx.trigger,
-            "trigger-keys": _ctx.triggerKeys,
-            "virtual-ref": _ctx.virtualRef,
-            "virtual-triggering": _ctx.virtualTriggering,
-            "focus-on-target": _ctx.focusOnTarget
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering", "focus-on-target"]),
-          createVNode(ElTooltipContent, {
-            ref_key: "contentRef",
-            ref: contentRef,
-            "aria-label": _ctx.ariaLabel,
-            "boundaries-padding": _ctx.boundariesPadding,
-            content: _ctx.content,
-            disabled: _ctx.disabled,
-            effect: _ctx.effect,
-            enterable: _ctx.enterable,
-            "fallback-placements": _ctx.fallbackPlacements,
-            "hide-after": _ctx.hideAfter,
-            "gpu-acceleration": _ctx.gpuAcceleration,
-            offset: _ctx.offset,
-            persistent: _ctx.persistent,
-            "popper-class": unref(kls),
-            "popper-style": _ctx.popperStyle,
-            placement: _ctx.placement,
-            "popper-options": _ctx.popperOptions,
-            "arrow-offset": _ctx.arrowOffset,
-            pure: _ctx.pure,
-            "raw-content": _ctx.rawContent,
-            "reference-el": _ctx.referenceEl,
-            "trigger-target-el": _ctx.triggerTargetEl,
-            "show-after": _ctx.showAfter,
-            strategy: _ctx.strategy,
-            teleported: _ctx.teleported,
-            transition: _ctx.transition,
-            "virtual-triggering": _ctx.virtualTriggering,
-            "z-index": _ctx.zIndex,
-            "append-to": _ctx.appendTo,
-            loop: _ctx.loop
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "content", {}, () => [
-                _ctx.rawContent ? (openBlock(), createElementBlock("span", {
-                  key: 0,
-                  innerHTML: _ctx.content
-                }, null, 8, ["innerHTML"])) : (openBlock(), createElementBlock("span", { key: 1 }, toDisplayString(_ctx.content), 1))
-              ]),
-              _ctx.showArrow ? (openBlock(), createBlock(unref(ElPopperArrow), { key: 0 })) : createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "arrow-offset", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to", "loop"])
-        ]),
-        _: 3
-      }, 8, ["role"]);
-    };
+const {
+  useModelToggleProps: useTooltipModelToggleProps,
+  useModelToggleEmits: useTooltipModelToggleEmits,
+  useModelToggle: useTooltipModelToggle
+} = createModelToggleComposable("visible");
+const useTooltipProps = buildProps({
+  ...popperProps,
+  ...useTooltipModelToggleProps,
+  ...useTooltipContentProps,
+  ...useTooltipTriggerProps,
+  ...popperArrowProps,
+  showArrow: {
+    type: Boolean,
+    default: true
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tooltip.vue"]]);
+const tooltipEmits = [
+  ...useTooltipModelToggleEmits,
+  "before-show",
+  "before-hide",
+  "show",
+  "hide",
+  "open",
+  "close"
+];
 
-export { Tooltip as default };
+export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps };
 //# sourceMappingURL=tooltip2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n      :focus-on-target=\"focusOnTarget\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"kls\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :arrow-offset=\"arrowOffset\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n      :loop=\"loop\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  useNamespace,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\n\nimport type { TooltipContentInstance } from './content'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst ns = useNamespace('tooltip')\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\nconst contentRef = ref<TooltipContentInstance>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nconst kls = computed(() => {\n  return [ns.b(), props.popperClass!]\n})\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen,\n  onClose,\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  return contentRef.value?.isFocusInsideContent(event)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onClose function to manage el-tooltip close state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_renderSlot","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\n\nimport type Tooltip from './tooltip.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const {\n  useModelToggleProps: useTooltipModelToggleProps,\n  useModelToggleEmits: useTooltipModelToggleEmits,\n  useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n  ...popperProps,\n  ...useTooltipModelToggleProps,\n  ...useTooltipContentProps,\n  ...useTooltipTriggerProps,\n  ...popperArrowProps,\n  /**\n   * @description whether the tooltip content has an arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport const tooltipEmits = [\n  ...useTooltipModelToggleEmits,\n  'before-show',\n  'before-hide',\n  'show',\n  'hide',\n  'open',\n  'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\nexport type ElTooltipPropsPublic = __ExtractPublicPropTypes<\n  typeof useTooltipProps\n>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip> & unknown\n"],"names":[],"mappings":";;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAG,2BAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,WAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,sBAAsB;AAC3B,EAAE,GAAG,gBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;"}

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\n<script lang=\"ts\" setup>\nimport { inject, nextTick, ref, toRef, unref } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport {\n  composeEventHandlers,\n  focusElement,\n  getEventCode,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipTriggerProps } from './trigger'\nimport { whenTrigger } from './utils'\n\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', (e) => {\n    onOpen(e)\n\n    if (props.focusOnTarget && e.target) {\n      nextTick(() => {\n        focusElement(e.target as HTMLElement, { preventScroll: true })\n      })\n    }\n  })\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 = getEventCode(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.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, nextTick, ref, toRef, unref } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport {\n  composeEventHandlers,\n  focusElement,\n  getEventCode,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { useTooltipTriggerProps } from './trigger'\nimport { whenTrigger } from './utils'\n\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', (e) => {\n    onOpen(e)\n\n    if (props.focusOnTarget && e.target) {\n      nextTick(() => {\n        focusElement(e.target as HTMLElement, { preventScroll: true })\n      })\n    }\n  })\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: Event) => {\n    const code = getEventCode(e as KeyboardEvent)\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/upload/index.mjs

@@ -2,7 +2,7 @@ import Upload from './src/upload2.mjs';
 export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './src/upload.mjs';
 export { uploadContentProps } from './src/upload-content.mjs';
 export { uploadListEmits, uploadListProps } from './src/upload-list.mjs';
-export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger.mjs';
+export { uploadDraggerEmits, uploadDraggerProps } from './src/upload-dragger2.mjs';
 export { uploadContextKey } from './src/constants.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 

package/es/components/upload/src/upload-content2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, shallowRef, openBlock, createElementBlock, normalizeClass, unref, withKeys, withModifiers, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
 import { cloneDeep, isEqual } from 'lodash-unified';
-import UploadDragger from './upload-dragger2.mjs';
+import UploadDragger from './upload-dragger.mjs';
 import { uploadContentProps } from './upload-content.mjs';
 import { genFileId } from './upload.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';