@element-plus/nightly 0.0.20220601 → 0.0.20220602

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220601 */
+/*! Element Plus v0.0.20220602 */
 
 import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, ref, watch, unref, getCurrentInstance, onMounted, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, createStaticVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
@@ -7668,15 +7668,15 @@ var _hoisted_4$f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M544 384h96a32 32 0 1 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96v-96a32 32 0 0 1 64 0v96z"
 }, null, -1);
-var _hoisted_5$9 = [
+var _hoisted_5$8 = [
   _hoisted_2$I,
   _hoisted_3$p,
   _hoisted_4$f
 ];
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_5$9);
+function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_5$8);
 }
-var add_location_default = /* @__PURE__ */ export_helper_default(_sfc_main$2j, [["render", _sfc_render$Y], ["__file", "/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/add-location.vue"]]);
+var add_location_default = /* @__PURE__ */ export_helper_default(_sfc_main$2j, [["render", _sfc_render$X], ["__file", "/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/add-location.vue"]]);
 var _sfc_main2 = defineComponent({
   name: "Aim"
 });
@@ -8021,11 +8021,11 @@ var _hoisted_119 = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 var _hoisted_219 = /* @__PURE__ */ createStaticVNode('<path fill="currentColor" d="M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"></path><path fill="currentColor" d="M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z"></path><path fill="currentColor" d="M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z"></path><path fill="currentColor" d="M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z"></path><path fill="currentColor" d="m373.376 599.808-42.752-47.616 320-288 42.752 47.616z"></path>', 5);
-var _hoisted_7$2 = [
+var _hoisted_7$1 = [
   _hoisted_219
 ];
 function _sfc_render19(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_119, _hoisted_7$2);
+  return openBlock(), createElementBlock("svg", _hoisted_119, _hoisted_7$1);
 }
 var bicycle_default = /* @__PURE__ */ export_helper_default(_sfc_main19, [["render", _sfc_render19], ["__file", "/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/bicycle.vue"]]);
 var _sfc_main20 = defineComponent({
@@ -11662,14 +11662,14 @@ var _hoisted_516 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M608 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128zm0 64a128 128 0 1 1 0-256 128 128 0 0 1 0 256z"
 }, null, -1);
-var _hoisted_6$2 = [
+var _hoisted_6$1 = [
   _hoisted_2202,
   _hoisted_3201,
   _hoisted_461,
   _hoisted_516
 ];
 function _sfc_render202(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1202, _hoisted_6$2);
+  return openBlock(), createElementBlock("svg", _hoisted_1202, _hoisted_6$1);
 }
 var present_default = /* @__PURE__ */ export_helper_default(_sfc_main202, [["render", _sfc_render202], ["__file", "/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/present.vue"]]);
 var _sfc_main203 = defineComponent({
@@ -15531,7 +15531,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220601";
+const version$1 = "0.0.20220602";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -17447,10 +17447,10 @@ const _sfc_main$28 = defineComponent({
     };
   }
 });
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$X], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$28, [["render", _sfc_render$W], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const usePopperCoreConfigProps = buildProps({
@@ -17983,7 +17983,7 @@ const _sfc_main$26 = defineComponent({
     };
   }
 });
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_content = resolveComponent("el-popper-content");
   return openBlock(), createBlock(Teleport, {
     disabled: !_ctx.teleported,
@@ -18038,7 +18038,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
   ], 8, ["disabled", "to"]);
 }
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$W], ["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$26, [["render", _sfc_render$V], ["__file", "content.vue"]]);
 
 const isTriggerType = (trigger, type) => {
   if (isArray(trigger)) {
@@ -18103,7 +18103,7 @@ const _sfc_main$25 = defineComponent({
     };
   }
 });
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_popper_trigger = resolveComponent("el-popper-trigger");
   return openBlock(), createBlock(_component_el_popper_trigger, {
     id: _ctx.id,
@@ -18125,7 +18125,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
 }
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$V], ["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$U], ["__file", "trigger.vue"]]);
 
 const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
 const _sfc_main$24 = defineComponent({
@@ -18244,7 +18244,7 @@ const _sfc_main$24 = defineComponent({
 });
 const _hoisted_1$11 = ["innerHTML"];
 const _hoisted_2$G = { key: 1 };
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip_trigger = resolveComponent("el-tooltip-trigger");
   const _component_el_popper_arrow = resolveComponent("el-popper-arrow");
   const _component_el_tooltip_content = resolveComponent("el-tooltip-content");
@@ -18313,7 +18313,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["role"]);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$U], ["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$T], ["__file", "tooltip.vue"]]);
 
 const ElTooltip = withInstall(Tooltip);
 
@@ -21234,7 +21234,7 @@ const _sfc_main$1X = defineComponent({
 });
 const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_2$E = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_input = resolveComponent("el-input");
   const _component_el_tooltip = resolveComponent("el-tooltip");
@@ -21419,7 +21419,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["visible", "transition", "popper-class", "popper-options", "onBeforeShow", "onShow", "onHide"]);
 }
-var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$T], ["__file", "picker.vue"]]);
+var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1X, [["render", _sfc_render$S], ["__file", "picker.vue"]]);
 
 const nodeList = /* @__PURE__ */ new Map();
 let startClick;
