@element-plus/nightly 0.0.20220107 → 0.0.20220111

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\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=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":["ElTooltipContent","ElTooltipTrigger"],"mappings":";;;;;;;;;;;;;;;;;;AAyEA,QAAQ;AACR,aAAe,gBAAgB;;AAE/B,EAAE,UAAU,EAAE;IACV,QAAQ;;AAEZ,sBAAIA,QAAgB;sBAChBC;GACD;OACI,EAAE;IACL,GAAG;IACH,GAAG;IACH,GAAG;;IAEH,GAAG;;OAEA,EAAE,CAAC,GAAG;OACN,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,kBAAkB,EAAE,CAAC;IACrB,MAAM;;iBAEO,CAAC,WAAW,EAAE;OACxB;MACD,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;UACG,eAAe,GAAG,QAAQ,CAAC;UAC3B,CAAC;iBACM,CAAC;;;MAGZ;UACI,KAAK,KAAK,EAAE,CAAC;IACnB;IACA,MAAM,YAAY,SAAS;MACzB,IAAI,EAAE,CAAC;YACD;UACF;WACC,GAAG,gBAAgB,iBAAiB,SAAS,SAAS,GAAG,GAAG,MAAM,GAAG;;MAE1E;UACI,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IACxB;;KAEC,CAAC,CAAC;IACH,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;;MAE3C,SAAS,EAAE,MAAM,KAAK;MACtB,IAAI,EAAE,IAAI;MACV,KAAK,EAAE,IAAI;;;IAGb;MACE;;MAEA,IAAI,EAAE,QAAQ,CAAC,IAAI;MACnB,OAAO,EAAE,KAAK,CAAC;;;MAGf,QAAQ,EAAE,MAAM;QACd,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;UACf,OAAO,EAAE,CAAC;SACX,MAAM;UACL,MAAM;;;MAGV,MAAM,EAAE;;OAEP;MACD,MAAM,EAAE;QACN;OACD;MACD,CAAC;WACI;MACL;MACA;eACS;UACL;;YAEE;;MAEN;;;;;;"}
+{"version":3,"file":"tooltip.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\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=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n      updatePopper,\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":["ElTooltipContent","ElTooltipTrigger"],"mappings":";;;;;;;;;;;;;;;;;;AA0EA,QAAQ;AACR,aAAe,gBAAgB;;AAE/B,EAAE,UAAU,EAAE;IACV,QAAQ;;AAEZ,sBAAIA,QAAgB;sBAChBC;GACD;OACI,EAAE;IACL,GAAG;IACH,GAAG;IACH,GAAG;;IAEH,GAAG;;OAEA,EAAE,CAAC,GAAG;OACN,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,kBAAkB,EAAE,CAAC;IACrB,MAAM;;iBAEO,CAAC,WAAW,EAAE;OACxB;MACD,OAAO,KAAK,CAAC;KACd,CAAC,CAAC;UACG,eAAe,GAAG,QAAQ,CAAC;UAC3B,CAAC;iBACM,CAAC;;;MAGZ;UACI,KAAK,KAAK,EAAE,CAAC;IACnB;IACA,MAAM,YAAY,SAAS;MACzB,IAAI,EAAE,CAAC;YACD;UACF;WACC,GAAG,gBAAgB,iBAAiB,SAAS,SAAS,GAAG,GAAG,MAAM,GAAG;;MAE1E;UACI,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;IACxB;;KAEC,CAAC,CAAC;IACH,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC;;MAE3C,SAAS,EAAE,MAAM,KAAK;MACtB,IAAI,EAAE,IAAI;MACV,KAAK,EAAE,IAAI;;;IAGb;MACE;;MAEA,IAAI,EAAE,QAAQ,CAAC,IAAI;MACnB,OAAO,EAAE,KAAK,CAAC;;;MAGf,QAAQ,EAAE,MAAM;QACd,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;UACf,OAAO,EAAE,CAAC;SACX,MAAM;UACL,MAAM;;;MAGV,MAAM,EAAE;;OAEP;MACD,MAAM,EAAE;QACN;OACD;MACD,YAAY;MACZ,CAAC;WACI;MACL;qBACe;eACN;UACL;;;MAGJ;MACA;;;;;;"}

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

