@element-plus/nightly 0.0.20220601 → 0.0.20220602

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220601 */
+/*! Element Plus v0.0.20220602 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -7672,15 +7672,15 @@
     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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$13, _hoisted_5$9);
+  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.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 = vue.defineComponent({
     name: "Aim"
   });
@@ -8025,11 +8025,11 @@
     xmlns: "http://www.w3.org/2000/svg"
   };
   var _hoisted_219 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_119, _hoisted_7$2);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
@@ -11666,14 +11666,14 @@
     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 vue.openBlock(), vue.createElementBlock("svg", _hoisted_1202, _hoisted_6$2);
+    return vue.openBlock(), vue.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 = vue.defineComponent({
@@ -15535,7 +15535,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220601";
+  const version$1 = "0.0.20220602";
 
   const INSTALLED_KEY = Symbol("INSTALLED_KEY");
   const makeInstaller = (components = []) => {
@@ -17451,10 +17451,10 @@
       };
     }
   });
-  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.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({
@@ -17987,7 +17987,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-popper-content");
     return vue.openBlock(), vue.createBlock(vue.Teleport, {
       disabled: !_ctx.teleported,
@@ -18042,7 +18042,7 @@
       }, 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)) {
@@ -18107,7 +18107,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-popper-trigger");
     return vue.openBlock(), vue.createBlock(_component_el_popper_trigger, {
       id: _ctx.id,
@@ -18129,7 +18129,7 @@
       _: 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 = vue.defineComponent({
@@ -18248,7 +18248,7 @@
   });
   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 = vue.resolveComponent("el-tooltip-trigger");
     const _component_el_popper_arrow = vue.resolveComponent("el-popper-arrow");
     const _component_el_tooltip_content = vue.resolveComponent("el-tooltip-content");
@@ -18317,7 +18317,7 @@
       _: 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);
 
@@ -21238,7 +21238,7 @@
   });
   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 = vue.resolveComponent("el-icon");
     const _component_el_input = vue.resolveComponent("el-input");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
@@ -21423,7 +21423,7 @@
       _: 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;
@@ -21930,7 +21930,7 @@
   });
   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 = vue.resolveComponent("el-scrollbar");
     const _component_arrow_up = vue.resolveComponent("arrow-up");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -22026,7 +22026,7 @@
       }), 128)) : vue.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 = vue.defineComponent({
     components: {
@@ -22192,7 +22192,7 @@
       };
     }
   });
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_time_spinner = vue.resolveComponent("time-spinner");
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
       default: vue.withCtx(() => [
@@ -22237,7 +22237,7 @@
       _: 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 = [];
@@ -22475,7 +22475,7 @@
     }
   });
   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 = vue.resolveComponent("time-spinner");
     return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
@@ -22562,7 +22562,7 @@
       ], 2)
     ], 2)) : vue.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 = vue.defineComponent({
@@ -24533,7 +24533,7 @@
   });
   const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$y = /* @__PURE__ */ vue.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 = vue.resolveComponent("el-checkbox");
     const _component_el_radio = vue.resolveComponent("el-radio");
     const _component_check = vue.resolveComponent("check");
@@ -24616,7 +24616,7 @@
       ], 2112)) : vue.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 = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -24696,7 +24696,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-node");
     const _component_loading = vue.resolveComponent("loading");
     const _component_el_icon = vue.resolveComponent("el-icon");
@@ -24749,7 +24749,7 @@
       _: 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";
@@ -25224,7 +25224,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("el-cascader-menu");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b("panel"), _ctx.ns.is("bordered", _ctx.border)]),
@@ -25241,7 +25241,7 @@
       }), 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);
@@ -25812,7 +25812,7 @@
   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 = vue.resolveComponent("circle-close");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_arrow_down = vue.resolveComponent("arrow-down");
@@ -26039,7 +26039,7 @@
       _: 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);
@@ -26597,7 +26597,7 @@
       };
     }
   });