@@ -21926,7 +21926,7 @@ const _sfc_main$1W = defineComponent({
 });
 const _hoisted_1$W = ["onClick"];
 const _hoisted_2$D = ["onMouseenter"];
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_arrow_up = resolveComponent("arrow-up");
   const _component_el_icon = resolveComponent("el-icon");
@@ -22022,7 +22022,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128)) : createCommentVNode("v-if", true)
   ], 2);
 }
-var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$S], ["__file", "basic-time-spinner.vue"]]);
+var TimeSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$R], ["__file", "basic-time-spinner.vue"]]);
 
 const _sfc_main$1V = defineComponent({
   components: {
@@ -22188,7 +22188,7 @@ const _sfc_main$1V = defineComponent({
     };
   }
 });
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
     default: withCtx(() => [
@@ -22233,7 +22233,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name"]);
 }
-var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$R], ["__file", "panel-time-pick.vue"]]);
+var TimePickPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$Q], ["__file", "panel-time-pick.vue"]]);
 
 const makeSelectRange = (start, end) => {
   const result = [];
@@ -22471,7 +22471,7 @@ const _sfc_main$1U = defineComponent({
   }
 });
 const _hoisted_1$V = ["disabled"];
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_time_spinner = resolveComponent("time-spinner");
   return _ctx.actualVisible ? (openBlock(), createElementBlock("div", {
     key: 0,
@@ -22558,7 +22558,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2)) : createCommentVNode("v-if", true);
 }
-var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$Q], ["__file", "panel-time-range.vue"]]);
+var TimeRangePanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$P], ["__file", "panel-time-range.vue"]]);
 
 dayjs.extend(customParseFormat);
 var TimePicker = defineComponent({
@@ -24529,7 +24529,7 @@ const _sfc_main$1I = defineComponent({
 });
 const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
 const _hoisted_2$y = /* @__PURE__ */ createElementVNode("span", null, null, -1);
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_checkbox = resolveComponent("el-checkbox");
   const _component_el_radio = resolveComponent("el-radio");
   const _component_check = resolveComponent("check");
@@ -24612,7 +24612,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2112)) : createCommentVNode("v-if", true)
   ], 42, _hoisted_1$N);
 }
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$P], ["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$O], ["__file", "node.vue"]]);
 
 const _sfc_main$1H = defineComponent({
   name: "ElCascaderMenu",
@@ -24692,7 +24692,7 @@ const _sfc_main$1H = defineComponent({
     };
   }
 });
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_node = resolveComponent("el-cascader-node");
   const _component_loading = resolveComponent("loading");
   const _component_el_icon = resolveComponent("el-icon");
@@ -24745,7 +24745,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
 }
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$O], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1H, [["render", _sfc_render$N], ["__file", "menu.vue"]]);
 
 var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
   ExpandTrigger2["CLICK"] = "click";
