@element-plus/nightly 0.0.20250622 → 0.0.20250624

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250622 */
+/*! Element Plus v0.0.20250624 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11805,7 +11805,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250622";
+  const version$1 = "0.0.20250624";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11855,11 +11855,11 @@
   };
 
   const COMPONENT_NAME$q = "ElAffix";
-  const __default__$1X = vue.defineComponent({
+  const __default__$1_ = vue.defineComponent({
     name: COMPONENT_NAME$q
   });
   const _sfc_main$2A = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1X,
+    ...__default__$1_,
     props: affixProps,
     emits: affixEmits,
     setup(__props, { expose, emit }) {
@@ -11978,12 +11978,12 @@
     }
   });
 
-  const __default__$1W = vue.defineComponent({
+  const __default__$1Z = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$2z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1W,
+    ...__default__$1Z,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -12048,11 +12048,11 @@
     close: (evt) => isUndefined(evt) || evt instanceof Event
   };
 
-  const __default__$1V = vue.defineComponent({
+  const __default__$1Y = vue.defineComponent({
     name: "ElAlert"
   });
   const _sfc_main$2y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1V,
+    ...__default__$1Y,
     props: alertProps,
     emits: alertEmits,
     setup(__props, { emit }) {
@@ -12294,11 +12294,11 @@
   };
 
   const COMPONENT_NAME$p = "ElForm";
-  const __default__$1U = vue.defineComponent({
+  const __default__$1X = vue.defineComponent({
     name: COMPONENT_NAME$p
   });
   const _sfc_main$2x = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1U,
+    ...__default__$1X,
     props: formProps,
     emits: formEmits,
     setup(__props, { expose, emit }) {
@@ -13625,11 +13625,11 @@
     }
   });
 
-  const __default__$1T = vue.defineComponent({
+  const __default__$1W = vue.defineComponent({
     name: "ElFormItem"
   });
   const _sfc_main$2w = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1T,
+    ...__default__$1W,
     props: formItemProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14119,12 +14119,12 @@
   };
 
   const COMPONENT_NAME$n = "ElInput";
-  const __default__$1S = vue.defineComponent({
+  const __default__$1V = vue.defineComponent({
     name: COMPONENT_NAME$n,
     inheritAttrs: false
   });
   const _sfc_main$2v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1S,
+    ...__default__$1V,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14842,11 +14842,11 @@
   };
 
   const COMPONENT_NAME$l = "ElScrollbar";
-  const __default__$1R = vue.defineComponent({
+  const __default__$1U = vue.defineComponent({
     name: COMPONENT_NAME$l
   });
   const _sfc_main$2s = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1R,
+    ...__default__$1U,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -15045,12 +15045,12 @@
   });
   const usePopperProps = popperProps;
 
-  const __default__$1Q = vue.defineComponent({
+  const __default__$1T = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
   const _sfc_main$2r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1Q,
+    ...__default__$1T,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15075,12 +15075,12 @@
   });
   var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "popper.vue"]]);
 
-  const __default__$1P = vue.defineComponent({
+  const __default__$1S = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$2q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1P,
+    ...__default__$1S,
     setup(__props, { expose }) {
       const ns = useNamespace("popper");
       const { arrowRef, arrowStyle } = vue.inject(POPPER_CONTENT_INJECTION_KEY, void 0);
@@ -15189,12 +15189,12 @@
   });
   const usePopperTriggerProps = popperTriggerProps;
 
-  const __default__$1O = vue.defineComponent({
+  const __default__$1R = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$2p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1O,
+    ...__default__$1R,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15705,10 +15705,10 @@
       };
     }
   });
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
   }
-  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$r], ["__file", "focus-trap.vue"]]);
+  var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["render", _sfc_render$o], ["__file", "focus-trap.vue"]]);
 
   const popperArrowProps = buildProps({
     arrowOffset: {
@@ -16010,11 +16010,11 @@
     };
   };
 
-  const __default__$1N = vue.defineComponent({
+  const __default__$1Q = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$2n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1N,
+    ...__default__$1Q,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16237,11 +16237,11 @@
     };
   };
 
-  const __default__$1M = vue.defineComponent({
+  const __default__$1P = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$2l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1M,
+    ...__default__$1P,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16302,12 +16302,12 @@
   });
   var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "trigger.vue"]]);
 
-  const __default__$1L = vue.defineComponent({
+  const __default__$1O = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$2k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1L,
+    ...__default__$1O,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16482,11 +16482,11 @@
   });
   var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "content.vue"]]);
 
-  const __default__$1K = vue.defineComponent({
+  const __default__$1N = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$2j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1K,
+    ...__default__$1N,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -16719,12 +16719,12 @@
   };
 
   const COMPONENT_NAME$k = "ElAutocomplete";
-  const __default__$1J = vue.defineComponent({
+  const __default__$1M = vue.defineComponent({
     name: COMPONENT_NAME$k,
     inheritAttrs: false
   });
   const _sfc_main$2i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1J,
+    ...__default__$1M,
     props: autocompleteProps,
     emits: autocompleteEmits,
     setup(__props, { expose, emit }) {
@@ -17104,11 +17104,11 @@
     error: (evt) => evt instanceof Event
   };
 
-  const __default__$1I = vue.defineComponent({
+  const __default__$1L = vue.defineComponent({
     name: "ElAvatar"
   });
   const _sfc_main$2h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1I,
+    ...__default__$1L,
     props: avatarProps,
     emits: avatarEmits,
     setup(__props, { emit }) {
@@ -17223,11 +17223,11 @@
   };
 
   const COMPONENT_NAME$j = "ElBacktop";
-  const __default__$1H = vue.defineComponent({
+  const __default__$1K = vue.defineComponent({
     name: COMPONENT_NAME$j
   });
   const _sfc_main$2g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1H,
+    ...__default__$1K,
     props: backtopProps,
     emits: backtopEmits,
     setup(__props, { emit }) {
@@ -17303,11 +17303,11 @@
     }
   });
 
-  const __default__$1G = vue.defineComponent({
+  const __default__$1J = vue.defineComponent({
     name: "ElBadge"
   });
   const _sfc_main$2f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1G,
+    ...__default__$1J,
     props: badgeProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -17384,11 +17384,11 @@
     }
   });
 
-  const __default__$1F = vue.defineComponent({
+  const __default__$1I = vue.defineComponent({
     name: "ElBreadcrumb"
   });
   const _sfc_main$2e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1F,
+    ...__default__$1I,
     props: breadcrumbProps,
     setup(__props) {
       const props = __props;
@@ -17425,11 +17425,11 @@
     replace: Boolean
   });
 
-  const __default__$1E = vue.defineComponent({
+  const __default__$1H = vue.defineComponent({
     name: "ElBreadcrumbItem"
   });
   const _sfc_main$2d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1E,
+    ...__default__$1H,
     props: breadcrumbItemProps,
     setup(__props) {
       const props = __props;
@@ -18551,11 +18551,11 @@
     });
   }
 
-  const __default__$1D = vue.defineComponent({
+  const __default__$1G = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$2c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1D,
+    ...__default__$1G,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18638,11 +18638,11 @@
     type: buttonProps.type
   };
 
-  const __default__$1C = vue.defineComponent({
+  const __default__$1F = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$2b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1C,
+    ...__default__$1F,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -19323,12 +19323,12 @@
   });
   const timePickerRngeTriggerProps = timePickerRangeTriggerProps;
 
-  const __default__$1B = vue.defineComponent({
+  const __default__$1E = vue.defineComponent({
     name: "PickerRangeTrigger",
     inheritAttrs: false
   });
   const _sfc_main$2a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1B,
+    ...__default__$1E,
     props: timePickerRangeTriggerProps,
     emits: [
       "mouseenter",
@@ -19430,11 +19430,11 @@
   });
   var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2a, [["__file", "picker-range-trigger.vue"]]);
 
-  const __default__$1A = vue.defineComponent({
+  const __default__$1D = vue.defineComponent({
     name: "Picker"
   });
   const _sfc_main$29 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1A,
+    ...__default__$1D,
     props: timePickerDefaultProps,
     emits: [
       UPDATE_MODEL_EVENT,
@@ -21321,11 +21321,11 @@
     };
   };
 
-  const __default__$1z = vue.defineComponent({
+  const __default__$1C = vue.defineComponent({
     name: "DateTable"
   });
   const _sfc_main$25 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1z,
+    ...__default__$1C,
     props: dateTableProps,
     emits: dateTableEmits,
     setup(__props, { expose, emit }) {
@@ -21535,11 +21535,11 @@
   };
 
   const COMPONENT_NAME$i = "ElCalendar";
-  const __default__$1y = vue.defineComponent({
+  const __default__$1B = vue.defineComponent({
     name: COMPONENT_NAME$i
   });
   const _sfc_main$24 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1y,
+    ...__default__$1B,
     props: calendarProps,
     emits: calendarEmits,
     setup(__props, { expose, emit }) {
@@ -21687,11 +21687,11 @@
     }
   });
 
-  const __default__$1x = vue.defineComponent({
+  const __default__$1A = vue.defineComponent({
     name: "ElCard"
   });
   const _sfc_main$23 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1x,
+    ...__default__$1A,
     props: cardProps,
     setup(__props) {
       const ns = useNamespace("card");
@@ -22044,11 +22044,11 @@
   };
 
   const COMPONENT_NAME$h = "ElCarousel";
-  const __default__$1w = vue.defineComponent({
+  const __default__$1z = vue.defineComponent({
     name: COMPONENT_NAME$h
   });
   const _sfc_main$22 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1w,
+    ...__default__$1z,
     props: carouselProps,
     emits: carouselEmits,
     setup(__props, { expose, emit }) {
@@ -22363,11 +22363,11 @@
     };
   };
 
-  const __default__$1v = vue.defineComponent({
+  const __default__$1y = vue.defineComponent({
     name: CAROUSEL_ITEM_NAME
   });
   const _sfc_main$21 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1v,
+    ...__default__$1y,
     props: carouselItemProps,
     setup(__props) {
       const props = __props;
@@ -22705,11 +22705,11 @@
     };
   };
 
-  const __default__$1u = vue.defineComponent({
+  const __default__$1x = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$20 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1u,
+    ...__default__$1x,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22819,11 +22819,11 @@
   });
   var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$20, [["__file", "checkbox.vue"]]);
 
-  const __default__$1t = vue.defineComponent({
+  const __default__$1w = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$1$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1t,
+    ...__default__$1w,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -22939,11 +22939,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$1s = vue.defineComponent({
+  const __default__$1v = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$1_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1s,
+    ...__default__$1v,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -23090,11 +23090,11 @@
     };
   };
 
-  const __default__$1r = vue.defineComponent({
+  const __default__$1u = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$1Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1r,
+    ...__default__$1u,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -23164,11 +23164,11 @@
     ...radioPropsBase
   });
 
-  const __default__$1q = vue.defineComponent({
+  const __default__$1t = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$1Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1q,
+    ...__default__$1t,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -23256,11 +23256,11 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const __default__$1p = vue.defineComponent({
+  const __default__$1s = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$1X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$1p,
+    ...__default__$1s,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -23321,45 +23321,49 @@
   const ElRadioButton = withNoopInstall(RadioButton);
 
   function isVNodeEmpty(vnodes) {
-    return !!(vnodes == null ? void 0 : vnodes.every((vnode) => vnode.type === vue.Comment));
+    return !!(isArray$1(vnodes) ? vnodes.every(({
+      type
+    }) => type === vue.Comment) : (vnodes == null ? void 0 : vnodes.type) === vue.Comment);
   }
   var NodeContent$1 = vue.defineComponent({
     name: "NodeContent",
-    setup() {
-      const ns = useNamespace("cascader-node");
-      return {
-        ns
-      };
+    props: {
+      node: {
+        type: Object,
+        required: true
+      },
+      renderLabelFn: Function
     },
-    render() {
-      const { ns } = this;
-      const { node, panel } = this.$parent;
-      const { data, label: nodeLabel } = node;
-      const { renderLabelFn } = panel;
+    setup(props) {
+      const ns = useNamespace("cascader-node");
+      const {
+        renderLabelFn,
+        node
+      } = props;
+      const {
+        data,
+        label: nodeLabel
+      } = node;
       const label = () => {
-        let renderLabel = renderLabelFn == null ? void 0 : renderLabelFn({ node, data });
-        if (isVNodeEmpty(renderLabel)) {
-          renderLabel = nodeLabel;
-        }
-        return renderLabel != null ? renderLabel : nodeLabel;
+        const renderLabel = renderLabelFn == null ? void 0 : renderLabelFn({
+          node,
+          data
+        });
+        return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel != null ? renderLabel : nodeLabel;
       };
-      return vue.h("span", { class: ns.e("label") }, label());
+      return () => vue.createVNode("span", {
+        "class": ns.e("label")
+      }, [label()]);
     }
   });
 
   const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
-  const _sfc_main$1W = vue.defineComponent({
-    name: "ElCascaderNode",
-    components: {
-      ElCheckbox,
-      ElRadio,
-      NodeContent: NodeContent$1,
-      ElIcon,
-      Check: check_default,
-      Loading: loading_default,
-      ArrowRight: arrow_right_default
-    },
+  const __default__$1r = vue.defineComponent({
+    name: "ElCascaderNode"
+  });
+  const _sfc_main$1W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1r,
     props: {
       node: {
         type: Object,
@@ -23368,7 +23372,8 @@
       menuId: String
     },
     emits: ["expand"],
-    setup(props, { emit }) {
+    setup(__props, { emit }) {
+      const props = __props;
       const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
       const ns = useNamespace("cascader-node");
       const isHoverMenu = vue.computed(() => panel.isHoverMenu);
@@ -23444,119 +23449,93 @@
           !checkStrictly.value && doExpand();
         }
       };
-      return {
-        panel,
-        isHoverMenu,
-        multiple,
-        checkStrictly,
-        checkedNodeId,
-        isDisabled,
-        isLeaf,
-        expandable,
-        inExpandingPath,
-        inCheckedPath,
-        ns,
-        handleHoverExpand,
-        handleExpand,
-        handleClick,
-        handleCheck,
-        handleSelectCheck
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("li", {
+          id: `${__props.menuId}-${__props.node.uid}`,
+          role: "menuitem",
+          "aria-haspopup": !vue.unref(isLeaf),
+          "aria-owns": vue.unref(isLeaf) ? void 0 : __props.menuId,
+          "aria-expanded": vue.unref(inExpandingPath),
+          tabindex: vue.unref(expandable) ? -1 : void 0,
+          class: vue.normalizeClass([
+            vue.unref(ns).b(),
+            vue.unref(ns).is("selectable", vue.unref(checkStrictly)),
+            vue.unref(ns).is("active", __props.node.checked),
+            vue.unref(ns).is("disabled", !vue.unref(expandable)),
+            vue.unref(inExpandingPath) && "in-active-path",
+            vue.unref(inCheckedPath) && "in-checked-path"
+          ]),
+          onMouseenter: handleHoverExpand,
+          onFocus: handleHoverExpand,
+          onClick: handleClick
+        }, [
+          vue.createCommentVNode(" prefix "),
+          vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.unref(ElCheckbox), {
+            key: 0,
+            "model-value": __props.node.checked,
+            indeterminate: __props.node.indeterminate,
+            disabled: vue.unref(isDisabled),
+            onClick: vue.withModifiers(() => {
+            }, ["stop"]),
+            "onUpdate:modelValue": handleSelectCheck
+          }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : vue.unref(checkStrictly) ? (vue.openBlock(), vue.createBlock(vue.unref(ElRadio), {
+            key: 1,
+            "model-value": vue.unref(checkedNodeId),
+            label: __props.node.uid,
+            disabled: vue.unref(isDisabled),
+            "onUpdate:modelValue": handleSelectCheck,
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
+          }, {
+            default: vue.withCtx(() => [
+              vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
+              vue.createElementVNode("span")
+            ]),
+            _: 1
+          }, 8, ["model-value", "label", "disabled", "onClick"])) : vue.unref(isLeaf) && __props.node.checked ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+            key: 2,
+            class: vue.normalizeClass(vue.unref(ns).e("prefix"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(check_default))
+            ]),
+            _: 1
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+          vue.createVNode(vue.unref(NodeContent$1), {
+            "render-label-fn": vue.unref(panel).renderLabelFn,
+            node: __props.node
+          }, null, 8, ["render-label-fn", "node"]),
+          vue.createCommentVNode(" postfix "),
+          !vue.unref(isLeaf) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+            __props.node.loading ? (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).is("loading"), vue.unref(ns).e("postfix")])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(loading_default))
+              ]),
+              _: 1
+            }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
+              key: 1,
+              class: vue.normalizeClass(["arrow-right", vue.unref(ns).e("postfix")])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(arrow_right_default))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ], 64)) : vue.createCommentVNode("v-if", true)
+        ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"]);
       };
     }
   });
-  function _sfc_render$q(_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");
-    const _component_el_icon = vue.resolveComponent("el-icon");
-    const _component_node_content = vue.resolveComponent("node-content");
-    const _component_loading = vue.resolveComponent("loading");
-    const _component_arrow_right = vue.resolveComponent("arrow-right");
-    return vue.openBlock(), vue.createElementBlock("li", {
-      id: `${_ctx.menuId}-${_ctx.node.uid}`,
-      role: "menuitem",
-      "aria-haspopup": !_ctx.isLeaf,
-      "aria-owns": _ctx.isLeaf ? void 0 : _ctx.menuId,
-      "aria-expanded": _ctx.inExpandingPath,
-      tabindex: _ctx.expandable ? -1 : void 0,
-      class: vue.normalizeClass([
-        _ctx.ns.b(),
-        _ctx.ns.is("selectable", _ctx.checkStrictly),
-        _ctx.ns.is("active", _ctx.node.checked),
-        _ctx.ns.is("disabled", !_ctx.expandable),
-        _ctx.inExpandingPath && "in-active-path",
-        _ctx.inCheckedPath && "in-checked-path"
-      ]),
-      onMouseenter: _ctx.handleHoverExpand,
-      onFocus: _ctx.handleHoverExpand,
-      onClick: _ctx.handleClick
-    }, [
-      vue.createCommentVNode(" prefix "),
-      _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-        key: 0,
-        "model-value": _ctx.node.checked,
-        indeterminate: _ctx.node.indeterminate,
-        disabled: _ctx.isDisabled,
-        onClick: vue.withModifiers(() => {
-        }, ["stop"]),
-        "onUpdate:modelValue": _ctx.handleSelectCheck
-      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick", "onUpdate:modelValue"])) : _ctx.checkStrictly ? (vue.openBlock(), vue.createBlock(_component_el_radio, {
-        key: 1,
-        "model-value": _ctx.checkedNodeId,
-        label: _ctx.node.uid,
-        disabled: _ctx.isDisabled,
-        "onUpdate:modelValue": _ctx.handleSelectCheck,
-        onClick: vue.withModifiers(() => {
-        }, ["stop"])
-      }, {
-        default: vue.withCtx(() => [
-          vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
-          vue.createElementVNode("span")
-        ]),
-        _: 1
-      }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue", "onClick"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-        key: 2,
-        class: vue.normalizeClass(_ctx.ns.e("prefix"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_check)
-        ]),
-        _: 1
-      }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-      vue.createCommentVNode(" content "),
-      vue.createVNode(_component_node_content),
-      vue.createCommentVNode(" postfix "),
-      !_ctx.isLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-        _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 0,
-          class: vue.normalizeClass([_ctx.ns.is("loading"), _ctx.ns.e("postfix")])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_loading)
-          ]),
-          _: 1
-        }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 1,
-          class: vue.normalizeClass(["arrow-right", _ctx.ns.e("postfix")])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_arrow_right)
-          ]),
-          _: 1
-        }, 8, ["class"]))
-      ], 64)) : vue.createCommentVNode("v-if", true)
-    ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex", "onMouseenter", "onFocus", "onClick"]);
-  }
-  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["render", _sfc_render$q], ["__file", "node.vue"]]);
+  var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__file", "node.vue"]]);
 
-  const _sfc_main$1V = vue.defineComponent({
-    name: "ElCascaderMenu",
-    components: {
-      Loading: loading_default,
-      ElIcon,
-      ElScrollbar,
-      ElCascaderNode
-    },
+  const __default__$1q = vue.defineComponent({
+    name: "ElCascaderMenu"
+  });
+  const _sfc_main$1V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1q,
     props: {
       nodes: {
         type: Array,
@@ -23567,15 +23546,16 @@
         required: true
       }
     },
-    setup(props) {
+    setup(__props) {
+      const props = __props;
       const instance = vue.getCurrentInstance();
       const ns = useNamespace("cascader-menu");
       const { t } = useLocale();
       const id = useId();
-      let activeNode = null;
-      let hoverTimer = null;
+      let activeNode;
+      let hoverTimer;
       const panel = vue.inject(CASCADER_PANEL_INJECTION_KEY);
-      const hoverZone = vue.ref(null);
+      const hoverZone = vue.ref();
       const isEmpty = vue.computed(() => !props.nodes.length);
       const isLoading = vue.computed(() => !panel.initialLoaded);
       const menuId = vue.computed(() => `${id.value}-${props.index}`);
@@ -23605,7 +23585,7 @@
         if (!hoverTimer)
           return;
         clearTimeout(hoverTimer);
-        hoverTimer = null;
+        hoverTimer = void 0;
       };
       const clearHoverZone = () => {
         if (!hoverZone.value)
@@ -23613,80 +23593,65 @@
         hoverZone.value.innerHTML = "";
         clearHoverTimer();
       };
-      return {
-        ns,
-        panel,
-        hoverZone,
-        isEmpty,
-        isLoading,
-        menuId,
-        t,
-        handleExpand,
-        handleMouseMove,
-        clearHoverZone
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(ElScrollbar), {
+          key: vue.unref(menuId),
+          tag: "ul",
+          role: "menu",
+          class: vue.normalizeClass(vue.unref(ns).b()),
+          "wrap-class": vue.unref(ns).e("wrap"),
+          "view-class": [vue.unref(ns).e("list"), vue.unref(ns).is("empty", vue.unref(isEmpty))],
+          onMousemove: handleMouseMove,
+          onMouseleave: clearHoverZone
+        }, {
+          default: vue.withCtx(() => {
+            var _a;
+            return [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes, (node) => {
+                return vue.openBlock(), vue.createBlock(ElCascaderNode, {
+                  key: node.uid,
+                  node,
+                  "menu-id": vue.unref(menuId),
+                  onExpand: handleExpand
+                }, null, 8, ["node", "menu-id"]);
+              }), 128)),
+              vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+              }, [
+                vue.createVNode(vue.unref(ElIcon), {
+                  size: "14",
+                  class: vue.normalizeClass(vue.unref(ns).is("loading"))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(loading_default))
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("el.cascader.loading")), 1)
+              ], 2)) : vue.unref(isEmpty) ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.cascader.noData")), 1)
+                ])
+              ], 2)) : ((_a = vue.unref(panel)) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+                (vue.openBlock(), vue.createElementBlock("svg", {
+                  ref_key: "hoverZone",
+                  ref: hoverZone,
+                  class: vue.normalizeClass(vue.unref(ns).e("hover-zone"))
+                }, null, 2))
+              ], 2112)) : vue.createCommentVNode("v-if", true)
+            ];
+          }),
+          _: 3
+        }, 8, ["class", "wrap-class", "view-class"]);
       };
     }
   });
-  function _sfc_render$p(_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");
-    const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-    return vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
-      key: _ctx.menuId,
-      tag: "ul",
-      role: "menu",
-      class: vue.normalizeClass(_ctx.ns.b()),
-      "wrap-class": _ctx.ns.e("wrap"),
-      "view-class": [_ctx.ns.e("list"), _ctx.ns.is("empty", _ctx.isEmpty)],
-      onMousemove: _ctx.handleMouseMove,
-      onMouseleave: _ctx.clearHoverZone
-    }, {
-      default: vue.withCtx(() => {
-        var _a;
-        return [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
-            return vue.openBlock(), vue.createBlock(_component_el_cascader_node, {
-              key: node.uid,
-              node,
-              "menu-id": _ctx.menuId,
-              onExpand: _ctx.handleExpand
-            }, null, 8, ["node", "menu-id", "onExpand"]);
-          }), 128)),
-          _ctx.isLoading ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-          }, [
-            vue.createVNode(_component_el_icon, {
-              size: "14",
-              class: vue.normalizeClass(_ctx.ns.is("loading"))
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_loading)
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
-          ], 2)) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)
-            ])
-          ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
-            (vue.openBlock(), vue.createElementBlock("svg", {
-              ref: "hoverZone",
-              class: vue.normalizeClass(_ctx.ns.e("hover-zone"))
-            }, null, 2))
-          ], 2112)) : vue.createCommentVNode("v-if", true)
-        ];
-      }),
-      _: 3
-    }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
-  }
-  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["render", _sfc_render$p], ["__file", "menu.vue"]]);
+  var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__file", "menu.vue"]]);
 
   let uid = 0;
   const calculatePathNodes = (node) => {
@@ -23720,12 +23685,13 @@
       this.childrenData = childrenData;
       this.children = (childrenData || []).map((child) => new Node$2(child, config, this));
       this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData);
+      this.text = "";
     }
     get isDisabled() {
       const { data, parent, config } = this;
       const { disabled, checkStrictly } = config;
       const isDisabled = isFunction$1(disabled) ? disabled(data, this) : !!data[disabled];
-      return isDisabled || !checkStrictly && (parent == null ? void 0 : parent.isDisabled);
+      return isDisabled || !checkStrictly && !!(parent == null ? void 0 : parent.isDisabled);
     }
     get isLeaf() {
       const { data, config, childrenData, loaded } = this;
@@ -23752,21 +23718,21 @@
       this.text = text;
       return text;
     }
-    broadcast(event, ...args) {
-      const handlerName = `onParent${capitalize(event)}`;
+    broadcast(checked) {
       this.children.forEach((child) => {
+        var _a;
         if (child) {
-          child.broadcast(event, ...args);
-          child[handlerName] && child[handlerName](...args);
+          child.broadcast(checked);
+          (_a = child.onParentCheck) == null ? void 0 : _a.call(child, checked);
         }
       });
     }
-    emit(event, ...args) {
+    emit() {
+      var _a;
       const { parent } = this;
-      const handlerName = `onChild${capitalize(event)}`;
       if (parent) {
-        parent[handlerName] && parent[handlerName](...args);
-        parent.emit(event, ...args);
+        (_a = parent.onChildCheck) == null ? void 0 : _a.call(parent);
+        parent.emit();
       }
     }
     onParentCheck(checked) {
@@ -23796,9 +23762,9 @@
       if (checkStrictly || !multiple) {
         this.checked = checked;
       } else {
-        this.broadcast("check", checked);
+        this.broadcast(checked);
         this.setCheckState(checked);
-        this.emit("check");
+        this.emit();
       }
     }
   }
@@ -23888,6 +23854,23 @@
     disabled: "disabled",
     hoverThreshold: 500
   };
+  const cascaderPanelProps = buildProps({
+    ...CommonProps,
+    border: {
+      type: Boolean,
+      default: true
+    },
+    renderLabel: {
+      type: Function
+    }
+  });
+  const emitChangeFn$2 = (value) => true;
+  const cascaderPanelEmits = {
+    [UPDATE_MODEL_EVENT]: emitChangeFn$2,
+    [CHANGE_EVENT]: emitChangeFn$2,
+    close: () => true,
+    "expand-change": (value) => value
+  };
   const useCascaderConfig = (props) => {
     return vue.computed(() => ({
       ...DefaultProps,
@@ -23927,30 +23910,26 @@
     return res;
   };
 
-  const _sfc_main$1U = vue.defineComponent({
+  const __default__$1p = vue.defineComponent({
     name: "ElCascaderPanel",
-    components: {
-      ElCascaderMenu
-    },
-    props: {
-      ...CommonProps,
-      border: {
-        type: Boolean,
-        default: true
-      },
-      renderLabel: Function
-    },
-    emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, "close", "expand-change"],
-    setup(props, { emit, slots }) {
+    inheritAttrs: false
+  });
+  const _sfc_main$1U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$1p,
+    props: cascaderPanelProps,
+    emits: cascaderPanelEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
       let manualChecked = false;
       const ns = useNamespace("cascader");
       const config = useCascaderConfig(props);
-      let store = null;
+      const slots = vue.useSlots();
+      let store;
       const initialLoaded = vue.ref(true);
       const menuList = vue.ref([]);
-      const checkedValue = vue.ref(null);
+      const checkedValue = vue.ref();
       const menus = vue.ref([]);
-      const expandingNode = vue.ref(null);
+      const expandingNode = vue.ref();
       const checkedNodes = vue.ref([]);
       const isHoverMenu = vue.computed(() => config.value.expandTrigger === "hover");
       const renderLabelFn = vue.computed(() => props.renderLabel || slots.default);
@@ -23985,7 +23964,7 @@
           _node.loading = false;
           _node.loaded = true;
           _node.childrenData = _node.childrenData || [];
-          cb && cb(dataList);
+          dataList && (cb == null ? void 0 : cb(dataList));
         };
         cfg.lazyLoad(node, resolve);
       };
@@ -24023,29 +24002,26 @@
         expandParentNode(node);
         node && expandNode(node);
       };
-      const getFlattedNodes = (leafOnly) => {
-        return store == null ? void 0 : store.getFlattedNodes(leafOnly);
-      };
+      const getFlattedNodes = (leafOnly) => store == null ? void 0 : store.getFlattedNodes(leafOnly);
       const getCheckedNodes = (leafOnly) => {
         var _a;
-        return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+        return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter(({ checked }) => checked);
       };
       const clearCheckedNodes = () => {
         checkedNodes.value.forEach((node) => node.doCheck(false));
         calculateCheckedValue();
         menus.value = menus.value.slice(0, 1);
-        expandingNode.value = null;
+        expandingNode.value = void 0;
         emit("expand-change", []);
       };
       const calculateCheckedValue = () => {
-        var _a;
         const { checkStrictly, multiple } = config.value;
         const oldNodes = checkedNodes.value;
         const newNodes = getCheckedNodes(!checkStrictly);
         const nodes = sortByOriginalOrder(oldNodes, newNodes);
         const values = nodes.map((node) => node.valueByOption);
         checkedNodes.value = nodes;
-        checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+        checkedValue.value = multiple ? values : values[0];
       };
       const syncCheckedValue = (loaded = false, forced = false) => {
         const { modelValue } = props;
@@ -24079,7 +24055,7 @@
         if (newExpandingNode) {
           newExpandingNode.pathNodes.forEach((node) => expandNode(node, true));
         } else {
-          expandingNode.value = null;
+          expandingNode.value = void 0;
         }
         oldNodes.forEach((node) => node.doCheck(false));
         vue.reactive(newNodes).forEach((node) => node.doCheck(true));
@@ -24140,7 +24116,11 @@
         expandNode,
         handleCheckChange
       }));
-      vue.watch([config, () => props.options], initStore, {
+      vue.watch([config, () => props.options], (newVal, oldVal) => {
+        if (isEqual$1(newVal, oldVal))
+          return;
+        initStore();
+      }, {
         deep: true,
         immediate: true
       });
@@ -24158,8 +24138,7 @@
       });
       vue.onBeforeUpdate(() => menuList.value = []);
       vue.onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
-      return {
-        ns,
+      expose({
         menuList,
         menus,
         checkedNodes,
@@ -24170,32 +24149,31 @@
         clearCheckedNodes,
         calculateCheckedValue,
         scrollToExpandingNode
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass([vue.unref(ns).b("panel"), vue.unref(ns).is("bordered", _ctx.border)]),
+          onKeydown: handleKeyDown
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menus.value, (menu, index) => {
+            return vue.openBlock(), vue.createBlock(ElCascaderMenu, {
+              key: index,
+              ref_for: true,
+              ref: (item) => menuList.value[index] = item,
+              index,
+              nodes: [...menu]
+            }, {
+              empty: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "empty")
+              ]),
+              _: 2
+            }, 1032, ["index", "nodes"]);
+          }), 128))
+        ], 34);
       };
     }
   });
-  function _sfc_render$o(_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)]),
-      onKeydown: _ctx.handleKeyDown
-    }, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (menu, index) => {
-        return vue.openBlock(), vue.createBlock(_component_el_cascader_menu, {
-          key: index,
-          ref_for: true,
-          ref: (item) => _ctx.menuList[index] = item,
-          index,
-          nodes: [...menu]
-        }, {
-          empty: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "empty")
-          ]),
-          _: 2
-        }, 1032, ["index", "nodes"]);
-      }), 128))
-    ], 42, ["onKeydown"]);
-  }
-  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["render", _sfc_render$o], ["__file", "index.vue"]]);
+  var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__file", "index.vue"]]);
 
   const ElCascaderPanel = withInstall(CascaderPanel);
 
@@ -24385,9 +24363,10 @@
     },
     ...useEmptyValuesProps
   });
+  const emitChangeFn$1 = (value) => true;
   const cascaderEmits = {
-    [UPDATE_MODEL_EVENT]: (_) => true,
-    [CHANGE_EVENT]: (_) => true,
+    [UPDATE_MODEL_EVENT]: emitChangeFn$1,
+    [CHANGE_EVENT]: emitChangeFn$1,
     focus: (evt) => evt instanceof FocusEvent,
     blur: (evt) => evt instanceof FocusEvent,
     clear: () => true,
@@ -26017,7 +25996,10 @@
   var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$n], ["__file", "hue-slider.vue"]]);
 
   const colorPickerProps = buildProps({
-    modelValue: String,
+    modelValue: {
+      type: definePropType(String),
+      default: void 0
+    },
     id: String,
     showAlpha: Boolean,
     colorFormat: String,
@@ -26039,6 +26021,7 @@
       type: Boolean,
       default: true
     },
+    ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
   const colorPickerEmits = {
@@ -26322,6 +26305,7 @@
       const { formItem } = useFormItem();
       const colorSize = useFormSize();
       const colorDisabled = useFormDisabled();
+      const { valueOnClear, isEmptyValue } = useEmptyValues(props, null);
       const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
         formItemContext: formItem
       });
@@ -26423,7 +26407,7 @@
         }
       }
       function confirmValue() {
-        const value = color.value;
+        const value = isEmptyValue(color.value) ? valueOnClear.value : color.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit(CHANGE_EVENT, value);
         if (props.validateEvent) {
@@ -26443,9 +26427,9 @@
       }
       function clear() {
         debounceSetShowPicker(false);
-        emit(UPDATE_MODEL_EVENT, null);
-        emit(CHANGE_EVENT, null);
-        if (props.modelValue !== null && props.validateEvent) {
+        emit(UPDATE_MODEL_EVENT, valueOnClear.value);
+        emit(CHANGE_EVENT, valueOnClear.value);
+        if (props.modelValue !== valueOnClear.value && props.validateEvent) {
           formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         resetColor();
@@ -43856,8 +43840,6 @@
             }, {
               default: () => [child]
             }, PatchFlags.PROPS | PatchFlags.STYLE, ["style", "prefixCls"]));
-          } else if (vue.isVNode(child) && child.type === vue.Comment) {
-            extractedChildren.push(child);
           }
         });
         return extractedChildren;
@@ -45629,15 +45611,6 @@
       }
       instance.emit("select-all", (selection.value || []).slice());
     };
-    const updateSelectionByRowKey = () => {
-      data.value.forEach((row) => {
-        const rowId = getRowIdentity(row, rowKey.value);
-        const rowInfo = selectedMap.value[rowId];
-        if (rowInfo) {
-          selection.value[rowInfo.index] = row;
-        }
-      });
-    };
     const updateAllSelected = () => {
       var _a2;
       if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
@@ -45835,7 +45808,6 @@
       toggleRowSelection,
       _toggleAllSelection,
       toggleAllSelection: null,
-      updateSelectionByRowKey,
       updateAllSelected,
       updateFilters,
       updateCurrentRow,
@@ -45927,7 +45899,6 @@
         instance.store.updateTreeData(instance.store.states.defaultExpandAll.value);
         if (vue.unref(states.reserveSelection)) {
           instance.store.assertRowKey();
-          instance.store.updateSelectionByRowKey();
         } else {
           if (dataInstanceChanged) {
             instance.store.clearSelection();
@@ -53757,6 +53728,8 @@
   let nodeIdSeed = 0;
   class Node {
     constructor(options) {
+      this.isLeafByUser = void 0;
+      this.isLeaf = void 0;
       this.id = nodeIdSeed++;
       this.text = null;
       this.checked = false;
@@ -53781,6 +53754,7 @@
       }
     }
     initialize() {
+      var _a;
       const store = this.store;
       if (!store) {
         throw new Error("[Node]store is required!");
@@ -53809,7 +53783,7 @@
         return;
       const defaultExpandedKeys = store.defaultExpandedKeys;
       const key = store.key;
-      if (key && defaultExpandedKeys && defaultExpandedKeys.includes(this.key)) {
+      if (key && !isNil(this.key) && defaultExpandedKeys && defaultExpandedKeys.includes(this.key)) {
         this.expand(null, store.autoExpandParent);
       }
       if (key && store.currentNodeKey !== void 0 && this.key === store.currentNodeKey) {
@@ -53820,7 +53794,7 @@
         store._initDefaultCheckedNode(this);
       }
       this.updateLeafState();
-      if (this.parent && (this.level === 1 || this.parent.expanded === true))
+      if (this.level === 1 || ((_a = this.parent) == null ? void 0 : _a.expanded) === true)
         this.canFocus = true;
     }
     setData(data) {
@@ -53886,11 +53860,11 @@
       if (!(child instanceof Node)) {
         if (!batch) {
           const children = this.getChildren(true);
-          if (!children.includes(child.data)) {
+          if (!(children == null ? void 0 : children.includes(child.data))) {
             if (isUndefined(index) || index < 0) {
-              children.push(child.data);
+              children == null ? void 0 : children.push(child.data);
             } else {
-              children.splice(index, 0, child.data);
+              children == null ? void 0 : children.splice(index, 0, child.data);
             }
           }
         }
@@ -53957,7 +53931,7 @@
       const done = () => {
         if (expandParent) {
           let parent = this.parent;
-          while (parent.level > 0) {
+          while (parent && parent.level > 0) {
             parent.expanded = true;
             parent = parent.parent;
           }
@@ -53996,7 +53970,7 @@
       });
     }
     shouldLoadData() {
-      return this.store.lazy === true && this.store.load && !this.loaded;
+      return Boolean(this.store.lazy === true && this.store.load && !this.loaded);
     }
     updateLeafState() {
       if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== "undefined") {
@@ -54082,7 +54056,7 @@
       const newNodes = [];
       newData.forEach((item, index) => {
         const key = item[NODE_KEY];
-        const isNodeExists = !!key && oldData.findIndex((data) => data[NODE_KEY] === key) >= 0;
+        const isNodeExists = !!key && oldData.findIndex((data) => (data == null ? void 0 : data[NODE_KEY]) === key) >= 0;
         if (isNodeExists) {
           newDataMap[key] = { index, data: item };
         } else {
@@ -54091,7 +54065,7 @@
       });
       if (!this.store.lazy) {
         oldData.forEach((item) => {
-          if (!newDataMap[item[NODE_KEY]])
+          if (!newDataMap[item == null ? void 0 : item[NODE_KEY]])
             this.removeChildByData(item);
         });
       }
@@ -54141,6 +54115,11 @@
 
   class TreeStore {
     constructor(options) {
+      this.lazy = false;
+      this.checkStrictly = false;
+      this.autoExpandParent = false;
+      this.defaultExpandAll = false;
+      this.checkDescendants = false;
       this.currentNode = null;
       this.currentNodeKey = null;
       for (const option in options) {
@@ -54161,7 +54140,7 @@
         loadFn(this.root, (data) => {
           this.root.doCreateChildren(data);
           this._initDefaultCheckedNodes();
-        });
+        }, NOOP);
       } else {
         this._initDefaultCheckedNodes();
       }
@@ -54172,7 +54151,7 @@
       const traverse = async function(node) {
         const childNodes = node.root ? node.root.childNodes : node.childNodes;
         for (const [index, child] of childNodes.entries()) {
-          child.visible = filterNodeMethod.call(child, value, child.data, child);
+          child.visible = !!(filterNodeMethod == null ? void 0 : filterNodeMethod.call(child, value, child.data, child));
           if (index % 80 === 0 && index > 0) {
             await vue.nextTick();
           }
@@ -54215,12 +54194,14 @@
       return this.nodesMap[key] || null;
     }
     insertBefore(data, refData) {
+      var _a;
       const refNode = this.getNode(refData);
-      refNode.parent.insertBefore({ data }, refNode);
+      (_a = refNode.parent) == null ? void 0 : _a.insertBefore({ data }, refNode);
     }
     insertAfter(data, refData) {
+      var _a;
       const refNode = this.getNode(refData);
-      refNode.parent.insertAfter({ data }, refNode);
+      (_a = refNode.parent) == null ? void 0 : _a.insertAfter({ data }, refNode);
     }
     remove(data) {
       const node = this.getNode(data);
@@ -54249,7 +54230,7 @@
     }
     _initDefaultCheckedNode(node) {
       const defaultCheckedKeys = this.defaultCheckedKeys || [];
-      if (defaultCheckedKeys.includes(node.key)) {
+      if (!isNil(node.key) && defaultCheckedKeys.includes(node.key)) {
         node.setChecked(true, !this.checkStrictly);
       }
     }
@@ -54267,8 +54248,8 @@
         this.nodesMap[node.id] = node;
       } else {
         const nodeKey = node.key;
-        if (nodeKey !== void 0)
-          this.nodesMap[node.key] = node;
+        if (!isNil(nodeKey))
+          this.nodesMap[nodeKey] = node;
       }
     }
     deregisterNode(node) {
@@ -54429,14 +54410,16 @@
       this.currentNode.isCurrent = true;
     }
     setUserCurrentNode(node, shouldAutoExpandParent = true) {
+      var _a;
       const key = node[this.key];
       const currNode = this.nodesMap[key];
       this.setCurrentNode(currNode);
-      if (shouldAutoExpandParent && this.currentNode.level > 1) {
-        this.currentNode.parent.expand(null, true);
+      if (shouldAutoExpandParent && this.currentNode && this.currentNode.level > 1) {
+        (_a = this.currentNode.parent) == null ? void 0 : _a.expand(null, true);
       }
     }
     setCurrentNodeKey(key, shouldAutoExpandParent = true) {
+      var _a;
       this.currentNodeKey = key;
       if (isPropAbsent(key)) {
         this.currentNode && (this.currentNode.isCurrent = false);
@@ -54446,8 +54429,8 @@
       const node = this.getNode(key);
       if (node) {
         this.setCurrentNode(node);
-        if (shouldAutoExpandParent && this.currentNode.level > 1) {
-          this.currentNode.parent.expand(null, true);
+        if (shouldAutoExpandParent && this.currentNode && this.currentNode.level > 1) {
+          (_a = this.currentNode.parent) == null ? void 0 : _a.expand(null, true);
         }
       }
     }
@@ -54485,8 +54468,9 @@
     const parentNodeMap = vue.inject(TREE_NODE_MAP_INJECTION_KEY, null);
     const currentNodeMap = {
       treeNodeExpand: (node) => {
+        var _a;
         if (props.node !== node) {
-          props.node.collapse();
+          (_a = props.node) == null ? void 0 : _a.collapse();
         }
       },
       children: []
@@ -54507,7 +54491,13 @@
   }
 
   const dragEventsKey = Symbol("dragEvents");
-  function useDragNodeHandler({ props, ctx, el$, dropIndicator$, store }) {
+  function useDragNodeHandler({
+    props,
+    ctx,
+    el$,
+    dropIndicator$,
+    store
+  }) {
     const ns = useNamespace("tree");
     const dragState = vue.ref({
       showDropIndicator: false,
@@ -54517,6 +54507,8 @@
       dropType: null
     });
     const treeNodeDragStart = ({ event, treeNode }) => {
+      if (!event.dataTransfer)
+        return;
       if (isFunction$1(props.allowDrag) && !props.allowDrag(treeNode.node)) {
         event.preventDefault();
         return false;
@@ -54530,6 +54522,8 @@
       ctx.emit("node-drag-start", treeNode.node, event);
     };
     const treeNodeDragOver = ({ event, treeNode }) => {
+      if (!event.dataTransfer)
+        return;
       const dropNode = treeNode;
       const oldDropNode = dragState.value.dropNode;
       if (oldDropNode && oldDropNode.node.id !== dropNode.node.id) {
@@ -54573,7 +54567,8 @@
         dropInner = false;
         dropNext = false;
       }
-      const targetPosition = dropNode.$el.querySelector(`.${ns.be("node", "content")}`).getBoundingClientRect();
+      const dropEl = dropNode.$el;
+      const targetPosition = dropEl.querySelector(`.${ns.be("node", "content")}`).getBoundingClientRect();
       const treePosition = el$.value.getBoundingClientRect();
       let dropType;
       const prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.45 : 1 : -1;
@@ -54589,7 +54584,7 @@
       } else {
         dropType = "none";
       }
-      const iconPosition = dropNode.$el.querySelector(`.${ns.be("node", "expand-icon")}`).getBoundingClientRect();
+      const iconPosition = dropEl.querySelector(`.${ns.be("node", "expand-icon")}`).getBoundingClientRect();
       const dropIndicator = dropIndicator$.value;
       if (dropType === "before") {
         indicatorTop = iconPosition.top - treePosition.top;
@@ -54599,9 +54594,9 @@
       dropIndicator.style.top = `${indicatorTop}px`;
       dropIndicator.style.left = `${iconPosition.right - treePosition.left}px`;
       if (dropType === "inner") {
-        addClass(dropNode.$el, ns.is("drop-inner"));
+        addClass(dropEl, ns.is("drop-inner"));
       } else {
-        removeClass(dropNode.$el, ns.is("drop-inner"));
+        removeClass(dropEl, ns.is("drop-inner"));
       }
       dragState.value.showDropIndicator = dropType === "before" || dropType === "after";
       dragState.value.allowDrop = dragState.value.showDropIndicator || userAllowDropInner;
@@ -54609,20 +54604,21 @@
       ctx.emit("node-drag-over", draggingNode.node, dropNode.node, event);
     };
     const treeNodeDragEnd = (event) => {
+      var _a, _b;
       const { draggingNode, dropType, dropNode } = dragState.value;
       event.preventDefault();
       if (event.dataTransfer) {
         event.dataTransfer.dropEffect = "move";
       }
-      if (draggingNode && dropNode) {
+      if ((draggingNode == null ? void 0 : draggingNode.node.data) && dropNode) {
         const draggingNodeCopy = { data: draggingNode.node.data };
         if (dropType !== "none") {
           draggingNode.node.remove();
         }
         if (dropType === "before") {
-          dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
+          (_a = dropNode.node.parent) == null ? void 0 : _a.insertBefore(draggingNodeCopy, dropNode.node);
         } else if (dropType === "after") {
-          dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
+          (_b = dropNode.node.parent) == null ? void 0 : _b.insertAfter(draggingNodeCopy, dropNode.node);
         } else if (dropType === "inner") {
           dropNode.node.insertChild(draggingNodeCopy);
         }
@@ -54630,8 +54626,8 @@
           store.value.registerNode(draggingNodeCopy);
           if (store.value.key) {
             draggingNode.node.eachNode((node) => {
-              var _a;
-              (_a = store.value.nodesMap[node.data[store.value.key]]) == null ? void 0 : _a.setChecked(node.checked, !store.value.checkStrictly);
+              var _a2;
+              (_a2 = store.value.nodesMap[node.data[store.value.key]]) == null ? void 0 : _a2.setChecked(node.checked, !store.value.checkStrictly);
             });
           }
         }
@@ -55029,6 +55025,8 @@
     useEventListener(el$, "keydown", handleKeydown);
     const initTabIndex = () => {
       var _a;
+      if (!el$.value)
+        return;
       const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
       const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
       checkboxItems.forEach((checkbox) => {
@@ -55048,7 +55046,7 @@
     components: { ElTreeNode: ElTreeNode$1 },
     props: {
       data: {
-        type: Array,
+        type: definePropType(Array),
         default: () => []
       },
       emptyText: {
@@ -55081,7 +55079,9 @@
       defaultCheckedKeys: Array,
       defaultExpandedKeys: Array,
       currentNodeKey: [String, Number],
-      renderContent: Function,
+      renderContent: {
+        type: definePropType(Function)
+      },
       showCheckbox: {
         type: Boolean,
         default: false
@@ -55090,8 +55090,12 @@
         type: Boolean,
         default: false
       },
-      allowDrag: Function,
-      allowDrop: Function,
+      allowDrag: {
+        type: definePropType(Function)
+      },
+      allowDrop: {
+        type: definePropType(Function)
+      },
       props: {
         type: Object,
         default: () => ({
@@ -55170,13 +55174,13 @@
         return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !hasFilteredOptions;
       });
       vue.watch(() => props.currentNodeKey, (newVal) => {
-        store.value.setCurrentNodeKey(newVal);
+        store.value.setCurrentNodeKey(newVal != null ? newVal : null);
       });
       vue.watch(() => props.defaultCheckedKeys, (newVal) => {
-        store.value.setDefaultCheckedKey(newVal);
+        store.value.setDefaultCheckedKey(newVal != null ? newVal : []);
       });
       vue.watch(() => props.defaultExpandedKeys, (newVal) => {
-        store.value.setDefaultExpandedKeys(newVal);
+        store.value.setDefaultExpandedKeys(newVal != null ? newVal : []);
       });
       vue.watch(() => props.data, (newVal) => {
         store.value.setData(newVal);
@@ -55254,7 +55258,7 @@
           throw new Error("[Tree] nodeKey is required in setCurrentKey");
         handleCurrentChange(store, ctx.emit, () => {
           broadcastExpanded();
-          store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
+          store.value.setCurrentNodeKey(key != null ? key : null, shouldAutoExpandParent);
         });
       };
       const getNode = (data) => {
@@ -56215,6 +56219,7 @@
           const children = getChildren(rawNode);
           node.disabled = getDisabled(rawNode);
           node.isLeaf = !children || children.length === 0;
+          node.expanded = expandedKeySet.value.has(value);
           if (children && children.length) {
             node.children = traverse(children, level + 1, node);
           }
@@ -56274,6 +56279,7 @@
         let node = nodeMap.get(k);
         while (node && !expandedKeys.has(node.key)) {
           expandedKeys.add(node.key);
+          node.expanded = true;
           node = node.parent;
         }
       });
@@ -56309,19 +56315,19 @@
           const treeNode = treeNodeMap.get(key);
           if (node && node.level === (treeNode == null ? void 0 : treeNode.level)) {
             keySet.delete(key);
+            treeNode.expanded = false;
           }
         });
       }
       keySet.add(node.key);
+      node.expanded = true;
       emit(NODE_EXPAND, node.data, node);
     }
     function collapseNode(node) {
       expandedKeySet.value.delete(node.key);
+      node.expanded = false;
       emit(NODE_COLLAPSE, node.data, node);
     }
-    function isExpanded(node) {
-      return expandedKeySet.value.has(node.key);
-    }
     function isDisabled(node) {
       return !!node.disabled;
     }
@@ -56378,7 +56384,6 @@
       getChildren,
       toggleExpand,
       toggleCheckbox,
-      isExpanded,
       isChecked,
       isIndeterminate,
       isDisabled,
@@ -56532,7 +56537,9 @@
               onClick: vue.withModifiers(() => {
               }, ["stop"])
             }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true),
-            vue.createVNode(vue.unref(ElNodeContent), { node: _ctx.node }, null, 8, ["node"])
+            vue.createVNode(vue.unref(ElNodeContent), {
+              node: { ..._ctx.node, expanded: _ctx.expanded }
+            }, null, 8, ["node"])
           ], 6)
         ], 42, ["aria-expanded", "aria-disabled", "aria-checked", "data-key", "onClick", "onDragover", "onDragenter", "onDrop"]);
       };
@@ -56567,7 +56574,6 @@
         isNotEmpty,
         listRef,
         toggleExpand,
-        isExpanded,
         isIndeterminate,
         isChecked,
         isDisabled,
@@ -56636,7 +56642,7 @@
                 key: data[index].key,
                 style: vue.normalizeStyle(style),
                 node: data[index],
-                expanded: vue.unref(isExpanded)(data[index]),
+                expanded: data[index].expanded,
                 "show-checkbox": _ctx.showCheckbox,
                 checked: vue.unref(isChecked)(data[index]),
                 indeterminate: vue.unref(isIndeterminate)(data[index]),
@@ -62593,6 +62599,8 @@
   exports.carouselItemProps = carouselItemProps;
   exports.carouselProps = carouselProps;
   exports.cascaderEmits = cascaderEmits;
+  exports.cascaderPanelEmits = cascaderPanelEmits;
+  exports.cascaderPanelProps = cascaderPanelProps;
   exports.cascaderProps = cascaderProps;
   exports.checkTagEmits = checkTagEmits;
   exports.checkTagProps = checkTagProps;