-  function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-alpha-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -26619,7 +26619,7 @@
       }, 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 = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -26712,7 +26712,7 @@
       };
     }
   });
-  function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(["el-color-hue-slider", { "is-vertical": _ctx.vertical }])
     }, [
@@ -26731,7 +26731,7 @@
       }, 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 = () => {
@@ -27052,7 +27052,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
       vue.createElementVNode("div", _hoisted_2$v, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rgbaColors, (item, index) => {
@@ -27069,7 +27069,7 @@
       ])
     ]);
   }
-  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 = vue.defineComponent({
     name: "ElSlPanel",
@@ -27145,7 +27145,7 @@
   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 vue.openBlock(), vue.createElementBlock("div", {
       class: "el-color-svpanel",
       style: vue.normalizeStyle({
@@ -27163,7 +27163,7 @@
       }, _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 = vue.defineComponent({
     name: "ElColorPicker",
@@ -27364,7 +27364,7 @@
     }
   });
   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 = vue.resolveComponent("hue-slider");
     const _component_sv_panel = vue.resolveComponent("sv-panel");
     const _component_alpha_slider = vue.resolveComponent("alpha-slider");
@@ -27519,7 +27519,7 @@
       _: 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);
@@ -28273,8 +28273,8 @@
     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 = vue.resolveComponent("el-date-picker-cell");
     return vue.openBlock(), vue.createElementBlock("table", {
       role: "grid",
@@ -28313,14 +28313,14 @@
                 onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
               }, [
                 vue.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,
@@ -28493,7 +28493,7 @@
   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 vue.openBlock(), vue.createElementBlock("table", {
       role: "grid",
       "aria-label": _ctx.t("el.datepicker.monthTablePrompt"),
@@ -28528,7 +28528,7 @@
       ], 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({
@@ -28537,17 +28537,21 @@
     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 = vue.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__ */ vue.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 = vue.ref();
@@ -28555,24 +28559,17 @@
       const startYear = vue.computed(() => {
         return Math.floor(props.date.year() / 10) * 10;
       });
-      vue.watch(() => props.date, async () => {
-        var _a, _b;
-        if ((_a = tbodyRef.value) == null ? void 0 : _a.contains(document.activeElement)) {
-          await vue.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;
@@ -28584,71 +28581,66 @@
           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
+      vue.watch(() => props.date, async () => {
+        var _a, _b;
+        if ((_a = tbodyRef.value) == null ? void 0 : _a.contains(document.activeElement)) {
+          await vue.nextTick();
+          (_b = currentCellRef.value) == null ? void 0 : _b.focus();
+        }
+      });
+      expose({
+        focus
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("table", {
+          role: "grid",
+          "aria-label": vue.unref(t)("el.datepicker.yearTablePrompt"),
+          class: vue.normalizeClass(vue.unref(ns).b()),
+          onClick: handleYearTableClick
+        }, [
+          vue.createElementVNode("tbody", {
+            ref_key: "tbodyRef",
+            ref: tbodyRef
+          }, [
+            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(3, (_, i) => {
+              return vue.createElementVNode("tr", { key: i }, [
+                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(4, (__, j) => {
+                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                    key: i + "_" + j
+                  }, [
+                    i * 4 + j < 10 ? (vue.openBlock(), vue.createElementBlock("td", {
+                      key: 0,
+                      ref_for: true,
+                      ref: (el) => isSelectedCell(vue.unref(startYear) + i * 4 + j) && (currentCellRef.value = el),
+                      class: vue.normalizeClass(["available", getCellKls(vue.unref(startYear) + i * 4 + j)]),
+                      "aria-selected": `${isSelectedCell(vue.unref(startYear) + i * 4 + j)}`,
+                      tabindex: isSelectedCell(vue.unref(startYear) + i * 4 + j) ? 0 : -1,
+                      onKeydown: [
+                        vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["space"]),
+                        vue.withKeys(vue.withModifiers(handleYearTableClick, ["prevent", "stop"]), ["enter"])
+                      ]
+                    }, [
+                      vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(startYear) + i * 4 + j), 1)
+                    ], 42, _hoisted_2$r)) : (vue.openBlock(), vue.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 vue.openBlock(), vue.createElementBlock("table", {
-      role: "grid",
-      "aria-label": _ctx.t("el.datepicker.yearTablePrompt"),
-      class: vue.normalizeClass(_ctx.ns.b()),
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args))
-    }, [
-      vue.createElementVNode("tbody", _hoisted_2$r, [
-        (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(3, (_, i) => {
-          return vue.createElementVNode("tr", { key: i }, [
-            (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(4, (__, j) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: i + "_" + j
-              }, [
-                i * 4 + j < 10 ? (vue.openBlock(), vue.createElementBlock("td", {
-                  key: 0,
-                  ref_for: true,
-                  ref: (el) => _ctx.isSelectedCell(_ctx.startYear + i * 4 + j) && (_ctx.currentCellRef = el),
-                  class: vue.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] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args), ["prevent", "stop"]), ["space"])),
-                    _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleYearTableClick && _ctx.handleYearTableClick(...args), ["prevent", "stop"]), ["enter"]))
-                  ]
-                }, [
-                  vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(_ctx.startYear + i * 4 + j), 1)
-                ], 42, _hoisted_3$e)) : (vue.openBlock(), vue.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__ */ vue.defineComponent({
     props: panelDatePickProps,
     emits: ["pick", "set-picker-option", "panel-change"],
@@ -28716,28 +28708,15 @@
           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 = vue.ref("date");
@@ -28775,16 +28754,6 @@
       const keyboardMode = vue.computed(() => {
         return selectionMode.value === "date" ? currentView.value : selectionMode.value;
       });
-      vue.watch(() => selectionMode.value, (val) => {
-        if (["month", "year"].includes(val)) {
-          currentView.value = val;
-          return;
-        }
-        currentView.value = "date";
-      }, { immediate: true });
-      vue.watch(() => currentView.value, () => {
-        popper == null ? void 0 : popper.updatePopper();
-      });
       const hasShortcuts = vue.computed(() => !!shortcuts.length);
       const handleMonthPick = async (month2) => {
         innerDate.value = innerDate.value.startOf("month").month(month2);
@@ -28815,13 +28784,8 @@
         }
         handlePanelChange("year");
       };
-      const showMonthPicker = async () => {
-        currentView.value = "month";
-        await vue.nextTick();
-        handleFocusPicker();
-      };
-      const showYearPicker = async () => {
-        currentView.value = "year";
+      const showPicker = async (view) => {
+        currentView.value = view;
         await vue.nextTick();
         handleFocusPicker();
       };
@@ -28878,8 +28842,19 @@
       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) {
@@ -28889,7 +28864,8 @@
       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);
@@ -28901,7 +28877,8 @@
           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);
         }
@@ -28937,7 +28914,7 @@
       };
       const handleKeydownTable = (event) => {
         const { code } = event;
-        const list = [
+        const validCode = [
           EVENT_CODE.up,
           EVENT_CODE.down,
           EVENT_CODE.left,
@@ -28947,7 +28924,7 @@
           EVENT_CODE.pageUp,
           EVENT_CODE.pageDown
         ];
-        if (list.includes(code)) {
+        if (validCode.includes(code)) {
           handleKeyControl(code);
           event.stopPropagation();
           event.preventDefault();
@@ -29012,10 +28989,16 @@
       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]);
+      vue.watch(() => selectionMode.value, (val) => {
+        if (["month", "year"].includes(val)) {
+          currentView.value = val;
+          return;
+        }
+        currentView.value = "date";
+      }, { immediate: true });
+      vue.watch(() => currentView.value, () => {
+        popper == null ? void 0 : popper.updatePopper();
+      });
       vue.watch(() => defaultValue.value, (val) => {
         if (val) {
           innerDate.value = getDefaultValue();
@@ -29032,6 +29015,10 @@
           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 vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
@@ -29115,7 +29102,7 @@
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.prevYear`),
                     class: vue.normalizeClass(["d-arrow-left", vue.unref(ppNs).e("icon-btn")]),
-                    onClick: prevYear_
+                    onClick: _cache[2] || (_cache[2] = ($event) => moveByYear(false))
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -29128,7 +29115,7 @@
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.prevMonth`),
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-left"]),
-                    onClick: prevMonth_
+                    onClick: _cache[3] || (_cache[3] = ($event) => moveByMonth(false))
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -29145,9 +29132,9 @@
                   class: vue.normalizeClass(vue.unref(dpNs).e("header-label")),
                   "aria-live": "polite",
                   tabindex: "0",
-                  onKeydown: vue.withKeys(showYearPicker, ["enter"]),
-                  onClick: showYearPicker
-                }, vue.toDisplayString(vue.unref(yearLabel)), 43, _hoisted_4$9),
+                  onKeydown: _cache[4] || (_cache[4] = vue.withKeys(($event) => showPicker("year"), ["enter"])),
+                  onClick: _cache[5] || (_cache[5] = ($event) => showPicker("year"))
+                }, vue.toDisplayString(vue.unref(yearLabel)), 35),
                 vue.withDirectives(vue.createElementVNode("span", {
                   role: "button",
                   "aria-live": "polite",
@@ -29156,9 +29143,9 @@
                     vue.unref(dpNs).e("header-label"),
                     { active: currentView.value === "month" }
                   ]),
-                  onKeydown: vue.withKeys(showMonthPicker, ["enter"]),
-                  onClick: showMonthPicker
-                }, vue.toDisplayString(vue.unref(t)(`el.datepicker.month${vue.unref(month) + 1}`)), 43, _hoisted_5$6), [
+                  onKeydown: _cache[6] || (_cache[6] = vue.withKeys(($event) => showPicker("month"), ["enter"])),
+                  onClick: _cache[7] || (_cache[7] = ($event) => showPicker("month"))
+                }, vue.toDisplayString(vue.unref(t)(`el.datepicker.month${vue.unref(month) + 1}`)), 35), [
                   [vue.vShow, currentView.value === "date"]
                 ]),
                 vue.createElementVNode("span", {
@@ -29168,7 +29155,7 @@
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.nextMonth`),
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "arrow-right"]),
-                    onClick: nextMonth_
+                    onClick: _cache[8] || (_cache[8] = ($event) => moveByMonth(true))
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -29176,14 +29163,14 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_6$1), [
+                  ], 10, _hoisted_4$9), [
                     [vue.vShow, currentView.value === "date"]
                   ]),
                   vue.createElementVNode("button", {
                     type: "button",
                     "aria-label": vue.unref(t)(`el.datepicker.nextYear`),
                     class: vue.normalizeClass([vue.unref(ppNs).e("icon-btn"), "d-arrow-right"]),
-                    onClick: nextYear_
+                    onClick: _cache[9] || (_cache[9] = ($event) => moveByYear(true))
                   }, [
                     vue.createVNode(vue.unref(ElIcon), null, {
                       default: vue.withCtx(() => [
@@ -29191,7 +29178,7 @@
                       ]),
                       _: 1
                     })
-                  ], 10, _hoisted_7$1)
+                  ], 10, _hoisted_5$6)
                 ], 2)
               ], 2), [
                 [vue.vShow, currentView.value !== "time"]
@@ -45212,32 +45199,38 @@
     });
   }
   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) {
       }
     };
@@ -45246,6 +45239,7 @@
     const arrow = renderArrow();
     content.appendChild(arrow);
     popperInstance = yn(trigger, content, {
+      strategy: "absolute",
       modifiers: [
         {
           name: "offset",
@@ -45265,6 +45259,9 @@
     });
     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) => {
@@ -47409,7 +47406,7 @@
       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);