@@ -25220,7 +25220,7 @@ const _sfc_main$1G = defineComponent({
     };
   }
 });
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_cascader_menu = resolveComponent("el-cascader-menu");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -25237,7 +25237,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 34);
 }
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$N], ["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$M], ["__file", "index.vue"]]);
 
 CascaderPanel.install = (app) => {
   app.component(CascaderPanel.name, CascaderPanel);
@@ -25808,7 +25808,7 @@ const _hoisted_1$M = { key: 0 };
 const _hoisted_2$x = { class: "el-cascader__collapse-tags" };
 const _hoisted_3$k = ["placeholder"];
 const _hoisted_4$e = ["onClick"];
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_circle_close = resolveComponent("circle-close");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_arrow_down = resolveComponent("arrow-down");
@@ -26035,7 +26035,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
 }
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$M], ["__file", "index.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$L], ["__file", "index.vue"]]);
 
 Cascader.install = (app) => {
   app.component(Cascader.name, Cascader);
@@ -26593,7 +26593,7 @@ const _sfc_main$1y = defineComponent({
     };
   }
 });
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -26615,7 +26615,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$L], ["__file", "alpha-slider.vue"]]);
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["render", _sfc_render$K], ["__file", "alpha-slider.vue"]]);
 
 const _sfc_main$1x = defineComponent({
   name: "ElColorHueSlider",
@@ -26708,7 +26708,7 @@ const _sfc_main$1x = defineComponent({
     };
   }
 });
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
   }, [
@@ -26727,7 +26727,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 2);
 }
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$K], ["__file", "hue-slider.vue"]]);
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1x, [["render", _sfc_render$J], ["__file", "hue-slider.vue"]]);
 
 const OPTIONS_KEY = Symbol();
 const useOptions = () => {
@@ -27048,7 +27048,7 @@ const _sfc_main$1w = defineComponent({
 const _hoisted_1$K = { class: "el-color-predefine" };
 const _hoisted_2$v = { class: "el-color-predefine__colors" };
 const _hoisted_3$i = ["onClick"];
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$K, [
     createElementVNode("div", _hoisted_2$v, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
@@ -27065,7 +27065,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$J], ["__file", "predefine.vue"]]);
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$I], ["__file", "predefine.vue"]]);
 
 const _sfc_main$1v = defineComponent({
   name: "ElSlPanel",
@@ -27141,7 +27141,7 @@ const _hoisted_3$h = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _hoisted_4$d = [
   _hoisted_3$h
 ];
-function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "el-color-svpanel",
     style: normalizeStyle({
@@ -27159,7 +27159,7 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
     }, _hoisted_4$d, 4)
   ], 4);
 }
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$I], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$H], ["__file", "sv-panel.vue"]]);
 
 const _sfc_main$1u = defineComponent({
   name: "ElColorPicker",
@@ -27360,7 +27360,7 @@ const _sfc_main$1u = defineComponent({
   }
 });
 const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_hue_slider = resolveComponent("hue-slider");
   const _component_sv_panel = resolveComponent("sv-panel");
   const _component_alpha_slider = resolveComponent("alpha-slider");
@@ -27515,7 +27515,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "popper-class"]);
 }
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$H], ["__file", "index.vue"]]);
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$G], ["__file", "index.vue"]]);
 
 ColorPicker.install = (app) => {
   app.component(ColorPicker.name, ColorPicker);
@@ -28269,8 +28269,8 @@ const _hoisted_3$g = {
   scope: "col"
 };
 const _hoisted_4$c = ["aria-label"];
-const _hoisted_5$8 = ["aria-current", "aria-selected", "tabindex"];
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_5$7 = ["aria-current", "aria-selected", "tabindex"];
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_date_picker_cell = resolveComponent("el-date-picker-cell");
   return openBlock(), createElementBlock("table", {
     role: "grid",
@@ -28309,14 +28309,14 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
               onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
             }, [
               createVNode(_component_el_date_picker_cell, { cell }, null, 8, ["cell"])
-            ], 42, _hoisted_5$8);
+            ], 42, _hoisted_5$7);
           }), 128))
         ], 2);
       }), 128))
     ], 512)
   ], 42, _hoisted_1$H);
 }
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$G], ["__file", "basic-date-table.vue"]]);
+var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$F], ["__file", "basic-date-table.vue"]]);
 
 const basicMonthTableProps = buildProps({
   ...datePickerSharedProps,
@@ -28489,7 +28489,7 @@ const _hoisted_1$G = ["aria-label"];
 const _hoisted_2$s = { ref: "tbodyRef" };
 const _hoisted_3$f = ["aria-selected", "aria-label", "tabindex"];
 const _hoisted_4$b = { class: "cell" };
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     role: "grid",
     "aria-label": _ctx.t("el.datepicker.monthTablePrompt"),
@@ -28524,7 +28524,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 42, _hoisted_1$G);
 }
