@element-plus/nightly 0.0.20220718 → 0.0.20220721

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220718 */
+/*! Element Plus v0.0.20220721 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4448,7 +4448,7 @@
     return pickBy(object, negate(baseIteratee(predicate)));
   }
 
-  function once$1(func) {
+  function once(func) {
     return before(2, func);
   }
 
@@ -6002,7 +6002,7 @@
     flip,
     memoize,
     negate,
-    once: once$1,
+    once,
     overArgs,
     partial,
     partialRight,
@@ -6888,15 +6888,6 @@
       element == null ? void 0 : element.removeEventListener(event, handler, useCapture);
     }
   };
-  const once = (el, event, fn) => {
-    const listener = function(...args) {
-      if (fn) {
-        fn.apply(this, args);
-      }
-      off(el, event, listener);
-    };
-    on$1(el, event, listener);
-  };
   const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPrevented = true } = {}) => {
     const handleEvent = (event) => {
       const shouldPrevent = theirsHandler == null ? void 0 : theirsHandler(event);
@@ -10735,7 +10726,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220718";
+  const version$1 = "0.0.20220721";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10784,11 +10775,11 @@
     return target;
   };
 
-  const __default__$1n = {
+  const __default__$1p = {
     name: "ElAffix"
   };
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1n,
+    ...__default__$1p,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -10903,12 +10894,12 @@
     }
   });
 
-  const __default__$1m = {
+  const __default__$1o = {
     name: "ElIcon",
     inheritAttrs: false
   };
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1m,
+    ...__default__$1o,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10970,11 +10961,11 @@
     close: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$1l = {
+  const __default__$1n = {
     name: "ElAlert"
   };
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1l,
+    ...__default__$1n,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -11242,12 +11233,12 @@
   const _hoisted_1$12 = ["role"];
   const _hoisted_2$G = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
   const _hoisted_3$m = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-  const __default__$1k = {
+  const __default__$1m = {
     name: "ElInput",
     inheritAttrs: false
   };
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1k,
+    ...__default__$1m,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -11941,11 +11932,11 @@
     }) => [scrollTop, scrollLeft].every(isNumber)
   };
 
-  const __default__$1j = {
+  const __default__$1l = {
     name: "ElScrollbar"
   };
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1j,
+    ...__default__$1l,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -12108,12 +12099,12 @@
     }
   });
 
-  const __default__$1i = {
+  const __default__$1k = {
     name: "ElPopperRoot",
     inheritAttrs: false
   };
   const _sfc_main$28 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1i,
+    ...__default__$1k,
     props: usePopperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12145,12 +12136,12 @@
     }
   });
 
-  const __default__$1h = {
+  const __default__$1j = {
     name: "ElPopperArrow",
     inheritAttrs: false
   };
   const _sfc_main$27 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1h,
+    ...__default__$1j,
     props: usePopperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12247,12 +12238,12 @@
     open: Boolean
   });
 
-  const __default__$1g = {
+  const __default__$1i = {
     name: "ElPopperTrigger",
     inheritAttrs: false
   };
   const _sfc_main$26 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1g,
+    ...__default__$1i,
     props: usePopperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -12654,10 +12645,10 @@
       };
     }
   });
-  function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$H], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$25, [["render", _sfc_render$F], ["__file", "focus-trap.vue"]]);
 
   const POSITIONING_STRATEGIES = ["fixed", "absolute"];
   const usePopperCoreConfigProps = buildProps({
@@ -12814,11 +12805,11 @@
     }
   }
 
-  const __default__$1f = {
+  const __default__$1h = {
     name: "ElPopperContent"
   };
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1f,
+    ...__default__$1h,
     props: usePopperContentProps,
     emits: usePopperContentEmits,
     setup(__props, { expose, emit }) {
@@ -13189,7 +13180,7 @@
       };
     }
   });
-  function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$E(_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,
@@ -13244,7 +13235,7 @@
       }, 8, ["name", "onAfterLeave", "onBeforeEnter", "onAfterEnter", "onBeforeLeave"])
     ], 8, ["disabled", "to"]);
   }
-  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$G], ["__file", "content.vue"]]);
+  var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$23, [["render", _sfc_render$E], ["__file", "content.vue"]]);
 
   const isTriggerType = (trigger, type) => {
     if (isArray(trigger)) {
@@ -13309,7 +13300,7 @@
       };
     }
   });
-  function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$D(_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,
@@ -13331,7 +13322,7 @@
       _: 3
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]);
   }
-  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$F], ["__file", "trigger.vue"]]);
+  var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$22, [["render", _sfc_render$D], ["__file", "trigger.vue"]]);
 
   const { useModelToggleProps, useModelToggle, useModelToggleEmits } = createModelToggleComposable("visible");
   const _sfc_main$21 = vue.defineComponent({
@@ -13451,7 +13442,7 @@
   });
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$F = { key: 1 };
-  function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$C(_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");
@@ -13520,7 +13511,7 @@
       _: 3
     }, 8, ["role"]);
   }
-  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$E], ["__file", "tooltip.vue"]]);
+  var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$21, [["render", _sfc_render$C], ["__file", "tooltip.vue"]]);
 
   const ElTooltip = withInstall(Tooltip);
 
@@ -13595,12 +13586,12 @@
   const _hoisted_1$10 = ["aria-expanded", "aria-owns"];
   const _hoisted_2$E = { key: 0 };
   const _hoisted_3$l = ["id", "aria-selected", "onClick"];
-  const __default__$1e = {
+  const __default__$1g = {
     name: "ElAutocomplete",
     inheritAttrs: false
   };
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1e,
+    ...__default__$1g,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -13959,11 +13950,11 @@
   };
 
   const _hoisted_1$$ = ["src", "alt", "srcset"];
-  const __default__$1d = {
+  const __default__$1f = {
     name: "ElAvatar"
   };
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1d,
+    ...__default__$1f,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -14044,11 +14035,11 @@
   };
 
   const _hoisted_1$_ = ["onClick"];
-  const __default__$1c = {
+  const __default__$1e = {
     name: "ElBacktop"
   };
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1c,
+    ...__default__$1e,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -14153,11 +14144,11 @@
   });
 
   const _hoisted_1$Z = ["textContent"];
-  const __default__$1b = {
+  const __default__$1d = {
     name: "ElBadge"
   };
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1b,
+    ...__default__$1d,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14216,11 +14207,11 @@
     }
   });
 
-  const __default__$1a = {
+  const __default__$1c = {
     name: "ElBreadcrumb"
   };
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1a,
+    ...__default__$1c,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -14259,11 +14250,11 @@
     }
   });
 
-  const __default__$19 = {
+  const __default__$1b = {
     name: "ElBreadcrumbItem"
   };
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$19,
+    ...__default__$1b,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -15294,11 +15285,11 @@
   }
 
   const _hoisted_1$Y = ["aria-disabled", "disabled", "autofocus", "type"];
-  const __default__$18 = {
+  const __default__$1a = {
     name: "ElButton"
   };
   const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$18,
+    ...__default__$1a,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -15406,11 +15397,11 @@
     type: buttonProps.type
   };
 
-  const __default__$17 = {
+  const __default__$19 = {
     name: "ElButtonGroup"
   };
   const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$17,
+    ...__default__$19,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -16062,11 +16053,11 @@
 
   const _hoisted_1$X = ["id", "name", "placeholder", "value", "disabled", "readonly"];
   const _hoisted_2$D = ["id", "name", "placeholder", "value", "disabled", "readonly"];
-  const __default__$16 = {
+  const __default__$18 = {
     name: "Picker"
   };
   const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$16,
+    ...__default__$18,
     props: timePickerDefaultProps,
     emits: [
       "update:modelValue",
@@ -16849,25 +16840,28 @@
     }
   };
 
-  var vRepeatClick = {
+  const RepeatClick = {
     beforeMount(el, binding) {
       let interval = null;
-      let startTime;
+      let isHandlerCalled = false;
       const handler = () => binding.value && binding.value();
       const clear = () => {
-        if (Date.now() - startTime < 100) {
-          handler();
-        }
         clearInterval(interval);
         interval = null;
+        if (!isHandlerCalled) {
+          handler();
+        }
+        isHandlerCalled = false;
       };
-      on$1(el, "mousedown", (e) => {
+      el.addEventListener("mousedown", (e) => {
         if (e.button !== 0)
           return;
-        startTime = Date.now();
-        once(document, "mouseup", clear);
+        document.addEventListener("mouseup", clear, { once: true });
         clearInterval(interval);
-        interval = setInterval(handler, 100);
+        interval = setInterval(() => {
+          isHandlerCalled = true;
+          handler();
+        }, 100);
       });
     }
   };
@@ -17220,7 +17214,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onDecrement]
+                [vue.unref(RepeatClick), onDecrement]
               ]),
               vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                 class: vue.normalizeClass(["arrow-down", vue.unref(ns).be("spinner", "arrow")])
@@ -17230,7 +17224,7 @@
                 ]),
                 _: 1
               }, 8, ["class"])), [
-                [vue.unref(vRepeatClick), onIncrement]
+                [vue.unref(RepeatClick), onIncrement]
               ]),
               vue.createElementVNode("ul", {
                 class: vue.normalizeClass(vue.unref(ns).be("spinner", "list"))
@@ -17773,11 +17767,11 @@
 
   const _hoisted_1$U = { key: 0 };
   const _hoisted_2$B = ["onClick"];
-  const __default__$15 = {
+  const __default__$17 = {
     name: "DateTable"
   };
   const _sfc_main$1Q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$15,
+    ...__default__$17,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -17932,11 +17926,11 @@
     [INPUT_EVENT]: (value) => isDate(value)
   };
 
-  const __default__$14 = {
+  const __default__$16 = {
     name: "ElCalendar"
   };
   const _sfc_main$1P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$14,
+    ...__default__$16,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -18167,11 +18161,11 @@
     }
   });
 
-  const __default__$13 = {
+  const __default__$15 = {
     name: "ElCard"
   };
   const _sfc_main$1O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$13,
+    ...__default__$15,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -18263,11 +18257,11 @@
   const _hoisted_1$T = ["onMouseenter", "onMouseleave"];
   const _hoisted_2$A = ["onMouseenter", "onClick"];
   const _hoisted_3$k = { key: 0 };
-  const __default__$12 = {
+  const __default__$14 = {
     name: "ElCarousel"
   };
   const _sfc_main$1N = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$12,
+    ...__default__$14,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -18576,11 +18570,11 @@
     }
   });
 
-  const __default__$11 = {
+  const __default__$13 = {
     name: "ElCarouselItem"
   };
   const _sfc_main$1M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$11,
+    ...__default__$13,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -19006,11 +19000,11 @@
   const _hoisted_1$S = ["tabindex", "role", "aria-checked"];
   const _hoisted_2$z = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_3$j = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"];
-  const __default__$10 = {
+  const __default__$12 = {
     name: "ElCheckbox"
   };
   const _sfc_main$1L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$10,
+    ...__default__$12,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19111,11 +19105,11 @@
 
   const _hoisted_1$R = ["name", "tabindex", "disabled", "true-value", "false-value"];
   const _hoisted_2$y = ["name", "tabindex", "disabled", "value"];
-  const __default__$$ = {
+  const __default__$11 = {
     name: "ElCheckboxButton"
   };
   const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$$,
+    ...__default__$11,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -19189,11 +19183,11 @@
   });
   var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__file", "checkbox-button.vue"]]);
 
-  const __default__$_ = {
+  const __default__$10 = {
     name: "ElCheckboxGroup"
   };
   const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$_,
+    ...__default__$10,
     props: useCheckboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -19317,11 +19311,11 @@
   };
 
   const _hoisted_1$Q = ["value", "name", "disabled"];
-  const __default__$Z = {
+  const __default__$$ = {
     name: "ElRadio"
   };
   const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Z,
+    ...__default__$$,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -19393,11 +19387,11 @@
   });
 
   const _hoisted_1$P = ["value", "name", "disabled"];
-  const __default__$Y = {
+  const __default__$_ = {
     name: "ElRadioButton"
   };
   const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Y,
+    ...__default__$_,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -19487,11 +19481,11 @@
   const radioGroupEmits = radioEmits;
 
   const _hoisted_1$O = ["id", "aria-label", "aria-labelledby"];
-  const __default__$X = {
+  const __default__$Z = {
     name: "ElRadioGroup"
   };
   const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$X,
+    ...__default__$Z,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19692,7 +19686,7 @@
   });
   const _hoisted_1$N = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
   const _hoisted_2$x = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
-  function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$B(_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");
@@ -19775,7 +19769,7 @@
       ], 64)) : vue.createCommentVNode("v-if", true)
     ], 42, _hoisted_1$N);
   }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$D], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$B], ["__file", "node.vue"]]);
 
   const _sfc_main$1E = vue.defineComponent({
     name: "ElCascaderMenu",
@@ -19855,7 +19849,7 @@
       };
     }
   });
-  function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$A(_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");
@@ -19908,7 +19902,7 @@
       _: 1
     }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
   }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$C], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["render", _sfc_render$A], ["__file", "menu.vue"]]);
 
   var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
     ExpandTrigger2["CLICK"] = "click";
@@ -20383,7 +20377,7 @@
       };
     }
   });
-  function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_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)]),
@@ -20400,7 +20394,7 @@
       }), 128))
     ], 34);
   }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$B], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$z], ["__file", "index.vue"]]);
 
   CascaderPanel.install = (app) => {
     app.component(CascaderPanel.name, CascaderPanel);
@@ -20438,11 +20432,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$W = {
+  const __default__$Y = {
     name: "ElTag"
   };
   const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$W,
+    ...__default__$Y,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20972,7 +20966,7 @@
   const _hoisted_1$M = { key: 0 };
   const _hoisted_2$w = ["placeholder"];
   const _hoisted_3$i = ["onClick"];
-  function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_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");
@@ -21201,7 +21195,7 @@
       _: 3
     }, 8, ["visible", "teleported", "popper-class", "popper-options", "transition", "onHide"]);
   }
-  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$A], ["__file", "index.vue"]]);
+  var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$y], ["__file", "index.vue"]]);
 
   Cascader.install = (app) => {
     app.component(Cascader.name, Cascader);
@@ -21220,11 +21214,11 @@
     [CHANGE_EVENT]: (value) => isBoolean(value)
   };
 
-  const __default__$V = {
+  const __default__$X = {
     name: "ElCheckTag"
   };
   const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$V,
+    ...__default__$X,
     props: checkTagProps,
     emits: checkTagEmits,
     setup(__props, { emit }) {
@@ -21292,11 +21286,11 @@
     }
   });
 
-  const __default__$U = {
+  const __default__$W = {
     name: "ElCol"
   };
   const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$U,
+    ...__default__$W,
     props: colProps,
     setup(__props) {
       const props = __props;
@@ -21366,11 +21360,11 @@
     [CHANGE_EVENT]: emitChangeFn
   };
 
-  const __default__$T = {
+  const __default__$V = {
     name: "ElCollapse"
   };
   const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$T,
+    ...__default__$V,
     props: collapseProps,
     emits: collapseEmits,
     setup(__props, { expose, emit }) {
@@ -21421,11 +21415,11 @@
   });
   var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$1y, [["__file", "collapse.vue"]]);
 
-  const __default__$S = {
+  const __default__$U = {
     name: "ElCollapseTransition"
   };
   const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$S,
+    ...__default__$U,
     setup(__props) {
       const ns = useNamespace("collapse-transition");
       const on = {
@@ -21513,11 +21507,11 @@
   const _hoisted_1$L = ["aria-expanded", "aria-controls", "aria-describedby"];
   const _hoisted_2$v = ["id", "tabindex", "onKeypress"];
   const _hoisted_3$h = ["id", "aria-hidden", "aria-labelledby"];
-  const __default__$R = {
+  const __default__$T = {
     name: "ElCollapseItem"
   };
   const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+    ...__default__$T,
     props: collapseItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -21761,7 +21755,7 @@
       };
     }
   });
-  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -21783,7 +21777,7 @@
       }, null, 6)
     ], 2);
   }
-  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$z], ["__file", "alpha-slider.vue"]]);
+  var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1v, [["render", _sfc_render$x], ["__file", "alpha-slider.vue"]]);
 
   const _sfc_main$1u = vue.defineComponent({
     name: "ElColorHueSlider",
@@ -21878,7 +21872,7 @@
       };
     }
   });
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
     }, [
@@ -21897,7 +21891,7 @@
       }, null, 6)
     ], 2);
   }
-  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$y], ["__file", "hue-slider.vue"]]);
+  var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1u, [["render", _sfc_render$w], ["__file", "hue-slider.vue"]]);
 
   const OPTIONS_KEY = Symbol();
   const useOptions = () => {
@@ -22218,7 +22212,7 @@
     }
   });
   const _hoisted_1$K = ["onClick"];
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b())
     }, [
@@ -22243,7 +22237,7 @@
       ], 2)
     ], 2);
   }
-  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$x], ["__file", "predefine.vue"]]);
+  var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$v], ["__file", "predefine.vue"]]);
 
   const _sfc_main$1s = vue.defineComponent({
     name: "ElSlPanel",
@@ -22319,7 +22313,7 @@
   const _hoisted_2$u = [
     _hoisted_1$J
   ];
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.b()),
       style: vue.normalizeStyle({
@@ -22341,7 +22335,7 @@
       }, _hoisted_2$u, 6)
     ], 6);
   }
-  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$w], ["__file", "sv-panel.vue"]]);
+  var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1s, [["render", _sfc_render$u], ["__file", "sv-panel.vue"]]);
 
   const _sfc_main$1r = vue.defineComponent({
     name: "ElColorPicker",
@@ -22551,7 +22545,7 @@
     }
   });
   const _hoisted_1$I = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"];
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_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");
@@ -22706,7 +22700,7 @@
       _: 1
     }, 8, ["visible", "popper-class"]);
   }
-  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$v], ["__file", "index.vue"]]);
+  var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$t], ["__file", "index.vue"]]);
 
   ColorPicker.install = (app) => {
     app.component(ColorPicker.name, ColorPicker);
@@ -22757,11 +22751,11 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const __default__$Q = {
+  const __default__$S = {
     name: "ElContainer"
   };
   const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+    ...__default__$S,
     props: {
       direction: {
         type: String
@@ -22798,11 +22792,11 @@
   });
   var Container = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__file", "container.vue"]]);
 
-  const __default__$P = {
+  const __default__$R = {
     name: "ElAside"
   };
   const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+    ...__default__$R,
     props: {
       width: {
         type: String,
@@ -22825,11 +22819,11 @@
   });
   var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["__file", "aside.vue"]]);
 
-  const __default__$O = {
+  const __default__$Q = {
     name: "ElFooter"
   };
   const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+    ...__default__$Q,
     props: {
       height: {
         type: String,
@@ -22852,11 +22846,11 @@
   });
   var Footer$2 = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__file", "footer.vue"]]);
 
-  const __default__$N = {
+  const __default__$P = {
     name: "ElHeader"
   };
   const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+    ...__default__$P,
     props: {
       height: {
         type: String,
@@ -22883,11 +22877,11 @@
   });
   var Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__file", "header.vue"]]);
 
-  const __default__$M = {
+  const __default__$O = {
     name: "ElMain"
   };
   const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+    ...__default__$O,
     setup(__props) {
       const ns = useNamespace("main");
       return (_ctx, _cache) => {
@@ -23260,6 +23254,7 @@
       const lastRow = vue.ref();
       const lastColumn = vue.ref();
       const tableRows = vue.ref([[], [], [], [], [], []]);
+      let focusWithClick = false;
       const firstDayOfWeek = props.date.$locale().weekStart || 7;
       const WEEKS_CONSTANT = props.date.locale("en").localeData().weekdaysShort().map((_) => _.toLowerCase());
       const offsetDay = vue.computed(() => {
@@ -23464,13 +23459,25 @@
         return !hasCurrent.value && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
       };
       const handleFocus = (event) => {
-        if (!hasCurrent.value && props.selectionMode === "date") {
-          handlePickDate(event, true);
-        }
+        if (focusWithClick || hasCurrent.value || props.selectionMode !== "date")
+          return;
+        handlePickDate(event, true);
+      };
+      const handleMouseDown = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = true;
+      };
+      const handleMouseUp = (event) => {
+        const target = event.target.closest("td");
+        if (!target)
+          return;
+        focusWithClick = false;
       };
       const handlePickDate = (event, isKeyboardMovement = false) => {
         const target = event.target.closest("td");
-        if (!target || target.tagName !== "TD")
+        if (!target)
           return;
         const row = target.parentNode.rowIndex - 1;
         const column = target.cellIndex;
@@ -23535,7 +23542,9 @@
           cellpadding: "0",
           class: vue.normalizeClass([vue.unref(ns).b(), { "is-week-mode": _ctx.selectionMode === "week" }]),
           onClick: handlePickDate,
-          onMousemove: handleMouseMove
+          onMousemove: handleMouseMove,
+          onMousedown: handleMouseDown,
+          onMouseup: handleMouseUp
         }, [
           vue.createElementVNode("tbody", {
             ref_key: "tbodyRef",
@@ -23560,9 +23569,7 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key: `${rowKey}.${columnKey}`,
                     ref_for: true,
-                    ref: (el) => {
-                      isSelectedCell(cell) && (currentCellRef.value = el);
-                    },
+                    ref: (el) => isSelectedCell(cell) && (currentCellRef.value = el),
                     class: vue.normalizeClass(getCellClasses(cell)),
                     "aria-current": cell.isCurrent ? "date" : void 0,
                     "aria-selected": cell.isCurrent,
@@ -25315,11 +25322,11 @@
   const _hoisted_1$C = ["onClick"];
   const _hoisted_2$o = ["disabled"];
   const _hoisted_3$b = ["disabled"];
-  const __default__$L = {
+  const __default__$N = {
     name: "DatePickerMonthRange"
   };
   const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+    ...__default__$N,
     props: panelMonthRangeProps,
     emits: panelMonthRangeEmits,
     setup(__props, { emit }) {
@@ -25602,9 +25609,9 @@
   };
   const ElDatePicker = _DatePicker;
 
-  const elDescriptionsKey = "elDescriptions";
+  const descriptionsKey = "elDescriptions";
 
-  var DescriptionsCell = vue.defineComponent({
+  var ElDescriptionsCell = vue.defineComponent({
     name: "ElDescriptionsCell",
     props: {
       cell: {
@@ -25618,7 +25625,7 @@
       }
     },
     setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
+      const descriptions = vue.inject(descriptionsKey, {});
       return {
         descriptions
       };
@@ -25684,114 +25691,112 @@
     }
   });
 
-  const _sfc_main$1f = vue.defineComponent({
-    name: "ElDescriptionsRow",
-    components: {
-      [DescriptionsCell.name]: DescriptionsCell
-    },
-    props: {
-      row: {
-        type: Array
-      }
-    },
-    setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
-      return {
-        descriptions
-      };
+  const descriptionsRowProps = buildProps({
+    row: {
+      type: Array,
+      default: () => []
     }
   });
+
   const _hoisted_1$B = { key: 1 };
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
-    return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-      vue.createElementVNode("tr", null, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: `tr1-${index}`,
-            cell,
-            tag: "th",
-            type: "label"
-          }, null, 8, ["cell"]);
-        }), 128))
-      ]),
-      vue.createElementVNode("tr", null, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-          return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: `tr2-${index}`,
-            cell,
-            tag: "td",
-            type: "content"
-          }, null, 8, ["cell"]);
-        }), 128))
-      ])
-    ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$B, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-          key: `tr3-${index}`
-        }, [
-          _ctx.descriptions.border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(_component_el_descriptions_cell, {
-              cell,
-              tag: "td",
-              type: "label"
-            }, null, 8, ["cell"]),
-            vue.createVNode(_component_el_descriptions_cell, {
-              cell,
-              tag: "td",
-              type: "content"
-            }, null, 8, ["cell"])
-          ], 64)) : (vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
-            key: 1,
-            cell,
-            tag: "td",
-            type: "both"
-          }, null, 8, ["cell"]))
-        ], 64);
-      }), 128))
-    ]));
-  }
-  var DescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$u], ["__file", "descriptions-row.vue"]]);
+  const __default__$M = {
+    name: "ElDescriptionsRow"
+  };
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
+    props: descriptionsRowProps,
+    setup(__props) {
+      const descriptions = vue.inject(descriptionsKey, {});
+      return (_ctx, _cache) => {
+        return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: `tr1-${index}`,
+                cell,
+                tag: "th",
+                type: "label"
+              }, null, 8, ["cell"]);
+            }), 128))
+          ]),
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: `tr2-${index}`,
+                cell,
+                tag: "td",
+                type: "content"
+              }, null, 8, ["cell"]);
+            }), 128))
+          ])
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$B, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+              key: `tr3-${index}`
+            }, [
+              vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createVNode(vue.unref(ElDescriptionsCell), {
+                  cell,
+                  tag: "td",
+                  type: "label"
+                }, null, 8, ["cell"]),
+                vue.createVNode(vue.unref(ElDescriptionsCell), {
+                  cell,
+                  tag: "td",
+                  type: "content"
+                }, null, 8, ["cell"])
+              ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(ElDescriptionsCell), {
+                key: 1,
+                cell,
+                tag: "td",
+                type: "both"
+              }, null, 8, ["cell"]))
+            ], 64);
+          }), 128))
+        ]));
+      };
+    }
+  });
+  var ElDescriptionsRow = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "descriptions-row.vue"]]);
 
-  const _sfc_main$1e = vue.defineComponent({
-    name: "ElDescriptions",
-    components: {
-      [DescriptionsRow.name]: DescriptionsRow
+  const descriptionProps = buildProps({
+    border: {
+      type: Boolean,
+      default: false
     },
-    props: {
-      border: {
-        type: Boolean,
-        default: false
-      },
-      column: {
-        type: Number,
-        default: 3
-      },
-      direction: {
-        type: String,
-        default: "horizontal"
-      },
-      size: {
-        type: String,
-        validator: isValidComponentSize
-      },
-      title: {
-        type: String,
-        default: ""
-      },
-      extra: {
-        type: String,
-        default: ""
-      }
+    column: {
+      type: Number,
+      default: 3
     },
-    setup(props, { slots }) {
-      vue.provide(elDescriptionsKey, props);
-      const descriptionsSize = useSize();
+    direction: {
+      type: String,
+      values: ["horizontal", "vertical"],
+      default: "horizontal"
+    },
+    size: useSizeProp,
+    title: {
+      type: String,
+      default: ""
+    },
+    extra: {
+      type: String,
+      default: ""
+    }
+  });
+
+  const __default__$L = {
+    name: "ElDescriptions"
+  };
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
+    props: descriptionProps,
+    setup(__props) {
+      const props = __props;
       const ns = useNamespace("descriptions");
-      const descriptionKls = vue.computed(() => [
-        ns.b(),
-        ns.m(descriptionsSize.value)
-      ]);
+      const descriptionsSize = useSize();
+      const slots = vue.useSlots();
+      vue.provide(descriptionsKey, props);
+      const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
       const flattedChildren = (children) => {
         const temp = Array.isArray(children) ? children : [children];
         const res = [];
@@ -25850,56 +25855,50 @@
         });
         return rows;
       };
-      return {
-        descriptionKls,
-        getRows,
-        ns
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(descriptionKls))
+        }, [
+          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("title"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+              ])
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("extra"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
+              ])
+            ], 2)
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("body"))
+          }, [
+            vue.createElementVNode("table", {
+              class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
+            }, [
+              vue.createElementVNode("tbody", null, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getRows(), (row, index) => {
+                  return vue.openBlock(), vue.createBlock(ElDescriptionsRow, {
+                    key: index,
+                    row
+                  }, null, 8, ["row"]);
+                }), 128))
+              ])
+            ], 2)
+          ], 2)
+        ], 2);
       };
     }
   });
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
-    return vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(_ctx.descriptionKls)
-    }, [
-      _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.ns.e("header"))
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("title"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "title", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-          ])
-        ], 2),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(_ctx.ns.e("extra"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "extra", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
-          ])
-        ], 2)
-      ], 2)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("body"))
-      }, [
-        vue.createElementVNode("table", {
-          class: vue.normalizeClass([_ctx.ns.e("table"), _ctx.ns.is("bordered", _ctx.border)])
-        }, [
-          vue.createElementVNode("tbody", null, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getRows(), (row, index) => {
-              return vue.openBlock(), vue.createBlock(_component_el_descriptions_row, {
-                key: index,
-                row
-              }, null, 8, ["row"]);
-            }), 128))
-          ])
-        ], 2)
-      ], 2)
-    ], 2);
-  }
-  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$t], ["__file", "index.vue"]]);
+  var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "description.vue"]]);
 
   var DescriptionsItem = vue.defineComponent({
     name: "ElDescriptionsItem",
@@ -30610,7 +30609,7 @@
               _: 1
             })
           ], 42, _hoisted_1$q)), [
-            [vue.unref(vRepeatClick), decrease]
+            [vue.unref(RepeatClick), decrease]
           ]) : vue.createCommentVNode("v-if", true),
           _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
@@ -30626,7 +30625,7 @@
               _: 1
             })
           ], 42, _hoisted_2$i)), [
-            [vue.unref(vRepeatClick), increase]
+            [vue.unref(RepeatClick), increase]
           ]) : vue.createCommentVNode("v-if", true),
           vue.createVNode(vue.unref(ElInput), {
             id: _ctx.id,
@@ -31365,11 +31364,22 @@
         }
         updateActiveIndex(currentActive);
       });
-      vue.watch(items.value, () => initMenu());
+      vue.watch(items.value, () => {
+        initMenu();
+        if (props.mode === "horizontal" && props.ellipsis)
+          handleResize();
+      });
       vue.watch(() => props.collapse, (value) => {
         if (value)
           openedMenus.value = [];
       });
+      let resizeStopper;
+      vue.watchEffect(() => {
+        if (props.mode === "horizontal" && props.ellipsis)
+          resizeStopper = useResizeObserver(menu, handleResize).stop;
+        else
+          resizeStopper == null ? void 0 : resizeStopper();
+      });
       {
         const addSubMenu = (item) => {
           subMenus.value[item.index] = item;
@@ -31435,7 +31445,6 @@
         });
         return result;
       };
-      const useVNodeResize = (vnode) => props.mode === "horizontal" ? vue.withDirectives(vnode, [[Resize, handleResize]]) : vnode;
       return () => {
         var _a, _b, _c, _d;
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
@@ -31471,8 +31480,7 @@
           }
         }
         const ulStyle = useMenuCssVar(props, 0);
-        const resizeMenu = (vNode) => props.ellipsis ? useVNodeResize(vNode) : vNode;
-        const vMenu = resizeMenu(vue.h("ul", {
+        const vMenu = vue.h("ul", {
           key: String(props.collapse),
           role: "menubar",
           ref: menu,
@@ -31482,7 +31490,7 @@
             [nsMenu.m(props.mode)]: true,
             [nsMenu.m("collapse")]: props.collapse
           }
-        }, [...slot, ...vShowMore]));
+        }, [...slot, ...vShowMore]);
         if (props.collapseTransition && props.mode === "vertical") {
           return vue.h(ElMenuCollapseTransition, () => vMenu);
         }
@@ -31931,11 +31939,11 @@
         const doesSelected = selectedOptions.some((item) => {
           return item.value === vm.value;
         });
-        if (select.cachedOptions.get(key) === vm && !doesSelected) {
-          vue.nextTick(() => {
+        vue.nextTick(() => {
+          if (select.cachedOptions.get(key) === vm && !doesSelected) {
             select.cachedOptions.delete(key);
-          });
-        }
+          }
+        });
         select.onOptionDestroy(key, vm);
       });
       function selectOptionClick() {
@@ -34844,12 +34852,13 @@
         resetCurrentValue
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createElementBlock("div", {
           id: vue.unref(inputId),
           class: vue.normalizeClass([vue.unref(rateClasses), vue.unref(ns).is("disabled", vue.unref(rateDisabled))]),
           role: "slider",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "rating" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItemContext).labelId : void 0,
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(formItemContext)) == null ? void 0 : _a.labelId : void 0,
           "aria-valuenow": currentValue.value,
           "aria-valuetext": vue.unref(text) || void 0,
           "aria-valuemin": "0",
@@ -40283,14 +40292,8 @@
    */
 
   const getCell = function(event) {
-    let cell = event.target;
-    while (cell && cell.tagName.toUpperCase() !== "HTML") {
-      if (cell.tagName.toUpperCase() === "TD") {
-        return cell;
-      }
-      cell = cell.parentNode;
-    }
-    return null;
+    var _a;
+    return (_a = event.target) == null ? void 0 : _a.closest("td");
   };
   const isObject = function(obj) {
     return obj !== null && typeof obj === "object";
@@ -42221,12 +42224,10 @@
       }
     };
     const handleMouseMove = (event, column) => {
+      var _a;
       if (column.children && column.children.length > 0)
         return;
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
       if (!column || !column.resizable)
         return;
       if (!dragging.value && props.border) {
@@ -42259,13 +42260,11 @@
       return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1];
     };
     const handleSortClick = (event, column, givenOrder) => {
+      var _a;
       event.stopPropagation();
       const order = column.order === givenOrder ? null : givenOrder || toggleOrder(column);
-      let target = event.target;
-      while (target && target.tagName !== "TH") {
-        target = target.parentNode;
-      }
-      if (target && target.tagName === "TH") {
+      const target = (_a = event.target) == null ? void 0 : _a.closest("th");
+      if (target) {
         if (hasClass(target, "noclick")) {
           removeClass(target, "noclick");
           return;
@@ -52113,7 +52112,7 @@
           props.onError(err, uploadFile, uploadFiles.value);
         }
       }
-      uploadFiles.value.push(uploadFile);
+      uploadFiles.value = [...uploadFiles.value, uploadFile];
       props.onChange(uploadFile, uploadFiles.value);
     };
     const handleRemove = async (file) => {
@@ -54213,7 +54212,7 @@
   exports.POPPER_INJECTION_KEY = POPPER_INJECTION_KEY;
   exports.RIGHT_CHECK_CHANGE_EVENT = RIGHT_CHECK_CHANGE_EVENT;
   exports.ROOT_PICKER_INJECTION_KEY = ROOT_PICKER_INJECTION_KEY;
-  exports.RepeatClick = vRepeatClick;
+  exports.RepeatClick = RepeatClick;
   exports.Resize = Resize;
   exports.RowAlign = RowAlign;
   exports.RowJustify = RowJustify;
@@ -54280,6 +54279,7 @@
   exports.dayjs = dayjs;
   exports["default"] = installer;
   exports.defaultNamespace = defaultNamespace;
+  exports.descriptionProps = descriptionProps;
   exports.dialogEmits = dialogEmits;
   exports.dialogInjectionKey = dialogInjectionKey;
   exports.dialogProps = dialogProps;