@element-plus/nightly 0.0.20220716 → 0.0.20220719

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220716 */
+/*! Element Plus v0.0.20220719 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9298,7 +9298,8 @@
       return {
         hide,
         show,
-        toggle
+        toggle,
+        hasUpdateHandler
       };
     };
     return {
@@ -10734,7 +10735,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220716";
+  const version$1 = "0.0.20220719";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -10783,11 +10784,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 }) {
@@ -10902,12 +10903,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;
@@ -10969,11 +10970,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 }) {
@@ -11241,12 +11242,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 }) {
@@ -11940,11 +11941,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 }) {
@@ -12107,12 +12108,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;
@@ -12144,12 +12145,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;
@@ -12246,12 +12247,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;
@@ -12653,10 +12654,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({
@@ -12813,11 +12814,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 }) {
@@ -13188,7 +13189,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,
@@ -13243,7 +13244,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)) {
@@ -13308,7 +13309,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,
@@ -13330,7 +13331,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({
@@ -13380,7 +13381,7 @@
       };
       const open = vue.ref(false);
       const toggleReason = vue.ref(void 0);
-      const { show, hide } = useModelToggle({
+      const { show, hide, hasUpdateHandler } = useModelToggle({
         indicator: open,
         toggleReason
       });
@@ -13390,7 +13391,7 @@
         open: show,
         close: hide
       });
-      const controlled = vue.computed(() => isBoolean(props.visible));
+      const controlled = vue.computed(() => isBoolean(props.visible) && !hasUpdateHandler.value);
       vue.provide(TOOLTIP_INJECTION_KEY, {
         controlled,
         id,
@@ -13450,7 +13451,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");
@@ -13519,7 +13520,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);
 
@@ -13594,12 +13595,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 }) {
@@ -13958,11 +13959,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 }) {
@@ -14043,11 +14044,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 }) {
@@ -14152,11 +14153,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;
@@ -14215,11 +14216,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;
@@ -14258,11 +14259,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;
@@ -15293,11 +15294,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 }) {
@@ -15405,11 +15406,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;
@@ -16061,11 +16062,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",
@@ -16493,7 +16494,6 @@
           ref_key: "refPopper",
           ref: refPopper,
           visible: pickerVisible.value,
-          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => pickerVisible.value = $event),
           effect: "light",
           pure: "",
           trigger: "click"
@@ -17773,11 +17773,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 +17932,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 +18167,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 +18263,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 +18576,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 +19006,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 +19111,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 +19189,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 +19317,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 +19393,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 +19487,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 +19692,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 +19775,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 +19855,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 +19908,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 +20383,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 +20400,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 +20438,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 +20972,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 +21201,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 +21220,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 +21292,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 +21366,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 +21421,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 +21513,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 +21761,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 +21783,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 +21878,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 +21897,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 +22218,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 +22243,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 +22319,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 +22341,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 +22551,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 +22706,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 +22757,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 +22798,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 +22825,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 +22852,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 +22883,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) => {
@@ -25315,11 +25315,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 +25602,9 @@
   };
   const ElDatePicker = _DatePicker;
 
-  const elDescriptionsKey = "elDescriptions";
+  const descriptionsKey = "elDescriptions";
 
-  var DescriptionsCell = vue.defineComponent({
+  var ElDescriptionsCell = vue.defineComponent({
     name: "ElDescriptionsCell",
     props: {
       cell: {
@@ -25618,7 +25618,7 @@
       }
     },
     setup() {
-      const descriptions = vue.inject(elDescriptionsKey, {});
+      const descriptions = vue.inject(descriptionsKey, {});
       return {
         descriptions
       };
@@ -25684,114 +25684,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 +25848,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",
@@ -34178,6 +34170,9 @@
     persistent: {
       type: Boolean,
       default: true
+    },
+    "onUpdate:visible": {
+      type: Function
     }
   });
   const popoverEmits = {
@@ -34197,6 +34192,10 @@
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
+      const updateEventKeyRaw = `onUpdate:visible`;
+      const onUpdateVisible = vue.computed(() => {
+        return props[updateEventKeyRaw];
+      });
       const ns = useNamespace("popover");
       const tooltipRef = vue.ref();
       const popperRef = vue.computed(() => {
@@ -34264,6 +34263,7 @@
           teleported: _ctx.teleported,
           persistent: _ctx.persistent,
           "gpu-acceleration": vue.unref(gpuAcceleration),
+          "onUpdate:visible": vue.unref(onUpdateVisible),
           onBeforeShow: beforeEnter,
           onBeforeHide: beforeLeave,
           onShow: afterEnter,
@@ -34283,7 +34283,7 @@
             _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
           ]),
           _: 3
-        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]);
+        }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]);
       };
     }
   });
@@ -52105,7 +52105,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) => {
@@ -54272,6 +54272,7 @@
   exports.dayjs = dayjs;
   exports["default"] = installer;
   exports.defaultNamespace = defaultNamespace;
+  exports.descriptionProps = descriptionProps;
   exports.dialogEmits = dialogEmits;
   exports.dialogInjectionKey = dialogInjectionKey;
   exports.dialogProps = dialogProps;