-var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$F], ["__file", "basic-month-table.vue"]]);
+var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$E], ["__file", "basic-month-table.vue"]]);
 
 const { date, disabledDate, parsedValue } = datePickerSharedProps;
 const basicYearTableProps = buildProps({
@@ -28533,17 +28533,21 @@ const basicYearTableProps = buildProps({
   parsedValue
 });
 
-const datesInYear = (year, lang) => {
-  const firstDay = dayjs(String(year)).locale(lang).startOf("year");
-  const lastDay = firstDay.endOf("year");
-  const numOfDays = lastDay.dayOfYear();
-  return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
-};
-const _sfc_main$1m = defineComponent({
+const _hoisted_1$F = ["aria-label"];
+const _hoisted_2$r = ["aria-selected", "tabindex", "onKeydown"];
+const _hoisted_3$e = { class: "cell" };
+const _hoisted_4$a = { key: 1 };
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   props: basicYearTableProps,
   emits: ["pick"],
-  expose: ["focus"],
-  setup(props, ctx) {
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const datesInYear = (year, lang2) => {
+      const firstDay = dayjs(String(year)).locale(lang2).startOf("year");
+      const lastDay = firstDay.endOf("year");
+      const numOfDays = lastDay.dayOfYear();
+      return rangeArr(numOfDays).map((n) => firstDay.add(n, "day").toDate());
+    };
     const ns = useNamespace("year-table");
     const { t, lang } = useLocale();
     const tbodyRef = ref();
@@ -28551,24 +28555,17 @@ const _sfc_main$1m = defineComponent({
     const startYear = computed(() => {
       return Math.floor(props.date.year() / 10) * 10;
     });
-    watch(() => props.date, async () => {
-      var _a, _b;
-      if ((_a = tbodyRef.value) == null ? void 0 : _a.contains(document.activeElement)) {
-        await nextTick();
-        (_b = currentCellRef.value) == null ? void 0 : _b.focus();
-      }
-    });
     const focus = () => {
       var _a;
       (_a = currentCellRef.value) == null ? void 0 : _a.focus();
     };
-    const getCellStyle = (year) => {
-      const style = {};
+    const getCellKls = (year) => {
+      const kls = {};
       const today = dayjs().locale(lang.value);
-      style.disabled = props.disabledDate ? datesInYear(year, lang.value).every(props.disabledDate) : false;
-      style.current = castArray(props.parsedValue).findIndex((_) => _.year() === year) >= 0;
-      style.today = today.year() === year;
-      return style;
+      kls.disabled = props.disabledDate ? datesInYear(year, lang.value).every(props.disabledDate) : false;
+      kls.current = castArray(props.parsedValue).findIndex((d) => d.year() === year) >= 0;
+      kls.today = today.year() === year;
+      return kls;
     };
     const isSelectedCell = (year) => {
       return year === startYear.value && props.date.year() < startYear.value && props.date.year() > startYear.value + 9 || castArray(props.date).findIndex((date) => date.year() === year) >= 0;
@@ -28580,71 +28577,66 @@ const _sfc_main$1m = defineComponent({
         if (hasClass(target.parentNode, "disabled"))
           return;
         const year = target.textContent || target.innerText;
-        ctx.emit("pick", Number(year));
+        emit("pick", Number(year));
       }
     };
-    return {
-      ns,
-      t,
-      tbodyRef,
-      currentCellRef,
-      startYear,
-      focus,
-      isSelectedCell,
-      getCellStyle,
-      handleYearTableClick
+    watch(() => props.date, async () => {
+      var _a, _b;
+      if ((_a = tbodyRef.value) == null ? void 0 : _a.contains(document.activeElement)) {
+        await nextTick();
+        (_b = currentCellRef.value) == null ? void 0 : _b.focus();
+      }
+    });
+    expose({
+      focus
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("table", {
+        role: "grid",
+        "aria-label": unref(t)("el.datepicker.yearTablePrompt"),
+        class: normalizeClass(unref(ns).b()),
+        onClick: handleYearTableClick
+      }, [
+        createElementVNode("tbody", {
+          ref_key: "tbodyRef",
+          ref: tbodyRef
+        }, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(3, (_, i) => {
+            return createElementVNode("tr", { key: i }, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(4, (__, j) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: i + "_" + j
+                }, [
+                  i * 4 + j < 10 ? (openBlock(), createElementBlock("td", {
+                    key: 0,
+                    ref_for: true,
+                    ref: (el) => isSelectedCell(unref(startYear) + i * 4 + j) && (currentCellRef.value = el),
+                    class: normalizeClass(["available", getCellKls(unref(startYear) + i * 4 + j)]),
+                    "aria-selected": `${isSelectedCell(unref(startYear) + i * 4 + j)}`,
+                    tabindex: isSelectedCell(unref(startYear) + i * 4 + j) ? 0 : -1,
+                    onKeydown: [
+                      withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
+                      withKeys(withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
+                    ]
+                  }, [
+                    createElementVNode("span", _hoisted_3$e, toDisplayString(unref(startYear) + i * 4 + j), 1)
+                  ], 42, _hoisted_2$r)) : (openBlock(), createElementBlock("td", _hoisted_4$a))
+                ], 64);
+              }), 64))
+            ]);
+          }), 64))
+        ], 512)
+      ], 10, _hoisted_1$F);
     };
   }
 });