@@ -24,6 +24,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": _ctx.ariaLabel,
         "boundaries-padding": _ctx.boundariesPadding,
         content: _ctx.content,
+        disabled: _ctx.disabled,
         effect: _ctx.effect,
         enterable: _ctx.enterable,
         "fallback-placements": _ctx.fallbackPlacements,
@@ -57,7 +58,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, ["arrow-offset"])) : createCommentVNode("v-if", true)
         ]),
         _: 3
-      }, 8, ["aria-label", "boundaries-padding", "content", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
+      }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "show-after", "strategy", "teleported", "transition", "z-index"])
     ]),
     _: 3
   }, 512);

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.vue_vue_type_template_id_694d1617_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue?vue&type=template&id=694d1617&lang.js"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\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=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;sBAEI;;QACG;;QAEA;;;;uBAGkB;;;;;;;QAGlB,4BAAqB;QACrB;QACA;QACA,MAAM,EAAE,WAAM;QACd;QACA,qBAAmB;QACnB,cAAY;QACZ;QACA;QACA,UAAU;QACV;QACA,cAAY,EAAE,gBAAW;QACzB;QACA;QACA;QACA;QACA,gBAAc;;QAEd;kCACsB;;iBAEf,EAAE;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tooltip.vue_vue_type_template_id_694d1617_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue?vue&type=template&id=694d1617&lang.js"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\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=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :show-after=\"compatShowAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :z-index=\"zIndex\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\"></span>\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"compatShowArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  ref,\n  provide,\n  toRef,\n  readonly,\n  unref,\n} from 'vue'\nimport {\n  ElPopper,\n  ElPopperArrow,\n  usePopperArrowProps,\n} from '@element-plus/components/popper'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport { isBool, isUndefined } from '@element-plus/utils/util'\nimport {\n  usePopperContainer,\n  useId,\n  createModelToggleComposable,\n  useDelayedToggle,\n} from '@element-plus/hooks'\nimport ElTooltipContent from './content.vue'\nimport ElTooltipTrigger from './trigger.vue'\nimport {\n  useTooltipContentProps,\n  useTooltipTriggerProps,\n  useTooltipProps,\n} from './tooltip'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\n\nconst { useModelToggleProps, useModelToggle, useModelToggleEmits } =\n  createModelToggleComposable('visible' as const)\n\nexport default defineComponent({\n  name: 'ElTooltip',\n  components: {\n    ElPopper,\n    ElPopperArrow,\n    ElTooltipContent,\n    ElTooltipTrigger,\n  },\n  props: {\n    ...useModelToggleProps,\n    ...useTooltipContentProps,\n    ...useTooltipTriggerProps,\n    ...usePopperArrowProps,\n    ...useTooltipProps,\n  },\n  emits: [...useModelToggleEmits, 'show', 'hide'],\n  setup(props, { emit }) {\n    usePopperContainer()\n    const compatShowAfter = computed(() => {\n      if (!isUndefined(props.openDelay)) {\n        debugWarn(\n          'ElTooltip',\n          'open-delay is about to be deprecated in the next major version, please use `show-after` instead'\n        )\n      }\n      return props.openDelay || (props.showAfter as number)\n    })\n    const compatShowArrow = computed(() => {\n      if (!isUndefined(props.visibleArrow)) {\n        debugWarn(\n          'ElTooltip',\n          '`visible-arrow` is about to be deprecated in the next major version, please use `show-arrow` instead'\n        )\n      }\n      return isBool(props.visibleArrow) ? props.visibleArrow : props.showArrow\n    })\n\n    const id = useId()\n    const popperRef = ref<InstanceType<typeof ElPopper> | null>(null)\n\n    const updatePopper = () => {\n      const popperComponent = unref(popperRef)\n      if (popperComponent) {\n        popperComponent.popperInstanceRef?.update()\n      }\n    }\n    const open = ref(false)\n\n    const { show, hide } = useModelToggle({\n      indicator: open,\n    })\n\n    const { onOpen, onClose } = useDelayedToggle({\n      showAfter: compatShowAfter,\n      hideAfter: toRef(props, 'hideAfter'),\n      open: show,\n      close: hide,\n    })\n\n    const controlled = computed(() => isBool(props.visible))\n\n    provide(TOOLTIP_INJECTION_KEY, {\n      controlled,\n      id,\n      open: readonly(open),\n      trigger: toRef(props, 'trigger'),\n      onOpen,\n      onClose,\n      onToggle: () => {\n        if (unref(open)) {\n          onClose()\n        } else {\n          onOpen()\n        }\n      },\n      onShow: () => {\n        emit('show')\n      },\n      onHide: () => {\n        emit('hide')\n      },\n      updatePopper,\n    })\n\n    return {\n      compatShowAfter,\n      compatShowArrow,\n      popperRef,\n      open,\n      updatePopper,\n      onOpen,\n      onClose,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;sBAEI;;QACG;;QAEA;;;;uBAGkB;;;;;;;QAGlB;QACA;QACA;QACA;QACA,MAAM,EAAE,WAAM;QACd;QACA,qBAAmB;QACnB,cAAY;QACZ;QACA;QACA,UAAU;QACV;QACA,cAAY,EAAE,gBAAW;QACzB;QACA;QACA;QACA;QACA,gBAAc;;QAEd;kCACsB;;iBAEf,EAAE;;;;;;;;;;;;;;;;;;"}

package/es/components/tooltip/src/trigger.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>;
         default: string;
     };
-    virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("element-plus/es/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
+    virtualRef: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("@element-plus/components/popper").Measurable>, unknown, unknown, unknown, unknown>;
     virtualTriggering: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
 }, {
     onBlur: (event: Event) => void;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus: (event: Event) => void;
     onMouseenter: (event: Event) => void;
     onMouseleave: (event: Event) => void;
-    onMousedown: (event: Event) => void;
+    onClick: (event: Event) => void;
     onKeydown: (event: KeyboardEvent) => void;
     open: import("vue").Ref<boolean>;
     id: import("vue").Ref<string>;
@@ -28,12 +28,12 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     trigger: "click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[];
 } & {
-    virtualRef?: import("element-plus/es/components/popper").Measurable | undefined;
+    virtualRef?: import("@element-plus/components/popper").Measurable | undefined;
     virtualTriggering?: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
 }>, {
     disabled: boolean;
-    trigger: "click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[];
-    virtualRef: import("element-plus/es/components/popper").Measurable;
+    virtualRef: import("@element-plus/components/popper").Measurable;
     virtualTriggering: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    trigger: "click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[];
 }>;
 export default _default;

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

@@ -24,7 +24,7 @@ var script = defineComponent({
     const trigger = toRef(props, "trigger");
     const onMouseenter = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onOpen));
     const onMouseleave = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "hover", onClose));
-    const onMousedown = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
+    const onClick = composeEventHandlers(stopWhenControlledOrDisabled, whenTrigger(trigger, "click", (e) => {
       if (e.button === 0) {
         onToggle(e);
       }
@@ -47,7 +47,7 @@ var script = defineComponent({
       onFocus,
       onMouseenter,
       onMouseleave,
-      onMousedown,
+      onClick,
       onKeydown,
       open,
       id,

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.vue_vue_type_script_lang.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=\"el-tooltip__trigger\"\n    @blur=\"onBlur\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @mousedown=\"onMousedown\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const onMousedown = 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\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onMousedown,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AA0BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,CAAC;IACJ,MAAM,EAAE;;IAER,MAAM;MACJ,IAAI,KAAK;QACP,OAAO,IAAI,CAAC;OACb;MACD;IACF;IACA,MAAM,eAAe,oBAAoB;;IAEzC,MAAM,WAAW,GAAG,oBAAoB,CAAC;MACvC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAClB,QAAQ,CAAC,CAAC;;;IAGd,MAAM,UAAU,oBAAoB,CAAC;IACrC,MAAM,MAAM,GAAG,oBAAoB,CAAC;UAC9B,aAAa,GAAG;MACpB,CAAC,CAAC,cAAc,EAAE,CAAC;;KAEpB,CAAC,CAAC,CAAC;UACE,SAAS,GAAG;MAChB,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;;QAEjB,QAAQ,CAAC,CAAC,CAAC,CAAC;OACb;MACD,CAAC;WACI;YACC;mBACO;;MAEb;;;MAGA,SAAS;MACT,IAAI;MACJ,EAAE;;;;;;;;"}
+{"version":3,"file":"trigger.vue_vue_type_script_lang.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=\"el-tooltip__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\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const 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\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onClick,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AA0BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,CAAC;IACJ,MAAM,EAAE;;IAER,MAAM;MACJ,IAAI,KAAK;QACP,OAAO,IAAI,CAAC;OACb;MACD;IACF;IACA,MAAM,eAAe,oBAAoB;;IAEzC,MAAM,OAAO,GAAG,qBAAqB;MACnC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAClB,QAAQ,CAAC,CAAC;;;IAGd,MAAM,UAAU,oBAAoB,CAAC;IACrC,MAAM,MAAM,GAAG,oBAAoB,CAAC;UAC9B,aAAa,GAAG;MACpB,CAAC,CAAC,cAAc,EAAE,CAAC;;KAEpB,CAAC,CAAC,CAAC;UACE,SAAS,GAAG;MAChB,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;;QAEjB,QAAQ,EAAE,EAAE;OACb;MACD,CAAC;WACI;YACC;mBACO;;MAEb;;;MAGA,SAAS;MACT,IAAI;MACJ,EAAE;;;;;;;;"}

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

@@ -9,18 +9,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "virtual-triggering": _ctx.virtualTriggering,
     class: "el-tooltip__trigger",
     onBlur: _ctx.onBlur,
+    onClick: _ctx.onClick,
     onContextmenu: _ctx.onContextMenu,
     onFocus: _ctx.onFocus,
     onMouseenter: _ctx.onMouseenter,
     onMouseleave: _ctx.onMouseleave,
-    onMousedown: _ctx.onMousedown,
     onKeydown: _ctx.onKeydown
   }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "onBlur", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onMousedown", "onKeydown"]);
+  }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
 
 export { render };

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.vue_vue_type_template_id_0ec0b94c_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.vue?vue&type=template&id=0ec0b94c&lang.js"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    class=\"el-tooltip__trigger\"\n    @blur=\"onBlur\"\n    @contextmenu=\"onContextMenu\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseenter\"\n    @mouseleave=\"onMouseleave\"\n    @mousedown=\"onMousedown\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </el-popper-trigger>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const onMousedown = 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\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onMousedown,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["_withCtx"],"mappings":";;;;;;wBACE;IACG,IAAI,OAAE;IACN;IACA;IACA;IACD;IACC;IACA;IACA;IACA;IACA;;IAEA,SAAOA;;;;;;;;;"}
+{"version":3,"file":"trigger.vue_vue_type_template_id_0ec0b94c_lang.mjs","sources":["../../../../../../packages/components/tooltip/src/trigger.vue?vue&type=template&id=0ec0b94c&lang.js"],"sourcesContent":["<template>\n  <el-popper-trigger\n    :id=\"id\"\n    :virtual-ref=\"virtualRef\"\n    :open=\"open\"\n    :virtual-triggering=\"virtualTriggering\"\n    class=\"el-tooltip__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\">\nimport { defineComponent, inject, ref, unref, toRef } from 'vue'\nimport { ElPopperTrigger } from '@element-plus/components/popper'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { composeEventHandlers } from '@element-plus/utils/dom'\nimport { TOOLTIP_INJECTION_KEY } from './tokens'\nimport { useTooltipTriggerProps } from './tooltip'\nimport { whenTrigger } from './utils'\n\nimport type { ElOnlyChildExpose } from '@element-plus/components/slot'\n\nexport default defineComponent({\n  name: 'ElTooltipTrigger',\n  components: {\n    ElPopperTrigger,\n  },\n  props: useTooltipTriggerProps,\n  setup(props) {\n    const { controlled, id, open, onOpen, onClose, onToggle } = inject(\n      TOOLTIP_INJECTION_KEY,\n      undefined\n    )!\n    const triggerRef = ref<ElOnlyChildExpose | null>(null)\n\n    const stopWhenControlledOrDisabled = () => {\n      if (unref(controlled) || props.disabled) {\n        return true\n      }\n    }\n    const trigger = toRef(props, 'trigger')\n    const onMouseenter = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onOpen)\n    )\n    const onMouseleave = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'hover', onClose)\n    )\n    const 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\n    const onFocus = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onOpen)\n    )\n\n    const onBlur = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'focus', onClose)\n    )\n\n    const onContextMenu = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      whenTrigger(trigger, 'contextmenu', (e: Event) => {\n        e.preventDefault()\n        onToggle(e)\n      })\n    )\n\n    const onKeydown = composeEventHandlers(\n      stopWhenControlledOrDisabled,\n      (e: KeyboardEvent) => {\n        const { code } = e\n        if (code === EVENT_CODE.enter || code === EVENT_CODE.space) {\n          onToggle(e)\n        }\n      }\n    )\n\n    return {\n      onBlur,\n      onContextMenu,\n      onFocus,\n      onMouseenter,\n      onMouseleave,\n      onClick,\n      onKeydown,\n      open,\n      id,\n      triggerRef,\n    }\n  },\n})\n</script>\n"],"names":["_withCtx"],"mappings":";;;;;;wBACE;IACG,IAAI,OAAE;IACN;IACA;IACA;IACD,OAAM;IACL,mBAAY;IACZ,OAAK,EAAE,YAAO;IACd;IACA;IACA;;IAEA,SAAOA;;;;;;;;;"}

package/es/components/tooltip/style/css.d.ts

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-tooltip.css';
-import 'element-plus/es/components/popper/style/css';
+import '@element-plus/components/base/style/css';
+import '@element-plus/theme-chalk/el-tooltip.css';
+import '@element-plus/components/popper/style/css';

package/es/components/tooltip/style/index.d.ts

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/tooltip.scss';
-import 'element-plus/es/components/popper/style/index';
+import '@element-plus/components/base/style';
+import '@element-plus/theme-chalk/src/tooltip.scss';
+import '@element-plus/components/popper/style/index';

package/es/components/transfer/index.d.ts

@@ -1,4 +1,4 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
+import type { SFCWithInstall } from '@element-plus/utils/types';
 declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     data: {
         type: import("vue").PropType<import("./src/transfer").DataItem[]>;
@@ -58,7 +58,7 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     leftPanelTitle: import("vue").ComputedRef<string>;
     rightPanelTitle: import("vue").ComputedRef<string>;
     panelFilterPlaceholder: import("vue").ComputedRef<string>;
-    clearQuery: (which: "right" | "left") => void;
+    clearQuery: (which: "left" | "right") => void;
     optionRender: import("vue").ComputedRef<(option: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -72,7 +72,7 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     onTargetCheckedChange: (val: import("./src/transfer").Key[], movedKeys: import("./src/transfer").Key[]) => void;
     addToLeft: () => void;
     addToRight: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "update:modelValue" | "change" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "left-check-change" | "right-check-change")[], "change" | "update:modelValue" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     titles?: unknown;
     buttonTexts?: unknown;
@@ -87,13 +87,13 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     props?: unknown;
     targetOrder?: unknown;
 } & {
-    modelValue: import("./src/transfer").Key[];
-    props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
+    props: import("./src/transfer").Props;
+    format: import("./src/transfer").Format;
+    modelValue: import("./src/transfer").Key[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
-    format: import("./src/transfer").Format;
     buttonTexts: [string, string];
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
@@ -109,13 +109,13 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: import("./src/transfer").Key[];
-    props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
+    props: import("./src/transfer").Props;
+    format: import("./src/transfer").Format;
+    modelValue: import("./src/transfer").Key[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
-    format: import("./src/transfer").Format;
     buttonTexts: [string, string];
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
@@ -181,7 +181,7 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     leftPanelTitle: import("vue").ComputedRef<string>;
     rightPanelTitle: import("vue").ComputedRef<string>;
     panelFilterPlaceholder: import("vue").ComputedRef<string>;
-    clearQuery: (which: "right" | "left") => void;
+    clearQuery: (which: "left" | "right") => void;
     optionRender: import("vue").ComputedRef<(option: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -195,7 +195,7 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     onTargetCheckedChange: (val: import("./src/transfer").Key[], movedKeys: import("./src/transfer").Key[]) => void;
     addToLeft: () => void;
     addToRight: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "update:modelValue" | "change" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "left-check-change" | "right-check-change")[], "change" | "update:modelValue" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     titles?: unknown;
     buttonTexts?: unknown;
@@ -210,13 +210,13 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     props?: unknown;
     targetOrder?: unknown;
 } & {
-    modelValue: import("./src/transfer").Key[];
-    props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
+    props: import("./src/transfer").Props;
+    format: import("./src/transfer").Format;
+    modelValue: import("./src/transfer").Key[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
-    format: import("./src/transfer").Format;
     buttonTexts: [string, string];
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
@@ -232,13 +232,13 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: import("./src/transfer").Key[];
-    props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
+    props: import("./src/transfer").Props;
+    format: import("./src/transfer").Format;
+    modelValue: import("./src/transfer").Key[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
-    format: import("./src/transfer").Format;
     buttonTexts: [string, string];
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];

package/es/components/transfer/src/index.vue.d.ts

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     onTargetCheckedChange: (val: Key[], movedKeys: Key[]) => void;
     addToLeft: () => void;
     addToRight: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "update:modelValue" | "change" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "left-check-change" | "right-check-change")[], "change" | "update:modelValue" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     titles?: unknown;
     buttonTexts?: unknown;
@@ -86,13 +86,13 @@ declare const _default: import("vue").DefineComponent<{
     props?: unknown;
     targetOrder?: unknown;
 } & {
-    modelValue: Key[];
-    props: Props;
     data: DataItem[];
+    props: Props;
+    format: Format;
+    modelValue: Key[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
-    format: Format;
     buttonTexts: [string, string];
     leftDefaultChecked: Key[];
     rightDefaultChecked: Key[];
@@ -106,13 +106,13 @@ declare const _default: import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: Key[];
-    props: Props;
     data: DataItem[];
+    props: Props;
+    format: Format;
+    modelValue: Key[];
     titles: [string, string];
     filterPlaceholder: string;
     filterable: boolean;
-    format: Format;
     buttonTexts: [string, string];
     leftDefaultChecked: Key[];
     rightDefaultChecked: Key[];

package/es/components/transfer/src/transfer-panel.vue.d.ts

@@ -25,10 +25,9 @@ declare const _default: import("vue").DefineComponent<{
     inputHover: import("vue").Ref<boolean>;
     checkChangeByUser: import("vue").Ref<boolean>;
     hasNoMatch: import("vue").ComputedRef<boolean>;
-    inputIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
+    SearchIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
     hasFooter: import("vue").ComputedRef<boolean>;
-    clearQuery: () => void;
-    t: import("element-plus/es/hooks").Translator;
+    t: import("@element-plus/hooks").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checked-change"[], "checked-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     optionRender?: unknown;
@@ -43,11 +42,11 @@ declare const _default: import("vue").DefineComponent<{
     data: unknown[];
     filterable: boolean;
 } & {
-    props?: Record<string, any> | undefined;
     title?: string | undefined;
+    props?: Record<string, any> | undefined;
     placeholder?: string | undefined;
-    filterMethod?: Function | undefined;
     format?: Record<string, any> | undefined;
+    filterMethod?: Function | undefined;
     optionRender?: Function | undefined;
     defaultChecked?: unknown[] | undefined;
 }> & {

package/es/components/transfer/src/transfer-panel.vue_vue_type_script_lang.mjs

@@ -1,9 +1,8 @@
 import { defineComponent, reactive, computed, toRefs } from 'vue';
 import '../../../hooks/index.mjs';
 import { ElCheckboxGroup, ElCheckbox } from '../../checkbox/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
 import { ElInput } from '../../input/index.mjs';
-import { CircleClose, Search } from '@element-plus/icons-vue';
+import { Search } from '@element-plus/icons-vue';
 import { useCheckProps, CHECKED_CHANGE_EVENT, useCheck } from './useCheck.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
@@ -13,7 +12,6 @@ var script = defineComponent({
     ElCheckboxGroup,
     ElCheckbox,
     ElInput,
-    ElIcon,
     OptionContent: ({ option }) => option
   },
   props: useCheckProps,
@@ -39,15 +37,7 @@ var script = defineComponent({
     const hasNoMatch = computed(() => {
       return panelState.query.length > 0 && filteredData.value.length === 0;
     });
-    const inputIcon = computed(() => {
-      return panelState.query.length > 0 && panelState.inputHover ? CircleClose : Search;
-    });
     const hasFooter = computed(() => !!slots.default()[0].children.length);
-    const clearQuery = () => {
-      if (inputIcon.value === CircleClose) {
-        panelState.query = "";
-      }
-    };
     const { checked, allChecked, query, inputHover, checkChangeByUser } = toRefs(panelState);
     return {
       labelProp,
@@ -63,9 +53,8 @@ var script = defineComponent({
       inputHover,
       checkChangeByUser,
       hasNoMatch,
-      inputIcon,
+      SearchIcon: Search,
       hasFooter,
-      clearQuery,
       t
     };
   }

package/es/components/transfer/src/transfer-panel.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"small\"\n        :placeholder=\"placeholder\"\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n        <template #prefix>\n          <el-icon v-if=\"inputIcon\" class=\"el-input__icon\" @click=\"clearQuery\">\n            <component :is=\"inputIcon\" />\n          </el-icon>\n        </template>\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElIcon from '@element-plus/components/icon'\nimport ElInput from '@element-plus/components/input'\nimport { CircleClose, Search } from '@element-plus/icons-vue'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    ElIcon,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocale()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const inputIcon = computed(() => {\n      return panelState.query.length > 0 && panelState.inputHover\n        ? CircleClose\n        : Search\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const clearQuery = () => {\n      if (inputIcon.value === CircleClose) {\n        panelState.query = ''\n      }\n    }\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      inputIcon,\n      hasFooter,\n      clearQuery,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAmEA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;IACR,eAAe;;IAEf,OAAO;IACP,MAAM;IACN;;OAEG,EAAE;OACF,EAAE,CAAC,oBAAoB;EAC5B;;IAEE,MAAM,UAAU;;MAEd,UAAU,EAAE,KAAK;;MAEjB,YAAY,KAAK;MACjB,iBAAiB,EAAE;;IAErB,MAAM;MACJ,SAAS;MACT,OAAO;MACP;MACA,YAAY;MACZ,cAAc;;;KAGf,GAAG;UACE;MACJ,OAAO;MACP,CAAC;UACG;MACJ,OAAO;MACP,CAAC;UACG,SAAS,GAAG;IAClB,MAAM,UAAU,SAAS;;QAErB,UAAU,CAAC,KAAK,GAAG,EAAE,CAAC;OACvB;KACF;;IAED,OAAO;MACL,SAAS;aACF;;;;MAIP;;MAEA,OAAO;MACP,UAAU;WACL;MACL;;;MAGA,SAAS;MACT,SAAS;;MAET,CAAC;MACD;;;;;;"}
+{"version":3,"file":"transfer-panel.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"SearchIcon\"\n        clearable\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElInput from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocale()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      SearchIcon: Search,\n      hasFooter,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA+DA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;IACR,eAAe;;IAEf,OAAO;IACP,aAAa,EAAE;;OAEZ,EAAE;OACF,EAAE,CAAC,oBAAoB;EAC5B;;IAEE,MAAM,UAAU;;MAEd,UAAU,EAAE,KAAK;;MAEjB,YAAY,KAAK;MACjB,iBAAiB,EAAE;;IAErB,MAAM;MACJ,SAAS;MACT,OAAO;MACP;MACA,YAAY;MACZ,cAAc;;;KAGf,GAAG;UACE;MACJ,OAAO;MACP,CAAC;UACG;UACA,EAAE,OAAO;WACR;MACL,SAAS;MACT,OAAO;;MAEP,YAAY;MACZ,cAAc;;;MAGd,OAAO;;MAEP;MACA,UAAU;;MAEV;MACA;MACA;MACA,CAAC;MACD;;;;;;"}

package/es/components/transfer/src/transfer-panel.vue_vue_type_template_id_1a7d1f9c_lang.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass, createBlock, resolveDynamicComponent, createCommentVNode, withDirectives, Fragment, renderList, vShow, renderSlot } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass, createBlock, createCommentVNode, withDirectives, Fragment, renderList, vShow, renderSlot } from 'vue';
 
 const _hoisted_1 = { class: "el-transfer-panel" };
 const _hoisted_2 = { class: "el-transfer-panel__header" };
@@ -8,7 +8,6 @@ const _hoisted_3 = {
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
-  const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_option_content = resolveComponent("option-content");
   const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
@@ -35,25 +34,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: _ctx.query,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
         class: "el-transfer-panel__filter",
-        size: "small",
+        size: "default",
         placeholder: _ctx.placeholder,
+        "prefix-icon": _ctx.SearchIcon,
+        clearable: "",
         onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.inputHover = true),
         onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
-      }, {
-        prefix: withCtx(() => [
-          _ctx.inputIcon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: "el-input__icon",
-            onClick: _ctx.clearQuery
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.inputIcon)))
-            ]),
-            _: 1
-          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "placeholder"])) : createCommentVNode("v-if", true),
+      }, null, 8, ["modelValue", "placeholder", "prefix-icon"])) : createCommentVNode("v-if", true),
       withDirectives(createVNode(_component_el_checkbox_group, {
         modelValue: _ctx.checked,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.checked = $event),

package/es/components/transfer/src/transfer-panel.vue_vue_type_template_id_1a7d1f9c_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.vue_vue_type_template_id_1a7d1f9c_lang.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue?vue&type=template&id=1a7d1f9c&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"small\"\n        :placeholder=\"placeholder\"\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n        <template #prefix>\n          <el-icon v-if=\"inputIcon\" class=\"el-input__icon\" @click=\"clearQuery\">\n            <component :is=\"inputIcon\" />\n          </el-icon>\n        </template>\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElIcon from '@element-plus/components/icon'\nimport ElInput from '@element-plus/components/input'\nimport { CircleClose, Search } from '@element-plus/icons-vue'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    ElIcon,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocale()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const inputIcon = computed(() => {\n      return panelState.query.length > 0 && panelState.inputHover\n        ? CircleClose\n        : Search\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const clearQuery = () => {\n      if (inputIcon.value === CircleClose) {\n        panelState.query = ''\n      }\n    }\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      inputIcon,\n      hasFooter,\n      clearQuery,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;qBACO,KAAK,EAAC;;;;EAqDW;;;;;;;;;;wBArDtB;6BACE;;;;QAGK;;;;;UAID;;;;;;WAKI;;;;;;mFAIU;;;wBAGA;wBACH;YACV;;YAEU;;;;;;;;;;;;;;;;;;;;;;;;;wBAcE;mBACN;;cAEJ;;;;;;;;;;;;;iBAVM;;;;;;;"}
+{"version":3,"file":"transfer-panel.vue_vue_type_template_id_1a7d1f9c_lang.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue?vue&type=template&id=1a7d1f9c&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"SearchIcon\"\n        clearable\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElInput from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocale()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      SearchIcon: Search,\n      hasFooter,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_withCtx"],"mappings":";;;qBACO,KAAK,EAAC;;;;EAkDW;;;;;;;;;wBAlDtB;6BACE;;;;QAGK;;;;;UAID;;;;;;WAKI;;;;;;;iBAKC,EAAC;;;;;wBAKK;;;;;;;;;0BAWT;6BADF;;cAEG,SAASA;;0BAEG;4BACE,CAAC;;;;kBAEC;;;;;;;;;;;qBAGrB;mCACwB;;;;;;"}

package/es/components/transfer/src/transfer.d.ts

@@ -1,4 +1,4 @@
-import { CHANGE_EVENT } from 'element-plus/es/utils/constants';
+import { CHANGE_EVENT } from '@element-plus/utils/constants';
 import type { VNode } from 'vue';
 export { CHANGE_EVENT };
 export declare type Key = string | number;

package/es/components/transfer/style/css.d.ts

@@ -1,6 +1,6 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-transfer.css';
-import 'element-plus/es/components/input/style/css';
-import 'element-plus/es/components/button/style/css';
-import 'element-plus/es/components/checkbox/style/css';
-import 'element-plus/es/components/checkbox-group/style/css';
+import '@element-plus/components/base/style/css';
+import '@element-plus/theme-chalk/el-transfer.css';
+import '@element-plus/components/input/style/css';
+import '@element-plus/components/button/style/css';
+import '@element-plus/components/checkbox/style/css';
+import '@element-plus/components/checkbox-group/style/css';

package/es/components/transfer/style/index.d.ts

@@ -1,6 +1,6 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/transfer.scss';
-import 'element-plus/es/components/input/style/index';
-import 'element-plus/es/components/button/style/index';
-import 'element-plus/es/components/checkbox/style/index';
-import 'element-plus/es/components/checkbox-group/style/index';
+import '@element-plus/components/base/style';
+import '@element-plus/theme-chalk/src/transfer.scss';
+import '@element-plus/components/input/style/index';
+import '@element-plus/components/button/style/index';
+import '@element-plus/components/checkbox/style/index';
+import '@element-plus/components/checkbox-group/style/index';