-const _hoisted_1$F = ["aria-label"];
-const _hoisted_2$r = { ref: "tbodyRef" };
-const _hoisted_3$e = ["aria-selected", "tabindex"];
-const _hoisted_4$a = { class: "cell" };
-const _hoisted_5$7 = { key: 1 };
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("table", {
-    role: "grid",
-    "aria-label": _ctx.t("el.datepicker.yearTablePrompt"),
-    class: normalizeClass(_ctx.ns.b()),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
-  }, [
-    createElementVNode("tbody", _hoisted_2$r, [
-      (openBlock(), createElementBlock(Fragment, null, renderList(3, (_, i) => {
-        return createElementVNode("tr", { key: i }, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(4, (__, j) => {
-            return openBlock(), createElementBlock(Fragment, {
-              key: i + "_" + j
-            }, [
-              i * 4 + j < 10 ? (openBlock(), createElementBlock("td", {
-                key: 0,
-                ref_for: true,
-                ref: (el) => _ctx.isSelectedCell(_ctx.startYear + i * 4 + j) && (_ctx.currentCellRef = el),
-                class: normalizeClass(["available", _ctx.getCellStyle(_ctx.startYear + i * 4 + j)]),
-                "aria-selected": `${_ctx.isSelectedCell(_ctx.startYear + i * 4 + j)}`,
-                tabindex: _ctx.isSelectedCell(_ctx.startYear + i * 4 + j) ? 0 : -1,
-                onKeydown: [
-                  _cache[0] || (_cache[0] = withKeys(withModifiers((...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args), ["prevent", "stop"]), ["space"])),
-                  _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args), ["prevent", "stop"]), ["enter"]))
-                ]
-              }, [
-                createElementVNode("span", _hoisted_4$a, toDisplayString(_ctx.startYear + i * 4 + j), 1)
-              ], 42, _hoisted_3$e)) : (openBlock(), createElementBlock("td", _hoisted_5$7))
-            ], 64);
-          }), 64))
-        ]);
-      }), 64))
-    ], 512)
-  ], 10, _hoisted_1$F);
-}
-var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$E], ["__file", "basic-year-table.vue"]]);
+var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "basic-year-table.vue"]]);
 
 const _hoisted_1$E = ["onClick"];
 const _hoisted_2$q = ["aria-label"];
 const _hoisted_3$d = ["aria-label"];
-const _hoisted_4$9 = ["onKeydown"];
-const _hoisted_5$6 = ["onKeydown"];
-const _hoisted_6$1 = ["aria-label"];
-const _hoisted_7$1 = ["aria-label"];
+const _hoisted_4$9 = ["aria-label"];
+const _hoisted_5$6 = ["aria-label"];
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
@@ -28712,28 +28704,15 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         emit(value, true);
       }
     };
-    const prevMonth_ = () => {
-      innerDate.value = innerDate.value.subtract(1, "month");
-      handlePanelChange("month");
-    };
-    const nextMonth_ = () => {
-      innerDate.value = innerDate.value.add(1, "month");
+    const moveByMonth = (forward) => {
+      const action = forward ? "add" : "subtract";
+      innerDate.value = innerDate.value[action](1, "month");
       handlePanelChange("month");
     };
-    const prevYear_ = () => {
-      if (currentView.value === "year") {
-        innerDate.value = innerDate.value.subtract(10, "year");
-      } else {
-        innerDate.value = innerDate.value.subtract(1, "year");
-      }
-      handlePanelChange("year");
-    };
-    const nextYear_ = () => {
-      if (currentView.value === "year") {
-        innerDate.value = innerDate.value.add(10, "year");
-      } else {
-        innerDate.value = innerDate.value.add(1, "year");
-      }
+    const moveByYear = (forward) => {
+      const currentDate = innerDate.value;
+      const action = forward ? "add" : "subtract";
+      innerDate.value = currentView.value === "year" ? currentDate[action](10, "year") : currentDate[action](1, "year");
       handlePanelChange("year");
     };
     const currentView = ref("date");
@@ -28771,16 +28750,6 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     const keyboardMode = computed(() => {
       return selectionMode.value === "date" ? currentView.value : selectionMode.value;
     });
-    watch(() => selectionMode.value, (val) => {
-      if (["month", "year"].includes(val)) {
-        currentView.value = val;
-        return;
-      }
-      currentView.value = "date";
-    }, { immediate: true });
-    watch(() => currentView.value, () => {
-      popper == null ? void 0 : popper.updatePopper();
-    });
     const hasShortcuts = computed(() => !!shortcuts.length);
     const handleMonthPick = async (month2) => {
       innerDate.value = innerDate.value.startOf("month").month(month2);
@@ -28811,13 +28780,8 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       }
       handlePanelChange("year");
     };
-    const showMonthPicker = async () => {
-      currentView.value = "month";
-      await nextTick();
-      handleFocusPicker();
-    };
-    const showYearPicker = async () => {
-      currentView.value = "year";
+    const showPicker = async (view) => {
+      currentView.value = view;
       await nextTick();
       handleFocusPicker();
     };
@@ -28874,8 +28838,19 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     const handleTimePickClose = () => {
       timePickerVisible.value = false;
     };
+    const getUnits = (date) => {
+      return {
+        hour: date.hour(),
+        minute: date.minute(),
+        second: date.second(),
+        year: date.year(),
+        month: date.month(),
+        date: date.date()
+      };
+    };
     const handleTimePick = (value, visible, first) => {
-      const newDate = props.parsedValue ? props.parsedValue.hour(value.hour()).minute(value.minute()).second(value.second()) : value;
+      const { hour, minute, second } = getUnits(value);
+      const newDate = props.parsedValue ? props.parsedValue.hour(hour).minute(minute).second(second) : value;
       innerDate.value = newDate;
       emit(innerDate.value, true);
       if (!first) {
@@ -28885,7 +28860,8 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     const handleVisibleTimeChange = (value) => {
       const newDate = dayjs(value, timeFormat.value).locale(lang.value);
       if (newDate.isValid() && checkDateWithinRange(newDate)) {
-        innerDate.value = newDate.year(innerDate.value.year()).month(innerDate.value.month()).date(innerDate.value.date());
+        const { year: year2, month: month2, date } = getUnits(innerDate.value);
+        innerDate.value = newDate.year(year2).month(month2).date(date);
         userInputTime.value = null;
         timePickerVisible.value = false;
         emit(innerDate.value, true);
@@ -28897,7 +28873,8 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         if (disabledDate && disabledDate(newDate.toDate())) {
           return;
         }
-        innerDate.value = newDate.hour(innerDate.value.hour()).minute(innerDate.value.minute()).second(innerDate.value.second());
+        const { hour, minute, second } = getUnits(innerDate.value);
+        innerDate.value = newDate.hour(hour).minute(minute).second(second);
         userInputDate.value = null;
         emit(innerDate.value, true);
       }
@@ -28933,7 +28910,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     const handleKeydownTable = (event) => {
       const { code } = event;
-      const list = [
+      const validCode = [
         EVENT_CODE.up,
         EVENT_CODE.down,
         EVENT_CODE.left,
@@ -28943,7 +28920,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         EVENT_CODE.pageUp,
         EVENT_CODE.pageDown
       ];
-      if (list.includes(code)) {
+      if (validCode.includes(code)) {
         handleKeyControl(code);
         event.stopPropagation();
         event.preventDefault();
@@ -29008,10 +28985,16 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     const handlePanelChange = (mode) => {
       contextEmit("panel-change", innerDate.value.toDate(), mode, currentView.value);
     };
-    contextEmit("set-picker-option", ["isValidValue", isValidValue]);
-    contextEmit("set-picker-option", ["formatToString", formatToString]);
-    contextEmit("set-picker-option", ["parseUserInput", parseUserInput]);
-    contextEmit("set-picker-option", ["handleFocusPicker", handleFocusPicker]);
+    watch(() => selectionMode.value, (val) => {
+      if (["month", "year"].includes(val)) {
+        currentView.value = val;
+        return;
+      }
+      currentView.value = "date";
+    }, { immediate: true });
+    watch(() => currentView.value, () => {
+      popper == null ? void 0 : popper.updatePopper();
+    });
     watch(() => defaultValue.value, (val) => {
       if (val) {
         innerDate.value = getDefaultValue();
@@ -29028,6 +29011,10 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         innerDate.value = getDefaultValue();
       }
     }, { immediate: true });
+    contextEmit("set-picker-option", ["isValidValue", isValidValue]);
+    contextEmit("set-picker-option", ["formatToString", formatToString]);
+    contextEmit("set-picker-option", ["parseUserInput", parseUserInput]);
+    contextEmit("set-picker-option", ["handleFocusPicker", handleFocusPicker]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
@@ -29111,7 +29098,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.prevYear`),
                   class: normalizeClass(["d-arrow-left", unref(ppNs).e("icon-btn")]),
-                  onClick: prevYear_
+                  onClick: _cache[2] || (_cache[2] = ($event) => moveByYear(false))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -29124,7 +29111,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.prevMonth`),
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
-                  onClick: prevMonth_
+                  onClick: _cache[3] || (_cache[3] = ($event) => moveByMonth(false))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -29141,9 +29128,9 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(dpNs).e("header-label")),
                 "aria-live": "polite",
                 tabindex: "0",
-                onKeydown: withKeys(showYearPicker, ["enter"]),
-                onClick: showYearPicker
-              }, toDisplayString(unref(yearLabel)), 43, _hoisted_4$9),
+                onKeydown: _cache[4] || (_cache[4] = withKeys(($event) => showPicker("year"), ["enter"])),
+                onClick: _cache[5] || (_cache[5] = ($event) => showPicker("year"))
+              }, toDisplayString(unref(yearLabel)), 35),
               withDirectives(createElementVNode("span", {
                 role: "button",
                 "aria-live": "polite",
@@ -29152,9 +29139,9 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   unref(dpNs).e("header-label"),
                   { active: currentView.value === "month" }
                 ]),
-                onKeydown: withKeys(showMonthPicker, ["enter"]),
-                onClick: showMonthPicker
-              }, toDisplayString(unref(t)(`el.datepicker.month${unref(month) + 1}`)), 43, _hoisted_5$6), [
+                onKeydown: _cache[6] || (_cache[6] = withKeys(($event) => showPicker("month"), ["enter"])),
+                onClick: _cache[7] || (_cache[7] = ($event) => showPicker("month"))
+              }, toDisplayString(unref(t)(`el.datepicker.month${unref(month) + 1}`)), 35), [
                 [vShow, currentView.value === "date"]
               ]),
               createElementVNode("span", {
@@ -29164,7 +29151,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.nextMonth`),
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
-                  onClick: nextMonth_
+                  onClick: _cache[8] || (_cache[8] = ($event) => moveByMonth(true))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -29172,14 +29159,14 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_6$1), [
+                ], 10, _hoisted_4$9), [
                   [vShow, currentView.value === "date"]
                 ]),
                 createElementVNode("button", {
                   type: "button",
                   "aria-label": unref(t)(`el.datepicker.nextYear`),
                   class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
-                  onClick: nextYear_
+                  onClick: _cache[9] || (_cache[9] = ($event) => moveByYear(true))
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
@@ -29187,7 +29174,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_7$1)
+                ], 10, _hoisted_5$6)
               ], 2)
             ], 2), [
               [vShow, currentView.value !== "time"]
@@ -45208,32 +45195,38 @@ function walkTreeNode(root, cb, childrenKey = "children", lazyKey = "hasChildren
   });
 }
 let removePopper;
-function createTablePopper(trigger, popperContent, popperOptions, tooltipEffect) {
+function createTablePopper(parentNode, trigger, popperContent, popperOptions, tooltipEffect) {
   const { nextZIndex } = useZIndex();
+  const ns = parentNode == null ? void 0 : parentNode.dataset.prefix;
+  const scrollContainer = parentNode == null ? void 0 : parentNode.querySelector(`.${ns}-scrollbar__wrap`);
   function renderContent() {
     const isLight = tooltipEffect === "light";
     const content2 = document.createElement("div");
-    content2.className = `el-popper ${isLight ? "is-light" : "is-dark"}`;
+    content2.className = `${ns}-popper ${isLight ? "is-light" : "is-dark"}`;
     popperContent = escapeHtml_1(popperContent);
     content2.innerHTML = popperContent;
     content2.style.zIndex = String(nextZIndex());
-    document.body.appendChild(content2);
+    parentNode == null ? void 0 : parentNode.appendChild(content2);
     return content2;
   }
   function renderArrow() {
     const arrow2 = document.createElement("div");
-    arrow2.className = "el-popper__arrow";
+    arrow2.className = `${ns}-popper__arrow`;
     return arrow2;
   }
   function showPopper() {
     popperInstance && popperInstance.update();
   }
-  removePopper = function removePopper2() {
+  removePopper = () => {
     try {
       popperInstance && popperInstance.destroy();
-      content && document.body.removeChild(content);
+      content && (parentNode == null ? void 0 : parentNode.removeChild(content));
       off(trigger, "mouseenter", showPopper);
-      off(trigger, "mouseleave", removePopper2);
+      off(trigger, "mouseleave", removePopper);
+      if (scrollContainer) {
+        off(scrollContainer, "scroll", removePopper);
+      }
+      removePopper = void 0;
     } catch (e) {
     }
   };
@@ -45242,6 +45235,7 @@ function createTablePopper(trigger, popperContent, popperOptions, tooltipEffect)
   const arrow = renderArrow();
   content.appendChild(arrow);
   popperInstance = yn(trigger, content, {
+    strategy: "absolute",
     modifiers: [
       {
         name: "offset",
@@ -45261,6 +45255,9 @@ function createTablePopper(trigger, popperContent, popperOptions, tooltipEffect)
   });
   on$1(trigger, "mouseenter", showPopper);
   on$1(trigger, "mouseleave", removePopper);
+  if (scrollContainer) {
+    on$1(scrollContainer, "scroll", removePopper);
+  }
   return popperInstance;
 }
 const isFixedColumn = (index, fixed, store, realColumns) => {
@@ -47405,7 +47402,7 @@ function useEvents(props) {
     const rangeWidth = range.getBoundingClientRect().width;
     const padding = (Number.parseInt(getStyle(cellChild, "paddingLeft"), 10) || 0) + (Number.parseInt(getStyle(cellChild, "paddingRight"), 10) || 0);
     if (rangeWidth + padding > cellChild.offsetWidth || cellChild.scrollWidth > cellChild.offsetWidth) {
-      createTablePopper(cell, cell.innerText || cell.textContent, {
+      createTablePopper(parent == null ? void 0 : parent.refs.tableWrapper, cell, cell.innerText || cell.textContent, {
         placement: "top",
         strategy: "fixed"
       }, row.tooltipEffect);